: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-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-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{display:block;position:relative;width:min(100%,290px);aspect-ratio:9/11;margin:auto;overflow:hidden}
.arcade-upper-cta{position:absolute;right:16%;bottom:20%;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:8px 13px;border:1px solid var(--arcade-neon);border-radius:999px;background:var(--arcade-accent);color:#fff;font:600 13px/1 var(--font-exo),sans-serif;text-decoration:none;white-space:nowrap}
/* The entire cabinet is one native link; the pill is its visible CTA. */
.arcade-upper-cta>.tool-identity{display:none}
.arcade-upper-art:hover .arcade-upper-cta{background:color-mix(in srgb,var(--arcade-accent) 85%,var(--arcade-neon))}
.arcade-upper .arcade-layer-cabinet{filter:none}
.arcade-poster:focus-visible,.arcade-upper-art:focus-visible{outline:2px solid var(--arcade-neon);outline-offset:3px}
.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;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}
  .arcade-upper[data-arcade-tone=light] .arcade-upper-art{width:min(calc((100vw - 24px) * .9),324px)}
  .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:0}
  /* Navigation floats over each machine's own moving footer; blank space stays swipeable. */
  [data-mobile-hero=true] .carousel-controls{background:transparent;pointer-events:none}
  [data-mobile-hero=true] .carousel-controls button{pointer-events:auto}
  .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)}
}

/* Screen-only proof: artwork and wordmark are one responsive WebP. */
.arcade-screen-link{--screen-accent:#29485b;--screen-edge:#54788b;display:block;position:relative;width:100%;height:400px;overflow:hidden;color:#fff;text-decoration:none;background:#091724}
.arcade-screen-link[data-accent=green]{--screen-accent:#294b40;--screen-edge:#5d8273}
.arcade-screen-link[data-accent=purple]{--screen-accent:#443957;--screen-edge:#80728e}
.arcade-screen-link[data-accent=red]{--screen-accent:#563a43;--screen-edge:#92747e}
.arcade-screen-cta{position:absolute;bottom:49px;right:18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:96px;min-height:36px;padding:8px 15px;border:1px solid var(--screen-edge);border-radius:12px;background:var(--screen-accent);color:#fff;font:600 13px/1.2 var(--font-exo),sans-serif;white-space:nowrap}
.arcade-screen-link:hover .arcade-screen-cta{border-color:#fff}
.arcade-screen-link:focus-visible{outline:3px solid var(--screen-edge);outline-offset:-4px}
.arcade-screen-study{border:1px solid var(--line,#334553);border-radius:10px;overflow:hidden}

/* Preserve baked artwork at intermediate mobile widths without stretching. */
.arcade-screen-link .arcade-layer img{object-fit:contain!important}

/* Shared mobile light treatment: soften the exposed gutters and baked cabinet
   surfaces without changing artwork files, dimensions, or the dark palette. */
[data-mobile-hero=true] .arcade-screen-link[data-arcade-tone=light]{background:transparent;--screen-accent:#3c6075;--screen-edge:#7595a7}
[data-mobile-hero=true] .arcade-screen-link[data-arcade-tone=light][data-accent=green]{--screen-accent:#3d6454;--screen-edge:#82a293}
[data-mobile-hero=true] .arcade-screen-link[data-arcade-tone=light][data-accent=purple]{--screen-accent:#5c4d73;--screen-edge:#9c8caf}
[data-mobile-hero=true] .arcade-screen-link[data-arcade-tone=light][data-accent=red]{--screen-accent:#75505c;--screen-edge:#ad8994}
[data-mobile-hero=true] .arcade-screen-link[data-arcade-tone=light] .arcade-layer img{filter:brightness(1.12) contrast(.94)}
/* Transparent promo gutters reveal one continuous landing-tile dot pattern. */
@media(max-width:767px){
  html[data-index-tone=light] body.design-magazine .index-hero[data-season-dots]:has([data-mobile-hero=true]){--season-glow:0 156 207;background:#e8f3f8}
  html[data-index-tone=light] body.design-magazine .index-hero[data-season-dots]:has([data-mobile-hero=true])::before{--season-dot:#8baebe;filter:none;background:radial-gradient(circle,var(--season-dot) .6px,transparent .9px) 0 0/24px 24px}
}