:root{--paper:#f3ead8;--ink:#2a2118;--sepia:#8a5a2b;--signal:#d2452b;--sky:#9fc1d6;font-family:Noto Serif SC,Songti SC,STSong,serif}*{box-sizing:border-box}html,body{height:100%;color:var(--paper);background:#1b1812;margin:0;overflow:hidden}#app{position:fixed;inset:0}#app canvas{display:block}[hidden]{display:none!important}.screen{z-index:10;background:#14100a8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.card{background:var(--paper);max-width:620px;color:var(--ink);border:2px solid var(--ink);flex-direction:column;gap:14px;padding:34px 38px;display:flex;box-shadow:8px 8px #00000059}.card h1{letter-spacing:.08em;margin:0;font-size:56px}.card h2{margin:0;font-size:34px}.card p{margin:0;line-height:1.8}.eyebrow{letter-spacing:.16em;color:var(--sepia);text-transform:uppercase;font-family:ui-monospace,Consolas,monospace;font-size:12px}.lede{font-size:17px}.note{color:#6b5a44;font-size:12px}button{font:inherit;background:var(--signal);color:#fff;border:2px solid var(--ink);cursor:pointer;box-shadow:4px 4px 0 var(--ink);align-self:flex-start;padding:10px 28px;font-size:20px}button:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}button:focus-visible{outline:3px solid var(--sepia);outline-offset:3px}.keys{flex-wrap:wrap;gap:8px 16px;font-size:14px;display:flex}kbd{border:1px solid var(--ink);background:#fff8ea;border-bottom-width:2px;margin-right:3px;padding:1px 6px;font-family:ui-monospace,Consolas,monospace;font-size:12px}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}.gauges{gap:10px;display:flex;position:absolute;bottom:16px;left:16px}.g{color:var(--ink);border:2px solid var(--ink);background:#f3ead8e6;flex-direction:column;min-width:88px;padding:6px 12px;display:flex}.g .k{letter-spacing:.12em;color:var(--sepia);font-size:11px}.g b{font-variant-numeric:tabular-nums;font-family:ui-monospace,Consolas,monospace;font-size:26px;line-height:1.1}.g i{color:#6b5a44;font-size:11px;font-style:normal}.g.thr{min-width:120px}.bar{border:1px solid var(--ink);background:#fff8ea;height:12px;margin-top:8px}.bar div{background:var(--signal);width:0;height:100%}#stall{background:var(--signal);color:#fff;border:2px solid var(--ink);padding:6px 16px;font-size:22px;position:absolute;top:22%;left:50%;transform:translate(-50%)}.obj{color:var(--ink);border:2px solid var(--ink);background:#f3ead8eb;align-items:center;gap:12px;max-width:360px;padding:10px 14px;display:flex;position:absolute;top:16px;right:16px}#arrow{color:var(--signal);text-align:center;width:34px;font-size:30px;transition:transform 80ms linear}#objTitle{font-weight:700}#objText{font-size:14px}#toast{background:var(--ink);color:var(--paper);padding:8px 18px;font-size:18px;position:absolute;top:12%;left:50%;transform:translate(-50%)}#subtitle{color:#fff;text-align:center;z-index:6;background:#14100ab8;max-width:min(760px,90vw);padding:8px 16px;font-size:18px;line-height:1.6;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}@media (max-width:640px){.card{padding:22px}.card h1{font-size:40px}.gauges{flex-wrap:wrap;right:16px}.obj{max-width:none;left:16px;right:16px}}.toprow{justify-content:space-between;align-items:center;gap:12px;display:flex}.lang-toggle{box-shadow:2px 2px 0 var(--ink);background:var(--paper);color:var(--ink);align-self:auto;padding:3px 12px;font-size:13px}#pauseBtn{pointer-events:auto;box-shadow:2px 2px 0 var(--ink);padding:6px 12px;font-size:16px;position:absolute;top:16px;left:16px}#paused .card button{align-self:flex-start}.score-line{color:var(--sepia);font-family:ui-monospace,Consolas,monospace;font-size:14px!important}.score-line b{color:var(--ink);font-size:22px}.touch-only{display:none!important}body.touch .touch-only{display:flex!important}body.touch .desk-only,.pg-only{display:none!important}body.pg .pg-only:not([hidden]){display:flex!important}.pg-board{border-top:2px solid var(--ink);flex-direction:column;gap:8px;padding-top:10px}.pg-submit{gap:8px;display:flex}.pg-submit input{min-width:0;font:inherit;border:2px solid var(--ink);color:var(--ink);background:#fff8ea;flex:1;padding:6px 10px}.pg-submit button{box-shadow:3px 3px 0 var(--ink);padding:6px 14px;font-size:15px}.pg-status{color:#6b5a44;min-height:1em;font-size:12px}.pg-status a{color:var(--signal)}.board{flex-direction:column;max-height:150px;font-size:13px;display:flex;overflow-y:auto}.board-row{border-bottom:1px dashed #2a21184d;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:3px 0;display:grid}.board-rank{color:var(--sepia);font-family:ui-monospace,Consolas,monospace}.board-meta{color:#6b5a44;font-size:11px}.board-score{font-variant-numeric:tabular-nums;font-family:ui-monospace,Consolas,monospace}.board-empty{color:#6b5a44;font-size:12px}#end .card{max-height:92vh;overflow-y:auto}#touch{z-index:7;height:0;position:fixed;inset:auto 0 0}#touch .stick{left:calc(24px + env(safe-area-inset-left));bottom:calc(24px + env(safe-area-inset-bottom));touch-action:none;background:#f3ead82e;border:2px solid #f3ead899;border-radius:50%;width:150px;height:150px;position:fixed}#touch .knob{border:2px solid var(--ink);pointer-events:none;background:#d2452bd9;border-radius:50%;width:62px;height:62px;margin:-31px 0 0 -31px;position:absolute;top:50%;left:50%}#touch .tright{right:calc(16px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed}#touch .trow{gap:10px;display:flex}#touch .tbtn{touch-action:none;-webkit-user-select:none;user-select:none;min-width:64px;height:56px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);background:#f3ead8d9;padding:0 10px;font-size:16px}#touch .tbtn.on{background:var(--signal);color:#fff;box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}#touch .tbtn.fire{min-width:76px;font-size:24px}#touch .trow.small .tbtn{min-width:48px;height:40px;font-size:14px}body.touch .gauges{transform-origin:0 0;top:76px;bottom:auto;left:16px;transform:scale(.8)}body.touch #pauseBtn{display:none}body.touch #subtitle{top:45%;bottom:auto}