.champions{--champ-gold:#e9c879;position:relative;overflow:hidden;border:1px solid #d7b86738;background:radial-gradient(ellipse at 50% 45%,#8d681d20,transparent 65%),#080a09;border-radius:16px;padding:24px 0;color:#f7f3e9}
.champions-toolbar,.champions-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 32px}
.champions-edition{font-size:11px;letter-spacing:.22em;color:var(--champ-gold);font-weight:800}
.champions-controls{display:flex;align-items:center;gap:16px;white-space:nowrap}
.champions-controls button{width:44px;height:44px;border:1px solid #d7b86755;border-radius:50%;background:#151713;color:var(--champ-gold);font-size:24px;cursor:pointer;transition:background .2s,transform .2s}
.champions-controls button:hover:not(:disabled){background:#40341c;transform:translateY(-2px)}
.champions-controls button:disabled{opacity:.25;cursor:default}
.champions-controls>span{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.1em;color:var(--champ-gold)}
.champions-track{--card-width:min(54vw,480px);position:relative;display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;list-style:none;margin:24px 0;padding:16px calc((100% - var(--card-width))/2);align-items:center;-webkit-overflow-scrolling:touch}
.champions-track::-webkit-scrollbar{display:none}
.champions-slide{flex:0 0 var(--card-width);width:var(--card-width);scroll-snap-align:center;opacity:.5;transform:scale(.94);transition:transform .45s,opacity .45s;list-style:none}
.champions-slide.is-active{opacity:1;transform:scale(1)}
.champions-slide a{display:block;border:1px solid #f0d08a77;border-radius:8px;overflow:hidden;box-shadow:0 16px 35px #0008;background:#090a08}
.champions-slide img{display:block;width:100%;height:auto;margin:0}
.champions-bottom p{margin:0;font-size:14px;font-weight:600}.champions-bottom em{font-style:normal;color:var(--champ-gold)}
.champions-bottom>span{font-size:12px;color:#b6b5aa}.champions-bottom>span span{margin-left:8px;color:var(--champ-gold)}
.champions-seasons{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin:24px 32px 0;border-top:1px solid #d7b86733;padding-top:16px}
.champions-seasons button{min-height:58px;border:1px solid transparent;border-radius:5px;color:#b4b0a2;background:transparent;font-size:20px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}
.champions-seasons button span{display:block;font-size:8px;letter-spacing:.1em;margin-bottom:4px}.champions-seasons button[aria-current=true]{color:#f8df9e;background:#d7b86717;border-color:#d7b86777}.champions-seasons button:hover{color:#f8df9e;background:#d7b86712}
.champions :focus-visible{outline:2px solid var(--champ-gold);outline-offset:3px}
@media(max-width:680px){.champions{padding:16px 0;border-radius:10px}.champions-toolbar,.champions-bottom{padding:0 16px;gap:12px}.champions-edition{max-width:120px;font-size:9px;line-height:1.7}.champions-controls{gap:10px}.champions-track{--card-width:78vw;gap:12px;margin:14px 0}.champions-bottom{align-items:flex-start}.champions-bottom p{font-size:12px;max-width:160px;line-height:1.6}.champions-bottom>span{font-size:10px;padding-top:3px}.champions-seasons{grid-template-columns:repeat(6,1fr);margin:18px 16px 0;gap:5px}.champions-seasons button{min-height:52px;font-size:18px}}
@media(prefers-reduced-motion:reduce){.champions *{transition:none!important;scroll-behavior:auto!important}}