.ranking-hero{min-height:640px;padding:68px clamp(22px,7vw,108px) 82px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:6vw;background:radial-gradient(circle at 82% 24%,rgba(244,53,96,.26),transparent 32%),linear-gradient(135deg,#090b20,#13103b 58%,#350b27)}.ranking-hero h1{font:800 clamp(54px,7.5vw,102px)/.9 Montserrat,sans-serif;letter-spacing:-.065em;margin:0}.ranking-hero h1 em{font-style:normal;color:#ffcf36}.ranking-hero>div:first-child>p:last-of-type{max-width:680px;color:#bec6df;font-size:20px;line-height:1.55}.ranking-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.ranking-meta span{padding:9px 12px;border:1px solid rgba(255,255,255,.17);border-radius:999px;font:800 11px Montserrat,sans-serif;color:#d9dfef}.leader-card{justify-self:center;width:min(100%,390px);aspect-ratio:1;border-radius:28px;padding:34px;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 20%,#ffcf36,transparent 24%),linear-gradient(145deg,#d72c54,#47116d 54%,#111a50);box-shadow:0 28px 80px rgba(219,36,86,.24)}.leader-card>span{position:absolute;top:30px;left:30px;font:800 11px Montserrat,sans-serif;letter-spacing:.13em}.leader-card strong{font:800 84px/.8 Montserrat,sans-serif;color:#ffcf36}.leader-card h2{font:800 30px Montserrat,sans-serif;margin:22px 0 4px}.leader-card p{font-size:18px;margin:0}.leader-card small{margin-top:10px;font:800 11px Montserrat,sans-serif;letter-spacing:.12em;color:#ffd85a}
.chart-section{padding:86px clamp(22px,7vw,108px);background:#070b1c}.chart-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.chart-heading h2,.duels-heading h2{font:800 clamp(40px,5vw,68px)/1 Montserrat,sans-serif;letter-spacing:-.05em;margin:0}.chart-heading>p{max-width:450px;color:#aeb8d1;font-size:18px}.chart-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.chart-list li{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:22px;padding:20px 24px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(110deg,rgba(17,29,64,.88),rgba(14,17,40,.9))}.chart-list b{font:800 34px Montserrat,sans-serif;color:#ffcf36;text-align:center}.chart-list h3{font:800 19px Montserrat,sans-serif;margin:0}.chart-list p{margin:4px 0 0;color:#b8c1d8}.chart-list p span{color:#7f8caa}.chart-list em{font:800 10px Montserrat,sans-serif;font-style:normal;letter-spacing:.1em;color:#8c99b9}.chart-list .chart-rise{border-color:rgba(74,218,180,.35)}.chart-list .chart-rise em{color:#63e0bf}.chart-list .chart-winner{padding-block:28px;border-color:rgba(255,207,54,.55);background:linear-gradient(110deg,rgba(111,40,96,.95),rgba(34,27,80,.95))}.chart-list .chart-winner b{font-size:52px}.chart-list .chart-winner em{color:#ffcf36}
.duels-section{padding:86px clamp(22px,7vw,108px);background:linear-gradient(140deg,#12102f,#070d20 60%,#21102c)}.duels-heading{max-width:850px;margin-bottom:38px}.duels-heading>p:last-child{color:#aeb8d1;font-size:18px}.duel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.duel-grid>article{border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(11,17,42,.82)}.duel-grid header{padding:22px 24px;display:flex;justify-content:space-between;gap:14px;background:rgba(255,255,255,.06)}.duel-grid header span{font:800 11px Montserrat,sans-serif;color:#ffcf36}.duel-grid header strong{font:800 11px Montserrat,sans-serif;letter-spacing:.08em}.candidate{display:grid;grid-template-columns:54px 1fr;gap:18px;align-items:center;padding:25px}.candidate>b{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#ffcf36;color:#11142c;font:800 20px Montserrat,sans-serif}.candidate h3{font:800 19px Montserrat,sans-serif;margin:0}.candidate p{margin:5px 0;color:#bac3d9}.candidate p span{color:#7f8caa}.candidate small{font:800 10px Montserrat,sans-serif;color:#ffcf36;letter-spacing:.11em}.versus{text-align:center;color:#596684;font:800 11px Montserrat,sans-serif;letter-spacing:.16em}.duel-grid footer{padding:17px 24px;background:rgba(255,207,54,.09);color:#ffcf36;font:800 10px Montserrat,sans-serif;letter-spacing:.1em}
@media(max-width:900px){.ranking-hero{grid-template-columns:1fr}.leader-card{grid-row:1;max-width:300px}.chart-heading{display:block}.duel-grid{grid-template-columns:1fr}}
@media(max-width:620px){.ranking-hero{padding-left:18px;padding-right:18px}.ranking-hero h1{font-size:52px}.leader-card{max-width:245px}.chart-section,.duels-section{padding-left:16px;padding-right:16px}.chart-list li{grid-template-columns:48px 1fr;padding:18px 14px;gap:12px}.chart-list b{font-size:27px}.chart-list em{grid-column:2}.chart-list h3{font-size:17px}.candidate{padding:21px 18px}.duel-grid header{display:block}.duel-grid header strong{display:block;margin-top:7px}}
.chart-list div>a{display:inline-block;margin-top:10px;padding-bottom:2px;color:#ffcf36;font:700 13px Montserrat,sans-serif;border-bottom:1px solid rgba(255,207,54,.38)}.chart-list div>a:hover{color:#fff;border-color:#fff}
.candidate-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:15px 0 8px}.candidate-actions a,.candidate-actions button{min-height:40px;padding:10px 14px;border-radius:999px;font:800 12px Montserrat,sans-serif}.candidate-actions a{border:1px solid rgba(255,255,255,.25);color:#fff}.candidate-actions button{border:0;background:linear-gradient(135deg,#ffcf36,#ff8b31);color:#12142b;cursor:pointer}.candidate-actions button:disabled{cursor:default;opacity:.48}.duel-card.is-voted{border-color:rgba(255,207,54,.48)}.duel-card [data-vote-count]{color:#91a0c2}.duel-card.is-loading [data-vote]{opacity:.55;pointer-events:none}