:root{color-scheme:dark;--ink:#dffcff;--cyan:#55f6ff;--pink:#ff4fd8;--amber:#ffd65a;--green:#67ff91;--red:#ff5577;--panel:#090f1b;--line:#1f4460;--deep:#02040a}*{box-sizing:border-box}html{min-height:100%;background:var(--deep)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#102842 0,transparent 34%),radial-gradient(circle at 88% 82%,#35123b 0,transparent 32%),linear-gradient(180deg,#03060d,#050813 58%,#020308);color:var(--ink);font-family:"Courier New",ui-monospace,monospace;letter-spacing:.02em}.cabinet{width:min(1180px,calc(100% - 28px));margin:auto;padding:26px 0 32px}.masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 2px 18px}.kicker{margin:0 0 4px;color:var(--cyan);font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.masthead h1{margin:0;font-size:clamp(2rem,6vw,4.7rem);line-height:.82;letter-spacing:-.08em;text-shadow:4px 4px 0 #14334a}.masthead h1 span{color:var(--pink)}.status-lamps{display:flex;align-items:center;gap:14px;font-size:.68rem;font-weight:700;letter-spacing:.12em}.status-lamps span{display:flex;align-items:center;gap:7px}.lamp{display:inline-block;width:8px;height:8px;border-radius:50%}.lamp-green{background:var(--green);box-shadow:0 0 12px var(--green)}button{font:inherit}.mute{border:1px solid var(--line);background:#07111e;color:#9bc2d3;border-radius:5px;padding:8px 10px;cursor:pointer;font-size:.65rem;letter-spacing:.1em}.mute:hover,.mute:focus-visible{border-color:var(--cyan);color:var(--cyan);outline:none}.machine{display:grid;grid-template-columns:minmax(0,3fr) minmax(245px,1fr);gap:18px;align-items:start}.screen-frame{position:relative;padding:13px;border:2px solid #24465f;background:linear-gradient(145deg,#172839,#07101b 45%,#02060b);box-shadow:inset 0 0 0 4px #050a11,0 24px 70px #000b;border-radius:11px}.screen-frame:before,.screen-frame:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#020407;border:1px solid #436278;top:6px}.screen-frame:before{left:6px}.screen-frame:after{right:6px}.screen{position:relative;overflow:hidden;border:2px solid #132635;border-radius:4px;background:#000;aspect-ratio:16/10;box-shadow:inset 0 0 25px #000}canvas{display:block;width:100%;height:100%;background:#02040a;image-rendering:pixelated;image-rendering:crisp-edges}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(0,0,0,.22) 4px);mix-blend-mode:multiply;opacity:.72}.screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.58) 100%);box-shadow:inset 0 0 32px #000}.overlay{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:rgba(0,2,7,.48);text-align:center;padding:12px}.overlay.hidden{display:none}.panel{width:min(94%,430px);padding:18px;background:rgba(1,5,13,.8);border:1px solid rgba(85,246,255,.43);box-shadow:0 0 28px rgba(85,246,255,.12)}.panel.hidden,.hidden{display:none!important}.tiny{margin:0;color:var(--amber);font-size:clamp(.55rem,1.6vw,.8rem);font-weight:700;letter-spacing:.13em}.danger{color:var(--red)}.logo{margin-top:8px;color:var(--ink);font-size:clamp(2.35rem,8vw,5.8rem);font-weight:900;line-height:.8;letter-spacing:-.09em;text-shadow:3px 0 0 var(--pink),-3px 0 0 var(--cyan)}.year{margin-top:7px;color:var(--pink);font-size:clamp(1rem,3.6vw,2rem);font-weight:900;letter-spacing:.48em;text-indent:.48em}.tagline{margin:13px 0 15px;color:#9ed4e9;font-size:clamp(.62rem,1.7vw,.82rem);letter-spacing:.17em}.arcade-button{border:2px solid var(--cyan);background:#061421;color:var(--cyan);padding:11px 16px;cursor:pointer;font-size:clamp(.64rem,1.7vw,.85rem);font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:3px 3px 0 #153e55;animation:pulse 1.2s steps(2,end) infinite}.arcade-button:hover,.arcade-button:focus-visible{background:var(--cyan);color:#001016;outline:none}.arcade-button.compact{padding:9px 12px;font-size:.7rem;animation:none}.micro{margin:10px 0 0;color:#7192a4;font-size:clamp(.5rem,1.5vw,.67rem)}@keyframes pulse{50%{opacity:.58}}.game-over-panel h2{margin:6px 0 0;color:var(--red);font-size:clamp(1.75rem,6vw,3.8rem);line-height:1}.final-score{margin:8px 0 0;color:var(--amber);font-size:clamp(1.35rem,4vw,2.5rem);font-weight:900;letter-spacing:.08em}.final-level{margin:3px 0 11px;color:#92b7c7;font-size:.68rem;letter-spacing:.14em}#scoreForm{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin:0 auto;width:min(100%,310px)}#scoreForm label{grid-column:1/-1;text-align:left;color:var(--cyan);font-size:.62rem;font-weight:700;letter-spacing:.14em}#initials{width:100%;min-width:0;border:2px solid #315670;background:#020711;color:var(--amber);padding:8px 10px;text-align:center;text-transform:uppercase;font:900 1.35rem/1 "Courier New",monospace;letter-spacing:.42em;text-indent:.42em;outline:none}#initials:focus{border-color:var(--amber);box-shadow:0 0 14px rgba(255,214,90,.25)}.saved-message{margin:10px 0 12px;color:var(--green);font-size:.75rem;font-weight:700;line-height:1.45}.side-panel{display:grid;gap:14px}.scoreboard,.controls,.briefing{border:1px solid var(--line);background:linear-gradient(145deg,rgba(10,19,32,.95),rgba(4,8,15,.95));box-shadow:0 14px 42px #0007;padding:15px;border-radius:7px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:9px;border-bottom:1px solid #153247}.panel-heading h2{margin:0;color:var(--cyan);font-size:.8rem;letter-spacing:.12em}.panel-heading span{color:#607f91;font-size:.55rem;letter-spacing:.14em}.high-scores{list-style:none;counter-reset:ranks;margin:10px 0 0;padding:0}.high-scores li{counter-increment:ranks;display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;min-height:24px;border-bottom:1px dotted #153247;font-size:.69rem}.high-scores li:before{content:counter(ranks,decimal-leading-zero);color:#56788c}.high-scores .name{color:var(--amber);font-weight:900;letter-spacing:.12em}.high-scores .score{color:var(--ink);font-variant-numeric:tabular-nums}.high-scores li.loading,.high-scores li.empty{display:block;color:#638194;padding:9px 0;border:0;font-size:.62rem}.high-scores li.loading:before,.high-scores li.empty:before{display:none}.controls dl{margin:10px 0 0}.controls dl div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dotted #153247;padding:6px 0}.controls dt,.controls dd{margin:0}.controls dd{color:#8eafbf;font-size:.65rem;letter-spacing:.08em}kbd{display:inline-grid;place-items:center;min-width:29px;height:24px;border:1px solid #386078;border-bottom-width:3px;border-radius:3px;background:#07111e;color:var(--ink);font:700 .68rem "Courier New",monospace;padding:0 5px}.briefing p{margin:0;color:#7896a6;font-size:.66rem;line-height:1.6}footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:15px 3px 0;color:#567287;font-size:.62rem;letter-spacing:.05em}footer a{color:#7fbad3;text-decoration:none}footer a:hover,footer a:focus-visible{color:var(--cyan);outline:none}@media(max-width:850px){.machine{grid-template-columns:1fr}.side-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.briefing{grid-column:1/-1}.masthead{align-items:center}.status-lamps span{display:none}}@media(max-width:560px){.cabinet{width:min(100% - 14px,1180px);padding-top:14px}.masthead{margin-bottom:10px}.status-lamps{gap:7px}.machine{gap:10px}.screen-frame{padding:7px}.side-panel{grid-template-columns:1fr}.briefing{grid-column:auto}.panel{padding:12px 9px}#scoreForm{grid-template-columns:1fr}.arcade-button.compact{width:100%}.logo{font-size:2.45rem}.year{font-size:1rem}.micro{margin-top:7px}}@media(prefers-reduced-motion:reduce){.arcade-button{animation:none}}