html,body{background:#202830;height:100%;margin:0;overflow:hidden}canvas#app{touch-action:none;width:100vw;height:100vh;display:block}#hud{pointer-events:none;z-index:5;--paint-color:#e62e2e;position:fixed;inset:0}#hud-equip{color:#e8eef4;white-space:nowrap;background:#0006;border-radius:3px;padding:2px 8px;font:11px/1.4 ui-monospace,Consolas,monospace;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}#hud [hidden]{display:none}#hud-palette{pointer-events:auto;background:#00000073;border-radius:4px;gap:2px;padding:4px;display:grid;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.hud-swatch{cursor:pointer;border:1px solid #00000080;border-radius:2px;width:18px;height:18px;padding:0}.hud-swatch.selected{border:2px solid #fff;outline:1px solid #000}#hud-cursor{pointer-events:none;will-change:transform;border:2px solid #0000;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;position:fixed;top:0;left:0}#hud-cursor.paintable{border-color:var(--paint-color);box-shadow:0 0 0 1px #0009,inset 0 0 0 1px #0009}#hud-cursor.far{border-color:#9aa3ad}#hud-cursor.blocked{border-style:dashed;border-color:#dfe5ea}#hud-cursor span{background:#dfe5ea;width:20px;height:2px;margin:-1px 0 0 -10px;display:none;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #0009}#hud-cursor.none span{display:block}#hud-cursor.none span:first-child{transform:rotate(45deg)}#hud-cursor.none span:last-child{transform:rotate(-45deg)}#hud-crosshair{pointer-events:none;width:18px;height:18px;margin:-9px 0 0 -9px;position:fixed;top:50%;left:50%}#hud-crosshair:before,#hud-crosshair:after{content:"";background:#9aa3ad;position:absolute;box-shadow:0 0 0 1px #0009}#hud-crosshair:before{width:18px;height:2px;margin-top:-1px;top:50%;left:0}#hud-crosshair:after{width:2px;height:18px;margin-left:-1px;top:0;left:50%}#hud-crosshair.on-paint:before,#hud-crosshair.on-paint:after{background:#fff}#hud-crosshair.hit{transform:scale(1.35)}#hud-crosshair.hit:before,#hud-crosshair.hit:after{background:#fff}#dev-stats{color:#e8eef4;pointer-events:none;white-space:pre;z-index:10;background:#0000008c;margin:0;padding:6px 8px;font:12px/1.4 ui-monospace,Consolas,monospace;position:fixed;top:8px;left:8px}#fatal{color:#fff;white-space:pre-wrap;background:#402020;place-items:center;margin:0;padding:24px;font:14px/1.5 ui-monospace,Consolas,monospace;display:grid;position:fixed;inset:0}#net-hud{pointer-events:none;z-index:6;position:fixed;inset:0}#net-hud [hidden]{display:none}#names{position:absolute;inset:0;overflow:hidden}.peer-name{text-shadow:0 1px 2px #000000e6;white-space:nowrap;will-change:transform;background:#00000073;border-radius:3px;padding:1px 5px;font:12px/1.3 system-ui,Segoe UI,sans-serif;position:absolute;top:0;left:0}#net-status{color:#e8eef4;white-space:nowrap;background:#00000080;border-radius:3px;padding:3px 8px;font:12px/1.4 ui-monospace,Consolas,monospace;position:absolute;top:8px;right:8px}#net-status[data-tone=online]{color:#9fe8b0}#net-status[data-tone=connecting]{color:#ffd88a}#net-status[data-tone=offline]{color:#b9c2cc}#net-status[data-tone=error]{color:#ff9a9a}#name-panel{color:#e8eef4;pointer-events:auto;background:#10141aeb;border-radius:6px;gap:8px;min-width:260px;padding:16px 20px;font:14px/1.5 system-ui,Segoe UI,sans-serif;display:grid;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 24px #00000080}.name-panel-title{font-weight:600}#name-input{color:#e8eef4;font:inherit;background:#0d1116;border:1px solid #4a5560;border-radius:3px;padding:6px 8px}#name-input:focus{outline-offset:-1px;outline:2px solid #4fa3ff}.name-panel-hint{color:#9aa3ad;font-size:12px}.name-panel-error{color:#ff9a9a;font-size:12px}#game-hud{z-index:6;pointer-events:none;text-align:right;flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:fixed;top:32px;right:8px}#game-coins{color:#ffd15c;transform-origin:100%;background:#00000080;border-radius:3px;padding:2px 8px;font:18px/1.2 ui-monospace,Consolas,monospace;transition:transform .25s ease-out}#game-coins.bump{transition:transform 60ms ease-out;transform:scale(1.5)}#game-remaining{color:#cfd8e3;white-space:nowrap;background:#00000080;border-radius:3px;padding:2px 8px;font:12px/1.4 ui-monospace,Consolas,monospace}#chat{z-index:6;pointer-events:none;opacity:1;flex-direction:column;gap:4px;width:min(420px,45vw);transition:opacity .4s ease-out;display:flex;position:fixed;bottom:8px;left:8px}#chat.faded{opacity:.3}#chat-lines{flex-direction:column;justify-content:flex-end;gap:1px;max-height:30vh;display:flex;overflow:hidden}.chat-line{color:#e8eef4;overflow-wrap:anywhere;background:#00000080;border-radius:3px;padding:1px 6px;font:13px/1.5 ui-sans-serif,system-ui,sans-serif}.chat-line.chat-system{color:#9aa3ad}.chat-name{color:#7fc4ff;margin-right:6px}#chat-input{pointer-events:auto;color:#e8eef4;background:#0d1116;border:1px solid #38424e;border-radius:3px;padding:4px 6px;font:13px/1.5 ui-sans-serif,system-ui,sans-serif}#chat-input:focus{outline-offset:-1px;outline:2px solid #4fa3ff}#chat-error{color:#ff9a9a;background:#00000080;border-radius:3px;padding:1px 6px;font:12px/1.4 ui-sans-serif,system-ui,sans-serif}