#td.active{display:flex;flex-direction:column;height:100dvh;padding:calc(8px + var(--safe-t)) 12px calc(8px + var(--safe-b));gap:8px}.t-laser{--tc: #00f0ff}.t-emp{--tc: #b45cff}.t-spray{--tc: #00ff66}.t-scanner{--tc: #ffb700}.td-hud{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.td-stat{display:flex;align-items:center;gap:7px;min-width:0;padding:5px 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-variant-numeric:tabular-nums}.td-stat>.ico{font-size:18px}.td-stat-v{display:flex;flex-direction:column;line-height:1.15;min-width:0}.td-stat b{font:800 14px var(--display);white-space:nowrap}.td-stat small{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-stat.credits{color:var(--gold)}.td-stat.core{color:var(--cyan)}.td-stat.core.low{color:var(--pink)}.td-corebar{display:block;width:64px;height:4px;margin-top:3px;border-radius:2px;background:#8c96be33;overflow:hidden}.td-corebar i{display:block;height:100%;background:currentColor;transition:width .3s}.td-hud-btns{display:flex;gap:6px;margin-left:auto}.td-hud-btns .btn{min-height:38px}.td-techbtn{position:relative}.td-speed[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan)}.td-muts{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;gap:5px;min-width:0;font-size:12px}.td-muts>b{color:var(--muted);font-weight:700}.td-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid var(--line);border-radius:999px;background:var(--panel);white-space:nowrap}.td-chip.mut{border-color:var(--pink);color:#ff7aa2}.td-chip.boss{border-color:var(--gold);color:var(--gold);font-weight:800}.td-wrap{position:relative;flex:1;min-height:0;border-radius:16px;overflow:hidden;background:var(--board);box-shadow:inset 0 0 0 1px var(--line)}#td-canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#td-canvas:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}.td-banner{position:absolute;left:50%;top:22%;transform:translate(-50%,-50%);max-width:calc(100% - 24px);font:900 clamp(16px,4.6vw,34px) var(--display);letter-spacing:.06em;text-align:center;color:#fff;text-shadow:0 0 12px var(--cyan);opacity:0;pointer-events:none}.td-banner.pink{color:#ffd0dc;text-shadow:0 0 12px var(--pink)}.td-banner.show{animation:td-banner 1.7s ease-out forwards}@keyframes td-banner{0%{opacity:0;transform:translate(-50%,-30%) scale(.85)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}80%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-70%)}}[data-theme=light] .td-banner{color:#141834;text-shadow:none}.td-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.td-wrap.glitch-fx{animation:td-breach .5s steps(2,end) 1}.td-wrap.gold.glitch-fx{animation-name:td-breach-gold}@keyframes td-breach{0%{transform:translate(-4px,1px);filter:hue-rotate(60deg) saturate(1.6)}35%{transform:translate(4px,-1px)}70%{transform:translate(-2px);filter:none}to{transform:none}}@keyframes td-breach-gold{0%{transform:translate(-4px,1px);filter:sepia(1) saturate(4) brightness(1.25)}35%{transform:translate(4px,-1px)}70%{transform:translate(-2px);filter:none}to{transform:none}}.td-dock{display:flex;flex-direction:column;gap:8px;min-height:0}.td-build{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.td-tower{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;min-height:58px;padding:6px 2px 5px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);font:600 12px var(--font);cursor:pointer}.td-tower>.ico{font-size:22px;color:var(--tc)}.td-tower .nm{white-space:nowrap}.td-tower .cost{color:var(--gold);font-weight:800;font-size:12px}.td-tower kbd{position:absolute;top:3px;left:6px;font:600 10px var(--font);color:var(--muted)}.td-tower[aria-pressed=true]{border-color:var(--tc);background:color-mix(in srgb,var(--tc) 16%,var(--panel))}.td-tower:disabled{opacity:.45;cursor:not-allowed}.td-tower:focus-visible{outline:2px solid var(--tc);outline-offset:1px}.td-panel{padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.td-panel[hidden]{display:none}.td-panel-head{display:flex;align-items:center;gap:8px}.td-panel-head b{flex:1;min-width:0;font:800 15px var(--display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-panel-head .td-sell{min-height:34px;padding:4px 10px}.td-ico{font-size:22px;color:var(--tc)}.td-close{width:34px;height:34px}.td-facts{margin:4px 0 6px;color:var(--muted);font-size:12px}.td-ups{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.td-up{flex-direction:column;gap:3px;padding:6px 4px}.td-up .nm{font-size:12px}.td-up small{color:var(--gold);opacity:1;font-weight:800}.td-pips{display:inline-flex;gap:3px}.td-pips i{width:9px;height:4px;border-radius:2px;background:#8c96be40}.up-damage .td-pips i.on{background:#ff3d7f}.up-range .td-pips i.on{background:var(--cyan)}.up-rate .td-pips i.on{background:var(--green)}.td-special .nm{font-size:11px;line-height:1.15;text-align:center}.td-special.owned{border-color:var(--gold)}.td-sdesc{margin:6px 0 0;color:var(--muted);font-size:12px}.td-go{width:100%;min-height:46px}.td-go span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal.td-tech{width:min(900px,calc(100vw - 24px))}.td-tech h2{display:flex;align-items:center;gap:8px}.td-tech-sub{color:var(--muted);font-size:13px}.td-tree{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0 14px}.td-branch h3{margin:0 0 6px;font-size:14px}.b-aoe h3{color:var(--orange)}.b-slow h3{color:var(--cyan)}.b-crit h3{color:var(--pink)}.b-eco h3{color:var(--gold)}.td-node{display:flex;flex-direction:column;gap:3px;width:100%;margin-bottom:6px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);font:600 13px var(--font);text-align:left;cursor:pointer}.td-node small{color:var(--muted);font-size:12px;font-weight:400}.td-node .cost{color:var(--gold);font-size:11px;font-weight:800}.td-node.owned{border-color:var(--green);background:#00ff6614}.td-node.owned .cost{color:var(--green)}.td-node:disabled{cursor:default}.td-node:disabled:not(.owned){opacity:.5}.td-node:not(:disabled):hover{border-color:var(--cyan)}@media(max-width:899px){.td-dock.selected .td-build,.td-sdesc{display:none}}@media(max-width:720px){.td-tree{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.td-stat{padding:4px 7px;gap:5px}.td-stat b{font-size:12px}.td-corebar{width:44px}.td-techbtn .lbl{display:none}.td-tower{min-height:52px}}@media(min-width:900px){#td.active{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto minmax(0,1fr);column-gap:12px}.td-hud{grid-column:1 / -1}.td-wrap{grid-column:1;grid-row:2}.td-dock{grid-column:2;grid-row:2;overflow-y:auto}.td-ups,.td-build{grid-template-columns:repeat(2,1fr)}.td-tower{min-height:70px;font-size:13px}.td-go{order:-1}}@media(min-width:768px){html:not(.eco) .td-tower[aria-pressed=true]{box-shadow:0 0 14px color-mix(in srgb,var(--tc) 45%,transparent)}html:not(.eco) .td-stat.core.low{box-shadow:0 0 12px #ff005559}}.reduce-motion .td-banner.show{animation:none;opacity:1}.reduce-motion .td-wrap.glitch-fx{animation:none}.td-syn{display:grid;gap:3px;margin:0;padding:0;list-style:none;font-size:12px}.td-syn li{display:flex;align-items:flex-start;gap:6px;color:var(--muted)}.td-syn .ico{flex:none;margin-top:1px}.td-syn li.on{color:#ffb700;font-weight:700}.td-chip[role=button]{cursor:pointer}.td-chip[role=button]:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.td-legend h3{margin:14px 0 6px;font-size:14px;color:var(--cyan)}.td-keys{display:grid;gap:7px;margin:0;padding:0;list-style:none;font-size:13px}.td-keys li{display:flex;align-items:flex-start;gap:10px}.td-keys li.boss b{color:var(--gold)}.td-keys li.mut b{color:#ff7aa2}.td-key{position:relative;flex:none;width:26px;height:26px;border-radius:6px;background:#8c96be1f}.td-key.ico{display:grid;place-items:center;background:none;font-size:20px;color:var(--cyan)}.td-key.k-pips{background:linear-gradient(#f05,#f05) 4px 15px / 4px 3px no-repeat,linear-gradient(#f05,#f05) 4px 20px / 4px 3px no-repeat,linear-gradient(#00f0ff,#00f0ff) 11px 20px / 4px 3px no-repeat,linear-gradient(#0f6,#0f6) 18px 15px / 4px 3px no-repeat,linear-gradient(#0f6,#0f6) 18px 20px / 4px 3px no-repeat,#8c96be1f}.td-key.k-buff:after{content:"";position:absolute;left:3px;top:3px;width:8px;height:8px;border-radius:50%;background:#ffb700}.td-key.k-special:after{content:"";position:absolute;right:3px;top:3px;width:8px;height:8px;background:#ffd84d;transform:rotate(45deg)}.td-key.k-lock{background:linear-gradient(45deg,transparent 45%,#ff0055 45% 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,#ff0055 45% 55%,transparent 55%),#8c96be1f}.td-key.k-slow,.td-key.k-dot{border-radius:50%;background:none;border:2px solid rgba(120,200,255,.8)}.td-key.k-dot{border-color:#00ff66b3}.td-key.k-slow:after,.td-key.k-dot:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#f05}.td-key.k-mark{background:none;border:2px solid #ffb700;border-radius:2px}.td-key.k-mark:after{content:"";position:absolute;inset:5px;background:#f05;transform:rotate(45deg)}.td-key.k-link:after{content:"";position:absolute;left:4px;top:4px;width:8px;height:8px;border:2px solid #00ff66;border-radius:50%}.td-key.k-link:before{content:"";position:absolute;left:15px;top:4px;width:8px;height:8px;border:2px solid #9d00ff;border-radius:50%}.td-key.k-line{background:repeating-linear-gradient(90deg,#00f0ff 0 5px,transparent 5px 9px) 0 50% / 100% 3px no-repeat,#8c96be1f}.td-key.k-combo{border-radius:50%;background:none;border:2px solid #c8ff00}.td-key.k-combo:after{content:"";position:absolute;inset:3px;border-radius:50%;border:2px solid rgba(0,255,102,.9);box-shadow:inset 0 0 0 2px #78c8fff2}.td-key.k-crit{background:linear-gradient(#fff,#fff) 0 50% / 100% 5px no-repeat,#8c96be1f}.td-key.k-hp{background:linear-gradient(90deg,#0f6 0 55%,#ffb700 55% 80%,#f05 80%) 0 50% / 100% 6px no-repeat,#8c96be1f}