:root{--snow-0:#f4f9fe;--snow-1:#e3edf8;--snow-2:#c6d8ea;--ice-0:#8fb6d8;--ice-1:#4e7ba4;--night-0:#0e1a26;--night-1:#16283a;--night-2:#22405a;--gold:#ffd166;--life:#ff6b6b;--income:#6fe3a3;--frost:#4cc4f7;--fire:#ff6a2c;--storm:#a855f7;--nature:#46d97e;--hud-font:"Trebuchet MS", "Segoe UI", system-ui, sans-serif;--panel-bg:#0e1a26d1;--panel-border:#8fb6d859;--panel-radius:6px}*{box-sizing:border-box}html,body{height:100%;font-family:var(--hud-font);color:var(--snow-0);-webkit-font-smoothing:antialiased;background:#0e1a26;margin:0;padding:0;overflow:hidden}#app{position:fixed;inset:0}#game-canvas{cursor:default;outline:none;width:100%;height:100%;display:block}#hud{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:10;position:fixed;inset:0}#hud .clickable{pointer-events:auto}.hud-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--panel-radius);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 2px 12px #00000059}#hud-top{letter-spacing:.02em;white-space:nowrap;align-items:center;gap:18px;padding:8px 18px;font-size:15px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.stat{align-items:baseline;gap:6px;display:flex}.stat .label{text-transform:uppercase;letter-spacing:.09em;color:var(--ice-0);font-size:11px}.stat .value{font-variant-numeric:tabular-nums;min-width:2ch;font-size:17px;font-weight:700}.stat.gold .value{color:var(--gold)}.stat.income .value{color:var(--income)}.stat.lives .value{color:var(--life)}.stat.wave .value{color:var(--snow-0)}.hud-sep{background:var(--panel-border);width:1px;height:22px}#hud-perf{font-variant-numeric:tabular-nums;color:var(--snow-2);min-width:116px;padding:6px 10px;font-size:11px;line-height:1.5;position:absolute;top:10px;right:10px}#hud-perf .k{color:var(--ice-0);width:58px;display:inline-block}#hud-perf.warn .fps{color:#ffb347}#hud-perf.bad .fps{color:var(--life)}#hud-help{color:var(--snow-2);max-width:260px;padding:8px 12px;font-size:11.5px;line-height:1.65;position:absolute;bottom:10px;left:10px}#hud-help b{color:var(--snow-0);font-weight:700}#hud-help .legend{border-top:1px solid var(--panel-border);color:var(--ice-0);margin-top:5px;padding-top:5px}#hud-palette{gap:6px;padding:7px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}#hud-palette:after{content:attr(data-error);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#a02024f0;border-radius:4px;padding:3px 9px;font-size:12px;transition:opacity 90ms linear;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%)}#hud-palette.blocked:after{opacity:1}.tower-btn{--identity:#89a;border:1px solid var(--panel-border);border-left:3px solid var(--identity);min-width:132px;color:var(--snow-0);text-align:left;cursor:pointer;background:#22405a8c;border-radius:4px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:0 8px;padding:7px 11px 7px 8px;font-family:inherit;font-size:13px;transition:background 90ms linear,border-color 90ms linear;display:grid}.tower-btn:hover{background:#30587abf}.tower-btn.armed{background:var(--identity);border-color:var(--snow-0);color:var(--night-0)}.tower-btn.poor{opacity:.45}.tower-btn .key{background:#00000059;border-radius:3px;grid-row:1/3;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.tower-btn.armed .key{background:#ffffff59}.tower-btn .name{font-weight:600;line-height:1.15}.tower-btn .cost{color:var(--gold);font-variant-numeric:tabular-nums;font-size:11px}.tower-btn.armed .cost{color:var(--night-1)}#hud-controls{gap:6px;padding:7px;display:flex;position:absolute;bottom:12px;right:10px}.hud-btn{border:1px solid var(--panel-border);color:var(--snow-0);cursor:pointer;background:#22405a99;border-radius:4px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background 90ms linear}.hud-btn:hover:not(:disabled){background:#30587ad9}.hud-btn:disabled{opacity:.4;cursor:default}.hud-btn.primary{background:var(--ice-1)}.hud-btn.primary:hover:not(:disabled){background:#5f93bd}.hud-btn.danger{background:#962c2cbf}.hud-btn.danger:hover:not(:disabled){background:#ba3a3ae6}.hud-btn.speed{font-variant-numeric:tabular-nums;min-width:46px}#hud-left{flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;top:10px;left:10px}#hud-next{text-align:center;min-width:216px;padding:9px 14px}.next-title{text-transform:uppercase;letter-spacing:.09em;color:var(--ice-0);font-size:11px}.next-tag{background:var(--ice-1);color:var(--snow-0);letter-spacing:.03em;border-radius:3px;margin:5px 0 3px;padding:2px 10px;font-size:13px;font-weight:700;display:inline-block}.next-tag.arch-fast{background:#2f8fbf}.next-tag.arch-tank{background:#6a5a8c}.next-tag.arch-swarm{background:#2f7f5e}.next-tag.arch-regen{background:#4d8f3a}.next-tag.arch-boss{background:#a8362c;box-shadow:0 0 12px #ff5a468c}.next-blurb{color:var(--snow-2);font-size:11.5px;line-height:1.4}.next-countdown{font-variant-numeric:tabular-nums;color:var(--snow-0);margin-top:5px;font-size:21px;font-weight:700}.next-peek{border-top:1px solid var(--panel-border);letter-spacing:.02em;color:var(--ice-0);margin-top:8px;padding-top:8px;font-size:12px;display:none}.next-countdown.urgent{color:#ffb347}#hud-end{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:#0810188c;place-items:center;display:grid;position:absolute;inset:0}.end-card{text-align:center;border-width:2px;padding:30px 46px}#hud-end.victory .end-card{border-color:var(--income);box-shadow:0 0 46px #6fe3a347}#hud-end.defeat .end-card{border-color:var(--life);box-shadow:0 0 46px #ff6b6b47}.end-title{letter-spacing:.02em;font-size:32px;font-weight:700}#hud-end.victory .end-title{color:var(--income)}#hud-end.defeat .end-title{color:var(--life)}.end-body{color:var(--snow-2);margin-top:9px;font-size:14px}#hud-tower{min-width:172px;padding:10px 12px;position:absolute;bottom:138px;right:10px}.tower-title{font-size:14px;font-weight:700}.tower-stats{color:var(--ice-0);font-variant-numeric:tabular-nums;margin:3px 0 9px;font-size:11.5px}#hud-tower .hud-btn{width:100%}#hud-tower .hud-btn+.hud-btn{margin-top:5px}#hud-leak-flash{pointer-events:none;opacity:0;background:radial-gradient(#ff282800 42%,#ff282852 82%,#dc14149e 100%);position:absolute;inset:0}#hud-leak-flash.on{animation:.7s ease-out leak-pulse}@keyframes leak-pulse{0%{opacity:0}12%{opacity:1}to{opacity:0}}#hud-settings{flex-direction:column;gap:3px;padding:7px 10px;font-size:11.5px;display:flex;position:absolute;bottom:74px;right:10px}.hud-toggle{color:var(--snow-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.hud-toggle input{accent-color:var(--frost);cursor:pointer}#hud-minimap{width:194px;padding:8px}#hud-minimap.duel{width:174px}#hud-minimap.duel .mm-lane{cursor:default}.mm-team-head{text-transform:uppercase;letter-spacing:.08em;color:var(--ice-0);justify-content:space-between;align-items:baseline;margin-bottom:4px;font-size:10px;display:flex}.mm-team-lives{color:var(--life);font-variant-numeric:tabular-nums;letter-spacing:0;font-weight:700}.mm-team.team-0 .mm-team-lives{color:var(--income)}.mm-divider{background:linear-gradient(90deg, transparent, var(--ice-1), transparent);border-radius:1px;height:2px;margin:8px 0}.mm-lanes{flex-direction:column;gap:3px;display:flex}.mm-lane{--lane:#89a;border:1px solid #0000;border-left:3px solid var(--lane);width:100%;color:var(--snow-1);text-align:left;cursor:pointer;background:#22405a73;border-radius:3px;padding:4px 7px;font-family:inherit;transition:background 90ms linear;display:block}.mm-lane:hover{background:#30587acc}.mm-lane.watching{border-color:var(--snow-0);background:#30587af2}.mm-lane.mine .mm-lane-name{color:var(--gold)}.mm-lane.dead{opacity:.4}.mm-lane-name{font-size:11.5px;font-weight:600}.mm-lane-stats{color:var(--snow-2);font-variant-numeric:tabular-nums;font-size:10px}#hud-sends{width:178px;max-height:calc(100vh - 190px);padding:8px;position:absolute;top:96px;right:10px;overflow-y:auto}.sends-title{letter-spacing:.06em;color:var(--gold);text-align:center;font-size:12px;font-weight:700}.sends-hint{color:var(--ice-0);text-align:center;margin:2px 0 7px;font-size:10px;line-height:1.35}.send-btn{width:100%;color:var(--snow-0);text-align:left;cursor:pointer;background:#22405a80;border:1px solid #0000;border-radius:3px;grid-template-columns:1fr auto auto;align-items:baseline;gap:6px;margin-bottom:3px;padding:4px 7px;font-family:inherit;font-size:11.5px;transition:background 90ms linear;display:grid}.send-btn:hover:not(:disabled){border-color:var(--panel-border);background:#30587ad9}.send-btn.poor{opacity:.5}.send-btn.locked{opacity:.28;cursor:default}.send-btn .s-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.send-btn .s-cost{color:var(--gold);font-variant-numeric:tabular-nums}.send-btn .s-income{color:var(--income);font-variant-numeric:tabular-nums;font-weight:700}#hud-pause{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;background:#08101880;place-items:center;display:grid;position:absolute;inset:0}.pause-card{text-align:center;padding:26px 44px}.pause-title{letter-spacing:.06em;font-size:26px;font-weight:700}.pause-body{color:var(--snow-2);margin:6px 0 14px;font-size:12.5px}.end-best{color:var(--ice-0);margin:12px 0 16px;font-size:12px}.end-card .hud-btn{min-width:160px}#main-menu{z-index:60;text-align:center;background:linear-gradient(160deg,#0b1520 0%,#16283a 55%,#24466a 100%);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}#main-menu h1{letter-spacing:.08em;color:var(--snow-0);text-shadow:0 0 34px #4cc4f766;margin:0;font-size:58px}.mm-sub{color:var(--ice-0);letter-spacing:.03em;margin:4px 0 0;font-size:15px}.mm-record{border:1px solid var(--panel-border);background:#0e1a2699;border-radius:6px;margin:26px 0 30px;padding:12px 26px}.mm-best{color:var(--gold);font-size:17px;font-weight:700}.mm-record-line{color:var(--snow-2);margin-top:3px;font-size:12px}.mm-label{text-transform:uppercase;letter-spacing:.12em;color:var(--ice-0);margin-bottom:8px;font-size:11px}.mm-difficulty{gap:10px;margin-bottom:28px;display:flex}.mm-diff{border:1px solid var(--panel-border);min-width:148px;color:var(--snow-1);cursor:pointer;background:#0e1a26b3;border-radius:5px;flex-direction:column;gap:2px;padding:11px 16px;font-family:inherit;transition:background .11s,border-color .11s;display:flex}.mm-diff:hover{background:#22405ad9}.mm-diff.active{border-color:var(--frost);background:#285c80e6;box-shadow:0 0 18px #4cc4f73d}.mm-diff-name{font-size:15px;font-weight:700}.mm-diff-note{color:var(--snow-2);font-size:11px}.mm-play{background:var(--ice-1);min-width:220px;color:var(--snow-0);letter-spacing:.06em;cursor:pointer;border:none;border-radius:6px;padding:14px 40px;font-family:inherit;font-size:19px;font-weight:700;transition:transform .11s,background .11s}.mm-play:hover{background:#5f93bd;transform:translateY(-2px)}.mm-hint{color:var(--ice-0);max-width:460px;margin-top:26px;font-size:12px;line-height:1.6}#builder-select{z-index:50;background:linear-gradient(160deg,#0e1a26 0%,#16283a 55%,#22405a 100%);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:24px;display:flex;position:fixed;inset:0}#builder-select h1{letter-spacing:.06em;color:var(--snow-0);text-shadow:0 0 26px #4cc4f759;margin:0;font-size:44px}.bs-sub{color:var(--ice-0);margin:0 0 22px;font-size:14px}.bs-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;width:min(100%,960px);display:grid}.bs-card{--identity:#89a;border:1px solid var(--panel-border);border-top:4px solid var(--identity);color:var(--snow-0);text-align:left;cursor:pointer;background:#0e1a26db;border-radius:6px;flex-direction:column;padding:16px 16px 12px;font-family:inherit;transition:transform .11s,box-shadow .11s,background .11s;display:flex}.bs-card:hover{background:#22405aeb;transform:translateY(-3px);box-shadow:0 8px 26px #0006}.bs-name{color:var(--identity);font-size:21px;font-weight:700}.bs-tag{color:var(--snow-2);min-height:34px;margin:4px 0 12px;font-size:12px;line-height:1.45}.bs-towers{border-top:1px solid var(--panel-border);margin:0;padding:10px 0 0;list-style:none}.bs-towers li{justify-content:space-between;gap:10px;padding:2.5px 0;font-size:12px;display:flex}.bs-t-name{color:var(--snow-1)}.bs-t-cost{color:var(--gold);font-variant-numeric:tabular-nums}#hud-help .phase-tag{background:var(--ice-1);color:var(--snow-0);letter-spacing:.08em;text-transform:uppercase;border-radius:3px;margin-bottom:4px;padding:1px 6px;font-size:10px;display:inline-block}#hud-tower-tip{z-index:40;pointer-events:none;border:1px solid var(--identity,#89a);color:#dce7f2;background:#0c1420f5;border-radius:6px;max-width:22rem;padding:.6rem .75rem;font-size:.82rem;line-height:1.35;position:fixed;box-shadow:0 8px 24px #00000073}#hud-tower-tip .tip-head{justify-content:space-between;gap:1rem;margin-bottom:.25rem;display:flex}#hud-tower-tip .tip-name{color:var(--identity,#cfe2f5);font-weight:700}#hud-tower-tip .tip-cost{color:#ffd166;font-weight:700}#hud-tower-tip .tip-stats{color:#8fa6bd;font-variant-numeric:tabular-nums;margin-bottom:.3rem}#hud-tower-tip .tip-trait{color:#7fd9a0;margin-bottom:.1rem}#hud-tower-tip .tip-body{color:#b8c9db;margin-top:.4rem}#app.split{--play-pane:68%}#app.split #hud{right:calc(100% - var(--play-pane))}#app.split #hud-divider{display:block}#hud-divider{top:0;bottom:0;left:var(--play-pane);background:var(--panel-border);z-index:11;pointer-events:none;width:1px;display:none;position:fixed;box-shadow:-6px 0 18px #00000073}#rival-panel{top:var(--rival-box,50%);left:var(--play-pane);z-index:12;pointer-events:none;background:var(--night-0);border-left:1px solid var(--panel-border);border-top:1px solid var(--panel-border);color:var(--snow-1);padding:16px 18px;display:none;position:fixed;bottom:0;right:0}#app.split #rival-panel{display:block}.rp-name{letter-spacing:.06em;text-transform:uppercase;color:var(--snow-0);border-bottom:1px solid var(--panel-border);padding-bottom:10px;font-size:16px}.rp-rows{flex-direction:column;gap:7px;padding-top:10px;display:flex}.rp-row{justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;display:flex}.rp-k{color:var(--ice-0);letter-spacing:.04em;text-transform:uppercase}.rp-v{font-variant-numeric:tabular-nums;color:var(--snow-0);font-size:15px}.rp-lives{color:var(--life)}.rp-income{color:var(--income)}.rp-incoming{color:var(--gold)}.rp-hint{color:var(--ice-1);letter-spacing:.02em;padding-top:12px;font-size:11px}#rival-tag .rv-lives{color:var(--life);font-variant-numeric:tabular-nums}#rival-tag .rv-wave{color:var(--frost);font-variant-numeric:tabular-nums}#rival-tag .rv-hint{letter-spacing:.02em;text-transform:none;color:var(--ice-0);margin-top:3px;font-size:11px;display:block}#hud-send-toast{letter-spacing:.02em;white-space:nowrap;color:var(--snow-0);border-color:var(--income);padding:9px 16px;font-size:14px;animation:.14s ease-out send-toast-in;position:absolute;bottom:128px;left:50%;transform:translate(-50%)}#hud-send-toast.refused{border-color:var(--life);color:var(--life)}@keyframes send-toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){#hud-send-toast{animation:none}}#creep-tip{z-index:30;pointer-events:none;min-width:178px;padding:9px 11px;font-size:13px;position:fixed}.ct-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.ct-name{color:var(--snow-0);font-size:14px}.ct-kind{letter-spacing:.05em;text-transform:uppercase;color:var(--ice-0);font-size:11px}.ct-hp{background:#8fb6d838;border-radius:2px;height:4px;margin-top:7px;overflow:hidden}.ct-hp-fill{border-radius:2px;height:100%}.ct-hp-text{color:var(--snow-2);font-variant-numeric:tabular-nums;margin-top:4px;font-size:11px}.ct-rows{flex-direction:column;gap:3px;margin-top:7px;display:flex}.ct-row{justify-content:space-between;gap:14px;display:flex}.ct-k{color:var(--ice-0)}.ct-v{color:var(--snow-0);font-variant-numeric:tabular-nums}.ct-traits{border-top:1px solid var(--panel-border);letter-spacing:.03em;text-transform:uppercase;color:var(--frost);margin-top:7px;padding-top:6px;font-size:11px}.mm-play-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.mm-online{background:#1d3a5c;border-color:#2f6fbf}#queue-screen{z-index:40;background:#080e16db;place-items:center;display:grid;position:absolute;inset:0}.q-card{text-align:center;background:#0f1922;border:1px solid #24384a;border-radius:10px;min-width:320px;max-width:460px;padding:28px 32px}.q-spinner{border:3px solid #24384a;border-top-color:#7fc4ff;border-radius:50%;width:34px;height:34px;margin:0 auto 18px;animation:.9s linear infinite q-spin}@keyframes q-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.q-spinner{border-top-color:#24384a;animation:none}}.q-status{color:#dceaf6;margin:0 0 8px;font-size:20px}.q-detail{color:#93a8bb;margin:0 0 20px;font-size:14px;line-height:1.45}.q-cancel{color:#cfe0ee;cursor:pointer;background:#17242f;border:1px solid #2b4256;border-radius:6px;padding:8px 22px}.q-cancel:hover{background:#1d2f3d}