.hero-top{margin:calc(-1 * var(--gutter));padding:18px var(--gutter) 0;z-index:2;border-bottom:1px solid var(--line);background:radial-gradient(60% 70% at 50% 80%,#1a1030 0%,#0b0b14 70%);min-height:640px;margin-bottom:8px;position:relative;overflow:clip visible}.hero-bg{z-index:-1;pointer-events:none;background:url(/images/hero-bg.webp) 50% 60%/cover no-repeat;position:absolute;inset:0}.hero-bg:after{content:"";background:linear-gradient(90deg,#0b0b14d8 0%,#0b0b1490 22%,#0b0b1420 40%,#0b0b1400 50%,#0b0b1420 60%,#0b0b1490 78%,#0b0b14d8 100%),linear-gradient(#0b0b1470 0%,#0b0b1400 26% 72%,#0b0b14 100%);position:absolute;inset:0}.hero-intro,.hero-side{z-index:1;position:relative}.crumbs{color:var(--muted);align-items:center;gap:8px;margin-bottom:6px;font-size:13.5px;display:flex}.crumbs a:hover{color:var(--text)}.crumbs b{color:var(--text);font-weight:600}.crumbs svg{width:14px;height:14px;color:var(--dim)}.hero-grid{grid-template-columns:minmax(280px,1fr) minmax(320px,1.3fr) 400px;align-items:stretch;gap:20px;padding-bottom:26px;display:grid}.hero-intro h1{letter-spacing:-.01em;font-size:40px;font-weight:800;line-height:1.08}.nowrap{white-space:nowrap}.hero-intro h1 em{color:#a78bfa;text-shadow:0 0 24px #8b5cf680;font-style:normal}.hero-intro h1 small{color:var(--text);font-size:28px;font-weight:700;display:block}.hero-intro .lede{color:var(--muted);max-width:46ch;margin:12px 0 0;font-size:15px}.hero-intro .lede b{color:var(--text);font-weight:600}.ability-row{flex-wrap:wrap;align-items:flex-start;gap:8px;margin:16px 0 12px;display:flex}.ab{outline:none;flex-direction:column;align-items:center;gap:4px;display:inline-flex;position:relative}.ab>img{object-fit:cover;border-radius:10px;width:50px;height:50px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 0 1.5px #8b5cf6aa,0 0 14px #8b5cf650}.ab:hover>img,.ab:focus-visible>img{transform:translateY(-2px);box-shadow:0 0 0 1.5px #c4b5fd,0 0 18px #8b5cf6aa}.ab-innate>img{animation:2.6s ease-in-out infinite innatePulse;box-shadow:0 0 0 1.5px #fbbf24cc,0 0 18px #fbbf2470}@keyframes innatePulse{0%,to{box-shadow:0 0 0 1.5px #fbbf24bb,0 0 10px #fbbf2450}50%{box-shadow:0 0 0 1.5px #fde68a,0 0 26px #fbbf24aa,0 0 48px #fbbf2440}}.ab-innate:hover>img,.ab-innate:focus-visible>img{box-shadow:0 0 0 1.5px #fde68a,0 0 22px #fbbf24aa}.ab-innate small{letter-spacing:.08em;text-transform:uppercase;color:#fde68a;font-size:10px;font-weight:700}.ab-tip{z-index:200;text-align:left;opacity:0;pointer-events:none;background:#16162a;border:1px solid #8b5cf655;border-radius:12px;flex-direction:column;gap:10px;width:340px;padding:14px;font-size:13px;line-height:1.45;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:calc(100% + 10px);left:0;transform:translateY(4px);box-shadow:0 16px 40px #000c,0 0 0 1px #0008,0 0 24px #8b5cf630}.ab:hover .ab-tip,.ab:focus-visible .ab-tip{opacity:1;transform:translateY(0)}.ab-innate .ab-tip{border-color:#fbbf2466}.ab-tip-head{align-items:center;gap:12px;display:flex}.ab-tip-head img{border-radius:8px;flex-shrink:0;width:48px;height:48px}.ab-tip-head b{font-size:15px;line-height:1.2;display:block}.ab-tip-tag{letter-spacing:.04em;text-transform:uppercase;color:#c4b5fd;margin-top:3px;font-size:11.5px;font-weight:600;display:block}.ab-tip-desc{color:var(--muted)}.ab-tip-rows{border-top:1px solid #ffffff14;flex-direction:column;gap:4px;padding-top:10px;display:flex}.ab-tip-row{grid-template-columns:minmax(0,38%) minmax(0,1fr);align-items:baseline;gap:12px;display:grid}.ab-tip-row span{color:var(--dim)}.ab-tip-row b{text-align:right;font-size:12.5px;font-weight:600;line-height:1.35}.ab-tip-up{color:var(--muted);border-top:1px solid #ffffff14;padding-top:10px}.ab-tip-up b{color:#c4b5fd;font-weight:700}.ab-tip-note{color:var(--dim);font-size:12px}.ab-tip-rich{gap:0;width:360px;padding:0;overflow:hidden}.ab-tip-rich .ab-tip-head{background:linear-gradient(#8b5cf622,#8b5cf608);border-bottom:1px solid #8b5cf633;padding:12px 14px}.ab-tip-rich .ab-tip-head img{border-radius:8px;width:64px;height:64px;box-shadow:0 0 0 1px #ffffff1a,0 6px 16px #0009}.ab-tip-rich .ab-tip-head b{letter-spacing:.02em;text-transform:uppercase;font-size:16px;font-weight:800}.ab-tip-rich .ab-tip-head .ab-tip-tag{color:#c4b5fd99}.ab-tip-meta{border-bottom:1px solid #ffffff10;flex-direction:column;gap:3px;padding:10px 14px;display:flex}.ab-tip-meta .ab-tip-row{grid-template-columns:auto 1fr;gap:8px}.ab-tip-meta .ab-tip-row span{letter-spacing:.05em;text-transform:uppercase;font-size:11px}.ab-tip-meta .ab-tip-row b{text-align:left;color:var(--text)}.ab-tip-meta b.dmg-magical{color:#60a5fa}.ab-tip-meta b.dmg-physical{color:#fb923c}.ab-tip-meta b.dmg-pure{color:#fbbf24}.ab-tip-meta b.yes{color:#4ade80}.ab-tip-meta b.no{color:#f87171}.ab-tip-rich .ab-tip-desc{padding:10px 14px 0}.ab-tip-notes{color:var(--text);background:#8b5cf614;border:1px solid #8b5cf62e;border-radius:8px;flex-direction:column;gap:4px;margin:10px 14px 0;padding:8px 10px;font-size:12.5px;display:flex}.ab-tip-rich .ab-tip-rows{border-top:0;gap:5px;padding:10px 14px}.ab-tip-rich .ab-tip-row span{letter-spacing:.05em;text-transform:uppercase;font-size:11px}.ab-tip-rich .ab-tip-row b.lv{color:var(--muted);white-space:normal}.ab-tip-rich .ab-tip-row b.lv i{color:var(--dim);font-style:normal}.ab-tip-rich .ab-tip-row b.lv em{font-style:normal}.ab-tip-rich .ab-tip-row b.lv em.max{color:#fff}.ab-tip-cost{gap:8px;padding:0 14px 12px;display:flex}.ab-tip-cost .chip{color:#fff;border-radius:6px;align-items:center;gap:6px;height:24px;padding:0 9px 0 6px;font-size:12px;font-weight:700;display:inline-flex}.ab-tip-cost .chip i{border-radius:3px;width:12px;height:12px}.ab-tip-cost .mana{background:#1d4ed833;box-shadow:inset 0 0 0 1px #3b82f655}.ab-tip-cost .mana i{background:linear-gradient(135deg,#60a5fa,#1d4ed8)}.ab-tip-cost .cd{background:#15803d33;box-shadow:inset 0 0 0 1px #22c55e55}.ab-tip-cost .cd i{background:linear-gradient(135deg,#4ade80,#15803d);border-radius:50%}.ab-tip-rich .ab-tip-up{border-top:1px solid #ffffff10;margin:0 14px;padding:8px 0;font-size:12.5px}.ab-tip-rich .ab-tip-up.scepter b{color:#60a5fa}.ab-tip-rich .ab-tip-up.shard b{color:#a78bfa}.ab-tip-lore{color:var(--dim);background:#0003;border-top:1px solid #ffffff0a;margin:0;padding:8px 14px 10px;font-size:12px;font-style:italic;display:block}.hero-role{color:var(--dim);flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:2px 0 10px;font-size:13px;display:flex}.hero-role b{color:var(--text);font-size:16px;font-weight:700}.ab-stats .ab-icon{color:#c4b5fd;background:#8b5cf61a;border-radius:10px;place-items:center;width:50px;height:50px;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:0 0 0 1.5px #8b5cf6aa,0 0 14px #8b5cf650}.ab-stats:hover .ab-icon,.ab-stats:focus-visible .ab-icon{transform:translateY(-2px);box-shadow:0 0 0 1.5px #c4b5fd,0 0 18px #8b5cf6aa}.ab-stats small{letter-spacing:.08em;text-transform:uppercase;color:#c4b5fd;font-size:10px;font-weight:700}.ab-tip-head .ab-icon{flex-shrink:0;width:48px;height:48px}.hero-stage{flex-direction:column;min-height:600px;margin-bottom:-26px;display:flex;position:relative}.hero-podium{flex:1;justify-content:center;align-items:flex-end;display:flex;position:relative}.hero-podium:before{content:"";left:calc(50% + var(--sx));bottom:var(--lift);-webkit-mask-composite:source-in;pointer-events:none;background:url(/images/stage.webp) 50%/100% no-repeat;width:1000px;height:558px;position:absolute;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 16% 84%,#0000 100%),linear-gradient(#0000 0%,#000 38%);mask-image:linear-gradient(90deg,#0000 0%,#000 16% 84%,#0000 100%),linear-gradient(#0000 0%,#000 38%);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;mask-composite:intersect;mask-mode:match-source,match-source}.hero-podium{--sx:-50px;--lift:22px;--feet:calc(170px + var(--lift));--W:calc(var(--Wd) * 1.09);--tx:calc((.5 - var(--fx,.5)) * var(--W,0px) + var(--sx))}.hero-render{width:min(100%,500px);height:auto;margin-bottom:var(--feet);filter:drop-shadow(0 0 28px #8b5cf640);margin-top:10px;animation-name:heroIn,heroBreath;animation-duration:1.4s,6.5s;animation-timing-function:cubic-bezier(.2,.7,.2,1),ease-in-out;animation-iteration-count:1,infinite;animation-direction:normal,normal;animation-play-state:paused;animation-delay:0s,1.4s;animation-fill-mode:backwards,none;animation-timeline:auto,auto;position:relative}.hero-podium[style*=--Wd] .hero-render{width:var(--W);max-width:none;margin-bottom:calc(var(--feet) - var(--W) * (1 - var(--by) - var(--bh)));transform:translateX(var(--tx))}@keyframes heroIn{0%{opacity:0;transform:translate(var(--tx,0px), 34px);filter:brightness()drop-shadow(0 0 28px #8b5cf640)}55%{opacity:1;filter:brightness(1.5)drop-shadow(0 0 48px #a78bfa90)}to{opacity:1;transform:translate(var(--tx,0px), 0);filter:brightness()drop-shadow(0 0 28px #8b5cf640)}}.hero-shadow{left:50%;bottom:var(--feet);width:360px;height:88px;transform:translate(calc(-50% + var(--tx,0px)), 50%);filter:blur(10px);background:radial-gradient(#000000f0 0%,#000000b0 38%,#0000 72%);border-radius:50%;animation-name:shadowIn,shadowBreath;animation-duration:1.4s,6.5s;animation-timing-function:cubic-bezier(.2,.7,.2,1),ease-in-out;animation-iteration-count:1,infinite;animation-direction:normal,normal;animation-play-state:paused;animation-delay:0s,1.4s;animation-fill-mode:both,none;animation-timeline:auto,auto;position:absolute}@keyframes shadowIn{0%{opacity:0}50%{opacity:0}to{opacity:1}}.hero-podium.ready .hero-render,.hero-podium.ready .hero-shadow{animation-play-state:running}@keyframes heroBreath{0%,to{translate:0}50%{translate:0 -7px}}@keyframes shadowBreath{0%,to{scale:1}50%{scale:.92}}@view-transition{navigation:auto}[data-swap]{display:contents}.soon-stats{flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0 4px;display:flex}.soon-stat{min-width:96px;color:inherit;background:#ffffff06;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;padding:10px 14px;text-decoration:none;display:flex}a.soon-stat:hover{border-color:#a78bfa77}.soon-stat b{color:#fff;font-size:22px;font-weight:800}.soon-stat b.good{color:#4ade80}.soon-stat b.bad{color:#f87171}.soon-stat span{color:var(--dim);font-size:11.5px}.soon-stat b.tier{color:var(--tc)}.soon-stat b.t-S{--tc:#fbbf24}.soon-stat b.t-A{--tc:#a78bfa}.soon-stat b.t-B{--tc:#60a5fa}.soon-stat b.t-C{--tc:#7dd3c8}.soon-stat b.t-D{--tc:#8e89a6}.soon-roles{color:var(--muted);margin:10px 0 0;font-size:13px}.hs-rank-cell{color:inherit;text-decoration:none;display:block}.hs-rank-cell .hs-big{transition:color .15s,text-shadow .15s}.hs-rank-cell:hover .hs-big{color:var(--accent-text);text-shadow:0 0 18px #8b5cf680}.hs-rank-link{border-bottom:1px dashed #fff3}.hs-rank-cell:hover .hs-rank-link{color:var(--accent-text);border-bottom-color:currentColor}.hstrip{view-transition-name:hero-strip}::view-transition-old(hero-strip){display:none}::view-transition-new(hero-strip){animation:none}::view-transition-old(root),::view-transition-new(root){animation-duration:.4s;animation-timing-function:ease}.hero-podium{view-transition-name:hero-stage}::view-transition-group(hero-stage){animation-duration:.4s}::view-transition-image-pair(hero-stage){isolation:auto}::view-transition-old(hero-stage){mix-blend-mode:normal;animation:.34s ease-in both heroLeave}::view-transition-new(hero-stage){mix-blend-mode:normal;animation:none}@keyframes heroLeave{to{opacity:0;filter:blur(6px)brightness(1.35)}}html.hs-next::view-transition-old(hero-stage){animation:.52s cubic-bezier(.7,0,.2,1) both stageOutLeft}html.hs-next::view-transition-new(hero-stage){animation:.52s cubic-bezier(.7,0,.2,1) both stageInRight}html.hs-prev::view-transition-old(hero-stage){animation:.52s cubic-bezier(.7,0,.2,1) both stageOutRight}html.hs-prev::view-transition-new(hero-stage){animation:.52s cubic-bezier(.7,0,.2,1) both stageInLeft}@keyframes stageOutLeft{0%{opacity:1;transform:translate(0)}22%{opacity:1;animation-timing-function:ease-in}68%{opacity:0}to{opacity:0;transform:translate(-100%)}}@keyframes stageOutRight{0%{opacity:1;transform:translate(0)}22%{opacity:1;animation-timing-function:ease-in}68%{opacity:0}to{opacity:0;transform:translate(100%)}}@keyframes stageInRight{0%{opacity:0;transform:translate(100%)}32%{opacity:0;animation-timing-function:ease-out}78%{opacity:1}to{opacity:1;transform:translate(0)}}@keyframes stageInLeft{0%{opacity:0;transform:translate(-100%)}32%{opacity:0;animation-timing-function:ease-out}78%{opacity:1}to{opacity:1;transform:translate(0)}}.hero-intro{view-transition-name:hero-intro}.hero-side{view-transition-name:hero-side}.hero-podium.switched .hero-render{animation:6.5s ease-in-out infinite heroBreath}.hero-podium.switched .hero-shadow{animation:6.5s ease-in-out infinite shadowBreath}.hero-side{flex-direction:column;display:flex}.voice-btn{z-index:2;width:34px;height:34px;color:var(--muted);background:#ffffff0a;border-radius:50%;place-items:center;transition:color .15s,background .15s;display:grid;position:absolute;bottom:10px;right:8px;box-shadow:inset 0 0 0 1px #ffffff14}.voice-btn:hover{color:var(--text);background:#ffffff14}.voice-btn .off,.voice-btn.muted .on{display:none}.voice-btn.muted .off{display:block}.voice-btn.muted{color:var(--dim)}.dtable{border-collapse:collapse;width:100%;font-size:13px}.dtable td{vertical-align:middle;white-space:nowrap;border-top:1px solid #ffffff10;padding:3px 6px 3px 0}.dtable tr:first-child td{border-top:0}.dtable img{object-fit:cover;border-radius:4px;width:32px;min-width:32px;max-width:none;height:23px;display:block;box-shadow:0 0 0 1px #ffffff14}.dtable .ic{width:40px;min-width:40px}.dtable .ic img[width="36"]{width:36px;min-width:36px;height:21px}.dtable .nm{text-overflow:ellipsis;width:100%;max-width:0;overflow:hidden}.dtable .nm a:hover{color:var(--accent-text)}.dtable .bar-cell{width:64px}.dtable .bar{vertical-align:middle;width:56px;margin:0;display:inline-block}.ntier{text-align:center;letter-spacing:.04em;color:#cfcde0;background:#ffffff10;border-radius:5px;min-width:24px;padding:1px 5px;font-size:10.5px;font-weight:700;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff1a}.ntier.t2{color:#86efac;background:#4ade8018;box-shadow:inset 0 0 0 1px #4ade8040}.ntier.t3{color:#93c5fd;background:#60a5fa18;box-shadow:inset 0 0 0 1px #60a5fa40}.ntier.t4{color:#d8b4fe;background:#a855f71c;box-shadow:inset 0 0 0 1px #a855f750}.ntier.t5{color:#fdba74;background:#fb923c1c;box-shadow:inset 0 0 0 1px #fb923c50}.dtable .pct{padding-left:8px;font-weight:700}.dtable .adv{padding-left:8px;font-size:12.5px;font-weight:600}.dtable tr.up td{border-top:1px solid #fbbf2433}.dtable .r{text-align:right}.dtable td:last-child{padding-right:0}.dtable .rk{width:22px;font-size:12px}.dtable .av{width:30px;min-width:30px}.dtable .avatar{text-transform:uppercase;color:#c4b5fd;background:#8b5cf626;border-radius:50%;place-items:center;width:24px;min-width:24px;height:24px;font-size:11px;font-weight:700;display:grid;box-shadow:0 0 0 1px #a78bfa44}.items-foot,.hbox-foot{color:var(--dim);justify-content:flex-end;gap:14px;margin-top:6px;font-size:11px;display:flex}.trend{width:100%;height:auto;margin:2px 0 4px;display:block}.trend-grid{stroke:#ffffff10}.trend-tick,.trend-x{fill:var(--dim);font-size:10.5px}.trend-ref{stroke:#ffffff38;stroke-dasharray:3 4}.trend-ref-label{fill:var(--dim);font-size:10px}.trend-area{opacity:0;transition:opacity .8s .5s}.trend-line{fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:1000px;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.8,.2,1)}.trend-dot{opacity:0;transition:opacity .4s 1.1s}.reveal.in .trend-line{stroke-dashoffset:0}.reveal.in .trend-area,.reveal.in .trend-dot{opacity:1}.build-wrap{overflow-x:auto}.hero-boxes>.hbox{min-width:0}.build{border-collapse:separate;border-spacing:2px;width:100%;font-size:11.5px}.build th{color:var(--dim);text-align:center;padding:0 0 4px;font-size:10.5px;font-weight:500}.build td{text-align:center;width:30px;height:30px;color:var(--dim);background:#ffffff06;border-radius:5px}.build td.some{color:var(--muted);background:#8b5cf61a}.build td.top{color:#fff;background:linear-gradient(135deg,#7c3aed,#9163f7);font-weight:700;box-shadow:0 0 10px #8b5cf660}.build td.ab-cell{text-align:left;width:auto;min-width:150px;color:var(--text);white-space:nowrap;background:0 0;border-radius:0;padding-right:8px}.build .ab-cell img,.build .tal{vertical-align:middle;object-fit:cover;border-radius:6px;width:28px;height:28px;margin-right:8px;display:inline-block;box-shadow:0 0 0 1px #ffffff14}.build .tal{color:#fbbf24;background:#fbbf2418;place-items:center;display:inline-grid;box-shadow:0 0 0 1px #fbbf2444}.build .ab-cell span{vertical-align:middle;font-size:12.5px}.build-wrap{position:relative}.build-path{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.build-path polyline{fill:none;stroke:#c4b5fd;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 6px #a78bfa);stroke-dasharray:3000;stroke-dashoffset:3000px;transition:stroke-dashoffset 2.2s cubic-bezier(.2,.8,.2,1) .3s}.reveal.in .build-path polyline{stroke-dashoffset:0}.build-order{flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 10px;display:flex}.build-order-label{color:var(--muted);white-space:nowrap;font-size:12px}.build-order-seq{align-items:flex-start;gap:0;display:flex}.bo{flex-direction:column;align-items:center;gap:2px;padding:0 3px;display:flex;position:relative}.bo+.bo:before{content:"";background:#8b5cf680;width:8px;height:2px;position:absolute;top:15px;left:-4px}.bo img,.bo .tal{object-fit:cover;border-radius:7px;width:30px;height:30px;margin:0;box-shadow:0 0 0 1px #8b5cf680,0 0 10px #8b5cf640}.bo .tal{color:#fbbf24;background:#fbbf2418;place-items:center;display:grid;box-shadow:0 0 0 1px #fbbf2466,0 0 10px #fbbf2430}.bo small{color:var(--dim);font-size:10px}.ttree{gap:12px;padding:6px 0;display:grid;position:relative}.ttree:before{content:"";background:linear-gradient(#fbbf2480,#fbbf2420);width:2px;position:absolute;top:14px;bottom:14px;left:50%;transform:translate(-50%)}.hbox-title h2 .tree-title{color:#fbbf24;filter:drop-shadow(0 0 6px #fbbf2460)}.trow{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);align-items:center;gap:8px;display:grid}.tnode{z-index:1;place-items:center;display:grid;position:relative}.tnode span{color:#fde68a;background:#1c1c2d;border:2px solid #fbbf24;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:800;line-height:1;display:flex;box-shadow:0 0 14px #fbbf2460}.tnode small{letter-spacing:.1em;text-transform:uppercase;color:#fbbf24aa;margin-bottom:1px;font-size:6px;font-weight:700}.tleaf{background:#ffffff05;border-radius:8px;min-width:0;padding:7px 10px;position:relative;box-shadow:inset 0 0 0 1px #ffffff10}.tleaf b{color:var(--muted);font-size:12.5px;font-weight:600;line-height:1.25;display:block}.tleaf span{color:var(--dim);margin-top:2px;font-size:11px;display:block}.tleft{text-align:right;background-image:linear-gradient(to left, #8b5cf638 var(--w), transparent var(--w))}.tright{background-image:linear-gradient(to right, #8b5cf638 var(--w), transparent var(--w))}.tleaf:after{content:"";background:#fbbf2470;width:8px;height:2px;position:absolute;top:50%}.tleaf b em{color:#4ade80;font-style:normal}.tleaf span i{color:var(--muted);font-style:normal}.tleaf span i.good{color:#4ade80}.tleaf span i.bad{color:#f87171}.tleft:after{right:-8px}.tright:after{left:-8px}.tleaf.pick{box-shadow:inset 0 0 0 1px #a78bfa88,0 0 14px #8b5cf640}.tleaf.pick b{color:#fff}.tleaf.pick span{color:#c4b5fd}.builds-box{padding-bottom:14px}.build-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:2px 0 0;display:grid}.build-card{text-align:left;color:var(--muted);background:#ffffff05;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;gap:6px;min-width:0;padding:11px 12px 10px;transition:background .15s,border-color .15s;display:flex;position:relative}.build-card .n{color:var(--dim);font-size:10.5px;font-weight:700}.build-card b{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:34px;font-size:13.5px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.build-card .tags{flex-wrap:wrap;gap:4px;display:flex}.build-card .tag{letter-spacing:.05em;text-transform:uppercase;height:18px;color:var(--muted);background:#ffffff0c;border-radius:999px;align-items:center;padding:0 7px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.build-card .tag.d-easy{color:#4ade80;background:#4ade8018;box-shadow:inset 0 0 0 1px #4ade8040}.build-card .tag.d-medium{color:#fbbf24;background:#fbbf2418;box-shadow:inset 0 0 0 1px #fbbf2440}.build-card .tag.d-hard{color:#f87171;background:#f8717118;box-shadow:inset 0 0 0 1px #f8717140}.build-card small{letter-spacing:.05em;text-transform:uppercase;color:var(--dim);font-size:10.5px}.build-card .sc{border-top:1px solid #ffffff10;align-items:baseline;gap:6px;margin-top:4px;padding-top:8px;display:flex}.build-card .sc em{color:#c4b5fd;letter-spacing:-.01em;font-size:18px;font-style:normal;font-weight:800}.build-card .sc span{color:var(--dim);font-size:10.5px}.build-card:hover{background:#ffffff09;border-color:#fff2}.build-card.on{background:linear-gradient(160deg,#8b5cf630,#8b5cf614);border-color:#a78bfa99;box-shadow:0 0 18px #8b5cf640,inset 0 0 0 1px #c4b5fd22}.build-card.on:after{content:"";z-index:1;background:#1b1830;border-bottom:1px solid #a78bfa99;border-right:1px solid #a78bfa99;width:14px;height:14px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.build-panel{background:#8b5cf60e;border:1px solid #8b5cf645;border-radius:10px;margin-top:10px;padding:12px}.build-card.on .tag:not([class*=\ d-]){color:#c4b5fd;background:#8b5cf626;box-shadow:inset 0 0 0 1px #a78bfa55}.build-card.on .sc em{color:#e9d5ff;text-shadow:0 0 12px #a78bfa80}.build-use{color:var(--text);margin:0 0 10px;font-size:13px}.stages{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.stage{background:#0d0d17aa;border:1px solid #ffffff10;border-radius:9px;min-width:0;padding:9px;position:relative}.stage+.stage:before{content:"→";color:var(--dim);font-size:11px;position:absolute;top:50%;left:-9px;transform:translateY(-50%)}.stage-head{white-space:nowrap;text-overflow:ellipsis;margin-bottom:7px;font-size:12px;font-weight:600;overflow:hidden}.stage-head .n{color:#a78bfa;margin-right:5px;font-size:10.5px;font-weight:700}.stage-items{grid-template-columns:repeat(3,34px);gap:4px;display:grid}.bi{outline:none;display:block;position:relative}.bi>img{object-fit:cover;border-radius:4px;width:34px;height:25px;transition:transform .15s,box-shadow .15s;display:block;box-shadow:0 0 0 1px #ffffff14}.bi:hover>img,.bi:focus-visible>img{transform:translateY(-1px);box-shadow:0 0 0 1px #c4b5fd,0 0 12px #8b5cf680}.bi .ab-tip{z-index:300;width:300px}.bi .ab-tip-head img{border-radius:5px;width:48px;height:35px}.bi:hover .ab-tip,.bi:focus-visible .ab-tip{opacity:1;transform:translateY(0)}.stage-goal{color:var(--dim);margin-top:6px;font-size:11px;line-height:1.3}.hero-boxes{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px 18px;margin-top:22px;display:grid}.hbox{flex-direction:column;display:flex}.hbox>.dtable,.hbox>.build-wrap,.hbox>.ttree,.hbox>.trend,.hbox>.builds{flex:none}.hbox>.hbox-foot{margin-top:auto;padding-top:6px}.hbox{background:#ffffff03;border:1px solid #ffffff14;border-radius:10px;min-width:0;padding:12px 14px}.hbox.span2{grid-column:span 2}.hbox-title{justify-content:space-between;align-items:center;gap:10px;min-height:28px;margin-bottom:8px;display:flex}.hbox-title h2{color:var(--muted);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.hbox-title h2 svg{color:#a78bfa;width:17px;height:17px}.hbox-title .meta{color:var(--dim);white-space:nowrap;font-size:11.5px}.hbox-title .rank-tabs{gap:2px}.hbox-title .rank-tab{min-width:26px;height:26px;padding:0 4px;font-size:12px}.hbox-title .rank-tab.on{padding:0 9px}.hbox-title .rank-tab img{width:20px;height:20px}.hbox.guide p,.hbox.guide li,.hbox.faq p{font-size:13.5px}.hs-block{border-bottom:1px solid #ffffff18;padding:12px 0}.hero-intro .hs-block{border-bottom:0;padding:8px 0 0}.hero-intro .hs-title{margin-bottom:6px}.hs-block:last-child{border-bottom:0}.hs-title{color:var(--muted);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.hs-title svg{color:#a78bfa;width:17px;height:17px}.hs-title .i{border:1px solid var(--dim);width:15px;height:15px;color:var(--dim);cursor:help;border-radius:50%;place-items:center;margin-left:2px;font-size:10px;font-style:normal;display:grid}.hs-pair{grid-template-columns:1fr 1fr;display:grid}.hs-pair>*+*{border-left:1px solid #ffffff18;padding-left:16px}.hs-big{font-size:30px;font-weight:800;line-height:1.1}.hs-big small{color:var(--muted);font-size:16px;font-weight:600}.hs-sub{color:var(--muted);margin-top:2px;font-size:13px}.hs-role{align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.hs-role svg{color:#a78bfa;width:26px;height:26px}.dots{vertical-align:middle;gap:4px;display:inline-flex}.dots i{background:#ffffff1c;border-radius:50%;width:11px;height:11px;transition:background .3s,box-shadow .3s}.reveal.in .dots i.on{background:#a78bfa;box-shadow:0 0 8px #a78bfa}.reveal.in .dots i:nth-child(2){transition-delay:80ms}.reveal.in .dots i:nth-child(3){transition-delay:.16s}.reveal.in .dots i:nth-child(4){transition-delay:.24s}.reveal.in .dots i:nth-child(5){transition-delay:.32s}.phases{text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.phases>div+div{border-left:1px solid #ffffff18}.phases .lbl{color:var(--muted);margin-bottom:4px;font-size:12px}.phases .row{justify-content:center;align-items:center;gap:8px;display:flex}.phases .dots i{width:9px;height:9px}.phases .val{font-size:14px;font-weight:700}.phases .val small{color:var(--muted);font-size:11px;font-weight:500}.hero-source{right:var(--gutter);text-align:right;color:var(--dim);font-size:12px;position:absolute;bottom:8px}.hs-scanner{align-items:center;gap:10px;margin:2px 0 14px;display:flex}.hs-scanner .scanner-ring{width:36px;height:36px}.hs-scanner .i{border:1px solid var(--dim);width:15px;height:15px;color:var(--dim);cursor:help;border-radius:50%;align-self:flex-start;place-items:center;margin-top:4px;font-size:10px;font-style:normal;display:grid}.hero-source{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.hero-source .scanner-text{text-align:left}.hero-updated{color:var(--dim);font-size:11.5px}.radar{cursor:pointer;max-width:100%;height:auto;margin:6px 0 0 -10px;display:block;overflow:visible}.radar-idle{animation:3.2s ease-in-out infinite radarBreathe}@keyframes radarBreathe{50%{opacity:.55}}.radar-ring{fill:none;stroke:#ffffff14}.radar-axis{stroke:#ffffff10}.radar-area{fill:#8b5cf666;stroke:#a78bfa;stroke-width:1.5px;filter:drop-shadow(0 0 8px #8b5cf6);transition:transform .9s cubic-bezier(.2,.8,.2,1);transform:scale(0)}.reveal.in .radar-area{transform:scale(1)}.radar-dot{fill:#c4b5fd;opacity:0;transition:opacity .4s .7s}.reveal.in .radar-dot{opacity:1}.radar-label{fill:var(--muted);font-size:12.5px;font-weight:500}.radar-value{fill:var(--text);font-size:15px;font-weight:700}.item-cell{align-items:center;gap:10px;display:flex}.item-cell img{object-fit:cover;border-radius:4px;width:40px;height:29px;box-shadow:0 0 0 1px #ffffff14}.hero-cell{align-items:center;gap:10px;display:flex}.hero-cell img{object-fit:cover;border-radius:4px;width:44px;height:25px;box-shadow:0 0 0 1px #ffffff14}.bar.wide{width:120px}.reveal .bar i{width:0;transition:width .8s cubic-bezier(.2,.8,.2,1)}.reveal.in .bar i{width:var(--w)}.phase-bars{gap:12px;display:grid}.phase-bar{grid-template-columns:110px 1fr 70px 110px;align-items:center;gap:12px;font-size:13.5px;display:grid}.phase-bar .track{background:#ffffff10;border-radius:5px;height:10px;overflow:hidden}.phase-bar .track i{background:linear-gradient(90deg,#7c3aed,#a78bfa);border-radius:5px;width:0;height:100%;transition:width .9s cubic-bezier(.2,.8,.2,1);display:block;box-shadow:0 0 10px #8b5cf680}.reveal.in .phase-bar .track i{width:var(--w)}.phase-bar b{font-size:15px}.phase-bar .dim{text-align:right}.ability{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;gap:12px;padding:12px;display:flex}.ability img{border-radius:8px;flex-shrink:0;width:52px;height:52px}.ability b{font-size:14px;display:block}.ability .tag{color:#c4b5fd;text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:600}.ability .meta{color:var(--muted);margin-top:4px;font-size:12.5px;line-height:1.5}.upgrade-row{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px;display:grid}.upgrade{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.upgrade b{font-size:22px;font-weight:800;display:block}.upgrade span{color:var(--muted);font-size:12.5px}.rank-tabs{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.rank-tab{min-width:34px;height:34px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;padding:0 6px;font-size:13px;font-weight:600;display:inline-flex}.rank-tab.on{background:var(--accent-soft);color:var(--accent-text);padding:0 12px}.rank-tab img{object-fit:contain;width:26px;height:26px}.rank-tab[aria-disabled=true]{opacity:.45;cursor:not-allowed}.rank-tab:not([aria-disabled=true]):hover{color:var(--text);background:#ffffff0a}.guide p{color:var(--muted);max-width:72ch;margin-bottom:10px}.guide ul{color:var(--muted);max-width:72ch;padding-left:18px}.guide li{margin-bottom:6px}.faq details{border-top:1px solid var(--line);padding:10px 0}.faq details:first-child{border-top:0}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;font-weight:600;list-style:none;display:flex}.faq summary:after{content:"+";color:var(--accent-text);font-size:18px}.faq details[open] summary:after{content:"–"}.faq p{color:var(--muted);max-width:72ch;margin-top:8px}@media (width>=901px){.hero-intro h1{flex-direction:column;justify-content:flex-end;min-height:117px;display:flex}.hero-intro .lede{min-height:90px}.ability-row{align-content:flex-start;min-height:204px}.hero-stage{contain:size}.hero-role{align-content:flex-start;min-height:48px}}@media (width>=1760px){.ability-row{min-height:146px}}@media (width>=901px) and (width<=1500px){.hero-intro h1{min-height:110px}}@media (width>=901px) and (width<=1280px){.hero-grid .hero-stage{min-height:820px}}.hero-render{transition:scale .5s cubic-bezier(.2,.8,.2,1),filter .5s}.hero-podium.ready .hero-render:hover{filter:drop-shadow(0 0 42px #a78bfa88)brightness(1.07);scale:1.025}@media (prefers-reduced-motion:reduce){.ab-innate>img,.hero-render,.hero-shadow{animation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.trend-line,.trend-area,.trend-dot,.radar-area,.radar-dot,.dots i,.reveal .bar i,.phase-bar .track i{transition:none}}@media (width<=1500px){.hero-grid{grid-template-columns:minmax(260px,1fr) minmax(280px,1.1fr) 340px}.hero-intro h1{font-size:38px}.hero-intro h1 small{font-size:26px}}@media (width<=1280px){.stages{grid-template-columns:repeat(3,minmax(0,1fr))}.stage:nth-child(4):before{display:none}.build-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-boxes{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr 1fr}.hero-stage{order:-1;grid-column:1/-1;min-height:420px}.hero-podium{--sx:0px;--lift:0px}.hero-render{width:min(100%,440px)}}@media (width<=900px){.article{padding:10px 0}.art-head h2{font-size:24px}.art-table{font-size:13px}.build-cards,.stages{grid-template-columns:repeat(2,minmax(0,1fr))}.stage+.stage:before{display:none}.hero-intro{z-index:5}.ab-tip,.bi .ab-tip{width:auto;max-height:72vh;position:fixed;inset:auto 12px 12px;overflow-y:auto}.ab>img{width:48px;height:48px}.hero-podium:before{width:700px;height:391px}.hero-grid{padding-bottom:0}.hero-stage{min-height:0;margin-bottom:0}.hero-podium{--feet:104px;--W:var(--Wm);min-height:400px}.hero-render{width:min(100%,320px)}.hero-shadow{width:220px;height:56px}.hero-source{margin:10px 0 8px;position:static}.hero-grid,.hero-boxes{grid-template-columns:1fr}.hbox.span2{grid-column:auto}.hbox-title{flex-wrap:wrap}.hbox-title .meta{white-space:normal}.bench{grid-template-columns:repeat(2,1fr)}.hero-top{min-height:0}.hero-intro h1{font-size:32px}.hero-intro h1 small{font-size:22px}.phase-bar{grid-template-columns:90px 1fr 60px}.phase-bar .dim{display:none}}