:root{--fs-xs: 14px;--fs-sm: 15px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 40px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--safe: max(20px, 2.2vmin);--tap: 44px;--z-hud: 10;--z-panel: 20;--z-tip: 30;--z-modal: 40;--bg: #0a0d16;--panel: rgba(13, 17, 28, .92);--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .2);--text: #eef2f8;--dim: #9aa7bd;--accent: #7dd8ff;--gold: #ffd06b;--life: #ff7a88;--ok: #7dffb0;--bad: #ff6b6b;--shield: #6cc0ff;--armor: #c3c8d2;--health: #74dd74;--focus: #ffe066}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font:var(--fs-md)/1.45 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}#viewport{position:fixed;inset:0;display:block;width:100%;height:100%}#ui{position:fixed;inset:0;pointer-events:none;z-index:var(--z-hud)}#ui>*{pointer-events:auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 14px 38px #00000080}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:8px}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}#topbar{position:absolute;top:var(--safe);left:50%;transform:translate(-50%);display:flex;align-items:stretch;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);z-index:var(--z-panel)}.stat{display:flex;flex-direction:column;justify-content:center;padding:var(--sp-1) var(--sp-4);border-radius:10px;white-space:nowrap;min-width:84px}.stat+.stat{border-left:1px solid var(--line)}.stat .label{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-weight:600}.stat .value{font-size:var(--fs-2xl);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.stat.gold .value{color:var(--gold)}.stat.lives .value{color:var(--life)}.stat.wave .value{color:var(--accent)}.core-bar{height:5px;border-radius:3px;background:#ffffff1f;margin-top:var(--sp-1);overflow:hidden}.core-bar span{display:block;height:100%;background:var(--life);border-radius:3px;transition:width .25s ease}#speed{display:flex;gap:var(--sp-1);margin-left:var(--sp-2);align-items:center}.spd{min-width:var(--tap);height:var(--tap);padding:0 var(--sp-2);border:1px solid var(--line);background:#ffffff0d;color:var(--dim);border-radius:10px;font-size:var(--fs-sm);font-weight:700;transition:background .12s,color .12s}.spd:hover{background:#ffffff1f;color:var(--text)}.spd[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#04121b}#shop{position:absolute;left:var(--safe);top:50%;transform:translateY(-50%);width:268px;padding:var(--sp-3);max-height:74vh;overflow-y:auto;z-index:var(--z-panel)}.section-title{font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:var(--sp-2);font-weight:700}.tower-btn{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--tap);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-1);border-radius:10px;border:1px solid transparent;background:#ffffff0d;text-align:left;transition:background .12s,border-color .12s}.tower-btn:hover{background:#ffffff1f}.tower-btn[aria-pressed=true]{border-color:var(--accent);background:#7dd8ff2e}.tower-btn.poor{opacity:.5}.tower-btn.poor .price{color:var(--bad)}.tower-btn.poor .price:after{content:" 🔒"}.tower-btn .swatch{width:22px;height:22px;border-radius:6px;flex:0 0 auto;border:1px solid rgba(255,255,255,.25)}.tower-btn .nm{flex:1;font-weight:600;font-size:var(--fs-md)}.tower-btn .price{color:var(--gold);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;font-weight:600}.tower-btn .kbd{font-size:var(--fs-xs);color:var(--dim);border:1px solid var(--line);border-radius:6px;padding:2px 6px;min-width:24px;text-align:center}#panel{position:absolute;right:var(--safe);top:50%;transform:translateY(-50%);width:310px;padding:var(--sp-4);display:none;max-height:82vh;overflow-y:auto;z-index:var(--z-panel)}#panel.show{display:block}#panel .title{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-2)}#panel .title b{font-size:var(--fs-xl)}#panel .lvl{font-size:var(--fs-sm);color:var(--accent);font-weight:600}#panel .sub{font-size:var(--fs-xs);color:var(--dim);margin:var(--sp-1) 0 var(--sp-3)}.rows{display:grid;grid-template-columns:1fr auto;gap:var(--sp-1) var(--sp-3);font-size:var(--fs-sm);margin-bottom:var(--sp-3)}.rows .k{color:var(--dim)}.rows .v{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.vs{display:flex;gap:var(--sp-1);margin-bottom:var(--sp-3)}.vs div{flex:1;text-align:center;padding:var(--sp-2) var(--sp-1);border-radius:9px;background:#ffffff0f}.vs .t{font-size:var(--fs-xs);letter-spacing:.04em;color:var(--dim);font-weight:600}.vs .n{font-size:var(--fs-lg);font-weight:700;font-variant-numeric:tabular-nums}.vs .health .n{color:var(--health)}.vs .armor .n{color:var(--armor)}.vs .shield .n{color:var(--shield)}.up{display:flex;align-items:center;gap:var(--sp-2);width:100%;min-height:var(--tap);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-1);border-radius:10px;border:1px solid var(--line);background:#ffffff0d;text-align:left}.up:hover:not(:disabled){background:#ffffff1f}.up:disabled{opacity:.45;cursor:default}.up .sym{font-size:var(--fs-lg);width:22px;text-align:center}.up .nm{flex:1;font-size:var(--fs-sm)}.up .dots{display:flex;gap:3px}.up .dot{width:6px;height:6px;border-radius:50%;background:#fff3}.up .dot.f{background:var(--accent)}.up .c{color:var(--gold);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;font-weight:600}.sell{width:100%;min-height:var(--tap);margin-top:var(--sp-2);padding:var(--sp-2);border-radius:10px;font-size:var(--fs-sm);font-weight:600;border:1px solid rgba(255,122,136,.4);background:#ff7a881f;color:#ffc2c8}.sell:hover{background:#ff7a883d}#bottom{position:absolute;bottom:var(--safe);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-2) var(--sp-3);z-index:var(--z-panel)}#next{min-height:var(--tap);padding:0 var(--sp-6);border-radius:11px;background:var(--accent);color:#04121b;font-weight:700;font-size:var(--fs-lg);transition:filter .12s}#next:hover:not(:disabled){filter:brightness(1.12)}#next:disabled{background:#ffffff17;color:var(--dim);cursor:default}#wave-info{font-size:var(--fs-sm);color:var(--dim);min-width:210px}#wave-info b{color:var(--text)}#wave-info .boss{color:var(--life);font-weight:700}#priority{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--dim)}#priority select{min-height:var(--tap);background:#ffffff12;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:0 var(--sp-2);font:inherit;font-size:var(--fs-sm);cursor:pointer}#draft{position:absolute;inset:0;display:none;background:#04060cc7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-5);padding:var(--safe);z-index:var(--z-modal)}#draft.show{display:flex}#draft h2{font-size:var(--fs-3xl);font-weight:700;letter-spacing:-.01em}#draft .lead{color:var(--dim);font-size:var(--fs-md);margin-top:calc(var(--sp-4) * -1)}.cards{display:flex;gap:var(--sp-4);flex-wrap:wrap;justify-content:center}.card{width:262px;min-height:292px;padding:var(--sp-5);border-radius:16px;background:linear-gradient(165deg,#1e2437f7,#0f121ef7);border:1px solid var(--line);display:flex;flex-direction:column;gap:var(--sp-3);text-align:left;transition:transform .18s ease,box-shadow .18s}.card:hover{transform:translateY(-6px);box-shadow:0 20px 46px #0009}.card .icon{font-size:var(--fs-3xl);line-height:1}.card .rar{font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:700}.card.rar-common{border-left:3px solid var(--dim)}.card.rar-rare{border-left:6px solid #5aa8ff}.card.rar-epic{border-left:6px double #c46bff}.card.rar-curse{border-left:6px dashed var(--bad)}.card .nm{font-size:var(--fs-xl);font-weight:650;line-height:1.2}.card .ds{font-size:var(--fs-md);color:var(--dim);line-height:1.5;flex:1}.card .tag{font-size:var(--fs-sm);color:var(--accent);font-weight:600}#banner{position:absolute;top:26%;left:50%;transform:translate(-50%);text-align:center;opacity:0;transition:opacity .35s;pointer-events:none;z-index:var(--z-tip);width:min(90vw,700px)}#banner.show{opacity:1}#banner .big{font-size:var(--fs-3xl);font-weight:750;letter-spacing:-.02em;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 4px 22px rgba(0,0,0,.9)}#banner .small{font-size:var(--fs-md);color:#dfe6f2;margin-top:var(--sp-1);text-shadow:0 2px 6px #000,0 0 12px #000}#toast{position:absolute;bottom:calc(var(--safe) + 76px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);pointer-events:none;z-index:var(--z-tip)}.toast{padding:var(--sp-2) var(--sp-4);border-radius:10px;font-size:var(--fs-md);background:#141926f5;border:1px solid var(--line);text-shadow:0 1px 3px #000;animation:rise 2.4s ease forwards}@keyframes rise{0%{opacity:0;transform:translateY(8px)}12%,74%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}#over{position:absolute;inset:0;display:none;background:#04060ce6;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);padding:var(--safe);z-index:var(--z-modal)}#over.show{display:flex}#over h1{font-size:var(--fs-3xl);font-weight:750;color:var(--life);letter-spacing:-.02em}#over .grid{display:grid;grid-template-columns:auto auto;gap:var(--sp-2) var(--sp-6);font-size:var(--fs-lg)}#over .grid .k{color:var(--dim)}#over .grid .v{font-variant-numeric:tabular-nums;text-align:right;font-weight:700}#over button{margin-top:var(--sp-3);min-height:var(--tap);padding:0 var(--sp-6);border-radius:11px;background:var(--accent);color:#04121b;font-weight:700;font-size:var(--fs-lg)}#settings{position:absolute;left:var(--safe);bottom:calc(var(--safe) + var(--tap) + var(--sp-2));display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:11px;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:var(--fs-xs);color:var(--dim);z-index:var(--z-panel)}#settings select{min-height:var(--tap);background:#ffffff12;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:0 var(--sp-2);font:inherit;font-size:var(--fs-sm);cursor:pointer}#help-toggle{position:absolute;left:var(--safe);bottom:var(--safe);min-height:var(--tap);min-width:var(--tap);padding:0 var(--sp-3);border-radius:11px;background:var(--panel);border:1px solid var(--line);color:var(--dim);font-size:var(--fs-sm);font-weight:600;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:var(--z-panel)}#help-toggle:hover{color:var(--text)}#help{position:absolute;inset:0;display:none;z-index:var(--z-modal);background:#04060cb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:var(--safe)}#help:not([hidden]){display:flex}#help .sheet{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:var(--sp-5) var(--sp-6);max-width:560px;width:100%;box-shadow:0 20px 50px #0009}#help h3{font-size:var(--fs-xl);margin-bottom:var(--sp-4)}#help dl{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-3) var(--sp-4);align-items:baseline;font-size:var(--fs-md)}#help dt{text-align:right;white-space:nowrap}#help dd{color:var(--dim)}#help kbd{display:inline-block;background:#ffffff1a;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:6px;padding:2px 8px;font:inherit;font-size:var(--fs-xs);font-weight:600;color:var(--text);min-width:26px;text-align:center}#help .close{margin-top:var(--sp-5);min-height:var(--tap);width:100%;border-radius:10px;background:#ffffff17;border:1px solid var(--line);font-size:var(--fs-md);font-weight:600}#help .close:hover{background:#ffffff29}#perf{position:absolute;right:var(--safe);top:var(--safe);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);color:var(--dim);font-variant-numeric:tabular-nums;z-index:var(--z-hud)}#tip{position:absolute;padding:var(--sp-3) var(--sp-4);width:280px;font-size:var(--fs-sm);display:none;z-index:var(--z-tip);line-height:1.5}#tip.show{display:block}#tip .nm{font-weight:700;font-size:var(--fs-lg);margin-bottom:var(--sp-1)}#tip .ds{color:var(--dim);margin-bottom:var(--sp-2);font-size:var(--fs-xs)}#tip .st{display:grid;grid-template-columns:1fr auto;gap:2px var(--sp-3);font-size:var(--fs-xs)}#tip .st .k{color:var(--dim)}#tip .st .v{text-align:right;font-variant-numeric:tabular-nums}#perf,#tip{pointer-events:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:5px}::-webkit-scrollbar-track{background:transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.card:hover{transform:none}}