:root{--bezel:#0a0a0d;--btn-text:#f4f4f4;--ok:#3fd84f;--hud-bg:#08080c;--hud-border:#d82828;--hud-border-lit:#f05050;--tube-radius:3.4% / 5.6%}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{color:#8d97a6;background:#000;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.cabinet{width:100vw;height:100dvh;display:flex}.screen-frame{background:radial-gradient(120% 100% at 50% 0%, #191c22 0%, var(--bezel) 60%, #000 100%);cursor:none;touch-action:none;-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;padding:clamp(6px,1.1vmin,16px);display:flex;position:relative}.tube{border-radius:var(--tube-radius);--px:4px;position:relative;overflow:hidden;box-shadow:inset 0 0 22px #0000008c,0 0 0 2px #000,0 0 0 3px #23262e,0 0 40px #468cd229,0 22px 70px #000c}#game{image-rendering:pixelated;image-rendering:crisp-edges;background:#000;display:block}.crt{pointer-events:none;border-radius:var(--tube-radius);position:absolute;inset:0}.crt-scanlines{background:repeating-linear-gradient(to bottom, #0003 0, #0003 calc(var(--px) / 3), #0000 calc(var(--px) / 3), #0000 var(--px))}.crt-grille{background:repeating-linear-gradient(to right, #ff28280e 0, #ff28280e calc(var(--px) / 3), #28ff5a0e calc(var(--px) / 3), #28ff5a0e calc(var(--px) * 2 / 3), #3c5aff0e calc(var(--px) * 2 / 3), #3c5aff0e var(--px));mix-blend-mode:screen}.crt-bulge{mix-blend-mode:screen;background:radial-gradient(76% 88% at 50% 46%,#ffffff13 0%,#ffffff05 42%,#fff0 68%)}.crt-vignette{background:radial-gradient(118% 112%,#0000 62%,#00000038 84%,#0009 100%),linear-gradient(90deg,#0000004d 0%,#0000 6% 94%,#0000004d 100%),linear-gradient(#00000042 0%,#0000 5% 95%,#00000042 100%)}.crt-glare{mix-blend-mode:screen;background:radial-gradient(58% 34% at 26% 12%,#ffffff1a 0%,#fff0 62%),radial-gradient(34% 20% at 82% 88%,#ffffff0b 0%,#fff0 60%)}@media (prefers-reduced-motion:reduce){.crt-scanlines{opacity:.45}}.tick-fire{color:#ffd23f}.tick-rearm{color:#9fd8ff}.name-input{opacity:0;color:#0000;caret-color:#0000;z-index:1;background:0 0;border:0;width:1px;height:1px;padding:0;position:absolute;top:50%;left:50%}.controls{z-index:5;flex-direction:column;gap:clamp(4px,.8vmin,10px);display:flex;position:absolute;top:50%;left:clamp(8px,1.5vmin,22px);transform:translateY(-50%)}.cab-btn{appearance:none;cursor:pointer;width:clamp(32px,5vmin,54px);height:clamp(32px,5vmin,54px);color:var(--btn-text);background:var(--hud-bg);border:2px solid var(--hud-border);border-radius:4px;justify-content:center;align-items:center;padding:0;transition:background-color 90ms,border-color 90ms,color 90ms;display:inline-flex;box-shadow:0 0 0 2px #000,0 3px 10px #000000a6}.cab-btn svg{fill:currentColor;width:72%;height:72%}.cab-btn:hover{color:#fff;border-color:var(--hud-border-lit);background:#16161d}.cab-btn:active{background:var(--hud-border);color:var(--hud-bg)}.cab-btn.is-on{background:var(--hud-border);border-color:var(--hud-border-lit);color:var(--hud-bg)}.cab-btn.is-live{background:var(--ok);border-color:var(--ok);color:var(--hud-bg)}.cab-btn:focus-visible{outline-offset:3px;outline:2px solid #6fb4ff}.hand-panel{z-index:6;background:#08090ce6;border:1px solid #2c313b;border-radius:12px;width:clamp(150px,17vmin,210px);padding:8px;position:absolute;bottom:clamp(12px,2.2vmin,34px);right:clamp(12px,2.2vmin,34px);box-shadow:0 10px 30px #0009}.hand-panel[hidden]{display:none}#hand-preview{background:#05060a;border-radius:7px;width:100%;height:auto;display:block;transform:none}.hand-status{letter-spacing:.1em;text-align:center;color:#97a2b3;margin:7px 0 4px;font-size:clamp(8px,1.1vmin,11px);font-weight:700}.hand-status[data-state=busy]{color:#e6c04a}.hand-status[data-state=ok]{color:#7fa8d8}.hand-status[data-state=live]{color:var(--ok)}.hand-status[data-state=error]{color:var(--btn-on)}.hand-help{letter-spacing:.05em;text-align:center;color:#5d6675;margin:0;font-size:clamp(7px,.95vmin,10px);line-height:1.6}.hand-help strong{color:#97a2b3}@media (width<=620px){.hand-panel{width:130px}}