.skill-tree-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start}.skill-path{border:1px solid var(--border);border-radius:18px;padding:1rem;background:rgba(15,23,42,.72)}.skill-path>header{min-height:120px}.skill-path.path-power{border-top:4px solid #ef4444}.skill-path.path-balance{border-top:4px solid #a78bfa}.skill-path.path-guard{border-top:4px solid #38bdf8}.skill-path.path-locked{filter:saturate(.35);opacity:.72}.skill-nodes{display:grid;gap:1rem}.skill-node{position:relative;padding:1rem;border-radius:14px;border:1px solid #334155;background:#111827}.skill-node:not(:last-child):after{content:"";position:absolute;width:2px;height:1rem;background:#475569;left:50%;bottom:-1rem}.skill-node.available{border-color:#fbbf24;box-shadow:0 0 20px rgba(251,191,36,.12)}.skill-node.learned{border-color:#34d399;background:linear-gradient(145deg,#0f2b28,#111827)}.skill-node.locked,.hidden-node{opacity:.68}.node-meta{display:flex;gap:.4rem;flex-wrap:wrap}.node-meta span,.unique{font-size:.75rem;padding:.2rem .45rem;border-radius:999px;background:#273449}.node-meta .unique{background:#6d28d9;color:#fff}.skill-node dl{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin:.8rem 0}.skill-node dl div{display:flex;justify-content:space-between;background:#0b1220;padding:.35rem .5rem;border-radius:6px}.skill-node dt{color:#94a3b8}.effect-line{color:#f0abfc}.learn-state{color:#34d399}.lock-reason{display:block;color:#fca5a5}.hidden-node{text-align:center;border-style:dashed}.node-icon{font-size:2rem}@media(max-width:950px){.skill-tree-grid{grid-template-columns:1fr}.skill-path>header{min-height:0}}
