:root{--hud-bg:#0e0f11eb;--hud-line:#2c3035;--hud-text:#e6e6e6;--hud-muted:#8b9197;--hud-accent:#f2d06b;--hud-bad:#ff6b6b;--hud-bar:52px;--hud-toolbar:76px}.hud-top,.hud-toolbar{background:var(--hud-bg);color:var(--hud-text);z-index:2;align-items:center;gap:12px;padding:0 16px;display:flex;position:absolute;left:0;right:0}.hud-top{height:var(--hud-bar);border-bottom:1px solid var(--hud-line);justify-content:space-between;top:0}.hud-toolbar{height:var(--hud-toolbar);border-top:1px solid var(--hud-line);justify-content:center;bottom:0;overflow-x:auto}.hud-stats,.hud-controls{align-items:center;gap:16px;min-width:0;display:flex}.hud-controls{gap:8px}.hud-stat{flex-direction:column;line-height:1.1;display:flex}.hud-stat .label{text-transform:uppercase;letter-spacing:.06em;color:var(--hud-muted);font-size:11px}.hud-stat .value{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.hud-countdown{color:var(--hud-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.hud-btn,.hud-card{font:inherit;color:var(--hud-text);border:1px solid var(--hud-line);cursor:pointer;background:#202327;border-radius:8px}.hud-btn{white-space:nowrap;padding:6px 10px}.hud-btn:hover:not(:disabled),.hud-card:hover{border-color:#4a5058}.hud-btn:disabled{opacity:.4;cursor:default}.hud-btn:focus-visible,.hud-card:focus-visible{outline:2px solid var(--hud-accent);outline-offset:2px}kbd{color:var(--hud-muted);margin-left:6px;font:11px ui-monospace,monospace}.hud-card{text-align:left;grid-template-columns:auto auto;grid-template-areas:"swatch name""swatch cost";align-items:center;column-gap:8px;min-width:112px;padding:8px 12px 8px 10px;display:grid;position:relative}.hud-card .key{color:var(--hud-muted);font:11px ui-monospace,monospace;position:absolute;top:3px;right:6px}.hud-card .swatch{border-radius:6px;grid-area:swatch;width:28px;height:28px}.hud-card .name{grid-area:name;font-weight:600}.hud-card .cost{color:var(--hud-accent);font-variant-numeric:tabular-nums;grid-area:cost}.hud-card[data-kind=producer] .swatch{background:#d9b84a}.hud-card[data-kind=shooter] .swatch{background:#4f9bd9}.hud-card[data-kind=wall] .swatch{background:#8a8f98}.hud-card[data-kind=mortar] .swatch{background:#c46ad1}.hud-sell{grid-template-areas:"name""cost";min-width:80px}.hud-card.selected{border-color:var(--hud-accent);box-shadow:0 0 0 1px var(--hud-accent) inset}.hud-card.poor .cost{color:var(--hud-bad)}.hud-message{left:50%;bottom:calc(var(--hud-toolbar) + 12px);background:var(--hud-bg);color:var(--hud-text);opacity:0;pointer-events:none;z-index:3;border-radius:6px;padding:6px 12px;transition:opacity .2s;position:absolute;transform:translate(-50%)}.hud-message.show{opacity:1}.hud-end{z-index:5;background:#0000008c;place-items:center;display:grid;position:absolute;inset:0}.hud-end[hidden]{display:none}.hud-end-panel{border:1px solid var(--hud-line);min-width:min(360px,100vw - 32px);color:var(--hud-text);text-align:center;background:#181a1d;border-radius:12px;padding:24px}.hud-end-panel h2{margin:0 0 8px}.hud-end-panel p{color:var(--hud-muted);margin:0 0 16px}body.paused #game{filter:saturate(.4)brightness(.8)}.hud-stat .value{white-space:nowrap}@media (max-width:720px){:root{--hud-bar:92px;--hud-toolbar:64px}.hud-top{flex-wrap:wrap;align-content:center;gap:8px;padding:6px 8px}.hud-stats{gap:14px}.hud-controls{gap:6px}.hud-btn{padding:5px 8px;font-size:14px}kbd,.hud-card .key{display:none}.hud-toolbar{gap:4px;padding:0 6px}.hud-card{text-align:center;flex:1 1 0;grid-template-columns:1fr;grid-template-areas:"name""cost";min-width:0;padding:6px;font-size:13px}.hud-card .swatch{display:none}.hud-card .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}