/* Four selectable seasonal themes. Photographs remain visible when effects are paused. */
:root[data-season="halloween"]{--ground:#110d1b;--surface:#21172f;--surface-2:#30223e;--ink:#fff5e9;--ink-2:#d8c1d6;--line:#573b5e;--accent:#ffb16d;--accent-ink:#2a1106;--flood:#efcf7c;--flood-ink:#2c220b;--turf:#22152f;--turf-2:#33203f;--turf-ink:#fff5eb;--turf-mute:#d1b9d4;--season-photo:url("holidays/halloween.webp")}
:root[data-season="thanksgiving"]{--ground:#19110c;--surface:#2b2017;--surface-2:#3e2b1c;--ink:#fff5e6;--ink-2:#ddc7ac;--line:#63462a;--accent:#ffc583;--accent-ink:#291609;--flood:#edda98;--flood-ink:#2b240d;--turf:#291c10;--turf-2:#3c2917;--turf-ink:#fff6e7;--turf-mute:#d9c4a3;--season-photo:url("holidays/thanksgiving.webp")}
:root[data-season="christmas"]{--ground:#08171a;--surface:#122d30;--surface-2:#1a3b3a;--ink:#f2fff7;--ink-2:#b6d4cf;--line:#345c58;--accent:#b7f1d5;--accent-ink:#0c291e;--flood:#ffd299;--flood-ink:#362009;--turf:#0b292c;--turf-2:#163c3b;--turf-ink:#f2fff8;--turf-mute:#acd0cb;--season-photo:url("holidays/christmas.webp")}
:root[data-season="newyear"]{--ground:#0e1220;--surface:#1c2337;--surface-2:#29334b;--ink:#fff9ed;--ink-2:#cad0e1;--line:#47516a;--accent:#f0d191;--accent-ink:#30220a;--flood:#a7c7ff;--flood-ink:#142441;--turf:#131d30;--turf-2:#22324b;--turf-ink:#fff8e9;--turf-mute:#c3cce1;--season-photo:url("holidays/newyear.webp")}

:root[data-season] body{background:var(--ground)}
:root[data-season] .site-head{background:var(--ground);border-color:var(--line)}
:root[data-season] .palette-switch{display:none}
:root[data-season] .seasonal-hero{position:relative;isolation:isolate;overflow:hidden;min-height:760px;padding-bottom:100px;background-color:var(--ground);background-image:linear-gradient(90deg,rgba(7,7,15,.9),rgba(7,7,15,.5) 55%,rgba(7,7,15,.25)),var(--season-photo);background-size:cover;background-position:center}
:root[data-season] .hero-grid{position:relative;z-index:2}
:root[data-season] .season-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
:root[data-season] .hero h1 em{color:var(--accent)}
:root[data-season] .hero .lede{color:#f0e7ec}
:root[data-season] .hero .board{background:color-mix(in srgb,var(--surface) 93%,transparent);border-color:var(--line);box-shadow:0 0 0 5px #ffffff0c,0 24px 50px #0005}
:root[data-season] .match{background:var(--turf-2);border-color:var(--line)}
:root[data-season] .match .vs,:root[data-season] .match .deal .amt,:root[data-season] .board-top .live{color:var(--flood)}
:root[data-season] .match .vs{border-color:var(--flood)}
:root[data-season] .band.alt{background:var(--surface)}
:root[data-season] .band.turf{background:var(--turf)}
:root[data-season] .band.turf .feature{background:var(--turf-2);border-color:var(--line)}
:root[data-season] .band.turf a{color:var(--flood)}
:root[data-season] .cat{background:var(--surface-2);border-color:var(--line)}
:root[data-season] .page-head{background-color:var(--surface-2)}
:root[data-season] .season-controls{margin-top:20px;position:relative;z-index:3}
:root[data-season] .season-controls .btn{background:#090a14aa;color:#fff5ea;border-color:#ffffff66;min-height:44px}
@media(max-width:620px){:root[data-season] .seasonal-hero{min-height:0;padding-bottom:54px!important;background-size:cover;background-position:top right;background-repeat:no-repeat}:root[data-season] .hero .board{padding:14px}}

@media(max-width:620px){:root[data-season="halloween"]{--season-photo:url("holidays/halloween-mobile.webp")}:root[data-season="thanksgiving"]{--season-photo:url("holidays/thanksgiving-mobile.webp")}:root[data-season="christmas"]{--season-photo:url("holidays/christmas-mobile.webp")}:root[data-season="newyear"]{--season-photo:url("holidays/newyear-mobile.webp")}}

/* Public interior pages share the selected holiday photograph and effects. */
:root[data-season] .page-head.seasonal-hero{min-height:360px;padding-top:64px;padding-bottom:54px;background-position:center right}
:root[data-season] .page-head.seasonal-hero > .wrap{position:relative;z-index:2}
:root[data-season] .page-head.seasonal-hero h1{color:#fff5eb}
:root[data-season] .page-head.seasonal-hero .lede{color:#f0e7ec}
@media(max-width:620px){:root[data-season] .page-head.seasonal-hero{min-height:340px;padding-top:36px;background-size:cover}}


:root[data-season] .palette-switch{display:none}

html[data-theme-pending] body{visibility:hidden}