:root{--bg: #03060a;--panel: #070c11;--ink: #4dffa6;--dim: #1e7a5c;--hot: #eafff6;--cyan: #5fe8ff;--accent: #ffb020;--danger: #ff4d4d;--rule: #143028;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--pad: clamp(14px, 3vw, 28px)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;overflow-x:hidden}.wrap{max-width:1000px;margin:0 auto;padding:var(--pad) var(--pad) 64px}.top{border-bottom:1px solid var(--rule);padding-bottom:14px;margin-bottom:18px}.eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);margin:0 0 6px}h1{font-size:clamp(26px,6.4vw,42px);line-height:.95;margin:0;letter-spacing:.16em;text-transform:uppercase}.sub{font-size:12px;color:var(--dim);margin:9px 0 0;max-width:58ch;line-height:1.6}.stage{position:relative;border:1px solid var(--rule);background:#03060a;overflow:hidden}.hud{display:flex;border-bottom:1px solid var(--rule);flex-wrap:wrap}.hud .cell{padding:9px 13px;border-right:1px solid var(--rule);min-width:70px}.hud .cell:last-child{border-right:0;margin-left:auto;text-align:right}.k{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);display:block}.v{font-size:18px;line-height:1.2;font-variant-numeric:tabular-nums}.v.warn{color:var(--danger)}.v.cy{color:var(--cyan)}.v.small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);line-height:2}canvas{display:block;width:100%;touch-action:manipulation}.overlay{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px;background:#03060aed;overflow-y:auto}.overlay.on{display:flex}.overlay h2{font-size:clamp(20px,5vw,30px);margin:0;letter-spacing:.16em;text-transform:uppercase}.overlay p{margin:0;font-size:12px;color:var(--dim);max-width:42ch;line-height:1.7}.tiny{font-size:10px!important;letter-spacing:.08em;min-height:14px}.tiny.ok{color:var(--cyan)}.tiny.bad{color:var(--accent)}.submit{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.submit.done{display:none}input[type=text]{font-family:var(--mono);font-size:13px;padding:11px 12px;background:transparent;border:1px solid var(--rule);color:var(--hot);width:170px}input[type=text]::placeholder{color:var(--dim)}.board{list-style:none;margin:6px 0 0;padding:0;width:100%;max-width:320px;font-size:11px}.board li{display:flex;gap:10px;padding:5px 0;border-bottom:1px solid var(--rule);color:var(--dim)}.board li .r{width:22px;color:var(--dim);text-align:right}.board li .n{flex:1;text-align:left;color:var(--hot);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board li .s{font-variant-numeric:tabular-nums;color:var(--ink)}.board li.me .n,.board li.me .s{color:var(--cyan)}.btn{appearance:none;cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:12px 18px;border:1px solid var(--ink);background:transparent;color:var(--ink)}.btn:hover{background:var(--ink);color:var(--bg)}.btn:disabled{border-color:var(--rule);color:var(--rule);cursor:default;background:transparent}.pad{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule);border-top:1px solid var(--rule)}.pad button{appearance:none;border:0;background:var(--panel);color:var(--ink);font-family:var(--mono);font-size:clamp(16px,4.4vw,21px);padding:15px 0;cursor:pointer;font-variant-numeric:tabular-nums;line-height:1}.pad button.util{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.pad button.pw{color:var(--cyan);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.pad button.pw:disabled{color:#1b3b44;cursor:default}.pad button:active{background:var(--ink);color:var(--bg)}.strip{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:16px;font-size:11px;color:var(--dim)}.strip label{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}input[type=range]{width:104px;accent-color:var(--ink)}.mono-out{color:var(--ink);font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 640px){.hud .cell{min-width:56px;padding:8px 9px}.hud .cell:last-child{margin-left:0}}