:root{--color-bg:#1a1c1a;--color-sand:#c4b28a;--color-olive:#4a4d36;--color-steel:#6e7479;--color-rust:#8c4b32;--color-gold:#d4a03a;--color-danger:#c43e2c;--color-safe:#5a8f5a;--color-text:#f0ead6;--color-text-dim:#f0ead6b3;--panel-bg:#1a1c1ad1;--panel-border:#f0ead638;--shadow:0 12px 32px #00000073;color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:geometricprecision;font-family:Roboto Condensed,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}#app{background:radial-gradient(circle at 50% 30%, #c4b28a14, transparent 40rem), var(--color-bg);position:relative}#game-canvas{touch-action:none;cursor:crosshair;outline:none;width:100vw;height:100vh;display:block}#game-canvas.placing{cursor:none}#hud{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));pointer-events:none;text-transform:uppercase;letter-spacing:.04em;z-index:10;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute}.hud-cluster{gap:10px;display:flex}.hud-metric{border:1px solid var(--panel-border);background:var(--panel-bg);min-width:86px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:9px 12px}.hud-metric span{color:var(--color-text-dim);font-size:.7rem;display:block}.hud-metric strong{margin-top:3px;font-family:Black Ops One,impact,sans-serif;font-size:1.25rem;font-weight:700;display:block}#status-line{border-left:4px solid var(--color-gold);background:var(--panel-bg);min-width:140px;box-shadow:var(--shadow);padding:10px 13px;font-size:.82rem;font-weight:700}#status-line.danger{border-left-color:var(--color-danger);animation:.8s ease-in-out infinite pulseBorder}@keyframes pulseBorder{0%,to{border-left-color:var(--color-danger)}50%{border-left-color:#ff6b56}}#tower-panel{bottom:max(18px, env(safe-area-inset-bottom));border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;gap:10px;padding:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.tower-card{border:1px solid var(--panel-border);min-width:84px;color:var(--color-text);text-transform:uppercase;cursor:pointer;pointer-events:auto;background:#f0ead60f;flex-direction:column;align-items:center;gap:5px;padding:10px 8px;font-family:inherit;font-size:.72rem;transition:transform 80ms,background .15s,border-color .15s;display:flex}.tower-card:hover{border-color:var(--color-gold);background:#f0ead61f}.tower-card:active{transform:scale(.96)}.tower-card.selected{border-color:var(--color-gold);background:#d4a03a2e;box-shadow:0 0 18px #d4a03a38}.tower-card.disabled{opacity:.45;cursor:not-allowed}.tower-icon{font-size:1.5rem;line-height:1}.tower-name{font-weight:700}.tower-cost{color:var(--color-gold);font-weight:700}#wave-banner{text-align:center;pointer-events:none;z-index:20;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#wave-banner.hidden{opacity:0}#wave-banner h2{color:var(--color-text);text-shadow:0 4px 24px #0009;margin:0;font-family:Black Ops One,impact,sans-serif;font-size:clamp(2.5rem,8vw,5rem)}#wave-banner p{color:var(--color-text-dim);text-shadow:0 2px 12px #0009;margin:8px 0 0;font-size:clamp(1rem,3vw,1.4rem)}#overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:30;background:#0c0d0cc7;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}#overlay.hidden{opacity:0;pointer-events:none}.overlay-panel{border:1px solid var(--panel-border);background:var(--panel-bg);max-width:min(520px,90vw);box-shadow:var(--shadow);text-align:center;padding:34px 38px}.overlay-panel h1{letter-spacing:.06em;color:var(--color-gold);margin:0 0 10px;font-family:Black Ops One,impact,sans-serif;font-size:clamp(2rem,7vw,3.4rem)}.overlay-panel p{color:var(--color-text-dim);white-space:pre-line;margin:0 0 8px;font-size:1.05rem;line-height:1.5}.overlay-panel .overlay-hint{color:#f0ead68c;margin-bottom:24px;font-size:.85rem}.overlay-panel button{border:1px solid var(--color-gold);color:var(--color-gold);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:#d4a03a24;padding:14px 36px;font-family:Black Ops One,impact,sans-serif;font-size:1.1rem;transition:background .15s,color .15s}.overlay-panel button:hover{background:var(--color-gold);color:var(--color-bg)}#touch-controls{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:10;display:none;position:absolute}#speed-button{aspect-ratio:1;border:1px solid var(--panel-border);background:var(--panel-bg);width:clamp(56px,16vw,72px);color:var(--color-text);pointer-events:auto;touch-action:none;border-radius:50%;font-size:1.2rem}#speed-button.active{border-color:var(--color-gold);background:#d4a03a38}@media (pointer:coarse),(width<=760px){#hud{flex-wrap:wrap}.hud-metric{min-width:72px;padding:7px 9px}.hud-metric strong{font-size:1.05rem}#status-line{min-width:auto;font-size:.72rem}#tower-panel{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));justify-content:center;gap:8px;padding:8px;transform:none}.tower-card{flex:1;min-width:0;max-width:110px;padding:8px 4px;font-size:.65rem}#touch-controls{bottom:max(96px, calc(env(safe-area-inset-bottom) + 78px));display:block}.tower-card{touch-action:manipulation}}