.tree-wrapper{border-radius:.5rem;overflow:visible;position:relative;width:100%}.scale-wrap{display:inline-block;position:relative}.grid{height:max-content;position:relative;width:max-content}.grid-bg{background-image:linear-gradient(90deg,hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.05) 1px,transparent 0);background-size:var(--cell) var(--cell);border-radius:.5rem;inset:0}.grid-bg,svg.connectors{pointer-events:none;position:absolute}svg.connectors{left:0;top:0}svg.connectors .edge line{stroke:rgba(160,170,180,.65);stroke-width:3;vector-effect:non-scaling-stroke}svg.connectors .edge.active line{stroke:#ffd100;stroke-width:3;vector-effect:non-scaling-stroke}.talent-node{background:#111;border:2px solid hsla(0,0%,100%,.12);border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.6);height:calc(var(--cell)*.7);width:calc(var(--cell)*.7)}.talent-link,.talent-node{align-items:center;display:flex;justify-content:center;position:absolute}.talent-link{border-radius:inherit;inset:0}.talent-link img{border-radius:inherit;filter:grayscale(100%) brightness(.75);height:85%;object-fit:cover;width:85%}.talent-link.active img,.talent-node.active img{filter:none}.talent-node.active{border-color:#ffd100;box-shadow:0 0 0 3px rgba(120,200,140,.25),0 10px 24px rgba(0,0,0,.55)}.square,.square .talent-link{border-radius:14%!important}.round,.round .talent-link{border-radius:50%!important}.talent-node.choice.hexagon{border-radius:0!important;clip-path:polygon(30% 0,70% 0,100% 50%,70% 100%,30% 100%,0 50%)}.talent-node.choice.hexagon .talent-link{border-radius:0!important}.talent-node.choice.hexagon .talent-link.half.left:after{background:hsla(0,0%,100%,.3);bottom:0;content:"";position:absolute;right:0;top:0;width:2px;z-index:10}.talent-node.choice img{height:72%;object-fit:cover;width:72%}.talent-node.choice .talent-link.half{bottom:0;position:absolute;top:0}.talent-node.choice .talent-link.half.left{clip-path:polygon(0 0,50% 0,50% 100%,0 100%);left:0}.talent-node.choice .talent-link.half.right{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);right:0}table .row .col-6{flex:0 0 50%;max-width:50%}.choice-node-hexagon{clip-path:polygon(30% 0,70% 0,100% 50%,70% 100%,30% 100%,0 50%);overflow:hidden}.choice-node-hexagon .col-6{background-position:50%;background-repeat:no-repeat;background-size:cover}.choice-node-hexagon .col-6:first-child:after{background:hsla(0,0%,100%,.3);bottom:0;content:"";position:absolute;right:0;top:0;width:2px;z-index:10}.talent-rank{background:rgba(0,0,0,.85);border:1px solid hsla(0,0%,100%,.25);border-radius:.55rem;bottom:-6px;color:#ddd;font-size:12px;font-weight:999;line-height:1.2;padding:4px;position:absolute;right:-6px}.half-pill{font-size:.68rem;padding:0 .3rem}.left-pill{left:0;right:auto}.left-pill,.right-pill{bottom:0;font-size:12px;font-weight:999;padding:4px}.right-pill{right:0}.current-alt{border:2px solid #38a220!important;box-shadow:0 0 10px rgba(56,162,32,.5)!important}.current-alt:before{background:#38a220;border-radius:3px;color:#fff;content:"CURRENT";font-size:8px;font-weight:700;left:5px;padding:2px 6px;position:absolute;top:5px;z-index:2}.current-alt-row{background-color:rgba(56,162,32,.1)!important;border:1px solid #38a220!important}.alt-box:hover{border-color:var(--class-color)!important}.alt-box,.alt-box:hover{transition:border-color .2s ease}.experience-cards-grid{display:flex;flex-wrap:wrap;gap:12px}.experience-rank-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;flex:0 1 calc(32% - 6px);min-width:0;overflow:visible;padding:10px 6px;position:relative;text-align:center;transition:all .3s ease}.experience-rank-card:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.15)}.experience-rank-badge-count{align-items:center;background:linear-gradient(135deg,rgba(60,60,60,.95),rgba(40,40,40,.95));border:1px solid hsla(0,0%,100%,.15);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.5);color:hsla(0,0%,100%,.9);display:flex;font-size:11px;font-weight:700;height:24px;justify-content:center;min-width:24px;padding:0 6px;position:absolute;right:-4px;top:-4px;z-index:10}.experience-rank-card .experience-rank-image-wrapper{align-items:center;display:flex;justify-content:center;min-height:60px;position:relative}.experience-rank-card .experience-rank-image{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:auto;max-width:60px}.experience-rank-label{color:hsla(0,0%,100%,.8);font-size:11px;font-weight:600;letter-spacing:.3px;margin-top:5px;text-transform:uppercase}.experience-expansion-section{margin-bottom:40px}.experience-expansion-title{border-bottom:2px solid hsla(0,0%,100%,.1);color:#fff;font-weight:600;letter-spacing:.5px;margin-bottom:20px;padding-bottom:10px;text-transform:uppercase}.experience-seasons-list{display:flex;flex-direction:column;gap:12px}.experience-season-row{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;display:flex;gap:20px;overflow:hidden;padding:0 20px;position:relative;transition:border-color .3s ease,background .3s ease}.experience-season-row:before{background:linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.3),hsla(0,0%,100%,.1));bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:3px}.experience-season-row:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.15)}.experience-season-row:hover:before{opacity:1}.experience-icons-wrapper{align-items:center;display:flex;flex-shrink:0;gap:8px}.experience-rank-image-container{align-items:center;display:flex;height:60px;justify-content:center;width:60px}.experience-rank-image{height:auto;max-width:60px}.experience-rank-badges{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.experience-rank-badge-slot{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.experience-rank-image-badge{border:1px solid rgba(0,0,0,.3);border-radius:3px;height:auto;max-width:24px}.experience-season-info{display:flex;flex:1;flex-direction:column;gap:4px}.experience-season-number{color:hsla(0,0%,100%,.7);font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.experience-rank-title{color:hsla(0,0%,100%,.95);font-size:18px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.experience-toggle-link{margin-top:12px;text-align:center}.experience-toggle-link a{color:hsla(0,0%,100%,.6);cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;text-decoration:none;text-transform:uppercase;transition:color .2s ease}.experience-toggle-link a:hover{color:hsla(0,0%,100%,.9)}