.snapshot-note{font-size:12px;color:#9ca998;line-height:1.6;margin:6px 0 22px}.load-more{margin:28px 0}.card-reason{min-height:66px}.card-rating{display:block;font-size:11px!important;line-height:1.5;margin-top:6px}.price{font-size:12px!important}.file-label{margin-top:18px;cursor:pointer}.file-label input{display:none}.feedback-vote-row{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #ffffff10;font-size:13px}.feedback-vote-row button{color:var(--lime,#d4fa72)}.profile-dialog{width:min(760px,calc(100vw - 32px))}.profile-footer{flex-wrap:nowrap;gap:16px;overflow-x:auto;padding-bottom:6px}.profile-footer button{flex:0 0 auto;white-space:nowrap}.missing-art{min-height:100%;background:linear-gradient(130deg,#22342b,#18211e);color:#c8d6c4;font-size:14px;object-fit:contain!important}.map-tools .picker-search{margin:0;max-width:340px;z-index:5}.map-search input{min-width:0;width:100%;font-size:13px}.map-tools .search-results{max-height:340px;overflow:auto}.map-control{flex-shrink:0}.entry-tabs button{white-space:normal}.steam-entry .subtle-link{margin-top:12px}.map-sidebar>p{line-height:1.65}.map-sidebar .tags{margin:16px 0}.detail-content>p{white-space:pre-line}.profile-description{line-height:1.7}.profile-section>h3{margin-bottom:15px}.game-card .card-cover{background:#1c2b23}.game-card .card-cover img{aspect-ratio:460/215}.card-cover .fit-badge{display:none}@media(max-width:650px){.map-tools{gap:8px!important}.map-tools .picker-search{max-width:calc(100% - 150px)}.map-control{gap:0!important}.map-control .icon-btn{width:32px!important}.filter-group{flex-wrap:wrap}.filter-group select{max-width:100%}.entry-tabs button{font-size:11px!important;padding:10px 8px!important}.profile-footer button{font-size:12px}.snapshot-note{font-size:11px}.detail-stats{gap:10px}.detail-stats strong{font-size:14px}.card-reason{min-height:0}}
/* Visible before JavaScript starts; progress is indeterminate, with real load phases. */
.startup-state{min-height:calc(100svh - 210px);margin:28px 4%;padding:70px 24px 90px;border:1px solid var(--border);border-radius:10px;background:radial-gradient(ellipse at 50% 38%,#20322288,transparent 65%),#141d16;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.startup-constellation{width:260px;max-width:80%;margin-bottom:12px}
.startup-constellation svg{display:block;width:100%;overflow:visible}
.startup-orbits{stroke:#789963;stroke-width:1;fill:none;opacity:.35}
.startup-stars{fill:var(--accent,#d4fa72)}
.startup-stars circle:nth-child(2n){fill:#b9a3fa;opacity:.65}
.startup-stars circle:nth-child(3){filter:drop-shadow(0 0 12px #d4fa7240)}
.startup-state h1{font:500 clamp(22px,3vw,30px)/1.25 var(--display);letter-spacing:-.6px;margin:0;color:var(--text)}
.startup-progress{width:180px;max-width:80%;height:3px;overflow:hidden;position:relative;margin:26px 0 13px;background:#d4fa7214;border-radius:3px}
.startup-progress span{position:absolute;width:45%;height:100%;background:var(--accent,#d4fa72);border-radius:inherit;animation:startup-progress 1.8s ease-in-out infinite}
.startup-state p{min-height:18px;font-size:12px;line-height:1.5;color:var(--muted);margin:0}
.startup-error p{max-width:440px;margin:18px 0 24px;overflow-wrap:anywhere}
.startup-noscript{text-align:center;color:var(--muted);padding:20px}
@keyframes startup-progress{0%{transform:translateX(-110%)}100%{transform:translateX(330%)}}
@media(prefers-reduced-motion:reduce){.startup-progress span{animation:none;left:27.5%;opacity:.75}}
@media(max-width:560px){.startup-state{min-height:calc(100svh - 240px);margin:20px 5%;padding:50px 18px 65px}.startup-constellation{width:220px}}
/* Pass 1: preserve the approved mock's compact card and map composition. */
.catalog-note{font-size:11px;color:var(--soft);align-self:center}
.game-card{display:flex;flex-direction:column;min-width:0}
.card-body{display:flex;flex-direction:column;flex:1}
.card-body .tags{margin-top:auto}
.card-title-row>button:first-child{min-width:0}
.card-title-row h3{overflow-wrap:anywhere}
.card-reason{min-height:39px}
.price{font-size:15px!important}
.card-rating{font-size:10px!important;margin-top:3px}
.map-sidebar>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.map-sidebar .nearby{margin-top:20px}
.map-sidebar .tags{margin:14px 0}
.explore-layout{min-height:650px}
@media(min-width:851px){.explore-layout{height:650px}.map-main{min-height:0}.map-sidebar{overflow-y:auto}}
.map-tools .picker-search{flex:1;max-width:340px}
.map-sidebar>p{display:block;overflow:visible}
.file-label{position:relative}
.file-label input{display:block;position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.file-label:focus-within{outline:2px solid var(--accent);outline-offset:4px}
.dialog-actions{flex-wrap:wrap}
.detail-stats>div{min-width:0;overflow-wrap:anywhere}
.review-bar.collapsed{left:auto;right:16px;transform:none;padding:8px}
.review-bar.collapsed>:not(#review-collapse){display:none}
.review-bar #review-collapse{cursor:pointer}
.review-bar button.review-mark{display:grid;place-items:center}
@media(max-width:650px){.map-tools .picker-search{max-width:calc(100% - 112px)}.map-legend{right:12px;max-width:max-content}.card-reason{min-height:0}.price{font-size:17px!important}.card-rating{font-size:11px!important}}
@media(max-width:380px){.map-tools{flex-wrap:nowrap}.map-tools .picker-search{max-width:calc(100% - 104px);padding:8px}.map-search input{font-size:11px}.detail-stats{grid-template-columns:1fr 1fr}.entry-tabs{gap:8px}.entry-tabs button{padding:10px 4px!important}.dialog-actions .btn{white-space:normal}.catalog-note{flex-basis:100%}}
.detail-stats span{display:block;line-height:1.4;margin-top:5px}
@media(max-width:560px){.detail-actions>.primary{flex-basis:100%}.detail-actions .votes{margin-left:auto}}
@media(max-width:380px){.header-actions .demo-pill{display:none}.filter-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.filter-group select{min-width:0;width:100%;padding:8px 5px;font-size:10px}.catalog-note{grid-column:1/-1}}

.map-highlight-mode{width:max-content;max-width:100%;margin:0 0 14px}
.map-highlight-mode button{min-height:36px}
.map-mode-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.map-mode-row .map-highlight-mode{margin:0}
.map-highlight-control{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto;order:1;max-width:100%;flex-wrap:wrap}
.map-highlight-control>span{font-size:12px;color:var(--muted)}

#interactive-atlas .map-dot{cursor:pointer}.map-dot:hover{stroke:var(--accent);stroke-width:5;vector-effect:non-scaling-stroke}
.map-selection-box{fill:#d4fa7220;stroke:#d4fa72;stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:none}
.map-selection-panel{margin:22px 0;border:1px solid var(--border);border-radius:8px;background:#151f18;overflow:hidden}
.map-selection-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid var(--border)}
.map-selection-heading h2{font:500 20px var(--display);margin:0}.map-selection-heading button{color:var(--accent);font-size:12px;white-space:nowrap}
.map-selection-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:410px;overflow:auto;overscroll-behavior:contain}
.map-selection-row{display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:5px 14px;text-align:left;padding:14px 20px;border-bottom:1px solid #ffffff0c;min-width:0}
.map-selection-row span{font-size:14px;overflow-wrap:anywhere}.map-selection-row small{grid-column:1;color:var(--muted);font-size:11px;overflow-wrap:anywhere}
.map-selection-row .icon{grid-column:2;grid-row:1/3;align-self:center;color:var(--accent);width:16px}
.map-selection-row:hover,.map-selection-row:focus-visible,.map-selection-row.active{background:#d4fa720d}.map-selection-row.active span{color:var(--accent)}
.map-selection-panel>p{padding:20px;color:var(--muted);font-size:13px}.map-selection-more{margin:16px 20px;font-size:12px}
@media(max-width:650px){.map-mode-row{gap:8px}.map-mode-row .switcher button{font-size:11px;padding:8px 10px}.map-selection-heading{padding:14px}.map-selection-heading h2{font-size:17px}.map-selection-list{grid-template-columns:1fr;max-height:330px}.map-selection-row{padding:12px 14px}.map-legend{max-width:calc(100% - 24px);line-height:1.6}}
@media(max-width:850px){.explore-workspace{display:flex;flex-direction:column}.explore-layout{display:contents}.map-main{border:1px solid #405039;border-radius:9px;min-height:540px}#map-selection-results{order:1}.map-sidebar{order:2;border:1px solid #405039;border-radius:9px;margin-top:18px}.explore-workspace>.snapshot-note{order:3;margin-top:18px}}
@media(max-width:560px){.map-main{min-height:490px}.map-sidebar .btn{grid-column:1/-1;white-space:normal}.map-sidebar .btn .icon{flex-shrink:0}}

#interactive-atlas .map-dot{r:var(--dot-radius,1.25px)}
#interactive-atlas .map-dot.selected{r:var(--selected-radius,2.8px);fill:#d4fa72;opacity:1}
.map-annotations{font-family:DM Sans,sans-serif}.map-annotation:hover rect,.map-annotation:focus rect{fill:#35452a}.map-connections{pointer-events:none}
.map-profile-cta{font-size:12px;padding:8px 14px}
.map-selection-row{grid-template-columns:72px minmax(0,1fr) 18px;gap:4px 12px;align-items:center}
.map-selection-row>img{width:72px;height:36px;object-fit:cover;border-radius:4px;grid-column:1;grid-row:1/3;background:#243024}
.map-selection-row>span,.map-selection-row>small{grid-column:2}.map-selection-row>.icon{grid-column:3}
.map-selection-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px}
.map-selection-pagination .btn{font-size:12px;padding:8px 12px}.map-selection-pagination span{font-size:12px;color:var(--muted)}
.map-selection-pagination button:disabled{opacity:.35;cursor:default}
.algebra-sign{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}
.algebra-sign .icon{width:20px;height:20px;stroke-width:2.4;flex:none}
.algebra-add-row .switcher button{display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1}
.algebra-add-row .switcher .icon{width:15px;height:15px;flex:none;stroke-width:2}

.algebra-workspace{padding:38px 4%}.algebra-workspace .workspace-heading{align-items:center;margin-bottom:14px}.algebra-workspace .eyebrow{display:block;margin-bottom:8px}.algebra-intro{font-size:20px;margin:0 0 8px}.algebra-editor{border:1px solid var(--border);border-radius:9px;padding:22px;background:#172119}.algebra-terms{display:grid;gap:10px}.algebra-term{display:flex;align-items:center;gap:14px;border:1px solid #405039;border-radius:6px;padding:10px;background:#101812;min-width:0}.algebra-term>img{width:76px;aspect-ratio:460/215;object-fit:cover;border-radius:4px}.algebra-term-name{flex:1;font-size:15px;overflow-wrap:anywhere;min-width:0}.algebra-term-name small,.algebra-editor .search-result small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.algebra-sign{width:34px;height:34px;background:#d4fa721a;border-radius:4px;color:var(--accent);font-size:24px;flex-shrink:0}.algebra-sign.negative{color:#f391b7;background:#f391b711}.algebra-influence{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.algebra-influence input{width:70px;padding:9px;background:#1c2b20;color:var(--text);border:1px solid var(--border);border-radius:4px;font:inherit;font-size:14px}.algebra-add-row{display:flex;align-items:center;gap:14px;margin-top:14px}.algebra-add-row .picker-search{flex:1;margin:0;min-width:0}.algebra-add-row .game-search{width:100%;min-width:0}.algebra-add-row .switcher{flex-shrink:0}.algebra-add-row .switcher button{min-height:44px}.algebra-editor .search-results{max-height:300px;overflow:auto;z-index:15}.algebra-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}.algebra-actions .filter-group{flex-wrap:wrap}.algebra-actions .btn{white-space:nowrap}.algebra-result-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:28px 0 20px}.algebra-result-heading h2{font:500 23px var(--display)}.algebra-result-heading .switcher button{display:flex;gap:8px;align-items:center}.algebra-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.algebra-map-link{display:flex;align-items:center;gap:6px;color:var(--accent);font-size:12px;white-space:nowrap}.algebra-map-link .icon{width:14px;height:14px}.algebra-empty{text-align:center;padding:65px 20px;color:var(--muted);font-size:14px}.algebra-formula{display:block;font:500 42px var(--display);color:#819273;margin-bottom:18px}.algebra-status p{margin-top:14px}.algebra-workspace .explore-workspace{padding:0}.algebra-workspace .map-mode-row>.snapshot-note{margin:0}
@media(max-width:1100px){.algebra-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.algebra-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.algebra-actions{flex-wrap:wrap}.algebra-influence{flex-direction:column;gap:3px}.algebra-term>img{width:55px}.algebra-term{gap:9px}}
@media(max-width:560px){.algebra-workspace{padding-top:26px}.algebra-workspace .workspace-heading h1{font-size:31px}.algebra-workspace .workspace-heading>.subtle-link{font-size:11px;max-width:85px}.algebra-intro{font-size:17px}.algebra-editor{padding:12px}.algebra-term{flex-wrap:wrap}.algebra-term-name{flex-basis:calc(100% - 115px)}.algebra-influence{flex-direction:row;margin-left:43px;flex:1}.algebra-term>.icon-btn{width:32px;height:32px}.algebra-add-row{flex-wrap:wrap;gap:8px}.algebra-add-row .picker-search{flex-basis:100%}.algebra-actions{gap:14px;margin-top:16px}.algebra-actions>.btn{width:100%}.algebra-cards{grid-template-columns:1fr}.algebra-result-heading{flex-wrap:wrap}.algebra-result-heading h2{font-size:20px}.algebra-empty{padding:45px 12px}}

.algebra-score{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid #425138;border-radius:5px;background:#d4fa7208;padding:9px 11px;margin:12px 0;color:var(--muted);font-size:11px}.algebra-score strong{margin-left:auto;font:600 19px var(--display);font-variant-numeric:tabular-nums;color:var(--accent)}.algebra-score small{font-size:10px;color:var(--soft);flex-basis:100%;margin-top:-4px}.algebra-map-key{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0;flex:1}.algebra-map-key>.label{font-size:10px;color:var(--muted);letter-spacing:1px;margin-right:4px}.algebra-map-input{display:flex;gap:7px;align-items:center;text-align:left;border:1px solid currentColor;border-radius:5px;padding:6px 10px;font-size:12px;max-width:100%;overflow-wrap:anywhere}.algebra-map-input.positive{color:#d4fa72}.algebra-map-input.negative{color:#f391b7}.algebra-map-input b{font-size:18px;line-height:1;flex-shrink:0}.algebra-map-input.unmapped{border-style:dashed;flex-wrap:wrap}.algebra-map-input small{color:var(--muted);font-size:10px}.algebra-map-result-key{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;white-space:nowrap}.algebra-map-result-key i{width:7px;height:7px;border-radius:50%;background:#75dcc3}.algebra-input-marker .input-anchor{stroke-width:3;vector-effect:non-scaling-stroke}.algebra-input-marker .input-leader{stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:none}.algebra-input-marker .input-label-box{stroke-width:1.5;vector-effect:non-scaling-stroke}.algebra-input-marker .input-selected{stroke-width:1.5;vector-effect:non-scaling-stroke}.algebra-input-marker:hover .input-label-box,.algebra-input-marker:focus .input-label-box{stroke-width:3;fill:#263524}.algebra-workspace .map-highlights [data-highlight="algebra-result"]>circle,.algebra-workspace .map-highlights [data-highlight="selected"]>circle{fill:#75dcc3;stroke:#132019;stroke-width:1}.detail-content>.algebra-score{max-width:280px}.map-sidebar .algebra-score{margin:0 0 14px}
@media(max-width:560px){.algebra-map-key{flex-basis:100%}.algebra-map-input{font-size:11px}.algebra-score strong{font-size:20px}}

.map-dots-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#interactive-atlas>svg{position:relative}

/* Keep shared controls aligned without inline SVG text baselines. */
.icon-btn,.bookmark{padding:0;line-height:1;flex-shrink:0}
.icon-btn>.icon,.bookmark>.icon{display:block}
.votes .icon-btn{width:34px;height:34px;padding:6px}.votes svg.icon{width:20px;height:20px;stroke-width:1.8;transform:none}
.bookmark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}
.workspace-heading{align-items:center}
.taste-ribbon{align-items:center}
.taste-chips{align-items:center;min-width:0}
.taste-chips>.selection-count{display:inline-block;margin:0;text-align:left;line-height:1.4}
.toggle-label input{margin:0;flex-shrink:0}
.map-tools{align-items:center}
.detail-actions{align-items:center}
.detail-actions [data-start-game]{margin-left:auto}
.profile-stats span{display:block;line-height:1.4;margin-top:5px}
@media(max-width:560px){
 .detail-actions [data-start-game]{width:100%;margin-left:0}
 .map-tools .icon-btn{height:36px}
 .dialog-actions>.btn{flex:1 0 100%;width:100%}
}

/* Personal library dashboard */
.you-workspace{max-width:1600px;margin:auto;padding:38px 4% 60px}.you-workspace .workspace-heading{align-items:center}.you-actions{display:flex;gap:10px;flex-wrap:wrap}.you-workspace h1{font-size:48px}.you-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.you-metric{padding:22px 24px;background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:0}.you-metric>span{font-size:12px;color:var(--muted);display:block}.you-metric strong{display:block;font:500 38px/1.4 var(--display);margin:8px 0;color:var(--accent);font-variant-numeric:tabular-nums}.you-metric small{font-size:12px;color:var(--muted)}.you-snapshot{font-size:11px;color:var(--muted);margin:14px 0 30px}.you-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start;margin-top:24px}.you-layout>aside{display:grid;gap:18px;min-width:0}.you-library{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:22px;min-width:0}.you-library-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.you-library-heading h2,.you-panel h2{font:500 22px var(--display)}.you-library-heading h2 span{font:12px var(--sans);color:var(--muted);margin-left:8px}.you-library .switcher{margin:0}.you-library .switcher button{padding:9px 12px;font-size:12px}.you-search{margin:20px 0 14px}.you-search input{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:5px;padding:11px 13px;font-size:13px}.you-table-head,.you-game-row{display:grid;grid-template-columns:minmax(0,1fr) 105px 105px;gap:16px;align-items:center}.you-table-head{font-size:10px;color:var(--muted);padding:0 0 12px}.you-table-head span:not(:first-child),.you-hours{text-align:right}.you-game-row{border-top:1px solid var(--border);padding:13px 0;min-height:71px}.you-game{display:flex;align-items:center;gap:14px;min-width:0;font-size:14px}.you-game span{overflow-wrap:anywhere}.you-game img{width:84px;aspect-ratio:460/215;object-fit:cover;border-radius:4px;flex-shrink:0;background:var(--bg)}.you-hours{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.you-hours.emphasis{color:var(--text)}.you-panel{padding:22px;border:1px solid var(--border);border-radius:8px;background:var(--surface);margin:0}.you-panel .eyebrow{display:block;margin-bottom:18px}.you-panel h2{overflow-wrap:anywhere}.you-panel .fine-print{margin:12px 0}.you-avatar{width:56px;height:56px;border-radius:8px;margin-bottom:12px}.you-facts{margin:20px 0}.you-facts>div{display:flex;justify-content:space-between;gap:12px;margin:12px 0;font-size:12px}.you-facts dt{color:var(--muted)}.you-facts dd{margin:0;text-align:right}.you-facts a{display:flex;gap:5px;align-items:center}.you-external,.you-manage{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-size:12px;padding:12px 0;border-top:1px solid var(--border);color:var(--accent)}.you-panel .icon{width:14px;height:14px}.you-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}.you-pagination>div{display:flex;gap:8px}.you-pagination button{padding:8px}.you-pagination button:first-child .icon{transform:rotate(180deg)}.you-empty{padding:40px 0;color:var(--muted);font-size:13px}.you-empty-profile{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:32px}.you-empty-profile p{margin:12px 0 20px;color:var(--muted)}
@media(max-width:1000px){.you-layout{grid-template-columns:minmax(0,1fr) 240px;gap:16px}.you-metric{padding:18px}.you-metric strong{font-size:30px}.you-game img{width:64px}.you-table-head,.you-game-row{grid-template-columns:minmax(0,1fr) 83px 75px;gap:10px}}
@media(max-width:760px){.you-layout{grid-template-columns:1fr}.you-layout aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.you-metrics{grid-template-columns:1fr 1fr}.you-workspace .workspace-heading{align-items:start;gap:20px}.you-actions .btn{font-size:12px;padding:10px}}
@media(max-width:560px){.app-header nav{gap:0;justify-content:space-between}.app-header nav a{font-size:12px}.you-workspace{padding-top:25px}.you-workspace h1{font-size:38px}.you-actions{width:100%}.you-actions .btn{flex:1;justify-content:center}.you-metrics{gap:10px}.you-metric{padding:15px 12px}.you-metric strong{font-size:30px}.you-metric>span,.you-metric small{font-size:10px}.you-library{padding:15px 12px}.you-library-heading{gap:12px}.you-library-heading h2{font-size:20px}.you-library .switcher button{padding:8px;font-size:11px}.you-table-head,.you-game-row{grid-template-columns:minmax(0,1fr) 70px 65px;gap:8px}.you-game{gap:8px;font-size:12px}.you-game img{width:48px}.you-hours{font-size:11px}.you-table-head{font-size:9px}.you-layout aside{grid-template-columns:1fr}.you-panel{margin-bottom:0}.you-empty-profile{padding:22px}.you-snapshot{line-height:1.8}.you-workspace .eyebrow{font-size:9px}}

/* Black map field, crisp nodes, and translucent curved connections. */
.map-popularity-control{width:100%;margin:4px 0 14px;padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}
.map-popularity-heading{display:flex;align-items:baseline;gap:12px;font-size:12px}.map-popularity-heading label{font-weight:600}.map-popularity-heading output{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:600}.map-popularity-heading>span{margin-left:auto;color:var(--muted);font-size:11px}
.map-popularity-control input[type=range]{display:block;width:100%;height:28px;margin:7px 0 0;padding:0;accent-color:var(--accent);cursor:pointer}.map-popularity-control input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.map-popularity-scale{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}
@media(max-width:560px){.map-popularity-control{padding:10px 12px}.map-popularity-heading{gap:8px}.map-popularity-scale{font-size:9px}}
.atlas,.map-main,.landing-visual,.side-map{background:#000}
.map-main,.landing-visual{border-color:#263338}
.map-control,.map-legend{background:#080d10cc;border-color:#a7d8eb26;backdrop-filter:blur(12px)}
.map-annotation:hover rect,.map-annotation:focus rect{fill:#17242b}
.map-highlights [data-highlight]>circle{stroke-opacity:.8}
.algebra-workspace .map-highlights [data-highlight="algebra-result"]>circle,.algebra-workspace .map-highlights [data-highlight="selected"]>circle{fill:#75dcc31a;stroke:#75dcc3;stroke-width:1;stroke-opacity:.75}

.popularity-stat{margin:16px 0;padding:12px 0;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18}.popularity-stat>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.popularity-stat strong{font-size:22px;color:#d4fa72;font-variant-numeric:tabular-nums}.popularity-stat small{display:block;margin-top:5px;color:#9caaa4;font-size:11px;line-height:1.5}.popularity-stat meter{display:block;width:100%;height:8px;margin-top:8px;accent-color:#d4fa72}.popularity-stat meter::-webkit-meter-bar{background:#ffffff16;border:0}.popularity-stat meter::-webkit-meter-optimum-value{background:#d4fa72}

.taste-history{margin-top:24px;border-top:1px solid var(--border);padding-top:20px}
.taste-history-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.taste-history-heading h3{font-size:17px}.taste-history-heading>span,.taste-history-count,.taste-history-pagination{font-size:12px;color:var(--muted)}
.taste-history>p{font-size:13px;color:var(--muted);margin:8px 0 14px;line-height:1.6}
#taste-history-search{width:100%;border:1px solid var(--border);border-radius:6px;background:#111b15;color:var(--text);padding:11px 12px;font:inherit;font-size:13px}
.taste-history-count{margin:12px 0}.taste-history-list{max-height:310px;overflow:auto;overscroll-behavior:contain}
.taste-history-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}
.taste-history-row>img{width:74px;height:35px;object-fit:cover;border-radius:4px}.taste-history-info{flex:1;min-width:0}
.taste-history-info strong{display:block;font-size:13px;overflow-wrap:anywhere}.taste-history-info span{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.taste-history-row.is-disabled>img{opacity:.4;filter:grayscale(1)}.taste-history-row.is-disabled strong{color:var(--muted);text-decoration:line-through}
.history-toggle{flex-shrink:0;min-width:44px;min-height:44px}.history-toggle.icon-btn{font-size:24px}.history-toggle.restore{color:var(--accent);font-size:12px}
.taste-history-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.taste-history-pagination>div{display:flex;gap:14px}.taste-history-pagination button{min-height:36px}.taste-history-pagination button:disabled{opacity:.35;cursor:default}
#taste-dialog .dialog-actions{position:sticky;bottom:-28px;background:#182019;padding:14px 0;margin-top:10px}
@media(max-width:560px){.taste-history-row{gap:9px}.taste-history-row>img{width:54px;height:30px}.taste-history-heading>span{font-size:11px}#taste-dialog .dialog-actions{bottom:-22px}.taste-history-list{max-height:260px}}

.logo .brand-wordmark{white-space:nowrap}.logo .brand-highlight{color:var(--accent)}

/* Recommendation controls wrap without crowding the game list. */
.recommendation-filters{margin:22px 0 28px}
.filter-toggle{gap:8px;padding:9px 13px}
.filter-toggle[aria-expanded="true"]{color:var(--accent);border-color:#7f995f}
.recommendation-filter-panel{margin-top:12px;padding:20px;border:1px solid var(--line,#303730);border-radius:16px;background:var(--panel,#151b17)}
.recommendation-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.recommendation-filter{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:12px;color:#bac3bb}
.recommendation-filter select,.recommendation-filter input{width:100%;min-width:0;min-height:40px;padding:9px 10px;background:#101512;color:#e7ede8;border:1px solid #3b453d;border-radius:7px;font:inherit;font-size:13px;color-scheme:dark}
.recommendation-filter input:focus,.recommendation-filter select:focus{outline:2px solid #d1fa69;outline-offset:2px}
.recommendation-popularity{grid-column:span 2;min-width:0;border:0;margin:0;padding:0;color:#bac3bb;font-size:12px}
.recommendation-popularity legend{margin-bottom:7px}.recommendation-popularity>div{display:flex;flex-wrap:wrap;gap:6px}
.recommendation-popularity label{cursor:pointer;position:relative}.recommendation-popularity input{position:absolute;opacity:0;width:100%;height:100%;margin:0}
.recommendation-popularity span{display:block;padding:10px 12px;border:1px solid #3b453d;border-radius:7px;color:#dce4dd}
.recommendation-popularity input:checked+span{background:#d1fa69;color:#101512;border-color:#d1fa69}.recommendation-popularity input:focus-visible+span{outline:2px solid #d1fa69;outline-offset:2px}
.recommendation-popularity small{display:block;margin-top:7px;font-size:10px;line-height:1.5;color:#8e9b90}
.recommendation-filter-footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}.recommendation-filter-footer>span{flex:1;min-width:200px;font-size:11px;color:#8e9b90}.recommendation-filter-footer .btn{padding:8px 12px;font-size:12px}
@media(max-width:800px){.recommendation-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recommendation-filter-panel{padding:14px}.recommendation-filter-footer>span{flex-basis:100%}}
@media(max-width:400px){.recommendation-filter-grid{gap:12px}.recommendation-popularity span{padding:9px 10px}}
.card-match{align-self:flex-start;margin:0 0 10px;color:var(--accent,#d1fa69);font-size:12px}
.card-match summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;min-height:30px;padding:3px 9px;border:1px solid #53633e;border-radius:6px;background:#26321e}
.card-match summary::-webkit-details-marker{display:none}
.card-match summary:focus-visible{outline:2px solid #d1fa69;outline-offset:3px}
.card-match summary .icon{width:14px;height:14px;color:#adbc9a}
.card-match p{max-width:34em;color:#b2bcae;font-size:12px;line-height:1.5;margin:8px 0 2px}

.release-date-control{display:flex;align-items:stretch;gap:6px;min-width:0}
.release-date-control input[type="text"]{flex:1;width:0}
.release-date-control .release-date-calendar{flex:0 0 38px;width:38px;padding:8px;cursor:pointer}
.release-date-calendar::-webkit-datetime-edit{display:none}
.release-date-calendar::-webkit-calendar-picker-indicator{margin:0;padding:0;cursor:pointer}
.release-date-control input[aria-invalid="true"]{border-color:#f6b27e}