.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.is-loading [data-vote]{opacity:.55;pointer-events:none}

.song-vote{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.song-vote button{padding:10px 14px;border:1px solid #ffb100;border-radius:8px;background:#ffb100;color:#071226;font:700 14px inherit;cursor:pointer}.song-vote button:disabled{opacity:.6;cursor:default}.song-vote [data-song-message]{font-size:14px;color:#c6cee4}
.voter-registration{padding:36px clamp(22px,7vw,108px);background:#11182d;border-block:1px solid #34405a;font-size:16px;scroll-margin-top:110px}.voter-registration h2{margin:0 0 12px;font-size:28px}.voter-registration p{max-width:850px;color:#c6cee4;line-height:1.6}.voter-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:850px}.voter-fields label{display:grid;gap:8px;font-weight:700}.voter-fields input{width:100%;min-width:0;padding:12px;border:1px solid #697791;border-radius:8px;background:#070b1c;color:#fff;font:inherit}.voter-check{display:flex;align-items:flex-start;gap:12px;max-width:850px;margin:18px 0;line-height:1.5}.voter-check input{width:20px;height:20px;flex:none;margin-top:3px;accent-color:#ffcf36}.voter-registration button{padding:12px 18px;border:0;border-radius:8px;background:#ffcf36;color:#12142b;font:700 16px system-ui;cursor:pointer}.voter-registration button:disabled{opacity:.6}.voter-registration a{color:#ffcf36;text-decoration:underline}.voter-registration .voter-privacy{font-size:14px}.raffle-public-details{padding:18px;border:1px solid #697791;border-radius:12px;max-width:850px}.raffle-public-details h3{margin:0;font-size:22px}.raffle-public-details p{white-space:pre-wrap;overflow-wrap:anywhere}.voter-registration :focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:620px){.voter-fields{grid-template-columns:1fr}.voter-registration{padding:28px 16px}}