*{box-sizing:border-box;margin:0;padding:0}html,body,#app{color:#e8dfc8;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#0b0e12;width:100%;height:100%;font-family:Georgia,Times New Roman,serif;overflow:hidden}#canvas{cursor:url(/typegpu-adventure/cursor/reticle.png) 16 16,crosshair;width:100%;height:100%;cursor:-webkit-image-set(url(/typegpu-adventure/cursor/reticle.png) 1x, url(/typegpu-adventure/cursor/reticle@2x.png) 2x) 16 16, crosshair;cursor:image-set(url(/typegpu-adventure/cursor/reticle.png) 1x, url(/typegpu-adventure/cursor/reticle@2x.png) 2x) 16 16, crosshair;touch-action:none;display:block;position:absolute;inset:0}#hud{pointer-events:none;position:absolute;inset:0}.hidden{display:none!important}#topbar{letter-spacing:2px;text-shadow:0 2px 6px #000c;white-space:nowrap;background:linear-gradient(#1a160ed1,#0c0a07d6);border:1px solid #8a744080;border-radius:999px;align-items:center;gap:18px;max-width:calc(100vw - 120px);padding:8px 24px;font-size:15px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000073,inset 0 1px #f0c86917}.top-sep{background:linear-gradient(#0000,#f0c86966,#0000);flex-shrink:0;width:1px;height:18px}#wave-label{letter-spacing:3px;color:#f0c869;font-size:19px}#kills{color:#d8d2c0;font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}#kills-icon svg{opacity:.8;width:15px;height:15px;display:block}#timer{color:#9db8a0;font-variant-numeric:tabular-nums}#level-label{text-align:center;letter-spacing:3px;color:#b8a2e0;text-shadow:0 2px 6px #000000d9;width:128px;font-size:13px;position:absolute;bottom:148px;right:20px}.orb{pointer-events:none;filter:drop-shadow(0 6px 14px #0000008c);width:128px;height:128px;position:absolute;bottom:16px}#orb-hp{left:20px}#orb-xp{right:20px}#boss-bar{text-align:center;width:min(520px,64vw);position:absolute;top:60px;left:50%;transform:translate(-50%)}#boss-label{letter-spacing:4px;color:#e8a25c;text-shadow:0 2px 6px #000c;margin-bottom:3px;font-size:13px}#boss-track{background:#0000008c;border:2px solid #e8a25c8c;border-radius:5px;height:10px;overflow:hidden}#boss-fill{background:linear-gradient(#e8763c,#9c3a18);width:100%;height:100%;transition:width .12s ease-out}#actionbar{pointer-events:none;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;bottom:28px;left:0;right:0}button.action{color:#b9b09a;letter-spacing:2px;pointer-events:none;cursor:default;background:linear-gradient(#26241ce0,#12110ce6);border:1px solid #5a5340;border-radius:50%;place-items:center;width:48px;height:48px;margin:0;padding:0;font-family:inherit;font-size:12px;transition:border-color .2s,color .2s,box-shadow .2s,opacity .2s,filter .2s;display:grid;position:relative;box-shadow:0 4px 14px #00000073,inset 0 1px #f8e6ae12}button.action .act-icon{display:block}button.action .act-icon svg{width:22px;height:22px;display:block}button.action .act-name{display:none}button.action .act-key{letter-spacing:1px;color:#6f6a58;text-shadow:0 1px 4px #000000e6;font-size:10px;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}button.action.ready{color:#f0c869;border-color:#c8a854;box-shadow:0 4px 14px #00000073,0 0 12px #f0c8694d,inset 0 1px #f8e6ae1a}button.action.ready .act-key{color:#c8a854}button.action.cooling{color:#8c8370;opacity:.82;filter:saturate(.6);border-color:#4f4939}button.action:not(.ult):after{content:"";pointer-events:none;background:conic-gradient(#060705ad calc(var(--cd,0) * 1turn), transparent 0);border-radius:50%;position:absolute;inset:0}button.action.cooling:not(.ult):after{box-shadow:inset 0 0 0 1px #c8a85429}button.action.locked{display:none}button.action.ult{opacity:1;width:58px;height:58px;overflow:visible}button.action.ult:before{content:"";background:conic-gradient(#f0c869 calc(var(--charge,0) * 1turn), #f0c86924 0);border-radius:50%;position:absolute;inset:-5px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}button.action.ult .act-key{top:calc(100% + 8px)}button.action.ult.ready{box-shadow:0 4px 14px #00000073,0 0 16px #f0c86973}button.action.ult.ready:before{animation:1.1s ease-in-out infinite ultPulse}@keyframes ultPulse{50%{filter:brightness(1.4)drop-shadow(0 0 6px #f0c869cc)}}#touch-stick,#touch-pause{display:none}#touch-stick{left:max(18px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom));opacity:.6;pointer-events:auto;touch-action:none;z-index:6;background:#080a0a6b;border:1px solid #e8dfc859;border-radius:50%;width:100px;height:100px;position:absolute;box-shadow:0 4px 18px #0000008c}#touch-stick.active{opacity:.92}#touch-stick-knob{background:#4a3b22d1;border:1px solid #f0c869a6;border-radius:50%;width:42px;height:42px;position:absolute;top:calc(50% - 21px);left:calc(50% - 21px);box-shadow:0 0 14px #f0c8692e}#touch-pause{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));letter-spacing:1px;pointer-events:auto;z-index:7;place-items:center;width:38px;height:32px;margin-top:0;padding:0;font-size:13px;position:absolute}#spellbook-btn{color:#b9b09a;pointer-events:auto;cursor:pointer;z-index:6;background:linear-gradient(#26241ce0,#12110ce6);border:1px solid #5a5340;border-radius:50%;place-items:center;width:44px;height:44px;margin:0;padding:0;transition:border-color .2s,color .2s,box-shadow .2s;display:grid;position:absolute;bottom:13px;right:107px;box-shadow:0 4px 14px #00000073,inset 0 1px #f8e6ae12}#spellbook-icon svg{width:22px;height:22px;display:block}#spellbook-btn.has-points{color:#f0c869;border-color:#c8a854;animation:2.8s ease-in-out infinite nodeGlow;box-shadow:0 4px 14px #00000073,0 0 12px #f0c8694d}#spellbook-btn.flare{color:#fff3d0;border-color:#f0c869;animation:.85s ease-in-out infinite bookFlare}@keyframes bookFlare{0%,to{filter:brightness();transform:scale(1);box-shadow:0 4px 14px #00000073,0 0 10px #f0c86959}50%{filter:brightness(1.7);transform:scale(1.14);box-shadow:0 4px 14px #00000073,0 0 28px #f0c869e6}}#spellbook-key{letter-spacing:1px;color:#6f6a58;text-shadow:0 1px 4px #000000e6;font-size:10px;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}#spellbook-btn.has-points #spellbook-key{color:#c8a854}#spellbook-points{letter-spacing:2px;font-variant-numeric:tabular-nums;color:#f0c869;background:#0a0810eb;border:1px solid #c8a854;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 4px 0 6px;font-size:11px;animation:.5s cubic-bezier(.34,1.56,.64,1) badgePop;display:grid;position:absolute;top:-6px;right:-8px}@keyframes badgePop{0%{filter:brightness(2.2)drop-shadow(0 0 10px #f0c869e6);transform:scale(.3)}60%{filter:brightness(1.6)drop-shadow(0 0 6px #f0c86999);transform:scale(1.3)}to{filter:none;transform:scale(1)}}#banner{text-align:center;letter-spacing:10px;color:#f0c869;text-shadow:0 3px 14px #000000e6;font-size:54px;animation:.4s ease-out bannerIn;position:absolute;top:30%;left:0;right:0}@keyframes bannerIn{0%{opacity:0;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}#overlay,#gameover,#pausemenu,#options,#keymap,#nogpu,#treescreen{z-index:10;background:radial-gradient(#0a0e0a8c,#050706eb);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}#title-brand,#menu-side{display:contents}#overlay,#gameover,#pausemenu,#options,#keymap,#nogpu{overflow:hidden}#overlay:before,#gameover:before,#pausemenu:before,#options:before,#keymap:before,#nogpu:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(38% 30% at 24% 36%,#9db8a017,#0000 70%),radial-gradient(44% 34% at 74% 62%,#b8a2e012,#0000 70%),radial-gradient(30% 26% at 55% 22%,#f0c8690d,#0000 70%);animation:26s ease-in-out infinite alternate fogDrift;position:absolute;inset:-30%}@keyframes fogDrift{0%{transform:translate(-3%,-2%)scale(1)}to{transform:translate(3%,2%)scale(1.14)}}#pausemenu,#options,#keymap,#gameover{-webkit-backdrop-filter:blur(7px)saturate(.9)}#pausemenu{background:radial-gradient(#0a0c1080,#050609e0)}#pausemenu h2,#options h2,#keymap h2{letter-spacing:12px;background:linear-gradient(#f8e6ae 12%,#f0c869 48%,#a37f35 90%);color:#0000;filter:drop-shadow(0 4px 16px #000000d9);-webkit-background-clip:text;background-clip:text;padding-left:12px;font-size:46px;font-weight:400}#options,#keymap{background:radial-gradient(#0a0c1099,#050609f0)}#options-rows,#keymap-rows{touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:thin;background:linear-gradient(#14120cb8,#0a0906b8);border:1px solid #8a744073;border-radius:10px;flex-direction:column;gap:10px;min-width:min(560px,84vw);max-height:min(62vh,560px);padding:18px 22px;display:flex;overflow-y:auto;box-shadow:0 12px 40px #00000080,inset 0 1px #f0c8690f}.opt-section{letter-spacing:3px;text-transform:uppercase;color:#e8a25c;align-items:center;gap:12px;margin-top:10px;font-size:12px;display:flex}.opt-section:after{content:"";background:linear-gradient(90deg,#8a744080,#0000);flex:1;height:1px}.opt-section:first-child{margin-top:0}.opt-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.opt-label{letter-spacing:2px;color:#d8d2c0;font-size:17px}.opt-seg{gap:6px;display:flex}.keymap-keys{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.key-cap{color:#d8d2c0;letter-spacing:1px;white-space:nowrap;background:linear-gradient(#28261ecc,#16140fcc);border:1px solid #8d866f8c;border-bottom-width:2px;border-radius:5px;padding:3px 9px;font-size:13px}.keymap-note{letter-spacing:1px;color:#8d866f;font-size:12px}.opt-slider{justify-content:flex-end;align-items:center;gap:12px;min-width:224px;display:flex}.opt-slider-val{letter-spacing:1px;color:#f0e6c8;text-align:right;font-variant-numeric:tabular-nums;min-width:34px;font-size:13px}.opt-slider-val.muted{color:#6f6a58}input.opt-range{appearance:none;cursor:pointer;--fill:50%;background:0 0;width:178px;height:22px;margin:0}input.opt-range:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible,input.opt-range:focus-visible,[role=button]:focus-visible{outline-offset:3px;outline:3px solid #f2cf68}input.opt-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, #c8a854 0, #c8a854 var(--fill), #14130dd9 var(--fill), #14130dd9 100%);border:1px solid #4f4939;border-radius:3px;height:5px}input.opt-range::-moz-range-track{background:linear-gradient(90deg, #c8a854 0, #c8a854 var(--fill), #14130dd9 var(--fill), #14130dd9 100%);border:1px solid #4f4939;border-radius:3px;height:5px}input.opt-range::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 40% 35%,#f8e6ae,#b48a34);border:1px solid #f0e6c8;border-radius:50%;width:15px;height:15px;margin-top:-6px;box-shadow:0 1px 4px #0009}input.opt-range::-moz-range-thumb{background:radial-gradient(circle at 40% 35%,#f8e6ae,#b48a34);border:1px solid #f0e6c8;border-radius:50%;width:15px;height:15px;box-shadow:0 1px 4px #0009}input.opt-range:hover::-webkit-slider-thumb{background:radial-gradient(circle at 40% 35%,#fff4d0,#c8a854)}input.opt-range:hover::-moz-range-thumb{background:radial-gradient(circle at 40% 35%,#fff4d0,#c8a854)}.opt-hint{letter-spacing:.5px;color:#a99f85;text-align:right;max-width:58%;font-size:13px;line-height:1.45}button.opt-why{box-shadow:none;font-size:inherit;letter-spacing:inherit;color:#f0c869;text-underline-offset:3px;background:0 0;border:none;border-radius:0;margin-top:0;padding:0;text-decoration:underline}button.opt-why:hover:not(:disabled){box-shadow:none;color:#f8e6ae;background:0 0;border:none;transform:none}#ios-fs-scrim{z-index:50;-webkit-backdrop-filter:blur(4px);background:#04050499;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}#ios-fs-card{text-align:center;background:linear-gradient(#14120cf5,#0a0906f5);border:1px solid #8a744073;border-radius:10px;flex-direction:column;gap:10px;max-width:min(440px,92vw);padding:18px 22px;display:flex;box-shadow:0 12px 40px #00000080,inset 0 1px #f0c8690f}.ios-fs-head{letter-spacing:3px;text-transform:uppercase;color:#e8a25c;font-size:13px}#ios-fs-card p{color:#c8c0ac;font-size:15px;line-height:1.5}#ios-fs-card p.ios-fs-path{letter-spacing:.5px;color:#e8dfc8}#ios-fs-card .ios-fs-path span{color:#8a7440;margin:0 2px}#ios-fs-card .ios-fs-path strong{color:#f0c869;font-weight:400}#ios-fs-card button.opt-choice{align-self:center;margin-top:6px}button.opt-choice{letter-spacing:1px;color:#a99f85;background:linear-gradient(#2a2a22,#1b1b15);border:1px solid #5a5340;border-radius:4px;margin-top:0;padding:6px 14px;font-size:14px}button.opt-choice.active{color:#f0e6c8;background:linear-gradient(#4a3b22,#2e2414);border-color:#c8a854}button.secondary{opacity:.85;padding:8px 24px;font-size:16px}.menu-buttons{flex-direction:column;align-items:center;gap:7px;display:flex}.menu-buttons button{width:280px}.menu-buttons button.secondary{padding:9px 24px;font-size:18px}#treescreen{background:radial-gradient(#0e0a14c7,#06050af2);justify-content:stretch;align-items:stretch;gap:0}#tree-topbar{padding:max(10px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left));background:#08060e8c;border-bottom:1px solid #6a5a904d;align-items:center;gap:16px;display:flex}#tree-topbar h2{letter-spacing:6px;color:#f0c869;text-shadow:0 4px 22px #000000f2;font-size:24px;font-weight:400}#tree-points{letter-spacing:1px;color:#241c08;white-space:nowrap;background:linear-gradient(#f0c869,#c8a854);border-radius:16px;padding:6px 14px;font-size:14px;animation:1.4s ease-in-out infinite pointsPulse}#tree-points.spent{color:#8d866f;background:0 0;border:1px solid #4f4939;animation:none}@keyframes pointsPulse{50%{box-shadow:0 0 14px #f0c869a6}}#tree-continue{letter-spacing:2px;margin:0 0 0 auto;padding:10px 28px;font-size:17px}#tree-viewport{touch-action:none;cursor:grab;flex:auto;min-height:0;position:relative;overflow:hidden}#tree-viewport:active{cursor:grabbing}#tree-world{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}button.tree-node:focus:not(:focus-visible),button.ability-chip:focus:not(:focus-visible),button.loadout-slot:focus:not(:focus-visible),button#card-close:focus:not(:focus-visible){outline:none}#tree-connectors{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#tree-connectors line{stroke:color-mix(in srgb, var(--accent,#6a5a90) 15%, #6a5a9042);stroke-width:2px}#tree-connectors line.lit{stroke:color-mix(in srgb, var(--accent,#b8a2e0) 65%, #b8a2e0e6);stroke-width:2.5px}#tree-connectors .tier-ring{fill:none;stroke:#6a5a901f;stroke-width:1px;stroke-dasharray:3 9}#tree-connectors .tree-gate{fill:#171221;stroke:color-mix(in srgb, var(--accent,#6a5a90) 15%, #6a5a908c);stroke-width:1.5px}#tree-connectors .tree-gate.lit{fill:color-mix(in srgb, var(--accent,#b8a2e0) 60%, #b8a2e0);stroke:color-mix(in srgb, var(--accent,#b8a2e0) 60%, #b8a2e0e6)}#tree-hub{color:#b8a2e0;pointer-events:none;background:radial-gradient(circle at 50% 35%,#3a3050,#14101d);border:2px solid #8a76b8;border-radius:50%;place-items:center;width:76px;height:76px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 22px #8a76b840}#tree-hub:before{content:"";opacity:.4;border:1px solid #8a76b8;border-radius:50%;position:absolute;inset:-7px}#tree-hub.has-points{color:#f0e6c8;border-color:#c8a854;animation:2.8s ease-in-out infinite nodeGlow;box-shadow:0 0 10px #f0c86938}#tree-hub.has-points:before{border-color:#c8a854}#tree-hub .hub-points{color:#f0c869;background:#0a0810eb;border:1px solid #c8a854;border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:13px;display:grid;position:absolute;top:-6px;right:-10px}#tree-hub svg{width:34px;height:34px}.branch-label{letter-spacing:2px;text-transform:uppercase;color:color-mix(in srgb, var(--accent,#b0a5ce) 65%, #b0a5ce);border:1px solid color-mix(in srgb, var(--accent,#6a5a90) 40%, #6a5a9066);cursor:pointer;white-space:nowrap;background:#0a0810e0;border-radius:999px;align-items:center;gap:6px;padding:4px 8px 4px 10px;font-size:11px;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.branch-label-icon{place-items:center;display:grid}.branch-label-icon svg{width:13px;height:13px}@media (hover:hover){.branch-label:hover{filter:brightness(1.35);border-color:color-mix(in srgb, var(--accent,#8a76b8) 80%, #e8ddf5)}}.branch-label.active{color:color-mix(in srgb, var(--accent,#e8ddf5) 55%, #e8ddf5);border-color:color-mix(in srgb, var(--accent,#8a76b8) 65%, #8a76b8)}button.tree-node,button.tree-node:hover:not(:disabled){border:2px solid color-mix(in srgb, var(--accent,#453a5e) 40%, #453a5e);color:#cfc6e0;cursor:pointer;background:linear-gradient(#201a2c,#14101d);border-radius:50%;place-items:center;width:64px;height:64px;margin:0;padding:0;display:grid;position:absolute;overflow:visible;transform:translate(-50%,-50%)}button.tree-node:not(.keystone):before{content:"";border:1px solid var(--accent,#453a5e);opacity:.3;pointer-events:none;border-radius:50%;position:absolute;inset:-5px}button.tree-node .node-icon svg{width:30px;height:30px;display:block}button.tree-node .node-ranks{gap:4px;display:flex;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.rank-pip{background:#0a0810cc;border:1px solid #6a5a90;border-radius:50%;width:9px;height:9px}.rank-pip.filled{background:color-mix(in srgb, var(--accent,#b8a2e0) 55%, #b8a2e0);box-shadow:0 0 6px color-mix(in srgb, var(--accent,#b8a2e0) 55%, #b8a2e0b3)}button.tree-node.locked{opacity:.42;filter:saturate(.6)}button.tree-node.buyable,button.tree-node.buyable:hover:not(:disabled){color:#f0e6c8;border-color:#c8a854;animation:2.8s ease-in-out infinite nodeGlow;box-shadow:0 0 10px #f0c86938}@keyframes nodeGlow{50%{box-shadow:0 0 18px #f0c8696b}}button.tree-node.owned,button.tree-node.owned:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent,#8a76b8) 65%, #8a76b8);color:color-mix(in srgb, var(--accent,#e8ddf5) 30%, #e8ddf5);background:linear-gradient(#322a44,#1d1730)}button.tree-node.owned:not(.keystone):before{opacity:.55}button.tree-node.maxed,button.tree-node.maxed:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent,#b8a2e0) 65%, #b8a2e0);box-shadow:0 0 12px color-mix(in srgb, var(--accent,#b8a2e0) 50%, #b8a2e066);animation:none}button.tree-node.selected:after{content:"";border:2px solid #f0c869;border-radius:50%;position:absolute;inset:-7px;box-shadow:0 0 12px #f0c86980}button.tree-node.keystone,button.tree-node.keystone:hover:not(:disabled){width:76px;height:76px}button.tree-node.keystone .node-icon svg{width:34px;height:34px}button.tree-node.keystone:before{content:"";border:1.5px solid var(--accent,currentColor);opacity:.55;pointer-events:none;position:absolute;inset:7px;transform:rotate(45deg)}button.tree-node.keystone.selected:after{inset:-9px}#tree-hint{letter-spacing:1px;color:#b9b09a;pointer-events:none;text-align:center;background:#080a0a99;border:1px solid #e8dfc82e;border-radius:15px;width:max-content;max-width:calc(100% - 24px);padding:6px 16px;font-size:13px;position:absolute;top:12px;left:50%;transform:translate(-50%)}#node-card{z-index:3;background:linear-gradient(#261f34f7,#100c1af7);border:1px solid #6a5a90;border-radius:10px;flex-direction:column;gap:8px;width:min(400px,100% - 20px);padding:12px 14px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 34px #000000a6}#node-card .card-head{align-items:center;gap:12px;padding-right:30px;display:flex}#node-card .card-head>span:last-child{flex-direction:column;gap:2px;display:flex}#node-card .card-icon{border:1px solid color-mix(in srgb, var(--accent,#6a5a90) 55%, #6a5a90);width:42px;height:42px;color:color-mix(in srgb, var(--accent,#cfc6e0) 35%, #cfc6e0);background:linear-gradient(#201a2c,#14101d);border-radius:50%;flex-shrink:0;place-items:center;display:grid}#node-card .card-icon svg{width:22px;height:22px}#node-card .card-name{letter-spacing:1px;color:#e8ddf5;font-size:17px}#node-card .card-meta{letter-spacing:1px;color:#a396bd;font-size:12px}#node-card .card-desc{color:#cfc6e0;font-size:14px;line-height:1.4}button#card-buy{letter-spacing:1px;width:100%;margin:0;padding:11px 12px;font-size:15px}button#card-buy .key-cap{vertical-align:1px;margin-left:8px;padding:1px 7px;font-size:11px}button#card-buy:disabled{cursor:default;color:#8d866f;background:linear-gradient(#262620,#171712);border-color:#4f4939}button#card-close{color:#8d86a8;background:0 0;border:none;place-items:center;width:32px;height:32px;margin:0;padding:0;display:grid;position:absolute;top:6px;right:6px}button#card-close:hover:not(:disabled){color:#e8ddf5;background:0 0;border:none;transform:none}button#card-close svg{width:14px;height:14px}@media (height<=480px){#node-card{scrollbar-width:thin;gap:6px;width:min(300px,46vw);max-height:calc(100% - 16px);padding:10px 12px;inset:50% 10px auto auto;overflow-y:auto;transform:translateY(-50%)}#node-card .card-desc{font-size:13px}button#card-buy{padding:9px 10px;font-size:14px}}#tree-loadout{padding:10px max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#08060eb3;border-top:1px solid #6a5a904d;flex-direction:column;align-items:center;gap:8px;display:flex}#loadout-hint{letter-spacing:2px;color:#8d866f;text-transform:uppercase;text-align:center;font-size:11px}#loadout-hint.active{color:#f0c869}#ability-palette,#loadout-slots{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}button.ability-chip{color:#e8ddf5;cursor:pointer;touch-action:none;background:linear-gradient(#2b2338,#191223);border:1px solid #6a5a90;border-radius:50%;place-items:center;width:46px;height:46px;margin:0;padding:0;display:grid}.drag-ghost{z-index:40;will-change:transform;color:#fff1c7;pointer-events:none;background:linear-gradient(#2b2338,#191223);border:1px solid #f0c869;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:fixed;top:0;left:0;box-shadow:0 6px 18px #00000080,0 0 12px #f0c86959}.chip-icon{place-items:center;display:grid}.chip-icon svg{width:22px;height:22px;display:block}button.ability-chip.locked{opacity:.3;cursor:default}button.ability-chip.selected{color:#fff1c7;border-color:#f0c869;box-shadow:0 0 12px #f0c86973}button.loadout-slot{color:#9db8a0;background:linear-gradient(#23282a,#14181a);border:1px dashed #4a5a54;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:56px;min-height:52px;margin:0;padding:5px 8px;font-size:13px;display:flex;position:relative;overflow:visible}button.loadout-slot.filled{color:#f0e6c8;border-style:solid;border-color:#f0c869}button.loadout-slot.target{cursor:copy;border-color:#f0c869;animation:1s ease-in-out infinite slotBeckon}@keyframes slotBeckon{50%{box-shadow:0 0 12px #f0c86999}}button.loadout-slot .slot-key{color:#f0c869;letter-spacing:1px;font-size:10px}.slot-clear{color:#e8dfc8;cursor:pointer;background:#2e2414;border:1px solid #8a7440;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:-8px;right:-8px}.slot-clear svg{width:10px;height:10px}#overlay h1,#gameover h1{filter:drop-shadow(0 4px 18px #000000d9)drop-shadow(0 0 26px #f0c86924);font-size:76px;font-weight:400}#overlay h1{text-align:center;text-wrap:balance;filter:drop-shadow(0 1px #342006f2)drop-shadow(0 3px 3px #000000d9)drop-shadow(0 10px 28px #000000bf)drop-shadow(0 0 34px #f0c8694d);max-width:min(960px,92vw);padding-bottom:.12em;font-size:clamp(46px,13vw,104px);line-height:1.1}#title-sub{letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;text-align:center;filter:drop-shadow(0 1px 2px #000000d9)drop-shadow(0 0 14px #f0c86938);margin-top:-.1em;font-size:clamp(15px,2.7vw,24px)}#title-crest,#overlay h1,#title-sub,#menu-splash,#overlay .ornament{opacity:0;transition:opacity .85s,transform .85s;transform:translateY(12px)}#overlay.ready #title-crest,#overlay.ready h1,#overlay.ready #title-sub,#overlay.ready #menu-splash,#overlay.ready .ornament{opacity:1;transform:none}#overlay h1{transition-delay:70ms}#title-sub{transition-delay:.14s}#menu-splash{transition-delay:.21s}#overlay .ornament{transition-delay:.26s}.title-grad{background:linear-gradient(108deg,#0000 30%,#fffdee52 42%,#fffffab8 50%,#fffdee52 58%,#0000 70%) 150% 0/320% 100%,linear-gradient(#fff8dc 0%,#f8e3a0 30%,#eec463 47%,#a67c2e 53%,#d9ad55 62%,#f2d382 78%,#8a6420 98%) 0 0/100% 100%;color:#0000;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-background-clip:text;background-clip:text;padding-bottom:.1em;animation:11s linear infinite titleSheen}@keyframes titleSheen{0%,55%{background-position:150% 0,0 0}67%{background-position:95% 0,0 0}76%{background-position:35% 0,0 0}88%,to{background-position:-60% 0,0 0}}#gameover h1{letter-spacing:16px;background:linear-gradient(#e88a76 10%,#c94f3d 50%,#7a2417 90%);color:#0000;filter:drop-shadow(0 4px 18px #000000d9)drop-shadow(0 0 26px #c94f3d2e);-webkit-background-clip:text;background-clip:text}#title-crest{filter:drop-shadow(0 4px 10px #0009)drop-shadow(0 0 22px #f0c86942);width:92px;height:auto;margin-bottom:-6px;animation:4.6s ease-in-out infinite crestBreathe}@keyframes crestBreathe{50%{filter:drop-shadow(0 4px 10px #0009)drop-shadow(0 0 32px #f0c8696b)}}.ornament{color:#f0c86980;flex-shrink:0;width:min(300px,62vw);height:12px;margin:-4px 0 2px}.ornament.red{color:#c94f3d8c}.sub{text-align:center;color:#b9b09a;max-width:min(820px,86vw);font-size:20px;font-style:italic;line-height:1.35}#menu-splash,#pause-splash{place-items:center;height:4.05em;display:grid}.splash-text{display:block}#menu-splash a,#pause-splash a{color:#f0c869;border-bottom:1px solid #f0c8696b;text-decoration:none;transition:color .15s,border-color .15s}#menu-splash a:hover,#pause-splash a:hover{color:#f8e6ae;border-color:#f8e6ae}#nogpu{padding:max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));text-align:center;gap:14px}#nogpu-crest{opacity:.9;filter:drop-shadow(0 4px 12px #0009);width:74px;height:auto}#nogpu-title{letter-spacing:6px;background:linear-gradient(#f8e6ae 12%,#f0c869 48%,#a37f35 90%);color:#0000;filter:drop-shadow(0 4px 16px #000000d9);-webkit-background-clip:text;background-clip:text;padding-left:6px;font-size:clamp(30px,6vw,46px);font-weight:400}#nogpu-lead{color:#c8c0ac;max-width:min(560px,88vw);font-size:17px;line-height:1.5}#nogpu-lead strong,#nogpu-alt strong{color:#f0c869;font-weight:400}#nogpu-card{background:linear-gradient(#14120cb8,#0a0906b8);border:1px solid #8a744073;border-radius:10px;max-width:min(560px,90vw);padding:16px 22px;box-shadow:0 12px 40px #00000080,inset 0 1px #f0c8690f}#nogpu-card-head{letter-spacing:3px;text-transform:uppercase;color:#e8a25c;margin-bottom:8px;font-size:13px}#nogpu-card p{color:#c8c0ac;font-size:15px;line-height:1.5}#nogpu-path{letter-spacing:.5px;color:#e8dfc8;margin:8px 0}#nogpu-path span{color:#8a7440;margin:0 2px}#nogpu-path strong{color:#f0c869;font-weight:400}#nogpu-card p.nogpu-note{color:#8d866f;margin-top:8px;font-size:13px}#nogpu-alt{color:#9a927e;max-width:min(560px,88vw);font-size:14px;line-height:1.5}#nogpu-help{letter-spacing:2px;color:#f0e6c8;cursor:pointer;opacity:.85;background:linear-gradient(#4a3b22,#2e2414);border:2px solid #8a7440;border-radius:6px;width:280px;margin-top:10px;padding:9px 24px;font-family:inherit;font-size:18px;text-decoration:none;transition:all .15s;box-shadow:inset 0 1px #f8e6ae24,inset 0 -8px 14px #00000042,0 4px 14px #0006}#nogpu-help:hover{opacity:1;border-color:#c8a854}.keys{color:#8d866f;letter-spacing:1px;font-size:15px}#credits{left:0;right:0;bottom:max(14px, env(safe-area-inset-bottom));padding:0 max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));letter-spacing:1px;color:#6f6a58;flex-wrap:wrap;justify-content:center;align-items:center;font-size:12.5px;line-height:1.5;display:flex;position:absolute}.credit-item{white-space:nowrap}#credits a{color:#a99f85;border-bottom:1px solid #a99f8559;text-decoration:none;transition:color .15s,border-color .15s}#credits a:hover{color:#f0c869;border-color:#f0c869}#credits a:focus-visible{color:#f0c869;outline-offset:3px;border-color:#f0c869;outline:2px solid #f0c869a6}.credit-mark{vertical-align:-2px;width:11px;height:14px;margin-right:3px}.credit-sep{color:#4f4939;margin:0 9px}#go-stats{color:#d8d2c0;letter-spacing:2px;font-size:22px}button{letter-spacing:3px;color:#f0e6c8;cursor:pointer;touch-action:manipulation;background:linear-gradient(#4a3b22,#2e2414);border:2px solid #8a7440;border-radius:6px;margin-top:10px;padding:12px 38px;font-family:inherit;font-size:22px;transition:all .15s;box-shadow:inset 0 1px #f8e6ae24,inset 0 -8px 14px #00000042,0 4px 14px #0006}button:hover:not(:disabled){background:linear-gradient(#63512f,#3b2e1a);border-color:#c8a854;transform:translateY(-1px);box-shadow:inset 0 1px #f8e6ae2e,inset 0 -8px 14px #00000038,0 6px 18px #00000073,0 0 18px #f0c86933}button:disabled{opacity:.45;cursor:wait}#start-btn.blocked:disabled{cursor:not-allowed}#start-btn:not(:disabled){border-color:#c8a854;box-shadow:inset 0 1px #f8e6ae33,inset 0 -8px 14px #00000042,0 4px 14px #0006,0 0 16px #f0c86924}#menu-actions{opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:6px;transition:opacity .9s,transform .9s;display:flex;transform:translateY(8px)}#overlay.ready #menu-actions{opacity:1;pointer-events:auto;transition-delay:.3s;transform:none}#menu-actions button{width:min(340px,84vw)}#difficulty-row{gap:6px;width:min(340px,84vw);display:flex}#menu-actions #difficulty-row button{letter-spacing:2px;color:#a99f85;background:linear-gradient(#2a2a22,#1b1b15);border:1px solid #5a5340;border-radius:4px;flex:1;width:auto;min-width:0;margin-top:0;padding:6px 0;font-size:13px}#difficulty-row button[data-diff=easy],.save-slot[data-diff=easy],.slot-diff[data-diff=easy]{--diff:#8aae62}#difficulty-row button[data-diff=normal],.save-slot[data-diff=normal],.slot-diff[data-diff=normal]{--diff:#c8a854}#difficulty-row button[data-diff=hard],.save-slot[data-diff=hard],.slot-diff[data-diff=hard]{--diff:#c2604a}#menu-actions #difficulty-row button.active{color:color-mix(in srgb, var(--diff,#c8a854) 42%, #f0e6cc);border-color:color-mix(in srgb, var(--diff,#c8a854) 78%, #f0e6cc);background:linear-gradient(180deg, color-mix(in srgb, var(--diff,#c8a854) 14%, #262620), color-mix(in srgb, var(--diff,#c8a854) 7%, #191914));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--diff,#c8a854) 16%, transparent), 0 0 10px color-mix(in srgb, var(--diff,#c8a854) 14%, transparent)}#save-slots{flex-direction:column;gap:6px;width:min(340px,84vw);margin-top:10px;display:flex}.save-slot{gap:6px;display:flex}#save-slots button.slot-main{letter-spacing:1px;background:linear-gradient(#2a2a22,#1b1b15);border:1px solid #5a5340;border-radius:4px;flex:1;justify-content:space-between;align-items:center;gap:12px;width:auto;min-width:0;margin-top:0;padding:7px 14px;font-size:14px;display:flex}#save-slots .save-slot[data-diff] button.slot-main{border-color:color-mix(in srgb, var(--diff,#5a5340) 48%, #5a5340);background:linear-gradient(180deg, color-mix(in srgb, var(--diff,#2a2a22) 9%, #2a2a22), color-mix(in srgb, var(--diff,#1b1b15) 4%, #1b1b15))}#save-slots .save-slot[data-diff] button.slot-main:hover:not(:disabled){border-color:color-mix(in srgb, var(--diff,#c8a854) 68%, #f0e6cc);background:linear-gradient(180deg, color-mix(in srgb, var(--diff,#63512f) 18%, #63512f), color-mix(in srgb, var(--diff,#3b2e1a) 9%, #3b2e1a))}.save-slot:not(.empty) .slot-title{display:none}.slot-title{letter-spacing:2px;color:#d8d2c0;text-transform:uppercase;white-space:nowrap}.slot-desc{color:#a99f85;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.save-slot:not(.empty) .slot-desc{text-align:left;flex:1;min-width:0}.slot-diff{color:color-mix(in srgb, var(--diff,#a99f85) 78%, #cfc6ae);font-weight:600}.save-slot.empty .slot-title,.save-slot.empty .slot-desc{color:#7d755f}#save-slots button.slot-del{letter-spacing:1px;color:#a99f85;background:linear-gradient(#2a2a22,#1b1b15);border:1px solid #5a5340;border-radius:4px;flex:none;justify-content:center;align-items:center;width:44px;margin-top:0;padding:0;font-size:12px;display:flex}#save-slots button.slot-del svg{width:13px;height:13px}#slots-full-note{letter-spacing:1px;color:#7d755f;text-align:center;margin:2px 0 0;font-size:12px}#save-slots button.slot-del.armed{color:#e8b8a8;background:linear-gradient(#3a231c,#241511);border-color:#a05038}#loader{flex-direction:column;align-items:center;gap:8px;transition:opacity .7s;display:flex}#overlay.ready #loader{opacity:0}#load-track{background:#080806b3;border:1px solid #8a7440;border-radius:6px;width:min(340px,72vw);height:12px;padding:2px;box-shadow:inset 0 1px 4px #000c,0 0 12px #f0c86914}#load-fill{background:linear-gradient(90deg,#7a5f28,#f0c869 60%,#f8e6ae) 0 0/200% 100%;border-radius:3px;width:0%;height:100%;transition:width .25s ease-out;animation:1.6s linear infinite loadSheen;box-shadow:0 0 8px #f0c86973}@keyframes loadSheen{0%{background-position:100% 0}to{background-position:-100% 0}}#loading-note{letter-spacing:2px;color:#9a9078;min-height:1.3em;font-size:14px;font-style:italic}#overlay.load-failed #load-fill{box-shadow:none;background:#c94f3d;animation:none}#overlay.load-failed #loading-note{color:#c9705d;text-align:center;max-width:80vw;font-style:normal}@media (pointer:coarse){#canvas{cursor:default}#topbar{top:max(6px, env(safe-area-inset-top));letter-spacing:1px;gap:8px;max-width:calc(100vw - 104px);padding:4px 12px;font-size:12px}#wave-label{letter-spacing:2px;font-size:14px}.top-sep{height:13px}#kills-icon svg{width:12px;height:12px}#level-label{right:auto;left:max(10px, env(safe-area-inset-left));top:calc(max(8px, env(safe-area-inset-top)) + 100px);letter-spacing:1px;width:64px;font-size:9px;bottom:auto}.orb{bottom:auto;top:calc(max(8px, env(safe-area-inset-top)) + 34px);width:64px;height:64px}#orb-hp{left:max(10px, env(safe-area-inset-left))}#orb-xp{right:auto;left:calc(max(10px, env(safe-area-inset-left)) + 44px);top:calc(max(8px, env(safe-area-inset-top)) + 66px);width:42px;height:42px}#boss-bar{top:calc(max(8px, env(safe-area-inset-top)) + 58px);width:min(300px,52vw)}#boss-label{letter-spacing:2px;font-size:10px}#banner{letter-spacing:6px;font-size:34px;top:26%}#touch-stick{display:block}#touch-pause{display:grid}#spellbook-btn{bottom:auto;right:auto;left:calc(max(10px, env(safe-area-inset-left)) + 70px);top:calc(max(8px, env(safe-area-inset-top)) + 92px);width:36px;height:36px}#spellbook-icon svg{width:18px;height:18px}#spellbook-points{letter-spacing:1px;min-width:17px;height:17px;padding:0 4px 0 5px;font-size:10px;top:-6px;left:calc(100% - 10px);right:auto}#actionbar{left:auto;right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));grid-template-areas:".s3 s4""s0 s1 s2"".ult dash";place-items:center;gap:8px;display:grid}button.action{pointer-events:auto;touch-action:none;cursor:pointer;width:52px;height:52px}button.action .act-key{display:none}button.action[data-action=dash]{grid-area:dash;width:64px;height:64px}button.action[data-action=slot0]{grid-area:s0}button.action[data-action=slot1]{grid-area:s1}button.action[data-action=slot2]{grid-area:s2}button.action[data-action=slot3]{grid-area:s3}button.action[data-action=slot4]{grid-area:s4}button.action.ult{grid-area:ult;width:60px;height:60px}#options h2,#keymap h2,#pausemenu h2{letter-spacing:6px;padding-left:6px;font-size:26px}#options,#keymap,#pausemenu{padding:max(12px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));gap:10px}.sub{font-size:16px}#menu-controls-btn,#pause-controls-btn,#spellbook-key,button.loadout-slot .slot-key{display:none}#title-crest{width:64px}#credits{font-size:11px}.menu-buttons button{width:min(250px,78vw);padding:9px 24px;font-size:18px}#menu-actions button{width:min(280px,80vw);padding:10px 24px;font-size:19px}#difficulty-row{width:min(280px,80vw)}#save-slots{width:min(280px,80vw);margin-top:6px}#save-slots button.slot-main{padding:6px 12px;font-size:13px}#options-rows,#keymap-rows{flex:0 auto;gap:7px;min-height:0;max-height:none;padding:12px 14px}.opt-label{font-size:14px}button.opt-choice{padding:5px 10px;font-size:12px}#tree-topbar{padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));gap:10px}#tree-topbar h2{letter-spacing:3px;font-size:16px}#tree-points{padding:5px 10px;font-size:12px}#tree-continue{padding:10px 20px;font-size:15px}button.tree-node,button.tree-node:hover:not(:disabled){width:68px;height:68px}button.tree-node.keystone,button.tree-node.keystone:hover:not(:disabled){width:80px;height:80px}button.ability-chip{width:48px;height:48px}button.loadout-slot{min-width:52px;min-height:50px}.slot-clear{width:26px;height:26px;top:-10px;right:-10px}}@media (pointer:coarse) and (orientation:landscape){.orb{width:54px;height:54px}#orb-xp{left:calc(max(10px, env(safe-area-inset-left)) + 36px);top:calc(max(8px, env(safe-area-inset-top)) + 60px);width:36px;height:36px}#level-label{left:max(10px, env(safe-area-inset-left));top:calc(max(8px, env(safe-area-inset-top)) + 90px);width:54px}#spellbook-btn{left:calc(max(10px, env(safe-area-inset-left)) + 58px);top:calc(max(8px, env(safe-area-inset-top)) + 80px)}#actionbar{gap:6px}#touch-stick{left:max(24px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom))}#tree-loadout{flex-flow:wrap;justify-content:center;gap:6px 22px;padding-top:8px}#loadout-hint{width:100%;font-size:10px}}@media (pointer:coarse) and (orientation:landscape) and (height<=520px){#overlay{padding:max(10px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 52px max(16px, env(safe-area-inset-left));flex-direction:row;justify-content:center;align-items:center;gap:clamp(28px,6vw,64px)}#title-brand{flex-direction:column;flex:0 auto;align-items:center;gap:4px;max-width:48vw;display:flex}#menu-side{flex-direction:column;flex:0 auto;align-items:center;gap:10px;display:flex;position:relative}#overlay h1{font-size:clamp(34px,7vw,56px)}#title-sub{letter-spacing:.22em;text-indent:.22em;font-size:clamp(12px,2vw,16px)}#menu-splash{height:auto;min-height:2em}#title-crest{width:46px;margin-bottom:0}#menu-actions button{width:min(250px,40vw);padding:8px 20px;font-size:17px}#difficulty-row,#save-slots{width:min(250px,40vw)}#menu-actions #difficulty-row button{letter-spacing:1px;padding:6px 0;font-size:12px}#loader{pointer-events:none;width:min(280px,44vw);margin:0;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)}#load-track{width:min(250px,40vw)}}@media (hover:none){button:hover:not(:disabled):not(.tree-node){transform:none}}@media (width<=700px){#credits{letter-spacing:.65px;column-gap:14px;font-size:11px}#credits .credit-sep{display:none}#gameover h1{letter-spacing:8px;font-size:44px}.sub,.keys{text-align:center;max-width:86vw}.menu-buttons button{width:min(280px,82vw)}#options-rows,#keymap-rows{min-width:min(560px,92vw)}.opt-row{flex-direction:column;align-items:center;gap:6px}.opt-label{text-align:center}.opt-hint{text-align:center;max-width:100%}.opt-seg{flex-wrap:wrap;justify-content:center}.opt-slider{justify-content:center;width:min(320px,82vw);min-width:0}input.opt-range{flex:1;width:auto}}@media (width<=400px){#loader{transform:translateY(-56px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}