.theme-selector{margin:15px 0 20px;padding:0;border:0}.theme-selector legend{font-size:14px;font-weight:700;margin-bottom:9px}.theme-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-cards button{display:flex;align-items:center;gap:10px;padding:7px;text-align:left;border:2px solid #476361;border-radius:12px;min-width:0}.theme-cards img{width:68px;height:76px;object-fit:cover;border-radius:7px}.theme-cards strong{display:block;font-size:12px;line-height:1.4}.theme-cards small{display:block;font-size:10px;line-height:1.5;margin-top:5px}.theme-cards button[aria-pressed=true]{border-color:#91f1ce;box-shadow:0 0 0 2px #91f1ce44}.theme-selector>p{font-size:11px;line-height:1.5;margin:8px 0 0}.theme-cards button:focus-visible{outline:3px solid #ffb5e1;outline-offset:3px}
.intro-art{background:linear-gradient(180deg,#06151a22,transparent 35%,#06151ac0 95%),var(--theme-cover) center/cover!important}.art-sprites{background-image:var(--theme-sprites)}.art-icons{background-image:var(--theme-icons)}.art-buildings{background-image:var(--theme-buildings)}
html[data-theme=vina]{color-scheme:light;--bg:#fff2fa;--panel:#fff6fc;--line:#dab5d1;--text:#54284c;--muted:#795474;--accent:#aa286d}
[data-theme=vina] body{background:#ffeaf7;color:#54284c}
[data-theme=vina] :is(header,aside,footer,dialog,.selection-panel,.command-panel,.minimap-panel,.setup-actions,.city-detail,.sidebar-tabs,.country-card,.event,.setup-government,.government-emblem,#city-quick,#online-players p){background:#fff3fb;color:#54284c;border-color:#d3a8c6}
[data-theme=vina] :is(button,input,select){background:#fff9fd;color:#61274e;border-color:#cb9cbc;border-radius:8px}
[data-theme=vina] :is(button.primary,.primary,#quick-stabilize){background:#a92b70;color:#fff5fc;border-color:#932560}
[data-theme=vina] button:hover:not(:disabled){background:#f5d2e9;border-color:#94316d;color:#572246}
[data-theme=vina] button:focus-visible{outline:3px solid #913583;outline-offset:2px}
[data-theme=vina] button:disabled{opacity:.5;filter:saturate(.45)}
[data-theme=vina] :is(button.active,button[aria-pressed=true]){background:#f7cfe9;border-color:#9b286b;color:#58234b}
[data-theme=vina] :is(p,small,label,summary,.eyebrow,.panel-heading,.choice-description,.detail-kicker,.condition,.growth-line,.hint,.meter-label,.intro-footnote,.setup-grid label,#start-civics label,#start-civics small,.government-emblem span,#online-status){color:#76506c}
[data-theme=vina] :is(h1,h2,h3,strong,.brand,.resources b,.stat-grid strong){color:inherit}
[data-theme=vina] :is(.setup-grid input,.setup-grid select,#start-civics select){background:#fff9fd;color:#61274e;border-color:#cb9cbc}
[data-theme=vina] .setup-scroll>p{color:#76506c}[data-theme=vina] .setup-actions{box-shadow:0 -8px 20px #eab2d333}
[data-theme=vina] .theme-cards button[aria-pressed=true]{border-color:#ad3279;box-shadow:0 0 0 2px #ad327933}
[data-theme=vina] .intro-art{background:linear-gradient(180deg,#62244822,transparent 40%,#68284fc9 100%),var(--theme-cover) center/cover!important}
[data-theme=vina] .intro-art :is(.intro-title,.intro-subtitle,.intro-top,.intro-features){color:#fff4fa}[data-theme=vina] .intro-features{background:#6b31558c}
[data-theme=vina] :is(.danger,.lethal,.danger-text){color:#9b1746;border-color:#ac2754}[data-theme=vina] #accept-confirm{background:#9b1746;color:white}
[data-theme=vina] :is(#research-cards button,.civic-row){border-color:#d3a8c6}[data-theme=vina] #research-cards button:hover:not(:disabled){background:#f9dced;box-shadow:0 0 0 2px #ba4c9322}
[data-theme=vina] :is(#toast,#paused-banner,.map-heading,#map-status){background:#572a4fed;color:#fff0fa;border-color:#e3add1}
@media(max-width:440px){.theme-cards img{width:45px;height:65px}.theme-cards button{gap:6px}.theme-cards strong{font-size:11px}.theme-cards small{font-size:9px}}
/* Explicit surface overrides retain contrast against the original ID selectors. */
[data-theme=vina] :is(.civic-row,#research-cards button,#era-track span,#government-detail,#policy-detail,#research-progress,.research-queue,.close-dialog,#event-ticker,#order-context,.country-explainer,.city-card,.selection-actions button){background:#fae3f2!important;border-color:#cca1bd;color:#582549}
[data-theme=vina] :is(.chooser-heading,.chooser-heading>span,.choice-description,#research-unlocks,#government-cooldown,#event-ticker small,#era-track span,#research-cards strong,#research-cards strong b,#research-cards p,#research-cards small,#research-progress,.research-queue,.resources span,.stat-grid span){color:#754367!important}
[data-theme=vina] :is(#era-track .active,.city-card.active){background:#eeb9dc!important;color:#54224b}
[data-theme=vina] .civic-row p{color:#704565}[data-theme=vina] .civic-row label{color:#5c2a50}
[data-theme=vina] .commands .danger small{font-size:9px;line-height:1.5}
[data-theme=vina] :is(#quick-city-name,#morale-value,#unrest-value,#income){background:#502944;border-radius:4px;padding:2px 5px}
[data-theme=vina] :is(#mission,.sector p,.camera-tip,.map-legend){color:#fff0f9}
[data-theme=vina] :is(.wide-info,#frontier-hint,.expansion>div span,#site-name){color:#754367}
[data-theme=vina] #establish{background:#a92b70;color:#fff5fc;border-color:#932560}
[data-theme=vina] .commands strong{white-space:normal;line-height:1.35}
[data-theme=vina] .command-tabs{flex-wrap:wrap}
[data-theme=vina] .expansion{flex-wrap:wrap;gap:7px}
[data-theme=vina] .expansion button{white-space:normal}
[data-theme=vina] :is(.lobby-game,#overview-city-list button){background:#fae3f2;color:#582549;border-color:#cca1bd}
[data-theme=vina] :is(.lobby-game small,#overview-city-list small,#online-dialog .room-hint){color:#754367}
[data-theme=vina] #sector-heading #mission{color:#fff0f9;text-shadow:none}
[data-theme=vina] #order-context b{color:#754367}


/* Additional skins preserve faction identity colors and command geometry. */
html[data-theme=fantasy]{--bg:#181322;--panel:#221b30;--line:#6b557e;--text:#eee5f7;--muted:#c7b3d2;--accent:#dfb56d}
html[data-theme=space]{--bg:#07131f;--panel:#102333;--line:#3c687e;--text:#e2f5ff;--muted:#a9cad9;--accent:#78d8fa}
[data-theme=fantasy] body{background:#181322;color:#eee5f7}
[data-theme=space] body{background:#07131f;color:#e2f5ff}
[data-theme=fantasy] :is(header,aside,footer,dialog,.command-panel,.selection-panel,.minimap-panel,.setup-actions,.setup-government,.government-emblem,.civic-row,#research-cards button,#era-track span,#event-ticker,.country-card){background:#241c31;border-color:#695178;color:#eee5f7}
[data-theme=space] :is(header,aside,footer,dialog,.command-panel,.selection-panel,.minimap-panel,.setup-actions,.setup-government,.government-emblem,.civic-row,#research-cards button,#era-track span,#event-ticker,.country-card){background:#102434;border-color:#3c687e;color:#e2f5ff}
[data-theme=fantasy] :is(button,input,select){background:#30233e;border-color:#816593;color:#f8e8d3}
[data-theme=space] :is(button,input,select){background:#183447;border-color:#4c8098;color:#e3f7ff}
[data-theme=fantasy] :is(.primary,#quick-stabilize){background:#e1bd77;border-color:#ebcf95;color:#25162b}
[data-theme=space] :is(.primary,#quick-stabilize){background:#7cd6f2;border-color:#a2e5ff;color:#08202e}
[data-theme=fantasy] button:hover:not(:disabled){background:#523666;border-color:#e8bf79;color:#fff0d5}
[data-theme=space] button:hover:not(:disabled){background:#26546c;border-color:#9adeff;color:#ffffff}
[data-theme=fantasy] button:focus-visible{outline:3px solid #edc980;outline-offset:2px}
[data-theme=space] button:focus-visible{outline:3px solid #a0e5ff;outline-offset:2px}
[data-theme=fantasy] .theme-cards button[aria-pressed=true]{border-color:#edc980;box-shadow:0 0 0 2px #edc98044}
[data-theme=space] .theme-cards button[aria-pressed=true]{border-color:#a0e5ff;box-shadow:0 0 0 2px #a0e5ff44}
[data-theme=fantasy] #research-cards button:hover:not(:disabled){background:#523666;box-shadow:0 0 0 2px #edc98044}
[data-theme=space] #research-cards button:hover:not(:disabled){background:#26546c;box-shadow:0 0 0 2px #a0e5ff44}
html:is([data-theme=fantasy],[data-theme=space]) :is(.danger,.lethal,.danger-text){color:#ffb1b9}
html:is([data-theme=fantasy],[data-theme=space]) #accept-confirm{background:#a33852;color:white;border-color:#dd6c80}
@media(max-width:600px){.theme-cards{grid-template-columns:1fr 1fr}.theme-cards img{width:44px;height:62px}.theme-cards small{font-size:9px}.theme-cards button{gap:6px}}

/* Compact expandable selector. No changes to the in-game dock. */
.theme-selector .theme-cards{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}
.theme-selector .theme-cards button{position:relative;display:block;padding:3px;aspect-ratio:1;min-height:64px;background:#12272d;border:2px solid #778a8d}
.theme-selector .theme-cards img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;border-radius:7px}
.theme-selector .theme-cards button[aria-pressed=true]{border:3px solid #fff;box-shadow:0 0 0 2px #16846e}
.theme-selector .theme-cards button[aria-pressed=true]:after{content:'✓';position:absolute;right:2px;bottom:2px;background:#083b32;color:white;border-radius:50%;width:22px;height:22px;text-align:center;line-height:22px}
.theme-selector .species-detail{display:grid;gap:4px;min-height:54px;font-size:13px;line-height:1.45}
.theme-selector .species-detail strong{font-size:16px}.species-preview{font-size:12px;padding:6px 10px;min-height:32px}.species-preview-text{font-size:12px;line-height:1.5}.species-unavailable{position:absolute;bottom:0;left:0;right:0;font-size:9px;background:#121b22;color:#fff}.theme-selector button:disabled{filter:grayscale(1);opacity:.7}