.skill-tree-page{padding-top:1.5rem;padding-bottom:4rem}.planner-app-container{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.planner-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;flex-wrap:wrap;gap:.75rem}.filter-group{display:flex;align-items:center;gap:.5rem}.toolbar-label{font-family:var(--font-caps);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.game-chip{padding:.35rem .85rem;font-family:var(--font-caps);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:all .15s}.game-chip:hover{border-color:var(--accent);color:var(--accent)}.game-chip.active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.game-chip.chip--warrior.active{background:var(--flame);border-color:var(--flame);color:#fff}.game-chip.chip--ranger.active{background:var(--good);border-color:var(--good);color:#0c1a2a}.game-chip.chip--mage.active{background:var(--frost);border-color:var(--frost);color:#0c1a2a}.actions-group{display:flex;align-items:center;gap:.75rem;position:relative}.game-btn{padding:.45rem 1rem;font-family:var(--font-caps);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:all .15s}.game-btn--primary{background:var(--accent);color:var(--bg);border:1px solid var(--accent)}.game-btn--primary:hover{filter:brightness(1.15)}.game-btn--secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.game-btn--secondary:hover{border-color:var(--danger);color:var(--danger)}.copy-toast{position:absolute;top:-2.25rem;right:0;background:var(--good);color:#0c1a2a;padding:.25rem .65rem;font-family:var(--font-caps);font-size:.75rem;font-weight:700;letter-spacing:.05em;border-radius:var(--radius-sm);opacity:0;transform:translateY(6px);transition:all .2s;pointer-events:none}.copy-toast.visible{opacity:1;transform:translateY(0)}.planner-main-layout{display:grid;grid-template-columns:340px 1fr;gap:1rem;align-items:start}.planner-sidebar{display:flex;flex-direction:column;gap:1rem}.stats-panel{padding:1.25rem}.panel-header{margin-bottom:.5rem}.panel-kicker{font-family:var(--font-caps);font-size:.75rem;letter-spacing:.1em;color:var(--accent);display:block;margin-bottom:.5rem}.points-row{display:flex;justify-content:space-between;align-items:flex-end;gap:1.25rem;margin-bottom:.75rem;padding-bottom:.65rem;border-bottom:1px dashed var(--border)}.points-block{display:flex;flex-direction:column;flex-shrink:0}.arithmetic-block{display:flex;flex-direction:column;text-align:right;min-width:0}.points-val{font-family:var(--font-display);font-size:2.2rem;font-weight:700;color:var(--text);line-height:1}.arithmetic-val{font-family:var(--font-caps);font-size:1.15rem;color:var(--accent);font-weight:700;letter-spacing:.04em;line-height:1.2}.points-lbl,.arithmetic-lbl{display:block;font-size:.75rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;margin-top:.2rem}.attributes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.attr-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.45rem .5rem;display:flex;flex-direction:column;align-items:center}.attr-box--health .attr-val{color:var(--flame)}.attr-box--mana .attr-val{color:var(--frost)}.attr-box--stamina .attr-val{color:var(--good)}.attr-lbl{font-size:.7rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em}.attr-val{font-size:.95rem;font-weight:700;color:var(--text)}.inspector-panel{padding:1.25rem;display:flex;flex-direction:column;gap:.85rem}.inspector-top{display:flex;flex-direction:column;gap:.35rem}.inspector-meta-item{display:inline-block}.skill-class-badge{display:inline-block;padding:.15rem .5rem;font-family:var(--font-caps);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);font-weight:600}.inspector-title-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.inspector-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text);margin:0}.inspector-meta-row{display:flex;gap:.75rem;font-size:.8rem;color:var(--text-faint);margin-top:.25rem}.inspector-body{font-size:.9rem;line-height:1.5;color:var(--text);min-height:100px}.inspector-hint{color:var(--text-faint);font-style:italic;font-size:.85rem;margin:0}.inspector-rank strong,.inspector-next-rank strong{display:block;color:var(--accent);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}.inspector-rank p,.inspector-next-rank p{margin:0 0 .5rem;color:var(--text)}.inspector-per-level{font-size:.8rem;color:var(--good);margin-top:.4rem}.inspector-detail-link{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-caps);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);text-decoration:none;font-weight:600;margin-top:.5rem;transition:color .15s}.inspector-detail-link:hover{color:#fff}.tree-viewport-card{position:relative;height:720px;padding:0;overflow:hidden;background:radial-gradient(circle at center,#091f30,#051421);border:1px solid var(--border-strong)}.tree-viewport{width:100%;height:100%;cursor:grab;user-select:none;touch-action:none}.tree-viewport:active{cursor:grabbing}.tree-canvas{position:absolute;top:0;left:0;width:7500px;height:7500px;transform-origin:0 0;pointer-events:none}.tree-lines-svg{position:absolute;top:0;left:0;width:7500px;height:7500px;pointer-events:none}.tree-line{stroke:var(--border-strong);stroke-opacity:.6;transition:stroke .2s,stroke-width .2s}.tree-line.is-active{stroke:var(--accent);stroke-opacity:1;stroke-width:8;filter:drop-shadow(0 0 6px rgba(216,194,122,.6))}.tree-nodes-container{position:absolute;top:0;left:0;width:7500px;height:7500px}.tree-node{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;padding:0;margin:0;cursor:pointer;background:var(--surface-2);border:2px solid var(--border-strong);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #0009;transition:transform .15s,border-color .15s,box-shadow .15s,opacity .2s;outline:none}.tree-node:hover,.tree-node:focus-visible{transform:translate(-50%,-50%) scale(1.18);border-color:#fff;box-shadow:0 0 16px #fff9;z-index:20}.tree-node.is-dimmed{opacity:.25}.tree-node.is-available{border-color:var(--accent);box-shadow:0 0 12px #d8c27a80;animation:nodePulse 2.4s infinite ease-in-out}@keyframes nodePulse{0%,to{box-shadow:0 0 8px #d8c27a66}50%{box-shadow:0 0 18px #d8c27ad9}}.tree-node.is-taken{background:var(--surface);border-color:var(--accent);box-shadow:0 0 16px #d8c27ab3}.tree-node.node-type--root{width:52px;height:52px;border-color:var(--flame);background:radial-gradient(circle,#de892f,#152738 80%);box-shadow:0 0 20px #e8913acc;z-index:10}.tree-node.node-type--attribute{width:36px;height:36px;border-radius:6px}.tree-node.node-type--passiveskill{width:44px;height:44px}.tree-node.node-type--activeskill{width:52px;height:52px;border-radius:10px}.tree-class-legend{position:absolute;top:.85rem;left:.85rem;display:flex;gap:.85rem;padding:.35rem .65rem;background:#091f30e0;backdrop-filter:blur(4px);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-caps);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;z-index:25;pointer-events:none}.legend-item{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-faint)}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot--warrior{background:var(--flame);box-shadow:0 0 6px #e8913acc}.legend-dot--ranger{background:var(--good);box-shadow:0 0 6px #9fd36bcc}.legend-dot--mage{background:var(--frost);box-shadow:0 0 6px #4dc9f7cc}.tree-node.node-class--warrior{border-color:#e8913aa6}.tree-node.node-class--ranger{border-color:#9fd36ba6}.tree-node.node-class--mage{border-color:#4dc9f7a6}.tree-node.node-class--neutral{border-color:var(--border-strong)}.tree-node.node-class--warrior:hover,.tree-node.node-class--warrior:focus-visible{border-color:var(--flame);box-shadow:0 0 16px #e8913ab3}.tree-node.node-class--ranger:hover,.tree-node.node-class--ranger:focus-visible{border-color:var(--good);box-shadow:0 0 16px #9fd36bb3}.tree-node.node-class--mage:hover,.tree-node.node-class--mage:focus-visible{border-color:var(--frost);box-shadow:0 0 16px #4dc9f7b3}.tree-node.node-class--warrior.is-available{border-color:var(--flame);box-shadow:0 0 12px #e8913a99}.tree-node.node-class--ranger.is-available{border-color:var(--good);box-shadow:0 0 12px #9fd36b99}.tree-node.node-class--mage.is-available{border-color:var(--frost);box-shadow:0 0 12px #4dc9f799}.tree-node.node-class--warrior.is-taken{border-color:var(--flame);box-shadow:0 0 14px #e8913ad9}.tree-node.node-class--ranger.is-taken{border-color:var(--good);box-shadow:0 0 14px #9fd36bd9}.tree-node.node-class--mage.is-taken{border-color:var(--frost);box-shadow:0 0 14px #4dc9f7d9}.tree-node.node-class--neutral.is-taken{border-color:var(--accent);box-shadow:0 0 14px #d8c27ad9}.node-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.root-sigil{font-size:1.4rem;color:#fff}.attr-letter{font-family:var(--font-caps);font-size:.85rem;font-weight:700;color:var(--text)}.passive-sigil{font-size:1.1rem;color:var(--accent)}.node-icon{width:78%;height:78%;object-fit:contain}.node-rank-badge{position:absolute;bottom:-6px;right:-6px;background:var(--surface);border:1px solid var(--accent);color:var(--accent);font-family:var(--font-caps);font-size:.65rem;font-weight:700;padding:0 .3rem;border-radius:4px;pointer-events:none}.shake-error{animation:nodeShake .35s ease-in-out}@keyframes nodeShake{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(calc(-50% - 6px),-50%)}75%{transform:translate(calc(-50% + 6px),-50%)}}.zoom-controls{position:absolute;bottom:1rem;right:1rem;display:flex;flex-direction:column;gap:.4rem;z-index:30}.zoom-btn{width:36px;height:36px;background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text);font-size:1.2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s}.zoom-btn:hover{background:var(--surface);border-color:var(--accent);color:var(--accent)}.zoom-btn--reset{font-size:1rem}.skills-catalog-section{margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--border)}.catalog-header{margin-bottom:2rem}.catalog-title{font-family:var(--font-display);font-size:1.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin:0 0 .4rem}.catalog-lead{color:var(--text-faint);font-size:1rem;margin:0}.catalog-groups{display:flex;flex-direction:column;gap:2.5rem}.class-group-title{font-family:var(--font-caps);font-size:1.3rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.catalog-group{margin-bottom:2rem}.skills-rows-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.skill-card-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;text-decoration:none;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .15s,transform .15s}.skill-card-row:hover{border-color:var(--accent);transform:translateY(-2px)}.skill-row-left{display:flex;flex-direction:column;gap:.2rem}.skill-row-name{font-size:.95rem;font-weight:600;color:var(--text)}.skill-row-meta{font-size:.75rem;color:var(--text-faint)}.skill-row-arrow{color:var(--accent);font-size:1rem;transition:transform .15s}.skill-card-row:hover .skill-row-arrow{transform:translate(4px)}@media(max-width:900px){.planner-main-layout{grid-template-columns:1fr}.tree-viewport-card{height:520px}}@media(max-width:600px){.tree-viewport-card{height:440px}.points-row{flex-direction:column;align-items:flex-start;gap:.5rem}}