.league-rankings-page{--gold:#efc45f;--green:#62d39b;--violet:#b498f2;--rose:#ec7899;--orange:#ed9859;overflow-x:clip;color:#e9e6e0;background:#090a0d;background-image:linear-gradient(135deg,rgba(239,196,95,.035) 0 1px,transparent 1px 38px),linear-gradient(180deg,#090a0d,#100d13 52%,#090a0d);background-size:38px 38px,auto}.league-rankings-page main{width:min(100% - 30px,1180px)}
.ranking-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr);gap:36px;align-items:center;min-height:440px;padding:46px;border:1px solid #5a4d34;border-radius:7px;background:linear-gradient(110deg,#17130d 0 54%,#17111d 54%);box-shadow:inset 5px 0 var(--gold),0 28px 75px rgba(0,0,0,.38)}.ranking-hero .eyebrow,.ranking-ladder .eyebrow,.ranking-check .eyebrow,.ranking-context .eyebrow,.ranking-differences .eyebrow,.ranking-use .eyebrow,.ranking-faq .eyebrow{color:var(--gold)}.ranking-hero h1{max-width:760px;margin:.15em 0;color:#fff8e8;font-size:clamp(2.7rem,6vw,5.4rem);line-height:.95;text-wrap:balance}.ranking-hero>div>p:not(.eyebrow){max-width:760px;color:#c9c2b7;font-size:1.08rem;line-height:1.65}.ranking-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.ranking-actions a,.ranking-use a{display:inline-flex;gap:8px;align-items:center;min-height:46px;padding:10px 14px;border:1px solid #735f34;border-radius:4px;color:#ffe4a5;background:#28200f;text-decoration:none}.ranking-actions a:nth-child(2),.ranking-use a:nth-child(2){border-color:#5e4a75;color:#d8c5ff;background:#21172d}.ranking-actions a:nth-child(3),.ranking-use a:nth-child(3){border-color:#38614c;color:#9ae6bc;background:#102219}.ranking-hero aside{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;align-items:center;padding:20px;border:1px solid #735d87;border-radius:6px;background:#181120}.ranking-hero aside>span{display:grid;width:110px;height:110px;place-items:center;border:2px solid var(--violet);border-radius:50%;color:#f4e9ff;background:#2b1937;font-size:2.6rem;font-weight:950;box-shadow:0 0 0 8px rgba(180,152,242,.08)}.ranking-hero aside div{display:grid;gap:5px}.ranking-hero aside small{color:var(--violet);font-weight:850;text-transform:uppercase}.ranking-hero aside strong{color:#fff;font-size:1.1rem}.ranking-hero aside p{margin:0;color:#aaa2b0}
.ranking-boundary{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;margin:18px 0 38px;padding:16px 18px;border:1px solid #3f664f;border-left:5px solid var(--green);border-radius:5px;background:#0f1c16}.ranking-boundary i{color:var(--green);font-size:1.5rem}.ranking-boundary strong{color:#b3f0cd}.ranking-boundary p{margin:3px 0 0;color:#aebbb3}.ranking-boundary a{color:#f1d38e;font-weight:800}
.ranking-ladder,.ranking-check,.ranking-context,.ranking-differences,.ranking-use,.ranking-faq{margin:30px 0;padding:28px;border:1px solid #444149;border-radius:6px;background:#111217}.ranking-ladder>header,.ranking-check>header,.ranking-context>header,.ranking-differences>header,.ranking-faq>header{max-width:820px;margin-bottom:20px}.ranking-ladder h2,.ranking-check h2,.ranking-context h2,.ranking-differences h2,.ranking-use h2,.ranking-faq h2{margin:.1em 0;color:#fff7e8;font-size:clamp(2rem,4.3vw,3.7rem);line-height:1}.ranking-ladder header>p:last-child,.ranking-check header>p:last-child{color:#aaa6ad;line-height:1.6}
.ranking-ladder>div{display:grid;gap:8px}.ranking-ladder article{--tier:#999;display:grid;grid-template-columns:68px 42px minmax(0,1fr);gap:14px;align-items:center;padding:14px;border:1px solid color-mix(in srgb,var(--tier) 45%,#3c3d42);border-left:5px solid var(--tier);border-radius:4px;background:color-mix(in srgb,var(--tier) 6%,#111318)}.ranking-ladder article>span{display:grid;width:58px;height:48px;place-items:center;border:1px solid var(--tier);border-radius:4px;color:var(--tier);background:color-mix(in srgb,var(--tier) 10%,#111318);font-size:1.35rem;font-weight:950}.ranking-ladder article>i{color:var(--tier);font-size:1.4rem}.ranking-ladder article h3{margin:0;color:#f1edef}.ranking-ladder article p{margin:4px 0 0;color:#a9a4ab;line-height:1.5}.ranking-ladder .tier-splus{--tier:#f2cb67}.ranking-ladder .tier-s{--tier:#ed9859}.ranking-ladder .tier-a{--tier:#62d39b}.ranking-ladder .tier-b{--tier:#77b8e7}.ranking-ladder .tier-c{--tier:#b498f2}.ranking-ladder .tier-d{--tier:#ec7899}.ranking-ladder .tier-none{--tier:#8c8b91}
.ranking-check{border-color:#5c4b2b;background:#17140e}.ranking-check ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0;list-style:none}.ranking-check li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;min-width:0;padding:13px;border:1px solid #52472f;border-radius:4px;background:#111216}.ranking-check li b{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--gold);border-radius:50%;color:#ffe099}.ranking-check li span{display:grid;gap:2px;color:#aaa49a}.ranking-check li strong{color:#f7e5b9}
.ranking-context{border-color:#554569;background:#16121e}.ranking-context>div,.ranking-differences>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ranking-context article,.ranking-differences article{--tone:var(--violet);min-width:0;padding:17px;border:1px solid color-mix(in srgb,var(--tone) 45%,#3c3b42);border-bottom:4px solid var(--tone);border-radius:4px;background:color-mix(in srgb,var(--tone) 6%,#111318)}.ranking-context article:nth-child(2),.ranking-differences article:nth-child(2){--tone:var(--green)}.ranking-context article:nth-child(3),.ranking-differences article:nth-child(3){--tone:var(--orange)}.ranking-context article:nth-child(4),.ranking-differences article:nth-child(4){--tone:var(--rose)}.ranking-context i,.ranking-differences i{color:var(--tone);font-size:1.35rem}.ranking-context small{display:block;margin-top:14px;color:var(--tone);font-weight:850;text-transform:uppercase}.ranking-context h3{margin:5px 0;color:#fff}.ranking-context p,.ranking-differences p{color:#aaa5ad;line-height:1.5}.ranking-differences{border-color:#3e584a;background:#101713}.ranking-differences article{display:grid;gap:8px}.ranking-differences strong{color:#f3eff0}
.ranking-use{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:30px;align-items:center;border-color:#5a4a2b;background:linear-gradient(105deg,#18140e,#15101c)}.ranking-use p{color:#b7b0a8;line-height:1.6}.ranking-use>div:last-child{display:grid;gap:8px}.ranking-use a{width:100%}
.ranking-faq{border-color:#58476a;background:#15111d}.ranking-faq details{margin-top:8px;border:1px solid #493d54;border-radius:4px;background:#101116}.ranking-faq summary{padding:15px;color:#eee8f2;font-weight:800;cursor:pointer}.ranking-faq details p{margin:0;padding:0 15px 16px;color:#aaa4ae;line-height:1.55}
@media(max-width:900px){.ranking-hero,.ranking-use{grid-template-columns:1fr}.ranking-context>div,.ranking-differences>div{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-hero aside{max-width:540px}}
@media(max-width:620px){.league-rankings-page main{width:min(100% - 16px,1180px)}.ranking-hero,.ranking-ladder,.ranking-check,.ranking-context,.ranking-differences,.ranking-use,.ranking-faq{padding:18px}.ranking-hero{gap:22px}.ranking-hero aside{grid-template-columns:72px minmax(0,1fr)}.ranking-hero aside>span{width:72px;height:72px;font-size:1.7rem}.ranking-check ol,.ranking-context>div,.ranking-differences>div{grid-template-columns:1fr}.ranking-ladder article{grid-template-columns:56px minmax(0,1fr);gap:10px}.ranking-ladder article>span{width:50px}.ranking-ladder article>i{display:none}}