.paths-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.paths-search-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.paths-search-row .search-input{min-width:min(360px,100%)}
.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:1;filter:none}
.path-row.locked .talent:not(.search-hit){opacity:.38;filter:saturate(.65)}
.talent{position:relative;display:grid;grid-template-rows:auto minmax(24px,auto) auto;place-items:center;gap:5px;padding:8px;border-radius:16px;border:1px solid var(--line-soft);background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));color:var(--text);cursor:pointer;min-height:118px;transition:.16s ease}
.talent:hover{transform:translateY(-1px);border-color:rgba(216,182,113,.35)}
.talent.selected{border-color:rgba(216,182,113,.72);box-shadow:0 0 0 1px rgba(216,182,113,.22),0 0 18px rgba(216,182,113,.12)}
.talent.search-hit{opacity:1!important;filter:none!important;background:linear-gradient(180deg, rgba(111,212,177,.24), rgba(111,212,177,.08));border-color:rgba(111,212,177,.64);box-shadow:0 0 0 1px rgba(111,212,177,.34),0 0 24px rgba(111,212,177,.20)}
.talent.search-hit::after{content:"";position:absolute;inset:-3px;border-radius:18px;border:1px solid rgba(111,212,177,.70);box-shadow:0 0 20px rgba(111,212,177,.38);pointer-events:none;animation:pathSearchPulse 1.45s ease-in-out infinite}
.paths-page.has-search .talent:not(.search-hit):not(.selected){opacity:.52}
@keyframes pathSearchPulse{0%,100%{opacity:.38;transform:scale(.99)}50%{opacity:1;transform:scale(1.02)}}
.talent.has-rune{box-shadow:0 0 0 1px rgba(240,162,58,.28),0 0 20px rgba(240,162,58,.10)}
.talent.over-max{border-color:rgba(255,123,123,.75)}
.talent img{width:56px;height:56px;object-fit:cover;object-position:center center;border-radius:12px;border:1px solid rgba(255,255,255,.14);display:block;background:#101521}
.talent-name-mini{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%;min-height:24px;font-size:10px;font-weight:800;line-height:1.2;text-align:center;color:rgba(243,239,230,.9)}
.talent-lvl{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:20px;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}
.talent-rune-bonus{color:#f0a23a}
.talent-total{color:var(--gold2)}
.talent-total.over-max{color:var(--danger)}
.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}
.path-selected-panel{display:none;margin-top:14px}
.path-selected-panel.open{display:block}
.path-selected-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.path-selected-item{padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18)}
.path-selected-item.over-max{border-color:rgba(255,123,123,.38);background:rgba(255,123,123,.08)}
.path-selected-head{display:grid;gap:5px;margin-bottom:8px}
.path-selected-head strong{font-size:14px;color:var(--gold2)}
.path-selected-head span{font-size:12px;color:var(--muted)}
.path-selected-item p{margin:0;color:#e9e4d8;font-size:13px;line-height:1.5}
.path-selected-empty{padding:12px;border-radius:14px;border:1px dashed rgba(255,255,255,.12);color:var(--muted);text-align:center}
.pt-rank-value{display:inline-block;padding:1px 4px;border-radius:6px;color:var(--muted)}
.pt-rank-value.active{background:rgba(216,182,113,.22);color:var(--gold2);font-weight:900;box-shadow:inset 0 0 0 1px rgba(216,182,113,.28)}
.pt-rank-separator{color:var(--muted)}
@media (max-width:700px){.path-tree{flex-basis:270px}.paths-search-row .search-input{width:100%;min-width:0}.paths-search-row .btn,.paths-search-row .count-badge{width:100%;justify-content:center}.talent{min-height:112px}.talent img{width:52px;height:52px}}