/* Editorial lead desk and arcade cartridges: distinct compositions using the
   same circuit materials. Real existing artwork is never cropped or invented. */
.catalog-depth-page { --depth-shadow:0 20px 46px #0822301a; --depth-edge:var(--line); }
.depth-eyebrow { display:block; font:700 10px/1.6 var(--body-font); letter-spacing:.15em; text-transform:uppercase; color:#74d9ee; }
.news-hero, .arcade-hero { position:relative; isolation:isolate; overflow:hidden; color:#f3f8f5; background:#102632; border-bottom:1px solid #51717f; }
.news-hero .ambient-toggle, .arcade-hero .ambient-toggle { min-height:44px; padding:9px 14px; color:#d6e8ed; border:1px solid #678592; background:#15323f; border-radius:4px; font-size:11px; cursor:pointer; }
.news-hero .ambient-toggle:hover, .arcade-hero .ambient-toggle:hover { background:#2a4b59; border-color:#84d8e9; }
.news-hero :focus-visible, .arcade-hero :focus-visible { outline-color:#69d8ef!important; }
.catalog-depth-wire { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; opacity:.2; z-index:-1; }
.depth-wire-base { stroke:#8baab8; stroke-width:1; }
.depth-wire-flow { stroke:#2ed9ff; stroke-width:2.5; stroke-dasharray:8 92; animation:depth-wire-send 9s linear infinite; animation-play-state:paused; }
.catalog-depth-wire circle { fill:#102632; stroke:#66e2f5; stroke-width:2; }
.news-hero { padding:50px var(--page-pad) 100px; background:radial-gradient(ellipse at 8% 40%,#17495c 0,transparent 58%),linear-gradient(125deg,#102632,#0a1822); }
.news-masthead { position:relative; max-width:1360px; margin:0 auto 36px; display:flex; align-items:end; justify-content:space-between; gap:28px; padding-bottom:24px; border-bottom:1px solid #47606d; }
.news-masthead::after { content:''; position:absolute; inset:auto 0 -1px; height:3px; pointer-events:none; background:linear-gradient(90deg,transparent,#58def2 35%,#a2edf7 50%,#58def2 65%,transparent); background-size:140px 3px; background-repeat:no-repeat; animation:news-desk-send 7s linear infinite alternate; animation-play-state:paused; }
.news-masthead h1 { font:700 clamp(34px,4vw,55px)/1.05 var(--heading-font); letter-spacing:-.055em; margin:10px 0 0; }
.news-hero-tools { display:flex; align-items:center; gap:20px; }
.news-hero-tools>span { font:10px/1.7 ui-monospace,monospace; color:#bdd0d8; }
.news-lead { max-width:1360px; margin:auto; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); align-items:center; }
.news-lead-art { display:block; position:relative; min-width:0; padding:10px; background:#0b1922; border:1px solid #72909e; border-radius:5px; transform:perspective(1100px) rotateY(var(--catalog-ry,-2deg)) rotateX(var(--catalog-rx,1deg)) rotateZ(-1deg); box-shadow:0 30px 70px #0006,9px 10px 0 #254552; text-decoration:none; transition:transform 240ms,box-shadow 240ms; }
.news-lead-art::before { content:''; position:absolute; inset:-13px 28px 28px -13px; border:1px solid #597888; z-index:-1; }
.news-lead-art>img { display:block; width:100%; height:auto; aspect-ratio:1672/941; object-fit:contain; background:#10171c; border:1px solid #345866; }
.news-print-registration { position:absolute; width:58px; height:58px; top:-16px; left:-16px; border-left:3px solid #54d6ee; border-top:3px solid #54d6ee; pointer-events:none; }
.news-feature-stamp { position:absolute; left:24px; bottom:-19px; display:flex; align-items:center; gap:28px; padding:12px 16px; font:700 10px/1.5 ui-monospace,monospace; text-transform:uppercase; letter-spacing:.1em; color:#142d38; background:#efaa6a; border:1px solid #ffe0ad; box-shadow:0 4px 0 #824820; transform:rotate(1.5deg); }
.news-feature-stamp b { font-size:24px; letter-spacing:-.08em; }
.news-lead-copy { position:relative; margin:26px 0 0 -26px; min-width:0; padding:32px 34px; z-index:2; background:#16323feb; border:1px solid #527381; border-top:3px solid #efaa6a; box-shadow:0 24px 42px #040e1640; border-radius:4px; }
.depth-story-label { display:block; font:700 10px/1.6 var(--body-font); letter-spacing:.11em; text-transform:uppercase; color:var(--accent-text); }
.news-lead-copy .depth-story-label { color:#f0b67f; }
.news-lead-copy h2 { font:700 clamp(28px,3vw,43px)/1.1 var(--heading-font); letter-spacing:-.04em; margin:16px 0 20px; }
body[data-site] .news-title-link { color:inherit; text-decoration:none; text-decoration-color:transparent; text-underline-offset:6px; transition:color 180ms,text-decoration-color 180ms; }
body[data-site] .news-title-link:hover, body[data-site] .news-title-link:focus-visible { color:var(--accent-text); text-decoration:underline; text-decoration-thickness:2px; text-decoration-color:currentColor; }
body[data-site] .news-lead-copy .news-title-link:hover, body[data-site] .news-lead-copy .news-title-link:focus-visible { color:#8ee2f2; }
.depth-story-meta { color:var(--muted); font:10px/1.9 ui-monospace,monospace; margin:14px 0; }
.news-lead-copy .depth-story-meta { color:#bfd1d9; }
.news-lead-copy .depth-story-intro { color:#d1e0e5; font-size:14px; line-height:1.8; margin:16px 0 22px; }
body[data-site] .depth-read-cta { display:inline-flex; align-items:center; gap:24px; min-height:48px; padding:12px 18px; background:#20c6e8; color:#082b39; border:1px solid #8be3f3; border-radius:4px; box-shadow:0 4px 0 #076781; font-size:13px; font-weight:700; text-decoration:none; transition:translate 180ms,background 180ms,box-shadow 180ms; }
body[data-site] .depth-read-cta:hover { background:#7ae2f5; translate:0 -2px; box-shadow:0 6px 0 #076781; }
body[data-site] .depth-read-cta:active { translate:0 3px; box-shadow:0 1px 0 #076781; }
.news-hero[data-lead-filtered='true'] { padding-bottom:68px; }
.news-hero[data-lead-filtered='true'] .news-masthead { margin-bottom:0; }
.news-dispatches { max-width:1504px; margin:auto; padding:0 var(--page-pad) 90px; }
.news-feed-heading { position:relative; margin-top:-26px; padding:28px 32px; display:flex; align-items:center; justify-content:space-between; gap:24px; border:1px solid var(--line); border-radius:5px; background:var(--surface); box-shadow:var(--depth-shadow),5px 5px 0 var(--surface-raised); z-index:2; }
.news-feed-heading .section-label { margin-bottom:10px; }
.news-feed-heading h2 { font:700 clamp(28px,3vw,40px)/1.1 var(--heading-font); letter-spacing:-.04em; margin:0 0 14px; }
.news-feed-heading p { max-width:72ch; margin:0; font-size:14px; color:var(--muted); line-height:1.8; }
.dispatch-index { font:10px/1.8 ui-monospace,monospace; color:var(--accent-text); flex-shrink:0; border-left:1px solid var(--line); padding:20px 0 20px 24px; }
.catalog-depth-page .depth-filter-rack { padding:20px; margin:30px 0 16px; border:1px solid var(--line); background:var(--surface); border-radius:5px; box-shadow:0 10px 24px #0822300d; }
.catalog-depth-page .depth-result { margin:0 0 26px 3px; }
.news-dispatch-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,280px); gap:34px; align-items:start; }
.news-dispatch-stack { min-width:0; display:grid; gap:24px; }
.dispatch-card { display:grid; grid-template-columns:minmax(140px,.32fr) minmax(0,1fr); padding:10px; gap:24px; min-width:0; border:1px solid var(--line); background:var(--surface); border-radius:7px; box-shadow:0 14px 30px #0619240f,4px 4px 0 var(--surface-raised); transition:transform 220ms,box-shadow 220ms,border-color 220ms; }
.dispatch-card:hover, .dispatch-card:focus-within { transform:translateY(-4px); border-color:var(--accent-text); box-shadow:0 20px 36px #06192420,4px 5px 0 var(--surface-raised); }
.dispatch-cover { position:relative; min-width:0; display:flex; align-items:center; justify-content:center; align-self:stretch; min-height:180px; padding:12px; background:#102a36; border-radius:4px; overflow:hidden; }
.dispatch-cover img { display:block; width:100%; height:auto; max-height:190px; object-fit:contain; }
.dispatch-sheet-number { position:absolute; top:12px; left:12px; color:#c9e2eb; font:10px/1.6 ui-monospace,monospace; }
.dispatch-copy { min-width:0; padding:14px 14px 8px 0; }
.dispatch-copy h3 { font:700 clamp(23px,2.1vw,29px)/1.14 var(--heading-font); letter-spacing:-.03em; margin:10px 0 16px; }
.dispatch-copy>p:not(.depth-story-meta) { color:var(--muted); font-size:13px; line-height:1.8; margin:14px 0; }
.dispatch-copy .dispatch-read { display:inline-flex; align-items:center; gap:18px; min-height:44px; padding:8px 13px; background:var(--surface-raised); border:1px solid var(--line); color:var(--accent-text); font:700 12px/1.5 var(--body-font); text-decoration:none; border-radius:3px; }
.dispatch-read:hover { border-color:var(--accent-text); }
.news-noteboard { display:grid; gap:28px; padding-top:10px; }
.news-note { position:relative; padding:26px; background:var(--surface-raised); border:1px solid var(--line); border-radius:3px; transform:rotate(1deg); box-shadow:0 12px 22px #08223010; }
.news-note-editor { transform:rotate(-1deg); background:var(--surface); }
.note-pin { position:absolute; width:18px; height:5px; left:26px; top:-3px; background:#efaa6a; border:1px solid #a2602a; }
.news-note h2 { font:700 24px/1.1 var(--heading-font); margin:14px 0 20px; letter-spacing:-.03em; }
.news-note .section-label { margin:0; font-size:9px; }
.news-note ul { list-style:none; margin:0; padding:0; }
.news-note li { display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-bottom:1px solid var(--line); font-size:13px; color:var(--muted); }
.news-note li b { color:var(--accent-text); font:11px/1.7 ui-monospace,monospace; }
.news-note p { font-size:13px; line-height:1.85; color:var(--muted); }
.editor-rule { display:block; width:54px; height:3px; background:var(--accent-text); margin-top:24px; }

/* An illuminated featured game, physical cover frame and a compact cartridge
   library. The featured image remains a complete image at every aspect ratio. */
.arcade-hero { padding:72px var(--page-pad) 28px; background:#0b1c27; }
.arcade-atmosphere { position:absolute; inset:0; z-index:-1; pointer-events:none; overflow:hidden; }
.arcade-light { position:absolute; width:65%; height:90%; top:-15%; border-radius:50%; background:radial-gradient(ellipse,#12779a66,transparent 68%); animation:arcade-light-drift 13s ease-in-out infinite alternate; animation-play-state:paused; }
.arcade-light-cyan { left:-22%; }
.arcade-light-warm { right:-23%; top:10%; background:radial-gradient(ellipse,#a8473440,transparent 68%); animation-delay:-5s; }
.arcade-hero-grid { position:absolute; inset:0; background-image:linear-gradient(#47667515 1px,transparent 1px),linear-gradient(90deg,#47667515 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(transparent,#000 30%,#000); }
.arcade-hero-layout { position:relative; max-width:1360px; margin:auto; display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:68px; align-items:center; min-height:450px; }
.arcade-hero-copy { position:relative; z-index:3; min-width:0; }
.arcade-feature-flags { display:flex; flex-wrap:wrap; gap:8px; margin:22px 0 18px; }
.arcade-feature-flags>span { border:1px solid #5e8f9f; padding:5px 10px; font:700 10px/1.6 var(--body-font); letter-spacing:.1em; text-transform:uppercase; color:#c9eaf0; background:#1d45544d; }
.arcade-feature-flags>span:first-child { color:#ffe0a9; border-color:#ba8052; background:#87471633; }
.arcade-hero-copy h1 { position:relative; isolation:isolate; font:700 clamp(76px,8.5vw,126px)/1 var(--heading-font); letter-spacing:-.075em; margin:0 0 28px; width:fit-content; }
.arcade-title-echo { position:absolute; top:15px; left:4px; z-index:-1; color:transparent; -webkit-text-stroke:1px #48c7e761; font-size:.98em; letter-spacing:-.075em; pointer-events:none; }
.arcade-hero-copy>p { font-size:16px; line-height:1.85; color:#c1d6df; max-width:50ch; margin:22px 0 28px; }
.arcade-hero-actions { display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
body[data-site] .arcade-play { display:flex; align-items:center; gap:18px; min-height:74px; padding:15px 22px; background:linear-gradient(#5bdef3,#20bee2); color:#092c39; border:1px solid #a4edf7; border-radius:7px; box-shadow:0 6px 0 #07617a,0 18px 36px #010c1740; text-decoration:none; transition:translate 200ms,box-shadow 200ms,background 200ms; }
.arcade-play>.ui-icon:first-child { width:24px; height:24px; }
.arcade-play>span { display:flex; flex-direction:column; gap:3px; font:700 19px/1.25 var(--heading-font); }
.arcade-play small { font:600 10px/1.5 var(--body-font); opacity:.9; }
body[data-site] .arcade-play:hover { translate:0 -3px; background:#83e6f7; box-shadow:0 9px 0 #07617a,0 24px 40px #010c1760; }
body[data-site] .arcade-play:active { translate:0 4px; box-shadow:0 2px 0 #07617a; }
body[data-site] .arcade-browse { display:flex; align-items:center; gap:10px; min-height:44px; font:700 12px/1.5 var(--body-font); color:#cee4eb; text-decoration:none; border-bottom:1px solid #587b89; }
body[data-site] .arcade-browse:hover { border-color:#84e3f3; color:#fff; }
.arcade-marquee { position:relative; z-index:2; min-width:0; transform:perspective(1100px) rotateY(var(--catalog-ry,-3deg)) rotateX(var(--catalog-rx,1deg)) rotateZ(1.5deg); transition:transform 240ms; }
.arcade-marquee-shadow { position:absolute; inset:20px -17px -19px 20px; border:1px solid #658a9a; background:#173746; transform:rotate(-3deg); border-radius:8px; z-index:-1; }
.arcade-feature-art { position:relative; display:block; padding:10px; background:#08121b; border:1px solid #7397a9; border-radius:9px; box-shadow:0 28px 55px #0006,0 0 48px #23b8e818; }
.arcade-feature-art img { display:block; width:100%; height:auto; aspect-ratio:1672/941; object-fit:contain; border-radius:3px; }
.arcade-art-corner { position:absolute; right:-5px; top:-5px; width:54px; height:54px; border-top:4px solid #ef9b53; border-right:4px solid #ef9b53; pointer-events:none; }
.arcade-feature-bay { position:relative; width:91%; margin:-16px 0 0 -28px; z-index:3; padding:16px 22px 20px; background:#173745ed; border:1px solid #6b92a2; border-top:3px solid #43d6f0; border-radius:5px; box-shadow:0 16px 32px #0004; backdrop-filter:blur(9px); }
.arcade-bay-caption { font:700 10px/1.5 ui-monospace,monospace; text-transform:uppercase; letter-spacing:.12em; color:#9fe6f0; display:flex; align-items:center; gap:8px; }
.arcade-bay-light { width:6px; height:6px; background:#59e5c4; box-shadow:0 0 8px #59e5c440; animation:arcade-status-glow 3.5s ease-in-out infinite; animation-play-state:paused; }
.arcade-feature-bay dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:18px 0 0; padding-top:14px; border-top:1px solid #486b7a; }
.arcade-feature-bay dt { color:#b4ced8; font:9px/1.5 ui-monospace,monospace; text-transform:uppercase; margin-bottom:6px; }
.arcade-feature-bay dd { margin:0; color:#f0f7f6; font:700 13px/1.5 var(--body-font); }
.arcade-corner-register { position:absolute; right:1px; bottom:-34px; font:9px/1.6 ui-monospace,monospace; color:#89afbf; letter-spacing:.12em; }
.arcade-hero-foot { position:relative; max-width:1360px; margin:56px auto 0; padding-top:18px; display:flex; justify-content:space-between; align-items:center; gap:22px; border-top:1px solid #3a5563; }
.arcade-hero-foot p { margin:0; color:#bad0d9; font:11px/1.7 ui-monospace,monospace; }
.arcade-library { position:relative; isolation:isolate; padding:0 var(--page-pad) 80px; background:radial-gradient(ellipse at 50% 5%,#18bce509,transparent 52%),var(--bg); }
.arcade-library::before { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(115deg,transparent 62%,#18bce509 62%,transparent 79%); pointer-events:none; }
.arcade-library-inner { max-width:1360px; margin:auto; padding-top:58px; }
.arcade-library-heading { display:flex; justify-content:space-between; align-items:center; gap:28px; }
.arcade-library-heading h2 { font:700 clamp(34px,4vw,52px)/1.08 var(--heading-font); letter-spacing:-.055em; margin:10px 0 18px; }
.arcade-library-heading .section-label { margin:0; }
.arcade-library-heading p { color:var(--muted); max-width:68ch; font-size:14px; line-height:1.8; margin:0; }
.arcade-library-count { display:flex; flex-direction:column; gap:9px; padding:16px 22px; background:var(--surface); border:1px solid var(--line); border-radius:5px; box-shadow:4px 5px 0 var(--surface-raised); flex-shrink:0; }
.arcade-library-count strong { font:700 42px/1 var(--heading-font); color:var(--accent-text); letter-spacing:-.06em; }
.arcade-library-count span { color:var(--muted); font:9px/1.5 ui-monospace,monospace; text-transform:uppercase; }
.arcade-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px 25px; align-items:stretch; }
.game-sleeve { position:relative; isolation:isolate; display:flex; flex-direction:column; min-width:0; padding:7px; background:var(--surface); border:1px solid var(--line); border-radius:9px; box-shadow:0 14px 30px #08223012,0 4px 0 var(--surface-raised); transform:perspective(1000px) rotateX(var(--catalog-rx,0deg)) rotateY(var(--catalog-ry,0deg)); transition:transform 200ms,box-shadow 200ms,border-color 200ms; }
.sleeve-stack { position:absolute; inset:12px -6px -7px 8px; z-index:-1; border:1px solid var(--line); border-radius:8px; background:var(--surface-raised); opacity:.65; transform:rotate(1deg); }
.game-sleeve:hover, .game-sleeve:focus-within { transform:perspective(1000px) translateY(-6px) rotateX(var(--catalog-rx,0deg)) rotateY(var(--catalog-ry,0deg)); box-shadow:0 24px 38px #08223025,0 5px 0 var(--surface-raised); border-color:var(--accent-text); }
.arcade-grid .sleeve-cover { position:relative; height:200px; border-radius:5px; border:1px solid #314c5d; text-decoration:none; }
.arcade-grid .sleeve-cover>img:not(.game-card-logo) { max-width:100%; width:100%; height:100%; object-fit:contain; }
.arcade-grid .sleeve-cover .status-pill { top:12px; left:12px; font-size:8px; padding:4px 6px; border-radius:3px; }
.arcade-grid .game-card-logo { top:11px; right:11px; width:36px; height:36px; box-shadow:0 6px 12px #0003; }
.arcade-grid .orbit-card-title, .arcade-grid .firewall-card-title { font-size:15px; }
.sleeve-copy { display:flex; flex-direction:column; flex:1; padding:16px 15px 15px; min-width:0; }
.sleeve-index { display:flex; justify-content:space-between; gap:12px; font:9px/1.5 ui-monospace,monospace; color:var(--accent-text); margin-bottom:13px; }
.sleeve-index span { color:var(--muted); letter-spacing:.08em; }
.sleeve-copy h3 { font:700 clamp(23px,2vw,28px)/1.15 var(--heading-font); letter-spacing:-.035em; margin:0 0 15px; }
.sleeve-copy h3 a { display:inline; text-decoration:none; }
.sleeve-copy h3 a:hover { color:var(--accent-text); text-decoration:underline; text-underline-offset:5px; }
.sleeve-copy>p { color:var(--muted); font-size:13px; line-height:1.8; margin:0 0 22px; }
.sleeve-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px 18px; margin:auto 0 21px; padding:16px 0; border-block:1px solid var(--line); }
.sleeve-meta dt { font:9px/1.5 ui-monospace,monospace; color:var(--muted); text-transform:uppercase; margin-bottom:4px; }
.sleeve-meta dd { margin:0; font:600 12px/1.6 var(--body-font); color:var(--text); overflow-wrap:anywhere; }
body[data-site] .sleeve-play { display:flex; align-items:center; gap:10px; min-height:50px; padding:12px 15px; background:linear-gradient(#44d4ed,#18bce5); border:1px solid #80deef; border-radius:5px; color:#092c39; box-shadow:0 4px 0 #07627b; font:700 13px/1.5 var(--body-font); text-decoration:none; transition:translate 180ms,box-shadow 180ms,background 180ms; }
.sleeve-play>.ui-icon:first-child { width:15px; height:15px; }
.sleeve-play>.ui-icon:last-child { margin-left:auto; width:17px; height:17px; }
body[data-site] .sleeve-play:hover { translate:0 -2px; background:#73e0f3; box-shadow:0 6px 0 #07627b; }
body[data-site] .sleeve-play:active { translate:0 3px; box-shadow:0 1px 0 #07627b; }
.arcade-next { position:relative; isolation:isolate; overflow:hidden; max-width:1360px; margin:0 var(--page-pad) 82px; padding:32px; display:flex; align-items:center; justify-content:space-between; gap:40px; border:1px solid var(--line); border-left:4px solid var(--accent); border-radius:6px; background:var(--surface); box-shadow:6px 6px 0 var(--surface-raised); }
@media (min-width:1532px) { .arcade-next { margin-inline:auto; } }
.arcade-next h2 { font:700 clamp(28px,3vw,40px)/1.1 var(--heading-font); letter-spacing:-.04em; margin:10px 0 18px; }
.arcade-next p { max-width:64ch; color:var(--muted); font-size:14px; line-height:1.8; margin:0; }
.arcade-next-route { display:flex; align-items:center; gap:12px; flex-shrink:0; color:var(--accent-text); font:10px/1.8 ui-monospace,monospace; }
.arcade-next-route i { position:relative; width:22px; height:1px; background:var(--line); }
.arcade-next-route i::after { content:''; position:absolute; width:4px; height:4px; top:-1.5px; background:var(--accent-text); animation:arcade-route-hop 3s ease-in-out infinite; animation-play-state:paused; }
.arcade-next .catalog-depth-wire { opacity:.08; }
html[data-circuit-motion='running'] [data-motion-active='true'] .depth-wire-flow,
html[data-circuit-motion='running'] [data-motion-active='true'] .news-masthead::after,
html[data-circuit-motion='running'] [data-motion-active='true'] .arcade-light,
html[data-circuit-motion='running'] [data-motion-active='true'] .arcade-bay-light,
html[data-circuit-motion='running'] [data-motion-active='true'] .arcade-next-route i::after { animation-play-state:running; }
@keyframes depth-wire-send { to { stroke-dashoffset:-100; } }
@keyframes news-desk-send { from { background-position:0% 0; } to { background-position:100% 0; } }
@keyframes arcade-light-drift { to { transform:translate(5%,7%); opacity:.6; } }
@keyframes arcade-status-glow { 0%,100% { opacity:.5; box-shadow:0 0 5px #59e5c440; } 50% { opacity:1; box-shadow:0 0 12px #59e5c480; } }
@keyframes arcade-route-hop { 0%,100% { left:0; opacity:.4; } 50% { left:18px; opacity:1; } }
@media(max-width:1100px) {
 .news-lead { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
 .news-lead-copy { padding:24px; margin-left:-18px; }
 .news-lead-copy h2 { font-size:31px; }
 .arcade-hero-layout { gap:40px; }
 .arcade-hero-copy h1 { font-size:90px; }
 .arcade-hero-actions { gap:18px; }
 .arcade-play { padding:14px 18px; }
 .arcade-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .arcade-next { flex-direction:column; align-items:start; gap:28px; }
}
@media(max-width:800px) {
 .news-masthead { align-items:start; }
 .news-hero-tools { flex-direction:column; align-items:end; gap:10px; }
 .news-hero-tools>span { display:none; }
 .news-lead { grid-template-columns:minmax(0,1fr); max-width:640px; }
 .news-lead-art { margin-right:12px; }
 .news-lead-copy { margin:-8px 0 0 24px; padding:27px; }
 .news-dispatch-layout { grid-template-columns:minmax(0,1fr); }
 .news-noteboard { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .arcade-hero-layout { grid-template-columns:minmax(0,1fr); gap:38px; }
 .arcade-hero-copy { max-width:640px; }
 .arcade-hero-copy h1 { font-size:clamp(78px,12vw,114px); }
 .arcade-marquee { max-width:640px; width:100%; margin:0 auto; }
 .arcade-feature-bay { margin-left:16px; margin-top:-13px; }
 .arcade-marquee-shadow { inset:15px -10px -15px 15px; }
 .arcade-hero-foot { margin-top:42px; }
 .arcade-library-count { padding:13px 17px; }
}
@media(max-width:600px) {
 .news-hero { padding-top:35px; padding-bottom:68px; }
 .news-masthead { gap:16px; margin-bottom:28px; padding-bottom:20px; }
 .news-masthead h1 { font-size:35px; }
 .news-hero-tools { align-self:start; }
 .news-hero-tools .ambient-toggle { font-size:9px; padding:8px 10px; white-space:nowrap; }
 .news-masthead .depth-eyebrow { font-size:8px; max-width:24ch; }
 .news-lead-art { padding:6px; margin-right:7px; transform:none; }
 .news-print-registration { width:38px; height:38px; top:-8px; left:-8px; border-width:2px; }
 .news-feature-stamp { bottom:-12px; left:14px; padding:8px 10px; gap:22px; font-size:8px; }
 .news-feature-stamp b { font-size:18px; }
 .news-lead-copy { margin:12px 0 0 0; padding:23px; }
 .news-lead-copy h2 { font-size:29px; }
 .news-lead-copy .depth-story-intro { font-size:13px; }
 .news-feed-heading { margin-top:-18px; padding:24px; }
 .dispatch-index { display:none; }
 .news-dispatches { padding-bottom:65px; }
 .catalog-depth-page .depth-filter-rack { padding:18px; margin-top:25px; }
 .dispatch-card { grid-template-columns:minmax(0,1fr); gap:16px; }
 .dispatch-cover { min-height:135px; max-height:175px; padding:20px; }
 .dispatch-cover img { max-height:145px; width:auto; max-width:100%; }
 .dispatch-copy { padding:3px 12px 12px; }
 .dispatch-copy h3 { font-size:25px; }
 .news-noteboard { grid-template-columns:minmax(0,1fr); gap:24px; }
 .news-note { padding:24px; }
 .arcade-hero { padding-top:38px; }
 .arcade-hero-copy h1 { font-size:clamp(76px,18vw,90px); margin-bottom:21px; }
 .arcade-feature-flags { margin:20px 0 18px; }
 .arcade-hero-copy>p { font-size:14px; line-height:1.85; }
 .arcade-hero-actions { gap:20px; }
 .arcade-play { min-height:69px; padding:14px 17px; gap:15px; }
 .arcade-play>span { font-size:18px; }
 .arcade-marquee { transform:none; }
 .arcade-feature-art { padding:6px; border-radius:6px; }
 .arcade-art-corner { width:35px; height:35px; border-width:3px; }
 .arcade-feature-bay { width:94%; margin-left:8px; padding:13px 15px 15px; }
 .arcade-feature-bay dl { gap:9px; margin-top:13px; }
 .arcade-feature-bay dd { font-size:11px; }
 .arcade-feature-bay dt { font-size:8px; }
 .arcade-bay-caption { font-size:8px; }
 .arcade-hero-foot { align-items:center; gap:15px; }
 .arcade-hero-foot p { font-size:9px; max-width:24ch; }
 .arcade-hero-foot .ambient-toggle { white-space:nowrap; font-size:10px; padding:9px 11px; }
 .arcade-library-inner { padding-top:40px; }
 .arcade-library-heading { align-items:start; gap:18px; }
 .arcade-library-heading h2 { font-size:35px; }
 .arcade-library-heading p { font-size:13px; }
 .arcade-library-count { padding:12px 11px; gap:6px; margin-top:24px; }
 .arcade-library-count strong { font-size:31px; }
 .arcade-library-count span { font-size:7px; max-width:10ch; }
 .arcade-grid { grid-template-columns:minmax(0,1fr); gap:32px; }
 .arcade-grid .sleeve-cover { height:210px; }
 .sleeve-copy { padding:19px 17px 18px; }
 .sleeve-copy h3 { font-size:28px; }
 .sleeve-copy>p { font-size:13px; }
 .arcade-next { padding:26px; margin-bottom:60px; }
 .arcade-next-route { gap:9px; font-size:8px; flex-wrap:wrap; }
 .arcade-next-route i { width:15px; }
 .arcade-light { animation-duration:18s; }
}
@media(prefers-reduced-motion:reduce) {
 .catalog-depth-page *, .catalog-depth-page *::before, .catalog-depth-page *::after { animation:none!important; transition:none!important; }
 .catalog-tilt, .game-sleeve:hover, .game-sleeve:focus-within, .dispatch-card:hover, .dispatch-card:focus-within { transform:none!important; }
 body[data-site] .arcade-play:hover, body[data-site] .depth-read-cta:hover, body[data-site] .sleeve-play:hover { translate:none; }
}