@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Space+Grotesk:wght@400;500;700&display=swap');
:root{--ink:#f9f5ff;--muted:#9b97b8;--purple:#7b61ff;--pink:#ff5d9e;--yellow:#ffd85e;--bg:#11101d}
*{box-sizing:border-box} body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 8%,#29233f 0,#11101d 46%,#080811 100%);color:var(--ink);font-family:'Space Grotesk',sans-serif;display:grid;place-items:center;padding:18px;overflow-x:hidden}
.cabinet{width:min(1040px,100%);position:relative}.topbar{display:flex;justify-content:space-between;align-items:center;padding:0 10px 14px;color:#e8e3fb;text-transform:uppercase;letter-spacing:.14em;font-size:12px}.brand{font-weight:700;display:flex;gap:9px;align-items:center}.brand-mark{color:var(--yellow);font-size:18px}.status{color:#8fe8c1;display:flex;gap:8px;align-items:center;font-size:10px}.lamp{width:7px;height:7px;border-radius:50%;background:#6effaf;box-shadow:0 0 12px #6effaf}
.game-shell{background:#1a182a;border:1px solid #45405c;border-radius:14px;padding:16px;box-shadow:0 20px 80px #05040d,0 0 0 5px #0c0b16}.hud{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;padding:2px 10px 14px}.hud>div{display:flex;flex-direction:column;gap:5px}.hud>div:nth-child(2){text-align:center;align-items:center}.hud-right{text-align:right;align-items:flex-end}.label{font-size:10px;letter-spacing:.18em;color:#8f8aa9}.hud strong{font-family:'Press Start 2P',monospace;font-size:21px;color:var(--yellow);text-shadow:3px 3px 0 #5f4b78}.hud-right strong{color:#8fe8c1;font-size:16px}.stage-wrap{position:relative;background:#121321;border-radius:9px;overflow:hidden;border:1px solid #57506e}canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.09) 4px);mix-blend-mode:multiply}.overlay-card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,rgba(16,14,35,.18),rgba(16,14,35,.8));padding:20px}.overlay-card h1{font-family:'Press Start 2P',monospace;font-size:clamp(26px,6vw,58px);margin:12px 0 22px;color:#fff;text-shadow:5px 5px 0 #ff5d9e,-3px -3px 0 #7b61ff;letter-spacing:.08em}.overlay-card h2{font-family:'Press Start 2P',monospace;font-size:clamp(16px,3vw,27px);margin:12px 0 20px;color:#fff}.overlay-card p:not(.eyebrow){line-height:1.7;color:#d1cce5;margin:0 0 24px}.eyebrow{font-family:'Press Start 2P',monospace;font-size:10px;color:var(--yellow);letter-spacing:.12em}.overlay-card button{font:700 15px 'Space Grotesk';color:#171321;background:var(--yellow);border:0;border-radius:4px;padding:14px 22px;cursor:pointer;box-shadow:5px 5px 0 #be7e3b;transition:.15s}.overlay-card button:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 #be7e3b}.overlay-card button span{margin-left:16px}.overlay-card small{color:#a9a1c0;margin-top:18px;font-size:12px}.hidden{display:none}.controls{display:flex;gap:24px;align-items:center;color:#aaa4c1;padding:14px 10px 0;font-size:12px}.controls span{display:flex;align-items:center;gap:5px}.controls kbd{font:11px 'Space Grotesk';border:1px solid #5c5573;background:#29263b;border-radius:4px;padding:3px 6px;color:#e6ddff}.sound{margin-left:auto;background:transparent;color:#a9a1c0;border:0;font:700 11px 'Space Grotesk';cursor:pointer}.sound.off{color:#ff7f9d}footer{text-align:center;color:#77708f;font-family:'Press Start 2P',monospace;font-size:8px;letter-spacing:.12em;padding:18px 0}footer span{color:var(--pink);padding:0 12px}@media(max-width:600px){body{padding:9px}.game-shell{padding:9px}.hud strong{font-size:14px}.controls{gap:9px;flex-wrap:wrap;font-size:10px}.sound{margin-left:0}.topbar{font-size:10px}.status{font-size:8px}}