:root{--ink: #10131a;--panel: rgba(16, 19, 26, .86);--line: #2a3140;--text: #e6e3d8;--muted: #8e94a3;--accent: #d9a441}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);color:var(--text);font:14px/1.4 Segoe UI,system-ui,sans-serif}#game{position:fixed;inset:0;display:block}#labels{position:fixed;inset:0;pointer-events:none;overflow:hidden}.label{position:absolute;transform:translate(-50%,-100%);white-space:nowrap;font-weight:600;font-size:13px;color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000;will-change:transform}.label.me{color:var(--accent)}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}#debug{position:fixed;top:8px;right:8px;margin:0;padding:8px 10px;background:var(--panel);border:1px solid var(--line);font:12px/1.5 ui-monospace,Menlo,monospace;color:var(--text);z-index:10}.login{position:absolute;inset:0;display:grid;place-items:center;background:#0000008c}.login form{width:300px;padding:22px;background:var(--panel);border:1px solid var(--line);display:grid;gap:10px}.login h1{margin:0 0 6px;font-size:20px;letter-spacing:.12em;color:var(--accent)}input,button{font:inherit;padding:8px 10px;border:1px solid var(--line);background:#0b0d12;color:var(--text)}button{cursor:pointer;background:#1a1f2b}button.primary{background:var(--accent);color:#10131a;font-weight:600;border-color:transparent}.err{color:#e06c5c;font-size:12px}.muted{color:var(--muted);font-size:12px}.hud{position:absolute;top:8px;left:8px;padding:6px 10px;background:var(--panel);border:1px solid var(--line)}.chat{position:absolute;left:8px;bottom:8px;width:360px;background:var(--panel);border:1px solid var(--line)}.chat .log{height:120px;overflow-y:auto;padding:6px 8px;font-size:13px}.chat .log div{padding:1px 0}.chat .log .sys{color:var(--muted)}.chat .log b{color:var(--accent);font-weight:600}.chat input{width:100%;border-width:1px 0 0}