.talent-main{padding-bottom:48px}.talent-main [hidden]{display:none!important}.talent-hero{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:20px 0 34px}.talent-hero h1{font-size:clamp(43px,4.1vw,60px);margin:16px 0}.talent-hero h1 span{color:var(--gold-light)}.talent-hero p{color:var(--muted);font-size:14px}.talent-hero-badge{flex:none;border-left:1px solid var(--line);padding-left:28px}.talent-hero-badge>span{font-size:10px;color:var(--gold);text-transform:uppercase;letter-spacing:1.7px;display:block}.talent-hero-badge strong{display:block;font-family:var(--display);font-size:36px;line-height:1.3}.talent-hero-badge small{color:var(--muted);font-size:11px}.talent-label{font:700 11px/1.5 var(--body);letter-spacing:1.3px;text-transform:uppercase;color:var(--muted)}.talent-class-section{border-top:1px solid var(--line);padding-top:23px}.talent-classes{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;margin:13px 0 24px}.talent-class{--class-color:var(--gold);display:flex;align-items:center;justify-content:center;gap:8px;min-height:53px;padding:10px 5px;color:var(--muted);border:1px solid var(--line);border-radius:7px;background:var(--panel);font-size:11px;font-weight:650;transition:border-color .15s,background .15s}.talent-class:hover{border-color:var(--class-color);color:var(--cream)}.talent-class[aria-pressed=true]{border-color:var(--class-color);color:var(--class-color);background:#273033;box-shadow:inset 0 -2px var(--class-color)}.class-warrior{--class-color:#c79c6e}.class-paladin{--class-color:#f58cba}.class-hunter{--class-color:#abd473}.class-rogue{--class-color:#fff569}.class-priest{--class-color:#eee}.class-shaman{--class-color:#70a9ed}.class-mage{--class-color:#69ccf0}.class-warlock{--class-color:#a78ee2}.class-druid{--class-color:#ff9d4b}.talent-class-icon{position:relative;flex:0 0 24px;width:24px;height:24px;display:block;overflow:hidden;border-radius:3px}.talent-class-icon .talent-sprite{position:absolute;left:0;top:0;transform:scale(.42857143);transform-origin:top left}.talent-class-icon img{width:24px;height:24px}.talent-class-icon .talent-icon-fallback{font-size:19px}.talent-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #89704355;border-radius:12px;background:linear-gradient(110deg,#2b3029,#1b2428 75%);padding:20px 23px}.talent-level-control{display:grid;grid-template-columns:auto auto;align-items:center;gap:5px 16px}.talent-level-control>label{font-size:11px;font-weight:700;grid-column:1/-1;color:#cbd2cc}.talent-level-control>small{font-size:10px;color:var(--muted)}.talent-level-input{display:flex;align-items:stretch;height:39px;border:1px solid #53605c;border-radius:6px;overflow:hidden;background:#10191c}.talent-level-input button{width:32px;color:var(--gold-light);background:transparent;border:0;font-size:20px}.talent-level-input button:hover{background:#3b4234}.talent-level-input button:disabled{opacity:.35}.talent-level-input input{appearance:textfield;-moz-appearance:textfield;border:0;border-inline:1px solid #3b484a;background:transparent;color:var(--cream);width:49px;text-align:center;font-weight:700;font-size:16px;padding:0}.talent-level-input input::-webkit-inner-spin-button,.talent-level-input input::-webkit-outer-spin-button{appearance:none;margin:0}.talent-budget{display:flex;gap:26px;flex:1;justify-content:center}.talent-budget>div{display:flex;flex-direction:column;gap:5px}.talent-budget strong{font:600 30px/1 var(--display);color:var(--gold-light)}.talent-budget span{font-size:10px;color:var(--muted)}.talent-budget>div:first-child strong{color:#ade0b6}.talent-actions{display:flex;gap:9px}.talent-actions .button{min-height:39px;font-size:11px;gap:10px;padding:9px 13px}.talent-actions button:disabled{opacity:.45;transform:none}.talent-status{min-height:35px;padding:9px 2px 3px;font-size:11px;color:#afdec0;line-height:1.5}.talent-status.is-error{color:#f0b597}.talent-help{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:9px 0 17px}.talent-help p{color:var(--muted);font-size:10px;max-width:750px;text-align:right}.talent-workspace{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:20px;align-items:start}.talent-trees{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;min-width:0}.talent-tree{min-width:0;background:radial-gradient(ellipse at top,#34362a70,transparent 75%),#182125;border:1px solid var(--line);border-radius:11px;overflow:hidden;padding-bottom:17px}.talent-tree-heading{display:flex;justify-content:space-between;align-items:center;padding:16px 15px;border-bottom:1px solid #49514770;background:#ffffff03;gap:10px}.talent-tree-heading h2{font-size:26px;color:var(--class-color,var(--cream));overflow-wrap:anywhere}.talent-tree-count{flex:none;width:29px;height:29px;display:grid;place-items:center;border:1px solid #b8b9a640;border-radius:50%;color:var(--gold-light);font-size:12px;font-weight:700;background:#161d20}.talent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(7,68px);grid-auto-rows:68px;gap:9px 5px;padding:18px 10px 2px;justify-items:center;align-items:start;min-height:548px}.talent-node{position:relative;border:2px solid #71987e;background:#13191b;width:56px;height:56px;padding:0;border-radius:5px;box-shadow:0 3px 8px #0008;transition:border-color .13s,filter .13s;isolation:isolate}.talent-node .talent-icon{width:52px;height:52px;border-radius:3px;overflow:hidden}.talent-node .talent-sprite{transform:scale(.92857143);transform-origin:top left}.talent-node .talent-icon img{width:52px;height:52px;object-fit:cover}.talent-node:hover,.talent-node.is-selected{outline:2px solid var(--gold-light);outline-offset:3px;z-index:2}.talent-node.is-locked{border-color:#576166}.talent-node.is-locked .talent-icon{filter:grayscale(1) brightness(.48)}.talent-node.is-invested{border-color:#8bc598}.talent-node.is-maxed{border-color:var(--gold)}.talent-icon{display:block;width:56px;height:56px;flex:none;border-radius:5px;overflow:hidden;background:#2a3539}.talent-icon-fallback{height:100%;display:grid;place-items:center;font:600 32px/1 var(--display);color:var(--gold-light)}.talent-rank{position:absolute;bottom:-9px;right:-5px;background:#141c1e;border:1px solid #5d7666;color:#a8daa9;border-radius:4px;font-size:10px;font-weight:750;line-height:16px;min-width:28px;padding:0 3px;z-index:1;text-align:center}.is-locked .talent-rank{color:#a0aaae;border-color:#59666a}.is-maxed .talent-rank{color:var(--gold-light);border-color:#9e824c}.talent-detail{min-width:0;position:sticky;top:20px;border:1px solid #92754970;border-radius:11px;background:linear-gradient(140deg,#2c3028,#1a2327 50%);padding:20px 17px;font-size:12px}.talent-detail-empty{text-align:center;padding:31px 7px 35px}.talent-detail-empty>span{display:block;font-size:36px;color:var(--gold);line-height:1;margin-bottom:20px}.talent-detail h2{font-size:25px;line-height:1.12;overflow-wrap:anywhere}.talent-detail-empty p{margin-top:14px;font-size:12px;color:var(--muted)}.talent-detail-heading{display:flex;align-items:flex-start;gap:12px}.talent-detail-heading .talent-icon{width:45px;height:45px;border:1px solid #877046}.talent-detail-heading .talent-sprite{transform:scale(.767857);transform-origin:top left}.talent-detail-heading .talent-icon img{height:43px;width:43px}.talent-detail-tree{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);display:block;margin:0 0 7px}.talent-detail-rank{display:block;color:var(--gold-light);font-size:10px;margin-top:8px}.talent-detail-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:21px 0 19px;border:1px solid var(--line);background:#131c20;border-radius:6px;overflow:hidden}.talent-detail-controls button{width:50px;height:40px;line-height:1;font-size:23px;background:#2d3b36;border:0;color:var(--gold-light)}.talent-detail-controls button:hover{background:#475441}.talent-detail-controls button:disabled{color:#697574;background:#1a2225}.talent-detail-controls strong{font-size:12px;color:var(--cream)}.talent-effect{margin-top:18px;line-height:1.7}.talent-effect h3{font-family:var(--body);font-size:10px;font-weight:700;letter-spacing:.2px;color:var(--gold-light);margin-bottom:8px}.talent-effect p{color:#d8dfdc;font-size:12px;white-space:pre-line;overflow-wrap:anywhere}.talent-effect.next:not(:first-child){border-top:1px solid var(--line);padding-top:15px}.talent-effect.current h3{color:#abd9b9}.talent-requirements{border-top:1px solid var(--line);padding-top:15px;margin-top:19px;color:var(--muted);font-size:10px}.talent-requirements p+p{margin-top:8px}.talent-requirements .talent-lock-reason{color:#efba9c}.talent-tabs{display:none}.talent-share-box{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:15px;border:1px solid #657b65;background:#233128;border-radius:8px;margin-top:14px}.talent-share-box label{font-size:11px;flex:0 0 100%;font-weight:600}.talent-share-box input{width:100px;min-width:0;flex:1;background:#111b1d;color:#cce0d0;border:1px solid #57725c;border-radius:5px;padding:9px;font-size:11px}.talent-share-box .button{padding:8px 12px;min-height:35px;font-size:11px}.talent-bottom-note{display:flex;gap:24px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:28px;padding-top:20px;font-size:11px;color:var(--muted)}.talent-bottom-note p{max-width:640px}.talent-bottom-note strong{color:#d8dfdc}.talent-bottom-note a{color:var(--gold-light);max-width:260px;text-align:right}.talent-load-error{padding:28px;border:1px solid #ba7b57;background:#3d2c23;border-radius:11px;margin:20px 0 50px}.talent-load-error h2{font-size:30px}.talent-load-error p{margin:13px 0 20px}.talent-col-0{grid-column:1}.talent-col-1{grid-column:2}.talent-col-2{grid-column:3}.talent-col-3{grid-column:4}.talent-row-0{grid-row:1}.talent-row-1{grid-row:2}.talent-row-2{grid-row:3}.talent-row-3{grid-row:4}.talent-row-4{grid-row:5}.talent-row-5{grid-row:6}.talent-row-6{grid-row:7}.talent-row-7{grid-row:8}.talent-row-8{grid-row:9}.talent-row-9{grid-row:10}.talent-row-10{grid-row:11}.talent-row-11{grid-row:12}
@media(max-width:1250px){.talent-workspace{grid-template-columns:minmax(0,1fr) 240px;gap:15px}.talent-trees{gap:9px}.talent-grid{padding-inline:7px;gap:9px 3px}.talent-class{flex-direction:column;gap:6px}.talent-toolbar{gap:18px;padding:18px}.talent-budget{gap:20px}.talent-actions{flex-direction:column}.talent-level-control{grid-template-columns:1fr}.talent-level-control>small{display:none}}
@media(max-width:1140px){.talent-workspace{grid-template-columns:minmax(0,1fr)}.talent-detail{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 26px;padding:23px}.talent-detail-heading,.talent-detail-controls{grid-column:1}.talent-detail-controls{max-width:280px}.talent-effect,.talent-requirements{grid-column:2}.talent-effect:first-of-type{grid-row:1/3;margin-top:0;border-top:0;padding-top:0}.talent-detail-empty{grid-column:1/-1;padding:12px}.talent-detail-empty>span{display:none}.talent-detail-empty p{margin-top:9px}.talent-grid{padding-inline:18px;gap:9px 10px}.talent-hero h1{font-size:53px}.talent-hero-badge{padding-left:20px}.talent-actions{flex-direction:row}.talent-help{align-items:flex-start}.talent-help p{max-width:530px}}
@media(max-width:950px){.talent-classes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.talent-class{flex-direction:row;min-height:45px;font-size:12px;gap:9px;padding:9px}.talent-hero-badge{display:none}.talent-toolbar{flex-wrap:wrap;gap:18px}.talent-budget{justify-content:space-around}.talent-actions{flex-basis:100%;justify-content:flex-end;border-top:1px solid var(--line);padding-top:14px}.talent-help{display:block;margin-top:6px}.talent-help p{margin-top:8px;max-width:none;text-align:left;font-size:11px}.talent-workspace{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:18px}.talent-tree{display:none}.talent-tree.is-active{display:block}.talent-trees{display:block}.talent-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:15px 0}.talent-tabs button{font-size:11px;line-height:1.5;padding:10px 7px;background:var(--panel);color:var(--muted);border:1px solid var(--line);border-radius:6px;overflow-wrap:anywhere}.talent-tabs button[aria-pressed=true]{color:var(--gold-light);border-color:#b7934f;background:#383526}.talent-detail{display:block;padding:19px;position:sticky;top:20px}.talent-detail-controls{max-width:none}.talent-effect:first-of-type{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.talent-grid{padding-inline:14px;gap:9px 8px}.talent-bottom-note{display:block}.talent-bottom-note a{display:inline-block;text-align:left;margin-top:13px;max-width:none}}
@media(max-width:600px){.talent-main{width:calc(100% - 32px);padding-bottom:30px}.talent-hero{padding:14px 0 24px}.talent-hero h1{font-size:44px;line-height:1.06}.talent-hero h1 span{display:block}.talent-hero p{font-size:13px;max-width:270px}.talent-class-section{padding-top:18px}.talent-class{font-size:11px;gap:7px}.talent-classes{margin-bottom:19px}.talent-toolbar{padding:15px 13px;gap:16px;border-radius:9px}.talent-level-control>label{font-size:10px}.talent-level-input{height:37px}.talent-level-input button{width:26px}.talent-level-input input{width:41px}.talent-budget{gap:12px;justify-content:space-between;flex-basis:100%;border-top:1px solid var(--line);padding-top:14px}.talent-level-control{grid-template-columns:auto auto;gap:0 16px;width:100%}.talent-level-control>label{grid-column:auto}.talent-level-input{justify-self:end}.talent-budget strong{font-size:24px}.talent-budget span{font-size:9px;line-height:1.4;max-width:66px}.talent-budget>div:last-child{display:flex}.talent-actions{justify-content:stretch;gap:9px;padding-top:12px}.talent-actions .button{flex:1;font-size:11px;padding-inline:7px}.talent-status{min-height:32px;font-size:10px}.talent-workspace{display:flex;flex-direction:column;gap:17px}.talent-trees{width:100%}.talent-detail{position:static;width:100%;padding:19px}.talent-grid{padding:19px max(10px,calc((100% - 275px)/2));column-gap:14px;grid-template-rows:repeat(7,63px);grid-auto-rows:63px;min-height:513px}.talent-tree-heading{padding:15px 20px}.talent-tree-heading h2{font-size:28px}.talent-detail-empty{padding:8px}.talent-detail-controls{max-width:280px;margin-inline:auto}.talent-detail-heading .talent-icon{width:56px;height:56px}.talent-detail-heading .talent-sprite{transform:scale(.9642857)}.talent-detail-heading .talent-icon img{width:54px;height:54px}.talent-detail h2{font-size:29px}.talent-effect p{font-size:13px}.talent-tabs{gap:5px}.talent-tabs button{font-size:10px;padding:10px 4px}.talent-bottom-note{font-size:10px}.talent-desktop-help{display:none}}
@media(max-width:360px){.talent-class{padding:8px 3px;gap:5px;font-size:10px}.talent-class-icon{flex-basis:21px;width:21px;height:21px}.talent-class-icon .talent-sprite{transform:scale(.375)}.talent-hero h1{font-size:40px}.talent-budget{gap:10px}.talent-toolbar{gap:10px}.talent-grid{column-gap:5px;padding-inline:9px}.talent-share-box{padding:12px}}
@media(hover:none){.talent-desktop-help{display:none}}
@media(prefers-reduced-motion:reduce){.talent-class,.talent-node{transition:none}}
.talent-legacy-control{display:flex;gap:10px 15px;align-items:center;flex-wrap:wrap;margin-top:13px}.talent-legacy-control label{font-size:10px;color:var(--muted)}.talent-legacy-control select{font:11px var(--body);color:var(--cream);border:1px solid var(--line);background:var(--panel);border-radius:5px;padding:7px 25px 7px 9px;max-width:100%}.talent-legacy-control small{color:var(--muted);font-size:10px}.talent-legacy-control select:focus-visible{outline:3px solid var(--gold-light);outline-offset:3px}

.talent-grid{position:relative}.talent-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.talent-connections path{fill:none;stroke:#59665f;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.talent-connections path.is-fulfilled{stroke:#bca064}.talent-value-note{color:var(--muted);font-size:10px;line-height:1.6;margin-top:12px}

.talent-quickbar{display:none}@media(max-width:600px){.talent-quickbar{position:fixed;z-index:20;inset:auto 12px calc(10px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:minmax(0,1fr) 43px 43px;gap:7px;align-items:center;border:1px solid #b99a59;border-radius:10px;background:#1d292a;padding:10px;box-shadow:0 8px 45px #000c}.talent-quickbar button{height:44px;background:#34453b;color:var(--gold-light);border:1px solid #65765a;border-radius:6px;font-size:25px;line-height:1}.talent-quickbar button:disabled{color:#7b8680;border-color:#40534a;background:#25312c}.talent-quickbar #talent-quick-info{min-width:0;height:auto;min-height:44px;border:0;background:transparent;color:var(--cream);text-align:left;padding:0 6px 0 0;font-size:11px;line-height:1.4}.talent-quickbar strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.talent-quickbar span{display:block;margin-top:5px;font-size:9px;color:var(--gold-light)}.has-talent-quickbar{padding-bottom:90px}.talent-detail{scroll-margin-top:20px}}