:root{color-scheme:dark;--surround: #05070c;--bezel: #10151f;--edge: #232c3d;--ink: #8ea3bd;--ink-dim: #55647a;--key: #1b2331}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(ellipse at 50% 0%,#0d1320 0%,var(--surround) 70%);color:var(--ink);font:13px/1.5 ui-monospace,DejaVu Sans Mono,Cascadia Mono,monospace;display:flex;align-items:center;justify-content:center;overflow:hidden}.cabinet{display:flex;flex-direction:column;align-items:center;gap:14px;padding:16px}#playfield{display:block;background:#000;border:2px solid var(--edge);border-radius:3px;box-shadow:0 0 0 6px var(--bezel),0 18px 48px #000000b3;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;user-select:none}.boot{margin:0;color:var(--ink-dim)}.boot[hidden]{display:none}.controls{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;max-width:640px;color:var(--ink-dim)}.controls li{display:flex;align-items:center;gap:6px;white-space:nowrap}kbd{font:inherit;background:var(--key);border:1px solid var(--edge);border-bottom-width:2px;border-radius:3px;padding:1px 6px;color:var(--ink)}@media (max-height: 560px){.controls{display:none}}