.champions-body{background:#080d15;color:#edf2f7}.champions-page{overflow:hidden}.champions-body *{letter-spacing:0}.champions-body nav .nav-menu a[aria-current="page"]{color:#f0bd62}
.champions-hero{position:relative;display:flex;min-height:min(640px,calc(100vh - 150px));padding:68px 24px 56px;border-bottom:1px solid rgba(255,255,255,.08);align-items:center;flex-direction:column;justify-content:center;text-align:center}.champions-hero::before,.champions-hero::after{content:"";position:absolute;top:50%;width:min(24vw,290px);height:1px;background:rgba(240,189,98,.24)}.champions-hero::before{right:calc(50% + 250px)}.champions-hero::after{left:calc(50% + 250px)}
.champions-emblem{position:relative;display:grid;width:154px;height:154px;margin-bottom:24px;place-items:center}.champions-emblem::before,.champions-emblem::after,.champions-emblem>span{content:"";position:absolute;border:1px solid rgba(240,189,98,.22);transform:rotate(45deg)}.champions-emblem::before{inset:4px}.champions-emblem::after{inset:17px;border-color:rgba(72,214,223,.18)}.champions-emblem>span{inset:30px;border-color:rgba(157,98,239,.22)}.champions-emblem img{position:relative;z-index:1;width:104px;height:104px;object-fit:contain;filter:drop-shadow(0 16px 28px rgba(0,0,0,.48))}
.champions-kicker{color:#d7aa5b;font-size:.68rem;font-weight:900;text-transform:uppercase}.champions-hero h1{max-width:980px;margin:13px 0 14px;color:#f3f6f8;font-size:4.7rem;line-height:1.02}.champions-hero h1 strong{color:#f0bd62;font-weight:900}.champions-hero>p{max-width:720px;margin:0;color:#94a2b2;font-size:1rem;line-height:1.75}.champions-tally{display:flex;margin-top:30px;padding:13px 22px;border-top:1px solid rgba(240,189,98,.2);border-bottom:1px solid rgba(240,189,98,.2);align-items:center;gap:12px}.champions-tally strong{color:#fff;font-size:1.5rem}.champions-tally span{color:#a9b4c0;font-size:.74rem}.champions-scroll-link{display:inline-flex;margin-top:25px;color:#d9e1e8;font-size:.7rem;font-weight:800;text-decoration:none;align-items:center;gap:9px}.champions-scroll-link span{color:#48d6df;font-size:1rem}.champions-scroll-link:hover{color:#f0bd62}
.champions-roster{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:82px 0 90px;scroll-margin-top:105px}.champions-section-header{display:grid;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08);grid-template-columns:minmax(0,1fr) minmax(280px,520px);align-items:end;gap:40px}.champions-section-header h2{margin:7px 0 0;color:#f4f7f9;font-size:2.25rem}.champions-section-header p{margin:0;color:#8997a7;font-size:.8rem;line-height:1.7}
.champions-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.champion-card{position:relative;display:flex;flex:0 1 calc(25% - 11px);min-width:0;min-height:418px;padding:18px;border:1px solid rgba(255,255,255,.09);border-top:2px solid #f0bd62;border-radius:7px;background:#0c131e;color:inherit;flex-direction:column;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.champion-card:nth-child(3n+2){border-top-color:#48d6df}.champion-card:nth-child(3n){border-top-color:#9d62ef}.champion-card:hover{border-color:rgba(240,189,98,.42);background:#0f1824;transform:translateY(-4px)}.champion-honor{color:#6f7c8c;font-size:.56rem;font-weight:900;text-transform:uppercase}.champion-portrait{position:relative;display:block;width:100%;margin:15px 0 18px;aspect-ratio:1/1;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:5px;background:#080d14}.champion-portrait::after{content:"";position:absolute;inset:9px;border:1px solid rgba(240,189,98,.14);border-radius:3px;pointer-events:none}.champion-portrait img{display:block;width:100%;height:100%;object-fit:cover}.champion-identity{display:grid;min-width:0;gap:3px}.champion-identity small{color:#d7aa5b;font-size:.58rem;font-weight:900;text-transform:uppercase}.champion-identity strong{overflow:hidden;color:#f4f7f9;font-size:1.12rem;text-overflow:ellipsis;white-space:nowrap}.champion-identity>span{overflow:hidden;color:#7f8d9d;font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.champion-joined{margin-top:13px;color:#9eabb9;font-size:.63rem}.champion-profile-link{display:flex;margin-top:auto;padding-top:17px;border-top:1px solid rgba(255,255,255,.07);color:#cbd4dc;font-size:.66rem;font-weight:900;align-items:center;justify-content:space-between}.champion-profile-link b{color:#48d6df;font-size:.95rem}.champion-card:hover .champion-profile-link{color:#fff}
.champion-skeleton{pointer-events:none;animation:champion-pulse 1.35s ease-in-out infinite}.champion-skeleton span,.champion-skeleton i,.champion-skeleton b{display:block;border-radius:4px;background:rgba(255,255,255,.055)}.champion-skeleton span{height:14px}.champion-skeleton i{height:245px;margin:17px 0}.champion-skeleton b{width:72%;height:21px}@keyframes champion-pulse{50%{opacity:.48}}
.champions-empty{display:grid;flex:1 0 100%;min-height:270px;padding:38px;border:1px solid rgba(240,189,98,.16);border-radius:7px;background:#0c131e;place-items:center;align-content:center;text-align:center}.champions-empty span{color:#d7aa5b;font-size:.6rem;font-weight:900;text-transform:uppercase}.champions-empty strong{margin-top:8px;color:#f4f7f9;font-size:1.35rem}.champions-empty p{max-width:520px;margin:9px 0 0;color:#8492a2;font-size:.74rem;line-height:1.65}
.champions-thanks{display:flex;width:min(1240px,calc(100% - 40px));margin:0 auto 82px;padding:30px 0;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);align-items:center;justify-content:space-between;gap:30px}.champions-thanks span{color:#8593a3;font-size:.74rem}.champions-thanks strong{color:#f0bd62;font-size:1rem;text-align:right}
@media(max-width:1050px){.champions-hero h1{font-size:4rem}.champion-card{flex-basis:calc(33.333% - 10px);min-height:390px}}
@media(max-width:760px){.champions-hero{min-height:auto;padding:58px 20px 50px}.champions-hero::before,.champions-hero::after{display:none}.champions-emblem{width:128px;height:128px;margin-bottom:18px}.champions-emblem img{width:86px;height:86px}.champions-hero h1{font-size:2.7rem}.champions-hero>p{font-size:.88rem}.champions-section-header{grid-template-columns:1fr;gap:14px}.champion-card{flex-basis:calc(50% - 7px)}.champions-roster{padding:62px 0 68px;scroll-margin-top:185px}.champions-thanks{align-items:flex-start;flex-direction:column}.champions-thanks strong{text-align:left}}
@media(max-width:500px){.champions-hero h1{font-size:2.2rem}.champions-tally{width:100%;justify-content:center}.champion-card{flex-basis:100%;min-height:0}.champion-portrait{max-height:320px}.champions-section-header h2{font-size:1.85rem}}
@media(prefers-reduced-motion:reduce){.champion-card{transition:none}.champion-skeleton{animation:none}}