/* AE Arcade v2.41 seasonal themes — visual only; game sizing and touch targets stay unchanged. */
.seasonalSettings{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 auto 20px;padding:12px 16px;border:1px solid var(--line,#ffffff38);border-radius:16px;background:#08111dcc;box-shadow:0 8px 24px #0004}.seasonalSettings label{display:flex;align-items:center;gap:9px;color:var(--text,#fff);font-weight:800}.seasonalSettings select{min-height:52px;min-width:min(260px,80vw);font-weight:800}.themeStatus{color:var(--muted,#d7e5ed);font-size:14px;font-weight:800}.themeStatus:before{content:var(--seasonal-motif,"✨");margin-right:7px}.seasonalSettings.compact{width:min(760px,calc(100% - 24px));margin:8px auto 18px}
body[data-seasonal-theme]{--season-bg:#090d18;--season-glow:#1b2450;--season-header:#111a2b;--season-accent:#6c5cff;--season-accent2:#23d5ab;background:radial-gradient(circle at 18% 0,var(--season-glow) 0,transparent 36%),var(--season-bg)}
body[data-seasonal-theme] > header{border-bottom:2px solid color-mix(in srgb,var(--season-accent2) 65%,transparent);background:linear-gradient(100deg,color-mix(in srgb,var(--season-header) 92%,transparent),color-mix(in srgb,var(--season-accent) 28%,var(--season-header)))}
body[data-seasonal-theme] .eyebrow,body[data-seasonal-theme] .kicker{color:var(--season-accent2)}body[data-seasonal-theme] button:not(.close):not(.secondary),body[data-seasonal-theme] .button:not(.secondary){background:var(--season-accent)}
body[data-seasonal-theme]::after{content:var(--seasonal-motif,"✨");position:fixed;right:clamp(8px,2vw,24px);bottom:8px;z-index:20;padding:5px 10px;border-radius:999px;background:#08111dcc;border:1px solid #ffffff3b;font-size:clamp(18px,3vw,28px);letter-spacing:.18em;pointer-events:none;opacity:.78}
body[data-seasonal-theme="default"]{--season-bg:#090d18;--season-glow:#1b2450;--season-header:#111a2b;--season-accent:#6c5cff;--season-accent2:#23d5ab}
body[data-seasonal-theme="new-year"]{--season-bg:#050b22;--season-glow:#263a79;--season-header:#101a3d;--season-accent:#7b69e8;--season-accent2:#ffd66b}
body[data-seasonal-theme="valentines"]{--season-bg:#220b1b;--season-glow:#6d234e;--season-header:#3b1730;--season-accent:#cf3f78;--season-accent2:#ffb4ce}
body[data-seasonal-theme="st-patricks"]{--season-bg:#041b14;--season-glow:#12633e;--season-header:#0b3325;--season-accent:#148a52;--season-accent2:#f1d36a}
body[data-seasonal-theme="spring-easter"]{--season-bg:#112036;--season-glow:#745d91;--season-header:#273c51;--season-accent:#7a55a5;--season-accent2:#9aefcf}
body[data-seasonal-theme="summer"]{--season-bg:#06253c;--season-glow:#0d6e82;--season-header:#0b4055;--season-accent:#167da0;--season-accent2:#ffe06f}
body[data-seasonal-theme="fall-harvest"]{--season-bg:#24130b;--season-glow:#793b17;--season-header:#432514;--season-accent:#a84f20;--season-accent2:#ffd178}
body[data-seasonal-theme="halloween"]{--season-bg:#120d1c;--season-glow:#542671;--season-header:#271834;--season-accent:#b34b16;--season-accent2:#ffb34f}
body[data-seasonal-theme="thanksgiving"]{--season-bg:#26120e;--season-glow:#713525;--season-header:#48221a;--season-accent:#a34f31;--season-accent2:#f4c276}
body[data-seasonal-theme="christmas"]{--season-bg:#061b18;--season-glow:#124d3b;--season-header:#0b382e;--season-accent:#a52d3a;--season-accent2:#f3d575}
/* Learning Zone keeps its light lesson cards while adopting the seasonal frame. */
body[data-seasonal-theme] .top{background:linear-gradient(100deg,color-mix(in srgb,var(--season-header) 93%,transparent),color-mix(in srgb,var(--season-accent) 30%,var(--season-header)));border-bottom:2px solid var(--season-accent2)}body[data-seasonal-theme] .welcome{background:linear-gradient(125deg,var(--season-header),color-mix(in srgb,var(--season-accent) 40%,var(--season-header)) 60%,color-mix(in srgb,var(--season-accent2) 24%,var(--season-header)))}body[data-seasonal-theme] .primary{background:var(--season-accent2);color:#182431}body[data-seasonal-theme] .seasonalSettings{background:color-mix(in srgb,var(--season-header) 93%,transparent)}
@media(max-width:700px){.seasonalSettings{align-items:stretch;flex-direction:column;padding:11px}.seasonalSettings label{display:grid;gap:6px}.seasonalSettings select{width:100%;min-width:0}.themeStatus{text-align:center}body[data-seasonal-theme]::after{font-size:18px;bottom:4px;right:4px;opacity:.58}}
@media(prefers-reduced-motion:reduce){body[data-seasonal-theme]::after{transition:none}}