@font-face{font-family:ArcadePoster;src:url('/otc-assets/fonts/saira-semi-condensed-800.woff2') format('woff2');font-weight:800;font-display:swap}
:is(.arcade-poster,.arcade-upper){--arcade-accent:#126ca8;--arcade-neon:#38adf5;--arcade-ink:#152e42;--arcade-ground:color-mix(in srgb,var(--arcade-accent) 5%,#eff7fa);--arcade-star:color-mix(in srgb,var(--arcade-accent) 22%,#e5eef1);--arcade-dot:color-mix(in srgb,var(--arcade-accent) 32%,#b7ceda);color:var(--arcade-ink);text-decoration:none}
:is(.arcade-poster,.arcade-upper)[data-accent=green]{--arcade-accent:#087b58;--arcade-neon:#20d899}
:is(.arcade-poster,.arcade-upper)[data-accent=purple]{--arcade-accent:#7145ad;--arcade-neon:#ae80ff}
:is(.arcade-poster,.arcade-upper)[data-accent=red]{--arcade-accent:#b52d47;--arcade-neon:#ff5370}
:is(.arcade-poster,.arcade-upper)[data-arcade-tone=dark]{--arcade-ink:#eef5fa;--arcade-ground:color-mix(in srgb,var(--arcade-accent) 10%,#0b1724);--arcade-star:color-mix(in srgb,var(--arcade-accent) 24%,#081019);--arcade-dot:color-mix(in srgb,var(--arcade-accent) 42%,#306077)}
.arcade-poster{display:block;container-type:inline-size;position:relative;isolation:isolate;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:var(--arcade-ground)}
.arcade-ground{position:absolute;inset:0 0 max(14px,3.7cqw);background:var(--arcade-ground);pointer-events:none}
.arcade-dots{position:absolute;inset:0;background:radial-gradient(circle,var(--arcade-dot) .75px,transparent 1.05px) 0 0/24px 24px;opacity:.8}
.arcade-boundary{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.arcade-art{position:absolute;inset:0;pointer-events:none}
.arcade-layer{position:absolute!important;inset:0;display:block}
.arcade-layer img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:fill!important;max-width:none}
.arcade-layer-spill{opacity:.65}
.arcade-layer-bloom{opacity:.6}
[data-arcade-tone=light] .arcade-layer-cabinet{filter:drop-shadow(-.3cqw 0 .45cqw color-mix(in srgb,var(--arcade-neon) 55%,transparent))}
[data-arcade-tone=dark] .arcade-layer-spill{opacity:.38}
[data-arcade-tone=dark] .arcade-layer-bloom{opacity:.45;mix-blend-mode:screen}
.arcade-lettering{position:absolute;left:2%;top:9%;bottom:9%;width:52%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--arcade-ink)}
.arcade-kicker{display:table;padding:.75cqw 1.5cqw;margin:0 0 2cqw;background:var(--arcade-accent);color:#fff;font:800 2.2cqw/1.2 ArcadePoster,sans-serif;letter-spacing:.3cqw;text-transform:uppercase}
.arcade-headline{font:800 8cqw/.98 ArcadePoster,sans-serif;letter-spacing:-.12cqw;text-transform:uppercase}
.arcade-headline>span{display:block}
.arcade-subtitle{font:800 2.6cqw/1.25 ArcadePoster,sans-serif;text-transform:uppercase;margin-top:1.9cqw}
.arcade-strip{position:absolute;bottom:0;left:0;right:0;height:max(14px,3.7cqw);background:var(--arcade-accent);color:#fff;white-space:nowrap;overflow:hidden;font:800 max(7px,1.75cqw)/max(14px,3.7cqw) ArcadePoster,sans-serif;letter-spacing:.15cqw}
.arcade-strip>span{display:inline-block;padding-left:2.6cqw}.arcade-strip b{margin-left:2.6cqw;font-size:1.4cqw}
.arcade-upper{display:none;container-type:inline-size}
.arcade-poster-image .arcade-flat-picture,.arcade-poster-image img{display:block;width:100%;height:100%;object-fit:fill}
.arcade-upper-art{position:relative;width:min(100%,290px);aspect-ratio:9/11;margin:auto;overflow:hidden}
.arcade-upper-cta{position:absolute;top:66%;left:50%;transform:translate(-50%,-50%);z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 18px;border:1px solid color-mix(in srgb,var(--arcade-neon) 45%,#fff);border-radius:999px;background:color-mix(in srgb,var(--arcade-accent) 80%,#0b1724);color:#fff;font:700 13px/1 var(--font-exo),sans-serif;text-decoration:none;white-space:nowrap;box-shadow:0 2px 12px #0005}
.arcade-upper-cta:hover{background:var(--arcade-accent)}
.arcade-upper .arcade-layer-cabinet{filter:none}
.arcade-poster:focus-visible,.arcade-upper-cta:focus-visible{outline:2px solid var(--arcade-neon);outline-offset:3px}
/* The studio's saved appearance controls also govern the shared poster. */
.arcade-poster{--arcade-glow:var(--promo-light-glow,1);--arcade-dot-strength:var(--promo-light-dots,.8);--arcade-ground:color-mix(in srgb,var(--arcade-accent) var(--promo-light-tint,5%),#eff7fa)}
.arcade-poster[data-arcade-tone=dark]{--arcade-glow:var(--promo-dark-glow,1);--arcade-dot-strength:calc(var(--promo-dark-dots,.5) * 1.6);--arcade-ground:color-mix(in srgb,var(--arcade-accent) calc(var(--promo-dark-tint,20%) * .5),#0b1724)}
.arcade-poster .arcade-dots{opacity:min(1,var(--arcade-dot-strength));filter:brightness(max(1,var(--arcade-dot-strength)))}
.arcade-poster .arcade-boundary>g{opacity:min(1,var(--arcade-glow))}
.arcade-poster .arcade-layer-spill{opacity:min(1,calc(.65 * var(--arcade-glow)))}
.arcade-poster .arcade-layer-bloom{opacity:min(1,calc(.6 * var(--arcade-glow)))}
.arcade-poster[data-arcade-tone=dark] .arcade-layer-spill{opacity:min(1,calc(.38 * var(--arcade-glow)))}
.arcade-poster[data-arcade-tone=dark] .arcade-layer-bloom{opacity:min(1,calc(.45 * var(--arcade-glow)))}
.promo-slide>.arcade-upper{display:none}
.promo-slide>.arcade-poster{background:var(--arcade-ground)}
@media(max-width:767px){
  .index-hero .hero-layout[hidden]{display:none}
  [data-mobile-hero=true] .promo-track,[data-mobile-hero=true] .promo-track>*{height:400px;min-height:400px}
  [data-mobile-hero=true] .promo-slide{padding:0 12px;justify-content:flex-end}
  [data-mobile-hero=true] .promo-slide>.arcade-poster,[data-mobile-hero=true] .promo-slide>figcaption{display:none}
  [data-mobile-hero=true] .promo-slide>.arcade-upper{display:flex;flex-direction:column;justify-content:flex-end;position:relative;width:100%;height:100%;aspect-ratio:auto;background:transparent;border:0;border-radius:0;overflow:visible}
  .arcade-upper-art{flex:none;width:min(calc(100vw - 24px),360px);margin:0 auto}
  .index-hero[data-season-dots][data-arcade-accent]{--mobile-arcade:#259feb;--mobile-glow:57 174 255;--season-glow:var(--mobile-glow);--season-dot:color-mix(in srgb,var(--mobile-arcade) 34%,#306077);background:color-mix(in srgb,#0b1724,var(--mobile-arcade) 5%);border-block:1px solid var(--line)}
  .index-hero[data-season-dots][data-arcade-accent=green]{--mobile-arcade:#1dbf89;--mobile-glow:32 216 153}
  .index-hero[data-season-dots][data-arcade-accent=purple]{--mobile-arcade:#a078e4;--mobile-glow:174 128 255}
  .index-hero[data-season-dots][data-arcade-accent=red]{--mobile-arcade:#e44965;--mobile-glow:255 83 112}
  body.design-magazine .index-hero[data-season-dots][data-arcade-accent]{--season-glow:var(--mobile-glow);--season-dot:color-mix(in srgb,var(--mobile-arcade) 34%,#306077);background:color-mix(in srgb,#0b1724,var(--mobile-arcade) 5%)}
  .index-hero[data-season-dots][data-arcade-accent]::before{background-size:24px 24px;background-image:radial-gradient(circle,var(--season-dot) .75px,transparent 1.05px)}
  html[data-index-tone=light] body.design-magazine .index-hero[data-season-dots][data-arcade-accent]{--season-glow:var(--mobile-glow);background:color-mix(in srgb,#eff7fa,var(--mobile-arcade) 4%)}
  html[data-index-tone=light] body.design-magazine .index-hero[data-season-dots][data-arcade-accent]::before{--season-dot:color-mix(in srgb,var(--mobile-arcade) 24%,#becfd9)}
}
