.trees{--cell:46px;--gap:18px;--arrow:#5a5760;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;margin-block:18px 10px;display:grid}.tree{border:1px solid var(--border);background:var(--card);border-radius:3px;overflow:hidden}.tree-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:11px 16px;display:flex}.tree-head img{border-radius:2px;width:28px;height:28px}.tree-head h2{font-size:20px}.tree-head output{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:13px}.tree-head .text-button{margin-left:auto}.tree-grid{z-index:0;grid-template-columns:repeat(4, var(--cell));grid-template-rows:repeat(var(--rows), var(--cell));gap:var(--gap);background:#111 var(--tree-bg) center / cover no-repeat;justify-content:center;padding:22px 12px 28px;display:grid;position:relative}.tree-grid:before{content:"";z-index:-2;pointer-events:none;background:linear-gradient(#00000059,#000000a6);position:absolute;inset:0}.talent{width:var(--cell);height:var(--cell);background:#111113;border:2px solid #55525b;border-radius:4px;padding:0;position:relative}.talent img{border-radius:2px;width:100%;height:100%}.talent[data-state=locked] img{filter:grayscale()brightness(.5)}.talent[data-state=open]{--arrow:var(--gold);border-color:#4f9a3c}.talent[data-state=maxed]{border-color:var(--gold);--arrow:var(--gold)}.talent:not([data-state=locked]):hover img{filter:brightness(1.2)}.talent-rank{background:var(--popover);min-width:28px;color:var(--muted-foreground);font-variant-numeric:tabular-nums;border:1px solid #45424b;border-radius:3px;padding-inline:3px;font-size:11px;line-height:16px;position:absolute;bottom:-9px;right:-9px}.talent[data-state=open] .talent-rank{color:var(--quality-uncommon)}.talent[data-state=maxed] .talent-rank{color:var(--gold)}.arrow{z-index:-1;background:var(--arrow);pointer-events:none;--length:calc(var(--span) * (var(--cell) + var(--gap)) - var(--cell));position:absolute}.arrow:after{content:"";border:6px solid #0000;position:absolute}.arrow.from-top{width:4px;height:var(--length);bottom:calc(100% + 2px);left:50%;translate:-50%}.arrow.from-top:after{border-bottom:0;border-top:7px solid var(--arrow);bottom:0;left:50%;translate:-50%}.arrow.from-left,.arrow.from-right{width:var(--length);height:4px;top:50%;translate:0 -50%}.arrow.from-left{right:calc(100% + 2px)}.arrow.from-right{left:calc(100% + 2px)}.arrow.from-left:after{border-right:0;border-left:7px solid var(--arrow);top:50%;right:0;translate:0 -50%}.arrow.from-right:after{border-left:0;border-right:7px solid var(--arrow);top:50%;left:0;translate:0 -50%}.talent-tip{z-index:30;background:var(--popover);border:1px solid #6c617a;border-radius:3px;width:min(320px,100vw - 24px);padding:12px 14px;font-size:13px;line-height:1.5;position:fixed;top:0;left:0}.tip-name{color:#fff;font-size:15px;font-weight:600;display:block}.tip-rank{color:var(--muted-foreground);font-size:12px}.tip-req{color:#e0705f;margin-top:4px}.tip-text{color:var(--gold);margin-top:8px}.tip-next{color:var(--muted-foreground);display:none}.tip-text.next .tip-next{display:block}.tip-missing{color:var(--muted-foreground)}.tip-unverified{border-top:1px solid var(--border);color:var(--muted-foreground);margin-top:10px;padding-top:8px;font-size:11px}.tip-actions{gap:8px;margin-top:10px;display:none}.talent-tip.pinned .tip-actions{display:flex}.tip-actions button{border:1px solid var(--border);background:var(--secondary);flex:1;min-height:40px;font-size:20px;line-height:1}.tip-cost{color:var(--muted-foreground);justify-content:space-between;gap:12px;font-size:12px;display:flex}@media (width<=580px){.trees{--cell:42px;--gap:14px}}.tip-line{white-space:pre-line}.tip-line.split{justify-content:space-between;gap:12px;display:flex}.tip-line.gold{color:var(--gold)}.tip-line.green{color:var(--quality-uncommon)}.tip-line.muted{color:var(--muted-foreground)}.tip-line+.tip-line.gold,.tip-line+.tip-line.green{margin-top:6px}.tip-name.q0,.wow-ref.q0{color:#9d9d9d}.tip-name.q1,.wow-ref.q1{color:#fff}.tip-name.q2,.wow-ref.q2{color:var(--quality-uncommon)}.tip-name.q3,.wow-ref.q3{color:#1a8cff}.tip-name.q4,.wow-ref.q4{color:var(--quality-epic)}.tip-name.q5,.wow-ref.q5{color:var(--quality-legendary)}.wow-ref{font:inherit;color:var(--gold);text-align:left;cursor:help;text-underline-offset:4px;background:0 0;border:0;padding:0;text-decoration:underline 1px dotted;display:inline}button.wow-ref img{vertical-align:-.18em;border:1px solid #000;border-radius:2px;width:1.1em;height:1.1em;margin:0 .3em 0 0;display:inline-block}.wow-ref:hover,.wow-ref[aria-expanded=true]{filter:brightness(1.2)}