/* AREN8 woodland seasons. Independent of Halloween gameplay and its rewards. */
body.theme-autumn{--season-ink:#0b101e;--season-surface:#171b28;--season-edge:#c68c5548;--season-color:#efb777;--season-button:#e1a361;--season-button-hover:#f3bf85;--season-cold:#bb9ddd;--season-soft:#c68c551c;--season-environment:url('/assets/images/seasonal/autumn-edge-v3.webp')}
body.theme-frost{--season-ink:#090f1d;--season-surface:#141f2e;--season-edge:#9acde74a;--season-color:#bae5ef;--season-button:#a4d6e5;--season-button-hover:#ceeef7;--season-cold:#acb8f4;--season-soft:#9acde71c;--season-environment:url('/assets/images/seasonal/frost-edge-v3.webp')}
/* One token bridge for all app surfaces, navigation, forms and shared dialogs. */
body.arena-chrome:is(.theme-landscape,.theme-landscape-chrome),
body.arena-chrome:is(.theme-landscape,.theme-landscape-chrome) :is(.competition-site-nav,.competition-mobile-nav,.locale-switcher,.player-quicknav){--a8-accent:var(--season-button);--a8-accent-strong:var(--season-button-hover);--a8-accent-ink:#17121b;--a8-brand:var(--season-color);--a8-brand-strong:var(--season-color);--a8-brand-hover:var(--season-button-hover);--a8-brand-soft:var(--season-soft);--a8-surface:var(--season-surface);--a8-bg-raised:var(--season-surface)}
body.arena-chrome:is(.theme-landscape,.theme-landscape-chrome) .competition-site-nav .nav-play-primary{color:var(--season-color)!important}
body.arena-chrome:is(.theme-landscape,.theme-landscape-chrome) .competition-site-nav .nav-play-primary[aria-current=page]{background:var(--season-soft)!important}
body.arena-ui.theme-landscape{--a8-bg:var(--season-ink);--a8-bg-raised:var(--season-surface);--a8-line:var(--season-edge);background:var(--season-ink);color:#f3f1f4}
body.theme-landscape .grid-bg{display:none}
body.theme-landscape .competition-site-nav,body.theme-landscape-chrome .competition-site-nav{background:#0b101ef5;border-bottom-color:var(--season-edge)}
body:is(.theme-landscape,.theme-landscape-chrome) .competition-site-nav .brand{position:relative;isolation:isolate}
.transition-brand{position:absolute;pointer-events:none;right:-17px;bottom:-10px;width:52px;height:36px;z-index:1}
.competition-site-nav .brand .transition-brand img{width:100%;height:100%;object-fit:contain}
body:is(.theme-landscape,.theme-landscape-chrome) .competition-site-nav :is(.nav-play-primary,.nav-featured-tournament){color:var(--season-color);border-color:var(--season-edge)}
body:is(.theme-landscape,.theme-landscape-chrome) .competition-site-nav :is(a,button):focus-visible{outline:2px solid var(--season-color);outline-offset:3px}
body.arena-ui.theme-landscape .competition-mobile-nav{background:#0b101ef7;border-color:var(--season-edge)}
body.arena-ui.theme-landscape .competition-mobile-nav [aria-current=page]{color:var(--season-color)}
body.arena-ui.theme-landscape :is(.arena-primary-action,.cash-feature-actions .button,.home-feature-actions .button,.arena-final-call .button){color:#17121b;background:var(--season-button)!important;border-color:var(--season-button)!important;box-shadow:inset 0 -3px #38291e38!important;text-shadow:none}
body.arena-ui.theme-landscape :is(.arena-primary-action,.cash-feature-actions .button,.home-feature-actions .button):hover{background:var(--season-button-hover)!important}
body.arena-ui.home-page.theme-landscape .cash-feature-actions a.button{color:#17121b!important}
body.arena-ui.theme-landscape :is(a,button):focus-visible{outline:2px solid var(--season-color);outline-offset:4px}
body.arena-ui.theme-landscape :is(.arena-games-intro>span,.arena-weekly-score>strong,.arena-weekly-leader em,.cash-award-intro>span){color:var(--season-color)}
body.arena-ui.theme-landscape :is(.arena-weekly-ranking,.cash-weekly,.cash-ranking){border-color:var(--season-edge);background:linear-gradient(135deg,#11192bea,#101522f5);box-shadow:0 12px 36px #02051038}
body.arena-ui.home-page.theme-landscape .cash-feature .cash-feature-state .cash-weekly-secondary{padding:20px;background:#101725f5;border:1px solid var(--season-edge);border-radius:8px}
body.arena-ui.home-page.theme-landscape .cash-weekly-copy>strong,body.arena-ui.home-page.theme-landscape .cash-weekly-empty{color:#d5d7e1}
body.arena-ui.theme-landscape :is(.home-progression-card,.home-journey-entry){border-color:var(--season-edge)}
body.arena-chrome:is(.theme-landscape,.theme-landscape-chrome) .competition-site-nav #main-nav>.nav-featured-tournament[data-state=ACTIVE]{color:var(--season-color);background:var(--season-soft)}
body.arena-ui.theme-landscape :is(.discovery-toast,.onboarding-dialog,.feedback-dialog){background:var(--season-surface);border-color:var(--season-edge)}
body.arena-ui.theme-landscape .discovery-icon{background:var(--season-soft);border-color:var(--season-edge);color:var(--season-color)}
body.arena-ui.theme-landscape .site-content .button:not(.secondary):not(.danger):not(.destructive):not([disabled]){border-color:var(--season-edge)!important}

/* Art stays at the edges. No moving light sources. */
.transition-hero,.home-transition-world{position:relative;isolation:isolate}
.transition-hero{padding-top:12px;overflow:clip}
.transition-scene{position:absolute;pointer-events:none;z-index:-1;width:100%;aspect-ratio:3/2;overflow:hidden;opacity:.88;mask-image:linear-gradient(transparent,#000 9%,#000 78%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 9%,#000 78%,transparent)}
.transition-scene picture,.transition-scene img{display:block;width:100%;height:100%;object-fit:contain}
.transition-hero>.transition-scene{bottom:0;right:0;min-width:1100px;opacity:.62;mask-image:linear-gradient(#000 72%,transparent);-webkit-mask-image:linear-gradient(#000 72%,transparent)}
.transition-hero:after{position:absolute;inset:0;z-index:-1;content:"";pointer-events:none;background:linear-gradient(90deg,#0b101e85,#0b101e35 65%,#0b101e55)}
body.arena-ui.home-page.theme-landscape .transition-hero .arena-weekly-hero{margin-top:0;min-height:610px;padding-top:20px}
body.arena-ui.home-page.theme-landscape .transition-hero .cash-feature{margin-top:0;background:transparent;border:0;box-shadow:none}
body.arena-ui.home-page.theme-landscape .transition-hero .cash-feature:before{display:none}
body.arena-ui.home-page.theme-landscape .arena-weekly-story h1{text-shadow:0 3px 20px #070a16;font-size:clamp(40px,4.4vw,64px)}
.transition-hero .arena-weekly-promise{color:#d3ced7}
.transition-hero .arena-weekly-mark{opacity:.25}
/* Keep the scene's face above the ranking overlay, rather than behind it. */
@media(min-width:1024px){.transition-hero .arena-weekly-moment{align-items:end;padding-bottom:0}}
.transition-hero .cash-feature-title h1{color:#fff5e9;text-shadow:0 3px 20px #050813}
body.theme-frost .transition-hero .cash-feature-title h1{color:#f1faff}
.home-transition-world>.transition-scene{top:22%;left:0;min-width:1050px;opacity:.38}
.home-transition-world>.section{position:relative}
body.arena-ui.home-page.theme-landscape :is(.arena-games-intro,.home-game-feature,.arena-standings,.arena-fair-play,.arena-final-call){background:transparent}
body.arena-ui.theme-landscape .site-footer{background:linear-gradient(180deg,transparent,#080c16);border-top-color:var(--season-edge)}
.transition-page-art{position:absolute;inset:0 0 auto;height:850px;overflow:hidden;pointer-events:none;z-index:-1;opacity:.28}
.transition-page-art>.transition-scene{top:0;right:0;min-width:1100px}
body.arena-ui.theme-landscape main.site-content{position:relative;isolation:isolate}

/* Sparse edge weather. Pointer-inert and clipped to the viewport, never gameplay. */
.transition-weather{position:fixed;inset:0;z-index:20;pointer-events:none!important;overflow:hidden;contain:strict}
.transition-weather *{pointer-events:none!important}
.transition-weather-particle{position:absolute;top:0;left:0;display:block;opacity:0;will-change:transform,opacity}
.transition-weather-particle svg{display:block;width:100%;height:auto;overflow:visible}
.transition-weather-particle{--leaf-fill:#c47735;--leaf-edge:#f1b569;--leaf-vein:#ffe0a5}
.transition-weather-particle[data-weather-tone="1"]{--leaf-fill:#d9a444;--leaf-edge:#f6d28b;--leaf-vein:#fff0bc}
.transition-weather-particle[data-weather-tone="2"]{--leaf-fill:#b94c3a;--leaf-edge:#e59161;--leaf-vein:#ffc58d}
.transition-weather-particle[data-weather-tone="3"]{--leaf-fill:#a45c43;--leaf-edge:#dca778;--leaf-vein:#f8d3a2}
.weather-leaf{fill:var(--leaf-fill);stroke:var(--leaf-edge);stroke-width:.8;stroke-linejoin:round}
.weather-leaf-fold{fill:#562216;opacity:.18}
.weather-vein{fill:none;stroke:var(--leaf-vein);stroke-width:1.05;stroke-linecap:round;opacity:.8}
.weather-crystal{fill:none;stroke:#c4e3ee;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.weather-crystal-core{fill:#e9f7fc;fill-opacity:.22;stroke:#d9f2ff;stroke-width:1}
.transition-effects-controls{width:var(--a8-content);margin:12px auto 20px;text-align:right}
.transition-effects-controls button{min-height:44px;border:1px solid var(--season-edge);border-radius:6px;background:var(--season-surface);color:var(--season-color);padding:8px 12px;font:inherit;font-size:.75rem;cursor:pointer}
.transition-effects-controls button[hidden]{display:none}
body[data-transition-motion=paused] .transition-weather{visibility:hidden}
@media(prefers-reduced-motion:reduce){.transition-weather,.transition-effects-controls{display:none!important}}
@media(min-width:1600px){.home-transition-world>.transition-scene{top:16%}}
@media(max-width:767px){
 body.theme-autumn{--season-environment:url('/assets/images/seasonal/autumn-edge-v3-small.webp')}
 body.theme-frost{--season-environment:url('/assets/images/seasonal/frost-edge-v3-small.webp')}
 .transition-hero{padding-top:8px}
 .transition-hero>.transition-scene{min-width:640px;right:0;opacity:.38}
 .transition-hero:after{background:linear-gradient(180deg,#0b101e20,#0b101e75 75%,var(--season-ink))}
 body.arena-ui.home-page.theme-landscape .cash-feature .cash-feature-state .cash-weekly-secondary{padding:16px}
 body.arena-ui.home-page.theme-landscape .transition-hero .arena-weekly-hero{min-height:0;padding-top:20px;gap:12px}
 body.arena-ui.home-page.theme-landscape .arena-weekly-story h1{font-size:clamp(34px,10vw,43px)}
 .transition-hero .arena-weekly-moment{min-height:0;padding:12px 0 28px}
 .transition-hero .arena-weekly-ranking{margin-top:0;padding:18px}
 .home-transition-world>.transition-scene{top:37%;left:-40px;min-width:640px;opacity:.3}
 .transition-page-art>.transition-scene{min-width:850px;right:-180px}
 .transition-brand{width:40px;height:28px;right:-12px;bottom:-7px}
}