:root{--bg: #0c0a12;--bg2: #131020;--panel: #171325;--panel-hi: #1e1930;--border: #2c2542;--gold: #d4a94e;--gold-dim: #8a6f35;--fg: #e8e2d4;--fg-muted: #8f879c;--locked: #4a4458;--locked-fg: #6b6478;--green: #5cb87e;--red: #c75146;--violet: #9d7bd8;--amber: #d49a3c;--copper: #c98a5e;--copper-dim: #7d5638;--font-display: "Marcellus", serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased}body{background:radial-gradient(ellipse 1100px 600px at 50% -5%,rgba(212,169,78,.07),transparent 60%),radial-gradient(ellipse 800px 1000px at 50% 105%,rgba(157,123,216,.05),transparent 60%),var(--bg)}#app{max-width:1280px;margin:0 auto;padding:1.2rem 1rem 3rem}.hud{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;border:1px solid var(--border);border-radius:6px;background:linear-gradient(180deg,var(--panel-hi),var(--panel));padding:.9rem 1.3rem;position:sticky;top:.6rem;z-index:20;box-shadow:0 6px 30px #0000008c}.hud-title .eyebrow{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-dim)}.hud-title h1{font-family:var(--font-display);font-size:1.45rem;margin:0;color:var(--gold);text-shadow:0 0 24px rgba(212,169,78,.25)}.hud-counter{margin-left:auto;text-align:right}.hud-counter .count{font-family:var(--font-display);font-size:2rem;color:var(--gold);transition:color .4s}body.strategy-decided .hud-counter .count{color:var(--green)}.hud-counter .count-label{display:block;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted)}.hud-actions{display:flex;gap:.6rem;align-items:center}.strategy-btn{font-family:var(--font-display);font-size:1rem;color:#f4e9cf;background:linear-gradient(180deg,#5a2320,#3a1512);border:1px solid var(--red);border-radius:6px;padding:.65rem 1.2rem;cursor:pointer;box-shadow:0 0 18px #c7514659;transition:all .3s}.strategy-btn:hover{filter:brightness(1.2)}.strategy-btn .btn-on{display:none}body.strategy-decided .strategy-btn{background:linear-gradient(180deg,#4a3a14,#2e230c);border-color:var(--gold);box-shadow:0 0 24px #d4a94e80}body.strategy-decided .strategy-btn .btn-off{display:none}body.strategy-decided .strategy-btn .btn-on{display:inline}.ach-btn{font-family:var(--font-mono);font-size:.7rem;color:var(--fg-muted);background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:.6rem .9rem;cursor:pointer}.ach-btn:hover{color:var(--gold);border-color:var(--gold-dim)}.ach-panel{position:fixed;top:5.4rem;right:max(1rem,calc((100vw - 1280px)/2 + 1rem));width:min(380px,calc(100vw - 2rem));max-height:70vh;overflow-y:auto;z-index:30;background:var(--panel);border:1px solid var(--gold-dim);border-radius:6px;padding:.7rem;box-shadow:0 10px 44px #000000b3}.ach{display:flex;gap:.7rem;align-items:flex-start;padding:.55rem .5rem;border-bottom:1px solid var(--border)}.ach:last-child{border-bottom:none}.ach .medal{font-size:1.1rem;flex-shrink:0}.ach.locked{opacity:.55;filter:grayscale(.8)}.ach-body h4{font-family:var(--font-display);font-size:.85rem;margin:0 0 .1rem;color:var(--fg)}.ach-body p{margin:0;font-size:.72rem;color:var(--fg-muted)}.ach-xp{margin-left:auto;flex-shrink:0;font-family:var(--font-mono);font-size:.64rem;color:var(--gold)}.stage{margin-top:1rem}svg.tree{width:100%;height:auto;display:block}.edge{fill:none;stroke:var(--border);stroke-width:2;stroke-dasharray:6 5;transition:stroke .6s,stroke-dasharray .6s,filter .6s;transition-delay:var(--wave-delay, 0ms)}.edge.lit{stroke:var(--gold);stroke-dasharray:none;filter:drop-shadow(0 0 4px rgba(212,169,78,.6))}.node{cursor:pointer}.node .ring{fill:var(--panel);stroke:var(--border);stroke-width:2.5;transition:stroke .6s,fill .6s,filter .6s;transition-delay:var(--wave-delay, 0ms)}.node .icon{font-size:30px;text-anchor:middle;dominant-baseline:central;transition:filter .6s,opacity .6s;transition-delay:var(--wave-delay, 0ms)}.kind-boss .icon{font-size:42px}.kind-ultimate .icon{font-size:46px}.node .lock{font-size:14px;text-anchor:middle;opacity:0;transition:opacity .6s;transition-delay:var(--wave-delay, 0ms)}.node .label{font-family:var(--font-display);font-size:15px;fill:var(--fg);text-anchor:middle;transition:fill .6s;transition-delay:var(--wave-delay, 0ms);paint-order:stroke;stroke:#0c0a12d9;stroke-width:4px}.node.state-active .ring{stroke:var(--green);filter:drop-shadow(0 0 9px rgba(92,184,126,.55))}.node.state-active .label{fill:var(--green)}.node.state-in-progress .ring{stroke:var(--amber);filter:drop-shadow(0 0 8px rgba(212,154,60,.5))}.node.state-in-progress .label{fill:var(--amber)}.node.state-in-progress .ring{animation:pulse 2.6s ease-in-out infinite}@keyframes pulse{0%,to{filter:drop-shadow(0 0 5px rgba(212,154,60,.35))}50%{filter:drop-shadow(0 0 12px rgba(212,154,60,.7))}}.node.state-available .ring{stroke:var(--gold);filter:drop-shadow(0 0 8px rgba(212,169,78,.5))}.node.state-available .label{fill:var(--gold)}.node.state-locked .ring{stroke:var(--locked);fill:#120f1d}.node.state-locked .icon{filter:grayscale(1);opacity:.35}.node.state-locked .label{fill:var(--locked-fg)}.node.state-locked .lock{opacity:.8}.kind-boss .ring{stroke-width:3.5}.kind-boss.state-available .ring,.kind-boss.state-in-progress .ring{stroke:var(--red);fill:#1d0f12;filter:drop-shadow(0 0 14px rgba(199,81,70,.65));animation:boss-pulse 3s ease-in-out infinite}.kind-boss.state-available .label{fill:var(--red)}@keyframes boss-pulse{0%,to{filter:drop-shadow(0 0 8px rgba(199,81,70,.4))}50%{filter:drop-shadow(0 0 18px rgba(199,81,70,.8))}}.kind-boss.state-active .ring{stroke:var(--gold);fill:#241c0c;filter:drop-shadow(0 0 18px rgba(212,169,78,.8));animation:none}.kind-boss.state-active .label{fill:var(--gold)}.kind-ultimate .ring{stroke-width:3.5}.kind-ultimate.state-available .ring{stroke:var(--gold);fill:#241c0c;filter:drop-shadow(0 0 20px rgba(212,169,78,.85))}.node.branch-verankerung .ring{fill:#1c1410}.node.branch-verankerung.state-available .ring{stroke:var(--copper);filter:drop-shadow(0 0 8px rgba(201,138,94,.55))}.node.branch-verankerung.state-available .label{fill:var(--copper)}.node.branch-verankerung.state-locked .ring{stroke:var(--copper-dim)}.node.branch-verankerung.state-locked .label{fill:#8a6a52}.node.branch-verankerung.state-locked .icon{filter:grayscale(.6) sepia(.4);opacity:.5}.node.wave .ring,.node.wave .icon,.node.wave .label,.node.wave .lock{transition-duration:.55s}.tooltip{position:absolute;z-index:50;width:min(340px,86vw);background:linear-gradient(180deg,var(--panel-hi),var(--panel));border:1px solid var(--gold-dim);border-radius:6px;padding:.85rem 1rem;box-shadow:0 12px 44px #000000bf;pointer-events:none;font-size:.8rem}.tooltip header{display:flex;gap:.6rem;align-items:center;margin-bottom:.5rem}.tooltip .t-icon{font-size:1.5rem}.tooltip h3{font-family:var(--font-display);font-size:.95rem;margin:0;color:var(--gold)}.t-state{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase}.t-state.s-active{color:var(--green)}.t-state.s-in-progress{color:var(--amber)}.t-state.s-available{color:var(--gold)}.t-state.s-locked{color:var(--locked-fg)}.t-detail{margin:0 0 .5rem;color:var(--fg-muted)}.t-reqs span{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}.t-reqs ul{margin:.2rem 0 .5rem;padding:0;list-style:none}.t-reqs li{font-family:var(--font-mono);font-size:.7rem}.t-reqs li.met{color:var(--green)}.t-reqs li.unmet{color:var(--red)}.t-quest{margin:0 0 .25rem;color:var(--gold);font-size:.74rem}.t-quest:before{content:"↳ ";color:var(--gold-dim)}.t-holder{margin:0;font-family:var(--font-mono);font-size:.66rem;color:var(--violet)}@media(max-width:720px){.hud{position:static}.hud-counter{margin-left:0;text-align:left}.stage{overflow-x:auto;-webkit-overflow-scrolling:touch}svg.tree{min-width:900px}}