/* Dark panels stay dark in every season. Only restrained accents change. */
.game-body[data-theme="halloween"] {--paper:#252c37;--paper-muted:#343b48;--lime:#50433b;--hairline:#53515c;--season-accent:#dca16d}
.game-body[data-theme="winter"] {--paper:#182f3b;--paper-muted:#243f4d;--lime:#28505c;--hairline:#3a5967;--season-accent:#abd7e5}
.game-body[data-theme="christmas_winter"] {--paper:#1c3233;--paper-muted:#2a4241;--lime:#415344;--hairline:#4a5a50;--season-accent:#ddb88d}
.game-body[data-theme="easter"] {--paper:#26313b;--paper-muted:#354350;--lime:#485064;--hairline:#505c6a;--season-accent:#d9b9de}
.game-body[data-theme="spring"] {--paper:#203534;--paper-muted:#304854;--lime:#36534a;--hairline:#49645a;--season-accent:#dfb9c8}
.game-body[data-theme="autumn"] {--paper:#303330;--paper-muted:#41443b;--lime:#53503c;--hairline:#615e4e;--season-accent:#d6ac79}
.game-body[data-theme="autumn_halloween"] {--paper:#302e35;--paper-muted:#423d43;--lime:#58483e;--hairline:#66554e;--season-accent:#d7a37a}
.game-body[data-theme]:not([data-theme="normal"]) .brand-copy strong {color:var(--season-accent)}
.game-body[data-theme]:not([data-theme="normal"]) #build-btn {border-color:var(--season-accent)}
#season-emblem {width:28px;height:28px;object-fit:contain;flex:none}
#season-emblem[hidden] {display:none}
@media(max-width:600px) {#season-emblem {width:22px;height:22px}}
.theme-options {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border:0;padding:8px 0 16px;margin:0}
.theme-options legend {font-size:13px;color:#526e77;padding:0 0 8px}
.theme-option {position:relative;display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #36505b;border-radius:12px;cursor:pointer;min-height:80px;background:#172e38}
.theme-option:has(input:checked) {border-color:var(--theme-accent);box-shadow:inset 0 0 0 1px var(--theme-accent);background:#243d47}
.theme-option:focus-within {outline:2px solid #a6d6e5;outline-offset:3px}
.theme-option input {position:absolute;top:8px;right:8px;accent-color:var(--theme-accent);width:14px;height:14px}
.theme-option span {font-size:13px;color:#e1edf0;padding-right:8px}
.theme-option i {position:absolute;bottom:8px;right:8px;width:13px;height:5px;border-radius:3px}
.theme-actions {display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.theme-actions [role="status"] {font-size:13px;color:#48655b}
@media(max-width:1000px) {.theme-options {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:450px) {.theme-option {padding:10px 7px;gap:4px}.theme-option img {width:32px;height:32px}}

/* Space the theme card independently of neighbouring dashboard grids. */
#theme-controls {margin-block:24px}
#theme-controls .theme-options {gap:14px;padding-bottom:20px}
#theme-controls .theme-actions {gap:20px}