.arcade-game-page{--arcade-accent: var(--page-accent);--arcade-secondary: var(--page-accent-secondary);display:grid;gap:clamp(2.4rem,6vw,4.8rem)}.arcade-game-page[data-arcade-tone=snake]{--arcade-accent: #6ee7a8;--arcade-secondary: #e8db66}.arcade-game-page[data-arcade-tone=breakout]{--arcade-accent: #ff7ab8;--arcade-secondary: #6edcf5}.arcade-game-page[data-arcade-tone=merge]{--arcade-accent: #f4bc62;--arcade-secondary: #c59cff}.arcade-game-page[data-arcade-tone=mines]{--arcade-accent: #7bc7ff;--arcade-secondary: #ff786f}.arcade-page-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(14rem,.7fr);gap:1.5rem;align-items:end;padding:clamp(1rem,3vw,1.8rem);overflow:hidden;border:1px solid var(--glass-border);border-radius:var(--palette-card-radius);background:var(--glass-page-bg)}.arcade-page-hero:before{position:absolute;inset:auto -7rem -10rem auto;width:25rem;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--arcade-accent) 28%,transparent);border-radius:50%;box-shadow:0 0 0 3rem color-mix(in srgb,var(--arcade-secondary) 7%,transparent),0 0 0 6rem color-mix(in srgb,var(--arcade-accent) 5%,transparent);content:"";pointer-events:none}.arcade-page-hero>*{position:relative;z-index:1}.arcade-page-hero h1{max-width:18ch;margin:.4rem 0 .8rem;font-size:clamp(2.2rem,6vw,4.7rem);line-height:.98;letter-spacing:-.055em}.arcade-page-hero h1 em{color:color-mix(in srgb,var(--arcade-accent) 72%,var(--text-primary));font-style:normal}.arcade-page-hero p:not(.eyebrow){max-width:49rem;margin:0;color:var(--text-secondary);line-height:1.72}.arcade-page-links{display:grid;gap:1px;min-width:0;overflow:hidden;border:1px solid var(--glass-border);border-radius:var(--palette-card-radius);background:var(--glass-border-soft)}.arcade-page-links a{display:flex;justify-content:space-between;gap:1rem;min-width:0;padding:.72rem .88rem;background:var(--glass-nested-bg);color:var(--text-secondary);font-size:.72rem;font-weight:750;text-decoration:none}.arcade-page-links a:after{flex:none;color:var(--arcade-accent);content:"→"}.arcade-page-links a:hover,.arcade-page-links a:focus-visible{background:color-mix(in srgb,var(--arcade-accent) 12%,var(--surface-solid));color:var(--text-primary)}.arcade-window-slot{min-width:0;scroll-margin-top:6rem}.arcade-manual{scroll-margin-top:6rem}.arcade-manual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.arcade-manual-grid article{min-width:0;padding:1rem}.arcade-manual-grid span{color:color-mix(in srgb,var(--arcade-accent) 70%,var(--text-muted));font:700 .58rem Courier New,monospace;letter-spacing:.09em}.arcade-manual-grid h3{margin:.55rem 0;font-size:1rem}.arcade-manual-grid p{margin:0;color:var(--text-muted);font-size:.72rem;line-height:1.65}.arcade-machine{min-width:0;overflow:hidden;border:1px solid var(--glass-border);border-radius:var(--palette-card-radius);background:var(--glass-page-bg);box-shadow:var(--glass-page-shadow)}.arcade-machine-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.9rem 1rem;border-bottom:1px solid var(--glass-border);background:var(--glass-nested-bg)}.arcade-machine-header h2{margin:.15rem 0 0;font-size:clamp(1.15rem,3vw,1.7rem)}.arcade-machine-lights{display:flex;gap:.35rem}.arcade-machine-lights i{width:.55rem;aspect-ratio:1;border-radius:50%;background:var(--arcade-accent);box-shadow:0 0 .7rem color-mix(in srgb,var(--arcade-accent) 65%,transparent)}.arcade-machine-lights i:nth-child(2){background:var(--arcade-secondary)}.arcade-machine-lights i:nth-child(3){opacity:.35}.arcade-hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border-bottom:1px solid var(--glass-border);background:var(--glass-border-soft)}.arcade-hud>div{display:grid;gap:.18rem;min-width:0;padding:.7rem .85rem;background:var(--glass-hud-bg)}.arcade-hud span{color:var(--hud-text-muted);font:.58rem Courier New,monospace;letter-spacing:.08em}.arcade-hud strong{min-width:0;color:var(--hud-text-primary);font:800 clamp(.8rem,2vw,1.18rem) "Courier New",monospace;overflow-wrap:anywhere}.arcade-machine-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(14rem,.6fr);gap:1rem;padding:1rem}.arcade-stage{position:relative;display:grid;place-items:center;min-width:0;min-height:24rem;overflow:hidden;border:1px solid var(--hud-border);border-radius:calc(var(--palette-card-radius) * .8);background:linear-gradient(145deg,var(--palette-canvas-start),var(--palette-canvas-end));box-shadow:inset 0 0 3rem #00000057}.arcade-stage canvas{display:block;width:min(100%,42rem);max-height:70vh;aspect-ratio:1;outline:none;touch-action:none}.arcade-stage canvas:focus-visible{box-shadow:inset 0 0 0 3px var(--focus-ring)}.arcade-overlay{position:absolute;inset:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:.65rem;padding:1.2rem;background:color-mix(in srgb,var(--palette-canvas-start) 82%,transparent);text-align:center;-webkit-backdrop-filter:blur(calc(var(--glass-blur-current, 12px) * .5));backdrop-filter:blur(calc(var(--glass-blur-current, 12px) * .5))}.arcade-overlay[hidden]{display:none}.arcade-overlay strong{color:#fff;font-size:clamp(1.45rem,5vw,2.5rem)}.arcade-overlay p{max-width:30rem;margin:0;color:#ffffffc2;line-height:1.65}.arcade-console{display:grid;align-content:start;gap:.8rem;min-width:0}.arcade-console-section{min-width:0;padding:.85rem;border:1px solid var(--glass-border-soft);border-radius:var(--palette-control-radius);background:var(--glass-nested-bg)}.arcade-console-section h3{margin:.25rem 0 .45rem;font-size:.92rem}.arcade-console-section p{margin:0;color:var(--text-muted);font-size:.7rem;line-height:1.6;overflow-wrap:anywhere}.arcade-console-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}.arcade-announcement{min-height:2.3em}.arcade-touch-controls{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;padding:0 1rem 1rem}.arcade-touch-controls button{min-width:0;min-height:3.1rem;border:1px solid var(--glass-border);border-radius:var(--palette-control-radius);background:var(--glass-control-bg);color:var(--text-primary);font:800 .72rem Courier New,monospace;touch-action:manipulation}.arcade-touch-controls button:active{background:color-mix(in srgb,var(--arcade-accent) 22%,var(--surface-solid));transform:translateY(1px)}.arcade-footnote{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-top:1px solid var(--glass-border);color:var(--text-muted);font-size:.62rem}.arcade-footnote p{max-width:45rem;margin:0;line-height:1.55}html[data-effects=off] .arcade-machine-lights i{box-shadow:none}@media(hover:none),(pointer:coarse){.arcade-touch-controls{display:grid}}@media(max-width:860px){.arcade-page-hero,.arcade-machine-body{grid-template-columns:1fr}.arcade-manual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arcade-stage{min-height:18rem}.arcade-touch-controls{display:grid}}@media(max-width:520px){.arcade-page-hero{padding:1rem}.arcade-hud{grid-template-columns:repeat(2,minmax(0,1fr))}.arcade-machine-body{padding:.7rem}.arcade-touch-controls{padding:0 .7rem .7rem}.arcade-manual-grid{grid-template-columns:1fr}.arcade-footnote{display:grid}}@media(max-width:360px){.arcade-game-page{width:min(100% - .75rem,var(--site-max))}.arcade-machine-header,.arcade-hud>div,.arcade-footnote{padding-inline:.65rem}.arcade-stage{min-height:16rem}}@media(prefers-reduced-motion:reduce){.arcade-game-page *,.arcade-game-page *:before,.arcade-game-page *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}