: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%,1280px)}.cabinet{border:1px solid var(--line);background:linear-gradient(#ffffff0a,#0000 28%),linear-gradient(#1a3224,#0c1610 55%,#08110c);border-radius:28px;padding:20px 20px 14px;box-shadow:0 0 0 1px #050c08,0 28px 70px #00000080,inset 0 1px #ffffff12,inset 0 -18px 40px #0000002e}.hud{grid-template-columns:minmax(64px,1fr) minmax(0,2.4fr) minmax(64px,1fr);align-items:end;gap:8px;margin-bottom:12px;display:grid}.titleblock{text-align:center}.hud h1{letter-spacing:.02em;color:var(--accent);text-wrap:balance;margin:0;font-size:1.15rem;font-weight:800;line-height:1.15}.credit{letter-spacing:.01em;color:var(--muted);text-wrap:balance;margin:4px 0 0;font-size:.7rem;font-weight:500}.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;box-shadow:inset 0 18px 40px #00000047,0 0 0 1px #0006}canvas{touch-action:none;width:100%;height:auto;display:block}.overlay{z-index:2;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#040a079e;place-content:center;justify-items:center;gap:8px;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<=640px){.hud h1{font-size:.95rem}.credit{font-size:.62rem}.hint{display:none}}