.talent-tree-viz{--tile:44px;--tile-w:76px;--gap:8px;--panel-bg:var(--card,#fff);--panel-border:var(--border,#e5e7eb);--inset-bg:color-mix(in oklab, var(--muted,#f3f4f6) 60%, transparent);--text:var(--foreground,#111827);--text-muted:var(--muted-foreground,#6b7280);--text-dim:color-mix(in oklab, var(--muted-foreground,#6b7280) 70%, transparent);--tile-bg:var(--card,#fff);--tile-border:var(--border,#d1d5db);--tile-hover:var(--ring,#9ca3af);--c-combat:#f59e0b;--c-defense:#38bdf8;--c-utility:#34d399;--c-raid:#fb7185;--c-neutral:var(--muted-foreground,#9ca3af);color:var(--text);flex-direction:column;gap:.75rem;min-width:0;padding:.75rem;font-family:inherit;font-size:14px;display:flex}.talent-tree-viz *{box-sizing:border-box}.talent-tree-viz .legend{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px 14px;padding:0 .25rem;font-size:.74rem;display:flex}.talent-tree-viz .legend-item{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.talent-tree-viz .legend-hint{color:var(--text-dim);flex-basis:100%;font-size:.72rem}.talent-tree-viz .chip{letter-spacing:.05em;color:#fff;background:var(--c-neutral);border-radius:4px;padding:3px 5px;font-size:.6rem;font-weight:700;line-height:1;display:inline-block}.talent-tree-viz .chip-t1{background:#6b7280}.talent-tree-viz .chip-t2{background:#4b5563}.talent-tree-viz .chip-t3{background:#374151}.talent-tree-viz .chip-ult{background:#111827;border:1px solid #ffffff59}.talent-tree-viz .chip-raid{background:var(--c-raid);color:#1f0a0f}.talent-tree-viz .chip-auto{color:var(--text-muted);border:1px dashed var(--tile-border);background:0 0}.talent-tree-viz .panel{border:1px solid var(--panel-border);border-left-width:3px;border-left-color:var(--c-neutral);background:var(--panel-bg);border-radius:10px;min-width:0;padding:.85rem .9rem .9rem}.talent-tree-viz .panel.accent-combat{border-left-color:var(--c-combat)}.talent-tree-viz .panel.accent-defense{border-left-color:var(--c-defense)}.talent-tree-viz .panel.accent-utility{border-left-color:var(--c-utility)}.talent-tree-viz .panel.accent-raid{border-left-color:var(--c-raid);background:color-mix(in oklab, var(--c-raid) 7%, var(--panel-bg))}.talent-tree-viz .panel.accent-combat .panel-title{color:var(--c-combat)}.talent-tree-viz .panel.accent-defense .panel-title{color:var(--c-defense)}.talent-tree-viz .panel.accent-utility .panel-title{color:var(--c-utility)}.talent-tree-viz .panel.accent-raid .panel-title{color:var(--c-raid)}.talent-tree-viz .panel-head{margin-bottom:.6rem}.talent-tree-viz .panel-toggle{width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.talent-tree-viz .panel.folded .panel-toggle{margin-bottom:0}.talent-tree-viz .panel-toggle-text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.talent-tree-viz .panel-toggle .panel-sub{display:block}.talent-tree-viz .panel.folded .panel-toggle .panel-sub{display:none}.talent-tree-viz .panel-toggle .row-chevron{transform:rotate(180deg)}.talent-tree-viz .panel.folded .panel-toggle .row-chevron{transform:none}.talent-tree-viz .panel-count{color:var(--text-muted);background:var(--inset-bg);vertical-align:middle;border-radius:999px;margin-left:4px;padding:1px 6px;font-size:.64rem;font-weight:600;display:inline-block}.talent-tree-viz .panel-title{letter-spacing:.02em;margin:0;font-size:.86rem;font-weight:600;line-height:1.3}.talent-tree-viz .panel-sub{color:var(--text-muted);margin:2px 0 0;font-size:.74rem;line-height:1.45}.talent-tree-viz .branches{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:.75rem;display:grid}@media (max-width:639px){.talent-tree-viz .branches{grid-template-columns:1fr}}.talent-tree-viz .group+.group{margin-top:.6rem}.talent-tree-viz .group-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin-bottom:6px;font-size:.64rem}.talent-tree-viz .tiles{gap:var(--gap);background:var(--inset-bg);border-radius:8px;flex-wrap:wrap;padding:.5rem;display:flex}.talent-tree-viz .tile{width:var(--tile-w);cursor:pointer;border-radius:8px;outline:none;flex-direction:column;align-items:center;gap:5px;padding:4px 2px 6px;transition:background .12s;display:flex}.talent-tree-viz .tile:hover,.talent-tree-viz .tile:focus-visible,.talent-tree-viz .tile.is-open{background:color-mix(in oklab, var(--tile-hover) 14%, transparent)}.talent-tree-viz .tile:focus-visible .tile-icon{box-shadow:0 0 0 2px var(--tile-hover)}.talent-tree-viz .tile-icon{width:var(--tile);height:var(--tile);border:1px solid var(--tile-border);background:var(--tile-bg);border-radius:6px;justify-content:center;align-items:center;transition:border-color .12s;display:flex;position:relative;overflow:visible}.talent-tree-viz .tile.is-open .tile-icon,.talent-tree-viz .tile:hover .tile-icon{border-color:var(--tile-hover)}.talent-tree-viz .tile-icon img{object-fit:contain;border-radius:5px;width:100%;height:100%;display:block}.talent-tree-viz .panel.dashed .tile-icon{border-style:dashed}.talent-tree-viz .tile.is-ultimate .tile-icon{border-color:var(--text-muted);box-shadow:inset 0 0 0 1px var(--panel-bg), inset 0 0 0 2px var(--text-muted)}.talent-tree-viz .tile-badge{text-align:center;color:#fff;border:1px solid var(--panel-bg);background:#374151;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:.58rem;font-weight:700;line-height:16px;position:absolute;bottom:-5px;right:-5px}.talent-tree-viz .tile.is-ultimate .tile-badge{background:#111827}.talent-tree-viz .panel.accent-raid .tile-badge{background:var(--c-raid);color:#1f0a0f}.talent-tree-viz .tile-name{text-align:center;height:2.6em;color:var(--text-muted);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:100%;font-size:.66rem;line-height:1.3;display:-webkit-box;overflow:hidden}.talent-tree-viz .tile.is-open .tile-name{color:var(--text)}.talent-tree-viz .rows{background:var(--inset-bg);border-radius:8px;margin:0;padding:0;list-style:none;overflow:hidden}.talent-tree-viz .row+.row{border-top:1px solid var(--panel-border)}.talent-tree-viz .row-head{width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:10px;min-height:52px;padding:9px 10px;display:flex}.talent-tree-viz .row-head:active{background:color-mix(in oklab, var(--tile-hover) 12%, transparent)}.talent-tree-viz .row-icon{border:1px solid var(--tile-border);background:var(--tile-bg);border-radius:6px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.talent-tree-viz .panel.dashed .row-icon{border-style:dashed}.talent-tree-viz .row-icon img{object-fit:contain;border-radius:5px;width:100%;height:100%;display:block}.talent-tree-viz .row-text{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.talent-tree-viz .row-name{color:var(--text);font-size:.86rem;font-weight:500;line-height:1.25}.talent-tree-viz .row-meta{color:var(--text-muted);align-items:center;gap:6px;font-size:.7rem;display:flex}.talent-tree-viz .row-chevron{color:var(--text-dim);flex:none;transition:transform .15s}.talent-tree-viz .row.is-open .row-chevron{transform:rotate(180deg)}.talent-tree-viz .row-body{padding:2px 12px 12px 56px;font-size:.8rem;line-height:1.45}.talent-tree-viz .tt-tier{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:4px;font-size:.64rem}.talent-tree-viz .tt-name{color:var(--text);margin-bottom:6px;font-size:.9rem;font-weight:600;line-height:1.3}.talent-tree-viz .row-body .tt-tier,.talent-tree-viz .row-body .tt-name{display:none}.talent-tree-viz .tt-effect{color:var(--text-muted);border-bottom:1px solid var(--panel-border);margin-bottom:8px;padding-bottom:8px;line-height:1.45}.talent-tree-viz .tt-row{color:var(--text-muted);align-items:baseline;gap:8px;margin-bottom:6px;font-size:.76rem;display:flex}.talent-tree-viz .tt-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);white-space:nowrap;margin-bottom:3px;font-size:.64rem}.talent-tree-viz .tt-req{color:var(--text-muted);overflow-wrap:anywhere;margin-bottom:6px;font-size:.76rem;line-height:1.5}.talent-tree-viz .tt-req ul{margin:0;padding-left:1.1em;list-style-type:disc}.talent-tree-viz .tt-req li+li{margin-top:2px}.talent-tree-viz .tt-cost{color:var(--text-dim);font-size:.7rem}.talent-tree-viz .tt-hint{color:var(--text-dim);margin-top:8px;font-size:.64rem}.talent-tree-viz.talent-card{z-index:9999;background:var(--popover,var(--panel-bg));width:280px;max-width:calc(100vw - 16px);color:var(--popover-foreground,var(--text));border:1px solid var(--panel-border);pointer-events:none;border-radius:8px;gap:0;padding:10px 12px;font-size:.78rem;line-height:1.45;display:block;position:fixed;box-shadow:0 8px 24px #00000059}.talent-tree-viz.talent-card.above{transform:translate(-50%,-100%)}.talent-tree-viz.talent-card.below{transform:translate(-50%)}.talent-tree-viz.talent-card.pinned{pointer-events:auto}.talent-tree-viz.talent-card:after{content:"";border:6px solid #0000;margin-left:-6px;position:absolute;left:50%}.talent-tree-viz.talent-card.above:after{border-top-color:var(--panel-border);top:100%}.talent-tree-viz.talent-card.below:after{border-bottom-color:var(--panel-border);bottom:100%}@media (max-width:639px){.talent-tree-viz{gap:.6rem;padding:.5rem}.talent-tree-viz .panel{padding:.7rem .6rem .6rem}.talent-tree-viz .legend{gap:4px 10px;font-size:.7rem}}