:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#040a07;--panel:#0d1c14;--line:#3dff8a38;--text:#d7ffe8;--muted:#7da38d;--accent:#3dff8a;--danger:#ff4d6d;font-family:Segoe UI,Trebuchet MS,sans-serif}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top, #163324 0%, transparent 42%), var(--bg);min-height:100%;color:var(--text);margin:0}body{place-items:center;min-height:100dvh;padding:16px;display:grid}#app{width:min(100%,520px)}.cabinet{border:1px solid var(--line);background:linear-gradient(#14261b,#0a140f);border-radius:28px;padding:18px 18px 14px;box-shadow:0 0 0 1px #050c08,0 24px 60px #00000073,inset 0 1px #ffffff0a}.hud{grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;margin-bottom:12px;display:grid}.titleblock{text-align:center}.hud h1{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.82rem}.ver{letter-spacing:.22em;color:var(--muted);margin:2px 0 0;font-size:.65rem}.hud>div:last-child{text-align:right}.label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.7rem}.value{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:1.4rem;font-weight:700}.screen{border:1px solid var(--line);background:#07140c;border-radius:18px;position:relative;overflow:hidden}canvas{touch-action:none;width:100%;height:auto;display:block}.overlay{text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#040a079e;place-content:center;gap:6px;display:grid;position:absolute;inset:0}.overlay.hidden{display:none}#overlay-title{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:1.6rem}#overlay-sub{color:var(--muted);margin:0;font-size:.92rem}.pad{justify-items:center;gap:8px;margin-top:14px;display:grid}.pad-mid{grid-template-columns:64px 72px 64px;gap:8px;display:grid}button{appearance:none;border:1px solid var(--line);color:var(--text);min-width:64px;min-height:48px;font:inherit;cursor:pointer;background:#102218;border-radius:14px}button:active{background:#163224;transform:translateY(1px)}#action{background:var(--accent);color:#06210f;letter-spacing:.08em;font-weight:800}.hint{text-align:center;color:var(--muted);margin:12px 0 2px;font-size:.78rem}@media (width<=520px){.hint{display:none}}