:root{color-scheme:dark;font-family:monospace;background:#060e24;color:#ccecf5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at center,#142d49,#060e24 75%)}main{max-width:460px;margin:auto;padding:12px 14px;min-height:100svh}header,.scores,.controls{display:flex;justify-content:space-between;align-items:center;gap:8px}header{height:48px}h1{font-size:12px;letter-spacing:4px;font-weight:400}a,button{color:#7efcff;background:#0b1b30;border:1px solid #28455e;border-radius:5px;min-width:44px;min-height:44px;text-decoration:none;font:inherit;display:inline-grid;place-items:center;cursor:pointer}button:disabled{opacity:.35}a:focus-visible,button:focus-visible{outline:2px solid #ff3cce;outline-offset:3px}.scores{font-size:10px;letter-spacing:1px;padding:14px 0}.scores b{color:#bcff52}#lives{color:#ff6ccd}.cabinet{position:relative;border:1px solid #387087;border-radius:18px;overflow:hidden;box-shadow:0 0 32px #00bbff15;aspect-ratio:7/10;max-height:calc(100svh - 190px);margin:auto}canvas{width:100%;height:100%;display:block;touch-action:none}#overlay{position:absolute;inset:0;background:#060e24e8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px}#overlay[hidden]{display:none}.eyebrow{font-size:9px;letter-spacing:2px;color:#bcff52}h2{font:bold clamp(24px,7vw,36px)/1.05 Arial,sans-serif;letter-spacing:-1.5px;color:#7efcff;text-shadow:2px 1px #f532b8;margin:12px 0}#message{line-height:1.8;font-size:12px}#start{padding:10px 28px;border-color:#ff3cce;color:#fff;margin:10px}.hint{font-size:9px;line-height:1.8;color:#99a9bf}.controls{padding-top:12px}.controls button{width:72px;font-size:25px;touch-action:manipulation}.controls span{font-size:8px;letter-spacing:1px;color:#8a9eb7}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-height:600px){main{padding:4px 12px}.scores{padding:6px 0}.cabinet{max-height:calc(100svh - 155px)}.eyebrow,.hint{display:none}h2{font-size:25px}}

/* Quiet arcade: only score numerals and icon controls are visible. */
.scores{justify-content:center;gap:48px;font-size:20px}.scores #score{color:#7efcff}.scores #cpu{color:#ff55cf}#overlay{background:#060e2470}#start{font-size:32px;width:80px;height:80px;border-radius:50%;padding:0;margin:0;background:#0b1b30cc}.controls{justify-content:space-between}