:root{--bg: #14161c;--panel: rgba(20, 22, 28, .88);--line: #2e3340;--text: #e6e8ef;--muted: #8b93a7;--gold: #f4c542;--lives: #ef6b6b;--accent: #5ab0ff;--archer: #6cc46c;--cannon: #f0954a;--aura: #b07cf0;--topbar-h: 34px;--shop-h: 72px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;touch-action:manipulation}#app{position:relative;width:100vw;height:100vh;height:100dvh}#map{position:absolute;inset:var(--topbar-h) 0 var(--shop-h) 0}#map canvas{display:block;touch-action:none}#hud{position:absolute;inset:0;pointer-events:none}#hud>*{pointer-events:auto}.topbar{position:absolute;top:0;left:0;right:0;min-height:var(--topbar-h);display:flex;flex-wrap:wrap;gap:4px 16px;padding:6px 12px;background:var(--panel);border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.topbar .gold{color:var(--gold)}.topbar .lives{color:var(--lives)}.topbar .dev{color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:0 6px;font-size:12px}.topbar .status{margin-left:auto;font-weight:600}.topbar .status.won{color:var(--archer)}.topbar .status.lost{color:var(--lives)}.shop{position:absolute;bottom:0;left:0;right:0;height:var(--shop-h);display:flex;gap:8px;padding:8px 12px;background:var(--panel);border-top:1px solid var(--line);overflow-x:auto}.shop button{flex:1 1 0;min-width:96px;min-height:48px;border:2px solid var(--line);border-radius:8px;background:#1f232d;color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.shop button.selected{border-color:var(--accent);background:#24304a}.shop button:disabled{opacity:.45;cursor:not-allowed}.shop button .name{font-weight:600}.shop button .name:before{content:"";display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:2px;background:var(--swatch)}.shop button .cost{color:var(--gold);font-size:12px}.shop .hint{align-self:center;color:var(--muted);font-size:12px;white-space:nowrap}.debug{position:absolute;top:44px;right:8px;width:min(300px,calc(100vw - 16px));max-height:calc(100vh - 120px);overflow:auto;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:8px;font-size:12px}.debug h3{margin:0 0 8px;font-size:13px}.debug .row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.debug button{padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:#1f232d;color:var(--text);cursor:pointer}.debug label{display:inline-flex;align-items:center;gap:4px}.debug table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.debug th,.debug td{text-align:right;padding:2px 4px;border-bottom:1px solid var(--line)}.debug th:first-child,.debug td:first-child{text-align:left}.dump{position:absolute;left:8px;bottom:76px;max-width:calc(100vw - 16px);max-height:45vh;overflow:auto;margin:0;padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:8px;font:11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre}.toast{position:absolute;left:50%;bottom:84px;transform:translate(-50%);padding:6px 12px;background:var(--panel);border:1px solid var(--lives);border-radius:6px;color:var(--lives);font-size:12px}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.overlay span{padding:16px 32px;background:var(--panel);border:1px solid var(--line);border-radius:12px;font-size:28px;font-weight:700}@media(max-width:600px){:root{--topbar-h: 56px}.shop .hint{display:none}}.lobby{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:12px}.lobby h2{margin:0;font-size:20px}.lobby .row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.lobby .row.between{justify-content:space-between}.lobby button,.chat button{min-height:40px;padding:6px 12px;border:1px solid var(--line);border-radius:8px;background:#1f232d;color:var(--text);cursor:pointer}.lobby button.primary{border-color:var(--accent);background:#24304a}.lobby button.small,.chat button.small{min-height:32px;padding:4px 10px;font-size:12px}.lobby button:disabled{opacity:.45;cursor:not-allowed}.lobby input,.chat input{min-height:40px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:#12141a;color:var(--text);font:inherit}.lobby .field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.lobby .code-input{width:110px;text-transform:uppercase;letter-spacing:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.lobby .code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:3px;color:var(--accent)}.lobby .code.big{font-size:28px;letter-spacing:8px}.lobby ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.lobby li{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid var(--line);border-radius:8px}.lobby li>span:first-child{flex:1}.lobby li.offline{opacity:.5}.lobby .muted,.chat .muted{color:var(--muted);font-size:12px}.lobby .error{margin:0;color:var(--lives);font-size:13px}.lobby a{color:var(--accent)}.chat{position:absolute;left:8px;bottom:calc(var(--shop-h) + 8px);width:min(320px,calc(100vw - 16px));display:flex;flex-direction:column;gap:6px}.chat.open{padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.chat .chat-toggle{align-self:flex-start}.chat .chat-log{list-style:none;margin:0;padding:0;max-height:30vh;overflow:auto;font-size:13px;display:flex;flex-direction:column;gap:2px}.chat .row{display:flex;gap:6px}.chat .row input{flex:1;min-width:0}.topbar button.inline,.gift button.inline{min-height:24px;padding:0 8px;border:1px solid var(--accent);border-radius:4px;background:#24304a;color:var(--text);font-size:12px;cursor:pointer}.topbar button.inline:disabled{opacity:.5;border-color:var(--line);cursor:default}.gift{display:inline-flex;gap:4px;align-items:center}.gift select,.gift input{min-height:24px;padding:0 4px;border:1px solid var(--line);border-radius:4px;background:#12141a;color:var(--text);font:inherit;font-size:12px}.gift input{width:56px}.topbar button.inline.sell{border-color:var(--cannon);background:#3a2a1e}.topbar .countdown{color:var(--accent)}.shop button .info{color:var(--muted);font-size:11px;white-space:nowrap}.topbar .mates{display:inline-flex;gap:10px;color:var(--muted);font-size:12px}.topbar .mates .offline{opacity:.5}#hud>.floating{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating span{position:absolute;transform:translate(-50%,-100%);color:var(--gold);font-weight:700;font-size:14px;text-shadow:0 1px 2px #000;animation:float-up .9s ease-out forwards}@keyframes float-up{0%{opacity:1;margin-top:0}to{opacity:0;margin-top:-28px}}.tower-panel{position:absolute;top:calc(var(--topbar-h) + 8px);left:8px;max-width:min(420px,calc(100vw - 16px));padding:8px 10px;background:var(--panel);border:1px solid var(--line);border-radius:8px;font-size:13px;display:flex;flex-direction:column;gap:6px}.tower-panel .row{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}.tower-panel .muted{color:var(--muted)}.overlay.reconnecting{pointer-events:auto;background:#00000059}.overlay.reconnecting span{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:20px}.overlay.reconnecting button{min-height:40px;padding:6px 14px;border:1px solid var(--line);border-radius:8px;background:#1f232d;color:var(--text);font-size:14px;cursor:pointer}.report-dialog{position:absolute;top:calc(var(--topbar-h) + 8px);right:8px;width:min(360px,calc(100vw - 16px));padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;gap:8px}.report-dialog textarea{width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#12141a;color:var(--text);font:inherit;resize:vertical}.report-dialog .row{display:flex;gap:8px}.topbar .speed{display:inline-flex;gap:2px}.topbar .speed button.active{background:var(--accent);color:#0b0d12}.lobby select{min-height:40px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:#12141a;color:var(--text);font:inherit}.overlay.end{pointer-events:auto;background:#00000073}.end-panel{width:min(460px,calc(100vw - 32px));padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:12px;font-size:14px;font-weight:400}.end-panel h2{margin:0;font-size:28px}.end-panel p{margin:0}.end-panel .muted{color:var(--muted)}.end-panel table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.end-panel th,.end-panel td{text-align:right;padding:4px 6px;border-bottom:1px solid var(--line)}.end-panel th:first-child,.end-panel td:first-child{text-align:left}.end-panel tr.you td{color:var(--accent)}.end-panel .row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.end-panel button{min-height:40px;padding:6px 14px;border:1px solid var(--line);border-radius:8px;background:#1f232d;color:var(--text);font-size:14px;cursor:pointer}.end-panel button.primary{border-color:var(--accent);background:#24304a}