:root{color-scheme:dark;--bg0: #100e0a;--bg1: #17140d;--panel: #1d1910;--panel2: #241f14;--line: #3a3120;--line2: #4d4026;--ink: #f3ecdb;--ink-dim: #b6aa8c;--ink-faint: #8a7f66;--gold: #e8b54b;--gold-soft: #f0c674;--green: #5ec26a;--red: #ef6f63;--blue: #6aa6ff;--violet: #b692ff;--radius: 12px;--shadow: 0 8px 24px rgba(0, 0, 0, .45);--br-offense: #ff7b6b;--br-economy: #f0c674;--br-fortitude: #6aa6ff;--br-arcane: #b692ff;--br-core: #5ec26a}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:radial-gradient(1200px 700px at 70% -10%,#241d10 0%,transparent 60%),radial-gradient(900px 600px at 0% 110%,#1a2030 0%,transparent 55%),var(--bg0);color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#app{width:100%;max-width:540px;margin:0 auto;height:100dvh;padding:8px}#app>div{height:100%}[hidden]{display:none!important}button{font:inherit;color:var(--ink);cursor:pointer;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line2);border-radius:10px;padding:8px 12px;transition:transform .08s ease,border-color .12s ease,box-shadow .12s ease,background .12s ease}button:hover:not(:disabled){border-color:var(--gold)}button:active:not(:disabled){transform:translateY(1px) scale(.99)}button:disabled{opacity:.45;cursor:default}.btn-start{background:linear-gradient(180deg,#3aa14a,#2c7d3a);border-color:#46b257;font-weight:800;letter-spacing:.02em;box-shadow:0 4px 16px #46b2574d}.btn-start.big{font-size:17px;padding:13px 20px}.run-wrap{display:flex;flex-direction:column;gap:8px;height:100%;min-height:0}.hud{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:7px 12px;flex:0 0 auto}.hud-stats{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}.hs{font-size:15px;font-weight:600;color:var(--ink-dim)}.hs b{color:var(--ink)}.hs.gold b{color:var(--gold-soft)}.hs.core b{color:var(--green)}.hs.best b{color:var(--gold)}.hs.prep{color:var(--ink-faint);font-size:13px;font-weight:500}.hud-controls{display:flex;gap:6px}.icon-btn{min-width:44px;text-align:center;font-size:15px;padding:8px 10px}.icon-btn.active{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.arena{position:relative;flex:1 1 auto;min-height:0}.board-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-x:auto;overflow-y:hidden;display:flex;align-items:center;-webkit-overflow-scrolling:touch;scrollbar-width:thin;border:1px solid var(--line2);border-radius:var(--radius);background:#0b0906;cursor:grab}.board-scroll:active{cursor:grabbing}.board-scroll canvas{height:100%;width:auto;aspect-ratio:20 / 12;display:block;flex:0 0 auto;touch-action:none}.dock{flex:0 0 auto;display:flex;align-items:stretch;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:8px;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--radius)}.tower-cards,.abilities{display:flex;gap:6px;flex:0 0 auto}.abilities:not(:empty){margin-left:4px;padding-left:8px;border-left:1px solid var(--line2)}.tower-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:76px;padding:8px 6px;flex:0 0 auto}.tc-dot{width:18px;height:18px;border-radius:5px;box-shadow:0 0 8px #ffffff1f}.tc-name{font-weight:700;font-size:13px}.tc-cost{font-size:12px;font-weight:700;color:var(--gold-soft)}.tower-card.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold),0 0 14px #e8b54b40}.tower-card.poor .tc-cost{color:var(--red)}.tower-card.locked{opacity:.4;filter:grayscale(.6)}.tower-card.locked .tc-name:after{content:" 🔒"}.tower-card.locked .tc-cost{display:none}.ability-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:76px;padding:8px 6px;overflow:hidden;flex:0 0 auto;border-color:var(--violet)}.ability-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(rgba(8,6,14,.66) calc(var(--cd, 0) * 360deg),transparent 0);pointer-events:none}.ability-btn.ready{box-shadow:0 0 0 1px var(--violet),0 0 16px #b692ff66;animation:abilityPulse 1.6s ease-in-out infinite}@keyframes abilityPulse{50%{box-shadow:0 0 0 1px var(--violet),0 0 22px #b692ff99}}.ab-icon{font-size:20px}.ab-name{font-weight:700;font-size:13px;flex:1 1 auto}.ab-cd{font-size:12px;color:var(--ink-dim);z-index:1}.wave-bar{display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px;flex:0 0 auto}.wave-info{flex:1 1 auto;font-size:13px;color:var(--ink-dim);line-height:1.4;min-width:0}.next-tag{font-size:11px;font-weight:800;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em}.boss-tag{font-size:12px;font-weight:900;color:var(--red);text-transform:uppercase;letter-spacing:.05em;animation:bossPulse .9s ease-in-out infinite}@keyframes bossPulse{50%{opacity:.45}}.call-btn{background:linear-gradient(180deg,#2f7fe6,#1f63c4);border-color:#4a92f0;font-weight:800;white-space:nowrap;box-shadow:0 4px 14px #2f7fe64d}.sheet{position:absolute;left:50%;bottom:12px;transform:translate(-50%);width:min(440px,92%);display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,#221d12f5,#16130cf5);border:1px solid var(--line2);border-radius:14px;padding:12px;box-shadow:var(--shadow);z-index:6;animation:sheetUp .14s ease-out}@keyframes sheetUp{0%{opacity:0;transform:translate(-50%,8px)}}.sheet.hidden{display:none}.sheet-title{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px}.st-dot{width:14px;height:14px;border-radius:4px}.st-tier{margin-left:auto;font-size:12px;font-weight:600;color:var(--ink-faint)}.sheet-x{padding:4px 9px;border-radius:8px;font-size:13px}.sheet-stats{display:flex;gap:14px;font-size:13px;color:var(--ink-dim);padding:0 2px}.sheet-cards{display:flex;gap:8px}.sheet-card{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 6px;font-size:12px;text-align:center}.sheet-card b{font-size:14px}.sheet-card.up{background:linear-gradient(180deg,#3aa14a,#2c7d3a);border-color:#46b257}.sheet-card.sell{background:linear-gradient(180deg,#8a4a39,#6e3b2e);border-color:#a85a45}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#140c08d1,#070604eb);border-radius:var(--radius);text-align:center;z-index:10;animation:fade .25s ease}@keyframes fade{0%{opacity:0}}.overlay.hidden{display:none}.overlay h2{margin:0;font-size:26px;color:var(--gold-soft)}.over-panel{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(440px,90%)}.over-body{display:flex;flex-direction:column;gap:10px;width:100%}.over-killer{font-size:15px;color:var(--red)}.report-grid{display:grid;grid-template-columns:1fr auto;gap:5px 16px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 16px;font-size:14px}.report-grid .rk{color:var(--ink-faint);text-align:left}.report-grid .rv{color:var(--ink);font-weight:800;text-align:right}.over-best{font-size:14px;color:var(--ink-dim);line-height:1.6}.new-best{color:var(--gold);font-weight:900}.reward-hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 0 8px}.reward-amount{font-size:clamp(42px,15vw,66px);font-weight:900;line-height:1;letter-spacing:-.01em;background:linear-gradient(180deg,#fff0c0,#e8b54b 55%,#b9842b);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35)) drop-shadow(0 0 18px rgba(232,181,75,.55));animation:rewardPop .5s cubic-bezier(.2,1.4,.4,1) both,rewardGlow 2.2s ease-in-out .5s infinite}@keyframes rewardPop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}@keyframes rewardGlow{50%{filter:drop-shadow(0 2px 0 rgba(0,0,0,.35)) drop-shadow(0 0 30px rgba(232,181,75,.9))}}.reward-label{font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-soft);opacity:.85}.reward-coins{position:absolute;top:34%;left:50%;width:0;height:0;pointer-events:none}.reward-coins .coin{position:absolute;left:0;top:0;font-size:22px;will-change:transform,opacity;animation:coinFly .95s ease-out both}@keyframes coinFly{0%{opacity:0;transform:translate(-50%,6px) scale(.4)}25%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--cx)),calc(-50% + var(--cy))) scale(1) rotate(var(--cr))}}@media (prefers-reduced-motion: reduce){.reward-amount{animation:none}.reward-coins{display:none}}.keep{display:flex;flex-direction:column;gap:8px;height:100%;min-height:0}.keep-head{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:9px 14px;flex:0 0 auto}.keep-title{font-size:21px;font-weight:900;letter-spacing:.01em}.crest{filter:drop-shadow(0 0 8px rgba(232,181,75,.5))}.keep-stats{display:flex;gap:14px;font-size:15px;color:var(--ink-dim)}.keep-stats b{color:var(--ink)}.stat-meta b{color:#7fd0ff}.stat-prestige b{color:var(--gold)}.stat-best b{color:var(--gold-soft)}.keep-head .btn-start{margin-left:auto;font-size:16px;padding:11px 20px}.keep-msg{background:linear-gradient(180deg,#1a2740,#14203a);border:1px solid #28406a;color:#a9d4ff;border-radius:10px;padding:8px 12px;font-size:14px;flex:0 0 auto}.tree-vp{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 50% 50%,#1b1810,#100d08 80%),repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,.02) 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(255,255,255,.02) 39px 40px);cursor:grab;touch-action:none}.tree-vp:active{cursor:grabbing}.tree-world{position:absolute;top:0;left:0;transform-origin:0 0}.tree-edges{position:absolute;top:0;left:0;pointer-events:none}.tree-edge{stroke:#4a3f28;stroke-width:5;stroke-linecap:round}.tree-edge.on{stroke:var(--gold);filter:drop-shadow(0 0 5px rgba(232,181,75,.55))}.sk-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;border-radius:50%;border:2px solid var(--bc, #5a4d30);background:radial-gradient(circle at 50% 35%,#211c12,#14110b);--bc: #5a4d30}.sk-node[data-branch=offense]{--bc: var(--br-offense)}.sk-node[data-branch=economy]{--bc: var(--br-economy)}.sk-node[data-branch=fortitude]{--bc: var(--br-fortitude)}.sk-node[data-branch=arcane]{--bc: var(--br-arcane)}.sk-node[data-branch=core]{--bc: var(--br-core)}.sk-node[data-kind=stat]{width:46px;height:46px}.sk-node[data-kind=notable]{width:60px;height:60px}.sk-node[data-kind=unlock]{width:64px;height:64px;border-radius:16px}.sk-node[data-kind=keystone]{width:76px;height:76px;border-width:3px}.sk-node[data-kind=root]{width:84px;height:84px;border-width:3px}.sk-icon{font-size:20px;line-height:1}.sk-node[data-kind=stat] .sk-icon{font-size:17px}.sk-node[data-kind=keystone] .sk-icon,.sk-node[data-kind=root] .sk-icon{font-size:26px}.sk-name{font-size:9px;font-weight:700;color:var(--ink-dim);max-width:72px;line-height:1.1}.sk-node[data-state=allocated]{background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--bc) 55%,#1a160d),#14110b);box-shadow:0 0 0 2px var(--bc),0 0 16px color-mix(in srgb,var(--bc) 60%,transparent)}.sk-node[data-state=allocated] .sk-name{color:var(--ink)}.sk-node[data-state=available]{border-color:var(--bc);box-shadow:0 0 14px color-mix(in srgb,var(--bc) 55%,transparent);animation:nodePulse 1.5s ease-in-out infinite}@keyframes nodePulse{50%{box-shadow:0 0 22px color-mix(in srgb,var(--bc) 80%,transparent)}}.sk-node[data-state=blocked]{opacity:.7;border-color:#6b5a36}.sk-node[data-state=far]{opacity:.4;filter:grayscale(.5);border-color:#463c26}.sk-node[data-state=soon]{opacity:.55;border-style:dashed;filter:grayscale(.7)}.sk-node:hover{z-index:3}.sk-node.selected{outline:3px solid var(--ink);outline-offset:2px;z-index:4}.tree-zoom{position:absolute;right:10px;bottom:10px;display:flex;flex-direction:column;gap:6px}.tree-zoom button{width:42px;height:42px;font-size:18px;border-radius:10px;background:#1d1910e0}.node-detail{display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;flex:0 0 auto}.nd-head{display:flex;align-items:center;gap:12px}.nd-icon{width:46px;height:46px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:12px;border:2px solid var(--bc, #5a4d30);background:radial-gradient(circle at 50% 35%,#211c12,#14110b)}.nd-icon[data-branch=offense]{--bc: var(--br-offense)}.nd-icon[data-branch=economy]{--bc: var(--br-economy)}.nd-icon[data-branch=fortitude]{--bc: var(--br-fortitude)}.nd-icon[data-branch=arcane]{--bc: var(--br-arcane)}.nd-icon[data-branch=core]{--bc: var(--br-core)}.nd-title{display:flex;flex-direction:column}.nd-title b{font-size:16px}.nd-title i{font-style:normal;font-size:12px;color:var(--ink-faint);text-transform:capitalize}.nd-desc{font-size:13px;color:var(--ink-dim);line-height:1.45}.nd-action{align-self:flex-start;font-weight:700;padding:11px 18px}.nd-action.buy{background:linear-gradient(180deg,#3aa14a,#2c7d3a);border-color:#46b257;box-shadow:0 4px 14px #46b25747}.nd-action.owned{color:var(--gold-soft)}.keep-prestige{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:linear-gradient(180deg,#221426,#190f1d);border:1px solid #3c2742;border-radius:var(--radius);padding:10px 14px;font-size:13px;color:#cdb6d8;flex:0 0 auto}.pp-info{flex:1 1 220px}.btn-prestige{background:linear-gradient(180deg,#6a3da1,#4d2c7d);border-color:#7d46b2;font-weight:700}@media (max-width: 420px){.hs{font-size:13px}.keep-title{font-size:18px}.keep-head .btn-start{font-size:14px;padding:9px 14px}}