.paths-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.path-strip{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:4px 4px 12px;overscroll-behavior-x:contain;scrollbar-gutter:stable}
.path-strip::-webkit-scrollbar{height:10px}.path-strip::-webkit-scrollbar-thumb{background:rgba(216,182,113,.45);border-radius:999px}
.path-tree{flex:0 0 290px;padding:14px;border-radius:22px;border:1px solid var(--line-soft);background:var(--tree-bg, linear-gradient(180deg, rgba(20,24,37,.86), rgba(13,17,28,.92)))}
.tree-title{text-align:center;font-weight:900;font-size:20px;margin-bottom:12px}
.path-rows{display:grid;gap:10px}
.path-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:6px;border-radius:18px;background:rgba(0,0,0,.18);transition:.18s ease}
.path-row.available{opacity:1;box-shadow:inset 0 0 0 1px rgba(216,182,113,.24), 0 0 16px rgba(216,182,113,.05)}
.path-row.next{opacity:1;box-shadow:0 0 0 1px rgba(111,212,177,.30) inset, 0 0 24px rgba(111,212,177,.10)}
.path-row.locked{opacity:.38;filter:saturate(.65)}
.talent{position:relative;display:grid;place-items:center;padding:8px;border-radius:16px;border:1px solid var(--line-soft);background:rgba(255,255,255,.04);cursor:pointer;min-height:86px;transition:.16s ease}
.talent:hover{transform:translateY(-1px);border-color:rgba(216,182,113,.35)}
.talent img{width:48px;height:48px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.14)}
.talent-lvl{position:absolute;right:6px;bottom:6px;padding:4px 8px;border-radius:999px;background:rgba(8,12,18,.92);border:1px solid rgba(216,182,113,.28);font-size:11px;font-weight:900;letter-spacing:.02em;line-height:1}
.path-empty{min-height:460px;display:grid;place-items:center;text-align:center;padding:24px;border-radius:18px;border:1px dashed rgba(255,255,255,.12);color:var(--muted);background:rgba(0,0,0,.18)}

.path-tree-disabled{position:relative;filter:grayscale(.95) brightness(.86)}
.path-tree-disabled .path-row{opacity:.45!important}
.tree-disabled-overlay{position:absolute;inset:58px 18px auto 18px;padding:10px 12px;border-radius:14px;background:rgba(38,41,48,.84);border:1px solid rgba(255,255,255,.16);text-align:center;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#f0f2f7;z-index:2}
.disabled-tree-talent{cursor:not-allowed;filter:grayscale(1)}
.talent-disabled-badge{position:absolute;left:6px;top:6px;padding:3px 6px;border-radius:999px;background:rgba(60,63,70,.92);border:1px solid rgba(255,255,255,.12);font-size:10px;font-weight:900;color:#f0f2f7}