.champions-hero{position:relative;isolation:isolate;overflow:hidden;padding:64px 0 88px;background:radial-gradient(ellipse at 12% 8%,#f5d67524,transparent 40%),radial-gradient(ellipse at 90% 18%,#87caba25,transparent 38%),var(--bg)}
.champions-intro{text-align:center;position:relative;z-index:1;max-width:800px;margin-inline:auto}
.champions-eyebrow{display:inline-flex;gap:9px;align-items:center;color:var(--muted);font-size:13px;letter-spacing:.03em}
.champions-trophy{display:grid;place-items:center;margin:24px auto 20px;width:82px;height:82px;border:1px solid #e6b95370;border-radius:26px;background:linear-gradient(145deg,#fff5d4,#f2d990);color:#987017;font-size:38px;box-shadow:0 16px 42px #c9a45224;transform:rotate(-7deg)}
.champions-trophy i{transform:rotate(7deg)}
.champions-intro h1{font-size:clamp(38px,5vw,64px);line-height:1.35;margin:0;font-weight:700;letter-spacing:-.04em}
.champions-intro h1 span{display:block;font-size:clamp(19px,2.8vw,31px);margin-top:12px;letter-spacing:-.02em;font-weight:500;color:var(--text)}
.champions-intro>p{max-width:600px;margin:20px auto 42px;line-height:1.9;color:var(--muted);font-size:15px}
.champions-content{position:relative;z-index:1}
.champions-filters{display:grid;grid-template-columns:1.1fr 1fr 1.25fr auto;gap:20px;align-items:end;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:25px;box-shadow:0 12px 40px #162b3507;margin-bottom:50px}
.champions-filter-title{display:grid;grid-template-columns:25px 1fr;gap:5px 9px;align-self:center}
.champions-filter-title>i{grid-row:span 2;color:var(--blue);font-size:22px;align-self:center}
.champions-filter-title strong{font-size:16px}.champions-filter-title small{font-size:11px;color:var(--muted)}
.champions-filters .field{margin:0}.champions-submit{min-height:49px;white-space:nowrap;background:var(--blue);color:#fff}
.champions-team{margin-bottom:50px}.champions-team-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}
.champions-sport{display:inline-flex;gap:7px;align-items:center;font-size:12px;font-weight:500;color:var(--blue)}
.champions-team-header h2{font-size:24px;margin:8px 0 5px}.champions-team-header p{display:flex;gap:6px;font-size:13px;color:var(--muted);margin:0}
.champions-period{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:12px 16px;border-radius:14px;color:var(--muted);font-size:11px;background:var(--surface)}
.champions-period>i{font-size:21px;color:var(--blue)}.champions-period bdi{display:block;font-size:12px;margin-top:4px;color:var(--text)}
.champions-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.champions-podium[data-count="1"]{grid-template-columns:minmax(0,430px);justify-content:center}.champions-podium[data-count="2"]{grid-template-columns:repeat(2,minmax(0,400px));justify-content:center}
.champion-card{--medal:#b87c30;--tint:#dca66918;--border:#cbb599;--badge:#f8e3c9;position:relative;text-align:center;padding:25px 25px 0;border:1px solid var(--border);border-radius:26px;background:linear-gradient(150deg,var(--tint),transparent 65%),var(--surface);box-shadow:0 14px 40px #172c3508;overflow:hidden}
.champion-rank-1{--medal:#9a6b10;--tint:#f3cd5735;--border:#e4c875;--badge:#f9e6a7;box-shadow:0 18px 50px #bc943418}
.champion-rank-2{--medal:#5c708a;--tint:#b7cbe42e;--border:#bbcbdc;--badge:#e3ebf5}
.champion-card-top{display:flex;justify-content:space-between;align-items:center;color:var(--medal);gap:12px}.champion-card-top>i{font-size:27px}
.champion-place{display:inline-block;border-radius:30px;padding:7px 15px;background:var(--badge);color:var(--medal);font-size:13px;font-weight:600}
.champion-portrait{width:150px;height:150px;position:relative;margin:28px auto 24px}.champion-portrait img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;outline:1px solid var(--border);border:6px solid var(--surface);box-shadow:0 0 0 7px var(--tint)}
.champion-medal{position:absolute;bottom:-7px;inset-inline-end:2px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:3px solid var(--surface);background:var(--badge);color:var(--medal);font-weight:700;font-size:21px}
.champion-card h3{font-size:24px;line-height:1.5;margin:0 0 9px;overflow-wrap:anywhere}.champion-card>p{font-size:13px;color:var(--muted);margin:0 0 30px;line-height:1.8}
.champion-card-footer{border-top:1px solid var(--border);padding:17px 0;color:var(--medal);font-size:11px;letter-spacing:.06em;display:flex;justify-content:center;gap:16px}
.champions-confetti{position:absolute;inset:0 0 auto;height:900px;z-index:0;pointer-events:none;overflow:hidden;mask-image:linear-gradient(#000 75%,transparent)}
.champions-confetti span{position:absolute;left:var(--x);top:-25px;width:7px;height:15px;border-radius:2px;background:#d6af48;opacity:0;animation:champions-fall var(--duration) var(--delay) linear infinite}
.champions-confetti span:nth-child(3n){background:#73b7a4;width:9px;height:9px;border-radius:50%}.champions-confetti span:nth-child(3n+1){background:#7694d2;width:5px}
@keyframes champions-fall{0%{transform:translate3d(0,-20px,0) rotate(0);opacity:0}12%{opacity:.5}80%{opacity:.35}100%{transform:translate3d(60px,900px,0) rotate(var(--turn));opacity:0}}
.champions-empty{text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:24px;padding:55px 24px;margin:24px 0;color:var(--muted)}.champions-empty>i{font-size:38px;color:#aa8433}.champions-empty h2{color:var(--text);font-size:24px}.champions-empty p{font-size:14px;line-height:1.9}
.champions-pagination{display:flex;align-items:center;justify-content:center;gap:20px}
[data-theme="dark"] .champion-card{--border:#665d47}[data-theme="dark"] .champion-rank-2{--border:#455467}[data-theme="dark"] .champion-card-footer{color:#c6ba98}
@media(min-width:981px){.main-nav{gap:18px}}
@media(max-width:1100px){.champions-filters{grid-template-columns:1fr 1fr}.champions-filter-title{grid-column:1/-1}.champions-submit{grid-column:1/-1}.champion-card{padding:20px 18px 0}.champion-card h3{font-size:21px}}
@media(max-width:700px){.champions-hero{padding:36px 0 40px}.champions-filters{padding:20px;gap:16px;margin-bottom:35px}.champions-filters .field{grid-column:1/-1}.champions-team-header{align-items:flex-start;flex-direction:column;gap:12px}.champions-podium,.champions-podium[data-count="2"]{grid-template-columns:minmax(0,430px);justify-content:center}.champions-team-header h2{font-size:22px}.champions-intro>p{font-size:14px}.champions-period{width:100%}.champion-card{padding:22px 24px 0}.champions-team{margin-bottom:36px}}
@media(prefers-reduced-motion:reduce){.champions-confetti span{animation:none;opacity:.3;top:calc(var(--x) * 4)}}