.tree-tabs{display:flex;gap:6px;overflow-x:auto;padding:8px;margin:16px 0;border:1px solid var(--line)}.tree-tabs button{flex:1;padding:12px 14px;color:#b5a58c;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;cursor:pointer;border:1px solid var(--line);white-space:nowrap}.tree-tabs button.active{color:#ffe9bc}.tree-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}.tree-explorer{border:1px solid #493422;min-width:0;background:#090807}.tree-tools{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px;border-bottom:1px solid #38291c;flex-wrap:wrap}.tree-search{flex:1;min-width:140px}.tree-search input{width:100%;padding:10px 12px;background:#11100d;color:#eddfc5;border:1px solid #493c2d}.tree-zoom{display:flex;gap:4px;align-items:center}.tree-zoom button,.tree-results button{background:#19130d;color:#dac6a1;border:1px solid #51402b;padding:8px 10px;cursor:pointer}.tree-zoom output{width:42px;text-align:center;font-size:.7rem;color:#b4a385}.tree-viewport{height:clamp(480px,70vh,850px);position:relative;overflow:hidden;touch-action:none;cursor:grab;background:radial-gradient(ellipse at center,#211711 0,#0e0c0a 55%,#060605)}.tree-viewport:active{cursor:grabbing}.tree-canvas{display:block;width:100%;height:100%;user-select:none}.tree-edge{fill:none;stroke:#64523d;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.tree-edge.highlight{stroke:#d5a45a;stroke-width:15}.skill-node{cursor:pointer;outline:none}.node-focus{stroke:transparent;stroke-width:8}.node-junction{fill:#1d1a16;stroke:#736352;stroke-width:9}.skill-node image{pointer-events:none}.node-glyph{fill:#d0b482;font:60px Georgia,serif;pointer-events:none}.tree-label-toggle{font-size:.75rem;color:#cabb9e;display:flex;align-items:center;gap:6px}.tree-label-toggle input{accent-color:#ab382c}.node-label{display:none;fill:#cfbf9f;paint-order:stroke;stroke:#090706;stroke-width:20;stroke-linejoin:round;font:62px Georgia,serif;pointer-events:none}.show-labels .node-label,.skill-node:hover .node-label,.skill-node:focus .node-label{display:block}.node-hub .node-label{text-transform:uppercase;fill:#f5d799;font-size:78px;letter-spacing:3px}.node-modifier .node-label{font-size:48px}.tree-overview .node-label{display:none}.skill-node:hover .node-focus,.skill-node:focus .node-focus,.skill-node.selected .node-focus{stroke:#ffdd94}.skill-node.selected .node-label{fill:#fff0c8}.skill-node.neighbor .node-focus{stroke:#c79b58}.skill-node.dimmed{opacity:.18}.skill-node.matched .node-focus{stroke:#ffcc67;stroke-width:15}.tree-status{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;border-top:1px solid #38291c;color:#9f917c;font-size:.67rem;flex-wrap:wrap}.tree-details{padding:25px 22px;border:1px solid #483121;background:linear-gradient(155deg,#1c110b,#090706);color:#cabb9e;position:sticky;top:20px;min-height:480px}.tree-details .eyebrow{font-size:.65rem;color:#b79361;text-transform:uppercase}.tree-details h2{font-family:var(--font-display);font-size:1.65rem;line-height:1.2;color:#f5deac;margin:18px 0 6px}.detail-emblem{height:72px;width:72px;display:grid;place-items:center;border:1px solid #947347;background:#080604;font-size:35px;color:#c69c56;margin:20px 0}.detail-emblem img{width:64px;height:64px;object-fit:contain}.tree-details [data-detail-category]{text-transform:uppercase;font-size:.64rem;letter-spacing:.14em;color:#8c806c}.tree-description{font-size:.87rem;line-height:1.75;white-space:pre-line}.tree-details dl{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:.72rem;padding:18px 0;border-block:1px solid #39291c}.tree-details dd{margin:0;color:#ecd49e}.tree-detail-link{font-size:.75rem;color:#e2b878}.tree-key{border-top:1px solid #39291c;display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;padding-top:18px;font-size:.65rem;color:#a99574}.tree-build,.tree-formula-note{font-size:.65rem;color:#96836c;line-height:1.6}.tree-results{padding:12px;max-height:170px;overflow:auto;color:#cabb9e;font-size:.75rem}.tree-results [data-results]{display:flex;flex-wrap:wrap;gap:6px}.tree-workspace [hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}:root[data-theme=light] .tree-details{background:#d7c29f;color:#473824}:root[data-theme=light] .tree-details h2{color:#382415}@media(max-width:900px){.tree-workspace{grid-template-columns:minmax(0,1fr)}.tree-details{position:static;min-height:0}.tree-tabs button{flex:0 0 auto}.tree-viewport{height:65vh;min-height:430px}.tree-status span:last-child{display:none}}