:root{--bg: #07080a;--panel: rgba(16,18,22,.55);--panel2: rgba(16,18,22,.4);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.7);--muted2: rgba(255,255,255,.55);--red: #ff2b2b;--red2: #c01122;--blue: #2ea0ff;--blue2: #0b56ff;--radius: 18px;--radiusSm: 14px;--shadow: 0 12px 40px rgba(0,0,0,.55);--border: 1px solid rgba(255,255,255,.08);--pad: 18px;--max: 520px;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:url(/images/bg_body.webp);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button{font:inherit}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-v22-latin-600.woff2) format("woff2"),}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-v22-latin-700.woff2) format("woff2")}@font-face{font-family:Inter;src:url(/fonts/inter-v20-latin-600.woff2) format("woff2")}@font-face{font-family:Inter;src:url(/fonts/inter-v20-latin-regular.woff2) format("woff2");src:url()}.rg{min-height:100vh;position:relative;overflow-x:hidden}.rg__bg{position:absolute;inset:0;background:radial-gradient(1200px 700px at 20% 10%,rgba(46,160,255,.18),transparent 55%),radial-gradient(900px 700px at 80% 25%,rgba(255,43,43,.18),transparent 55%),linear-gradient(180deg,#00000059,#000000bf);filter:saturate(1.1)}.rg__scrimTop{position:absolute;left:0;right:0;top:0;height:180px;background:linear-gradient(180deg,rgba(0,0,0,.75),transparent)}.rg__scrimBottom{position:absolute;left:0;right:0;bottom:0;height:260px;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent)}.rg__main{position:relative;max-width:var(--max);margin:0 auto}.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-bottom:1px solid rgba(255,255,255,.06)}.nav__inner{max-width:var(--max);margin:0 auto;padding:14px var(--pad);display:flex;align-items:center;justify-content:space-between}.brand__logo{width:52px;height:52px;border-radius:999px}.brand{display:flex;align-items:center;gap:10px}.brand__mark{border-radius:8px}.brand__text{font-weight:800;letter-spacing:.08em;font-size:14px;font-family:var(--font-display);text-align:center}.nav__right{display:flex;gap:10px;justify-content:center;align-items:center}.iconBtn{width:40px;height:40px;border-radius:14px;border:var(--border);background:#10121659;color:var(--text)}.iconBtn__avatar{display:block;width:18px;height:18px;margin:0 auto;border-radius:999px;background:#ffffff59}.iconBtn__burger{display:block;width:18px;height:2px;margin:0 auto;background:#ffffffbf;position:relative}.iconBtn__burger:before,.iconBtn__burger:after{content:"";position:absolute;left:0;right:0;height:2px;background:#ffffffbf}.iconBtn__burger:before{top:-6px}.iconBtn__burger:after{top:6px}.hero{overflow:hidden}.hero__media{position:relative;height:320px;width:100%;background:url(/images/header__duel_v6.webp) no-repeat center/cover}.hero__livePill{position:absolute;top:14px;left:14px;padding:6px 10px;border-radius:999px;font-weight:800;letter-spacing:.1em;font-size:11px;background:linear-gradient(90deg,#ff2b2bd9,#2ea0ffbf);border:1px solid rgba(255,255,255,.14)}.hero__meter{position:absolute;top:54px;left:14px;right:14px;display:flex;align-items:center;gap:10px}.hero__pct{font-weight:800;font-size:14px}.hero__pct--blue{color:#bee1fff2}.hero__pct--red{color:#ffcdcdf2}.hero__bar{position:relative;flex:1;height:10px;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#00000073}.hero__barFlash{position:absolute;left:50%;top:-18px;width:2px;height:46px;transform:translate(-50%);background:#ffffffa6;box-shadow:0 0 18px #ffffff8c;opacity:.9}.hero__copy{padding:18px 16px;position:absolute;top:130px;left:0;right:0}.hero__title{margin:0 0 8px;font-size:30px;line-height:1.04;letter-spacing:-.02em;font-family:var(--font-display)}.hero__sub{margin:0 0 16px;color:var(--muted);font-size:14px}.hero__cta{margin-top:24px}.btn{width:100%;height:48px;border-radius:999px;border:var(--border);background:#10121659;color:var(--text);font-weight:700;letter-spacing:.01em}.btn--primary{background:linear-gradient(90deg,#ff2b2beb,#ff2b2ba6);border:1px solid rgba(255,43,43,.35);box-shadow:0 10px 30px #ff2b2b2e}.link-primary{text-decoration:none;text-align:center;padding:10px 14px}.btn--ghost{background:#00000040}.btn--secondary{margin-top:14px;background:#10121673}.sectionTitle{margin:22px 0 14px;display:flex;align-items:center;gap:12px}.sectionTitle h2{margin:0;font-size:24px;letter-spacing:-.01em;font-family:var(--font-display)}.sectionTitle__line{flex:1;height:1px;background:#ffffff1a}.how{margin-top:50px}.how__cards{display:grid;grid-template-columns:3fr;gap:12px;padding:0 14px}.howCard{position:relative;border-radius:var(--radius);overflow:hidden;min-height:200px;padding:14px;display:flex;flex-direction:column;justify-content:space-around}.howCard__meta{display:flex;flex-direction:column;justify-content:space-around}.howCard h3{margin:0 0 6px;font-size:16px}.howCard p{margin:0;color:var(--muted2);font-size:13px}.howCard__bg{position:absolute;inset:0;opacity:.55;filter:saturate(1.1) contrast(1.05)}.howCard--blue{width:100%;height:100%;background:url(/images/card__ia.webp) center/cover no-repeat}.howCard--red{width:100%;height:100%;background:url(/images/jugde_eval.webp) center/cover no-repeat}.howCard--mix{width:100%;height:100%;background:url(/images/voto_public.webp) center/cover no-repeat}.howCard>*{position:relative;z-index:1}.ranking{margin-top:50px;margin-bottom:50px;padding:0 14px;display:flex;flex-direction:column;gap:24px}.rankCard{border-radius:var(--radius);border:var(--border);background:#10121673;overflow:hidden;box-shadow:0 10px 28px #00000059}.rankRow{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:12px;border-bottom:1px solid rgba(255,255,255,.06)}.rankRow:last-child{border-bottom:0}.rankRow__pos{font-weight:900;opacity:.9;display:flex;align-items:flex-start;justify-content:center;padding-top:2px}.rankRow__name{font-weight:800;letter-spacing:.01em}.rankRow__meta{grid-column:2 / -1;display:flex;justify-content:space-between;color:var(--muted2);font-size:12px}.rankRow__points small{opacity:.7;font-size:11px}.finalCta{margin-top:18px;padding:18px 0 0;text-align:center}.builtBy{color:#ffffff8c;font-size:12px;margin-bottom:10px}.builtBy a{color:#fffc;font-weight:800}.btn-ranking{text-decoration:none;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.modalBackdrop{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:flex-end;justify-content:center;z-index:999;padding:18px}.modal{width:100%;max-width:520px;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:#0a0c10d9;box-shadow:0 18px 60px #0009;padding:16px}.modal__title{font-family:var(--font-display);margin:0 0 6px;font-size:18px}.modal__sub{margin:0 0 14px;color:#ffffffb3;font-size:13px;line-height:1.45}.siteHeader{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0eb3;border-bottom:1px solid rgba(255,255,255,.06)}.siteHeader__inner{max-width:1200px;margin:0 auto;min-height:72px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.siteHeader__brand{color:#fff;text-decoration:none;font-weight:900;letter-spacing:.02em}.siteHeader__nav,.siteHeader__actions--desktop{display:none}.siteHeader__link{color:#ffffffc7;text-decoration:none;font-weight:600;transition:.18s ease}.siteHeader__link:hover{color:#fff}.menuToggle{width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;display:inline-flex;flex-direction:column;justify-content:center;gap:5px;padding:0 10px;cursor:pointer}.menuToggle span{display:block;height:2px;width:100%;background:#fff;border-radius:999px}.mobileMenu{padding:12px 16px 16px;border-top:1px solid rgba(255,255,255,.06);display:grid;gap:10px;background:#0a0a0ef2}.mobileMenu__link{color:#fff;text-decoration:none;font-weight:700;padding:10px 0}.mobileMenu__actions{display:grid;gap:10px;margin-top:6px}@media(min-width:960px){.menuToggle{display:none}.siteHeader__nav{display:flex;align-items:center;gap:22px}.siteHeader__actions--desktop{display:flex;align-items:center;gap:10px}.mobileMenu{display:none}}.card__header{position:relative}.card{padding-bottom:14px}.card__header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#0078ffe6,#78c8ff,#0078ffe6);border-radius:999px}.card__header:after{background:linear-gradient(90deg,#0078ff33,#00b4ff,#0078ff33);background-size:200% 100%;animation:energyMove 3s linear infinite}.divider--mix{background:linear-gradient(90deg,#0088f753,#ff000095,#ff2b2b);background-size:200% 100%}.divider{height:2px;width:100%;border-radius:999px;margin-bottom:10px}.divider--red{background:linear-gradient(90deg,#ff282826,#ff4646,#ff282826)}.judgesSection{padding:64px 20px}.judgesSection__inner{max-width:1200px;margin:0 auto}.judgesSection__header{margin-bottom:24px;text-align:center}.judgesSection__eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.16em;color:#ffffff80;margin-bottom:10px}.judgesSection__title{margin:0;font-size:2rem;line-height:1.05;font-weight:900;color:#fff}.judgesSection__subtitle{max-width:760px;margin:12px auto 0;font-size:1rem;line-height:1.6;color:#ffffffad}.judgesGrid{display:grid;grid-template-columns:1fr;gap:18px}.judgePublicCard{overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;transition:.18s ease}.judgePublicCard:hover{transform:translateY(-2px);border-color:#ffffff24;background:#ffffff0b}.judgePublicCard__cover{width:100%;aspect-ratio:16 / 8;background:#ffffff08}.judgePublicCard__coverImg,.judgePublicCard__coverPlaceholder{width:100%;height:100%;display:block}.judgePublicCard__coverImg{object-fit:cover}.judgePublicCard__coverPlaceholder{background:linear-gradient(135deg,#7c3aed2e,#06b6d41f)}.judgePublicCard__body{padding:16px}.judgePublicCard__top{display:flex;align-items:center;gap:12px}.judgePublicCard__avatar{width:58px;height:58px;border-radius:16px;object-fit:cover;flex-shrink:0}.judgePublicCard__avatar--placeholder{background:#ffffff0a;border:1px dashed rgba(255,255,255,.18)}.judgePublicCard__identity{min-width:0;flex:1}.judgePublicCard__name{margin:0;font-size:1.05rem;font-weight:800;color:#fff;word-break:break-word}.judgePublicCard__badge{display:inline-flex;align-items:center;justify-content:center;margin-top:6px;min-height:28px;padding:0 10px;border-radius:999px;font-size:.72rem;font-weight:800;color:#ffffffd1;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.judgePublicCard__bio{margin:14px 0 0;font-size:.92rem;line-height:1.6;color:#ffffffad}.judgePublicCard__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.judgePublicCard__link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border-radius:12px;text-decoration:none;font-size:.86rem;font-weight:700;color:#fff;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);transition:.18s ease}.judgePublicCard__link:hover{background:#ffffff14}.judgesSection__empty{display:grid;justify-items:center;text-align:center;padding:28px 16px;border-radius:18px;border:1px dashed rgba(255,255,255,.12);background:#ffffff05;color:#ffffff94}@media(min-width:720px){.judgesGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.judgesSection{padding:80px 24px}.judgesSection__title{font-size:2.5rem}.judgesGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.rankingsTeaser{margin-top:32px;padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:#0a0c10d1;box-shadow:0 16px 40px #00000059;display:flex;flex-direction:column;gap:14px}.rankingsTeaser__head h2{margin:8px 0;color:#fff;font-size:24px;font-weight:900;letter-spacing:-.02em}.rankingsTeaser__head p{margin:0;color:#ffffffad;line-height:1.5;max-width:680px}.rankingsTeaser__eyebrow{font-size:11px;font-weight:900;letter-spacing:.12em;color:#ffffff80}.rankingsTeaser__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.rankingMiniCard{padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.rankingMiniCard__icon{font-size:20px}.rankingMiniCard h3{margin:10px 0 6px;color:#fff;font-size:16px;font-weight:800}.rankingMiniCard p{margin:0;color:#ffffffa6;font-size:13px;line-height:1.45}.rankingsTeaser__cta{margin-top:16px}.rankingLink{text-decoration:none;padding:10px 20px}@media(max-width:720px){.rankingsTeaser__grid{grid-template-columns:1fr}.rankingsTeaser__head h2{font-size:21px}}.tabs{display:flex;gap:10px;margin:10px 14px}.tab{flex:1;height:40px;border-radius:999px;border:var(--border);background:#10121659;color:#ffffffc7;font-weight:700;font-size:13px}.tab--active{background:#ffffff1a;color:#fffffff2}.battleList{display:grid;gap:14px;padding:0 14px}.battleCard{border-radius:22px;padding:16px;border:1px solid rgba(255,255,255,.08);background:#10121673;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .25s ease,box-shadow .25s ease;cursor:pointer;height:400px;display:flex;align-items:end;justify-content:center}.battleCard:hover{transform:translateY(-4px);box-shadow:0 18px 40px #00000080}.battleCard__image{height:148px;background-size:cover;background-position:center;position:relative}.battleCard:hover .fighter img{transform:scale(1.06)}.battleCard__summary{font-size:13px;color:#ffffffa6;line-height:1.45}.battleCard__main{height:100%;display:flex;flex-direction:column;justify-content:end}.badge{position:absolute;left:40px;top:40px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.08em;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.badge--active{background:#ff2b2b2e}.badge--upcoming{background:#2ea0ff2e}.badge--closed{background:#ffffff1a}.battleCard__meter{display:flex;gap:10px;width:100%}.battleCard__info{border:2px solid}.meter{position:relative;flex:1;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#00000073;width:100%}.meter__blue{height:100%;background:linear-gradient(90deg,#2ea0fff2,#0b56ffd9)}.meter__red{height:100%;position:absolute;right:0;top:0;background:linear-gradient(90deg,#ff2b2bd9,#c01122f2)}.meter__flash{position:relative;left:50%;top:-18px;width:2px;height:16px;transform:translate(-50%);background:#ffffff8c;box-shadow:0 0 16px #ffffff8c;opacity:.9}.battleCard__content{padding:14px 14px 16px 0}.battleCard__title{font-family:var(--font-display);font-weight:800;font-size:16px;margin:0}.pct{font-family:var(--font-display);font-weight:800;font-size:13px}.pct--blue{color:#bee1fff2}.pct--red{color:#ffcdcdf2}.btn-Link{text-decoration:none;text-align:center;padding:5px 20px;margin-top:20px;border-radius:999px;color:#fff}.nav{position:sticky;top:0;z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0eb8;border-bottom:1px solid rgba(255,255,255,.06)}.nav__inner{max-width:1200px;margin:0 auto;min-height:72px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-width:0}.brand__logo{width:38px;height:38px;object-fit:contain;display:block;flex-shrink:0}.brand__text{color:#fff;font-weight:900;letter-spacing:.02em;line-height:1;white-space:nowrap}.nav__links{display:none}.nav__link{color:#ffffffc7;text-decoration:none;font-weight:700;transition:.18s ease}.nav__link:hover{color:#fff}.nav__right{display:flex;align-items:center;gap:10px}.navLoginDesktop{display:none}.iconBtn{width:42px;height:42px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:.18s ease}.iconBtn:hover{background:#ffffff14}.iconBtn__avatar{width:24px;height:24px;border-radius:999px;background:#fff3;display:block}.iconBtn__avatarImg{width:26px;height:26px;border-radius:999px;display:block;object-fit:cover}.navMenuBtn{padding:0}.iconBtn__burgerLines{width:18px;display:flex;flex-direction:column;gap:4px}.iconBtn__burgerLines span{display:block;width:100%;height:2px;border-radius:999px;background:#fff}.mobileNav{padding:12px 16px 16px;border-top:1px solid rgba(255,255,255,.06);display:grid;gap:10px;background:#0a0a0ef2}.mobileNav__link{color:#fff;text-decoration:none;font-weight:700;padding:10px 0}.mobileNav__login{margin-top:4px}@media(min-width:960px){.nav__links{display:flex;align-items:center;gap:22px}.navLoginDesktop{display:inline-flex}.navMenuBtn,.mobileNav{display:none}}.battleDetails{display:grid;gap:14px;padding:0 14px 14px}.battleHero{border-radius:0 0 26px 26px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#10121659;box-shadow:0 14px 40px #00000073}.battleHero__cover{height:220px;background-size:cover;background-position:center;position:relative}.battleHero__info{padding:14px 14px 16px}.battleHero__title{font-family:var(--font-display);font-weight:800;font-size:22px;margin:0;letter-spacing:-.01em}.battleHero__summary{margin:8px 0 0;color:#ffffffad;font-size:13px;line-height:1.45}.sectionH2{font-family:var(--font-display);font-weight:800;font-size:16px;margin:0 0 10px}.scorePanel{border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#10121666;padding:14px}.scorePanel__row{display:flex;align-items:center;gap:10px}.scorePanel__mini{display:flex;gap:8px;margin-top:10px}.chip{padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#00000038;color:#ffffffc7;font-size:12px;font-weight:700}.chip--blue{box-shadow:0 0 14px #2ea0ff38}.chip--red{box-shadow:0 0 14px #ff2b2b2e}.votePanel{border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#10121666;padding:14px}.votePanel__buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.voteBtn{height:48px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#00000040;color:#ffffffe0;font-weight:800}.voteBtn--blue{box-shadow:0 0 18px #2ea0ff24}.voteBtn--red{box-shadow:0 0 18px #ff2b2b1f}.voteBtn--active{outline:2px solid rgba(255,255,255,.1);box-shadow:0 0 24px #ffffff1a;transform:translateY(-1px)}.votePanel__status{margin-top:10px;color:#ffffffbf;font-size:13px}.votePanel__hint{margin-top:4px;color:#ffffff8c;font-size:12px}.punchCard{border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#10121666;padding:14px;overflow:hidden;position:relative}.punchCard__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pill{padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.08em;background:#ff2b2b2e;border:1px solid rgba(255,43,43,.25)}.punchCard__quote{font-size:14px;line-height:1.45;color:#ffffffd1;margin-bottom:12px}.rounds{border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#10121659;padding:14px}.rounds__list{display:grid;gap:12px}.roundCard{border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#00000038;padding:12px}.roundCard__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.roundCard__title{font-weight:900;letter-spacing:.01em}.roundCard__tag{font-size:11px;font-weight:900;letter-spacing:.08em;opacity:.7}.roundCard__tracks{display:grid;gap:10px}.track{display:flex;gap:10px;align-items:center;text-decoration:none;padding:10px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#10121659}.track__label{width:28px;height:28px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900}.track--blue .track__label{background:#2ea0ff2e;box-shadow:0 0 16px #2ea0ff2e}.track--red .track__label{background:#ff2b2b29;box-shadow:0 0 16px #ff2b2b24}.track__name{color:#ffffffe0;font-weight:800}.emptyBox{padding:12px;border-radius:14px;border:1px dashed rgba(255,255,255,.12);color:#ffffffa6;font-size:13px}.noResponseBox{height:48px;border-radius:16px;border:1px dashed rgba(255,255,255,.14);background:#0000002e;color:#ffffffa6;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.badge--details{left:14px;top:14px}.voteBtn--confirm{position:relative;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 18px #ffffff1a;animation:confirmPulse 1.1s ease-in-out infinite}@keyframes confirmPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.voteBtn--disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.25);box-shadow:none!important;border:1px dashed rgba(255,255,255,.14)}.voteBtn--disabledSoft{opacity:.55;cursor:not-allowed;filter:grayscale(.2);border:1px dashed rgba(255,255,255,.14);box-shadow:none!important}.battleBar__sideA,.battleBar__sideB{transition:width .6s cubic-bezier(.4,0,.2,1)}.artistCard--impact{animation:voteImpact .5s ease}@keyframes voteImpact{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}.voteTotal{margin-top:10px;font-size:13px;font-weight:800;color:#ffffffc7;text-align:center}.voteBtn--loading{opacity:.85;pointer-events:none}.punchBtn{width:100%;min-height:48px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#00000038;color:#ffffffe0;font-weight:900;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;position:relative;overflow:hidden;cursor:pointer}.punchBtn__left{display:flex;align-items:center;gap:10px;min-width:0}.punchBtn__icon{font-size:14px;width:18px;text-align:center}.punchBtn__label{font-size:13px;white-space:nowrap}.punchBtn__bar{width:42%;height:6px;border-radius:999px;background:#ffffff1a;overflow:hidden;border:1px solid rgba(255,255,255,.08);flex-shrink:0}.punchBtn__barFill{display:block;height:100%;width:0%;background:#ffffffa6;transition:width .15s linear}.punchBtn--blue{box-shadow:0 0 18px #2ea0ff2e}.punchBtn--red{box-shadow:0 0 18px #ff2b2b29}.punchBtn--playing{border-color:#ffffff29;animation:punchPulse 1.1s ease-in-out infinite}.punchBtn--locked{opacity:.65;cursor:not-allowed}@keyframes punchPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.meter--big{height:12px;position:relative}.meter__blue,.meter__red{height:100%;transition:width .42s ease}.impactFlash{pointer-events:none;position:absolute;inset:-20px;opacity:0;transform:translateY(6px)}.impactFlash--A{opacity:1;animation:impact .52s ease-out both;background:radial-gradient(circle at 35% 40%,#2ea0ff8c,#2ea0ff00 55%),radial-gradient(circle at 50% 70%,#ffffff59,#fff0 50%);filter:blur(10px)}.impactFlash--B{opacity:1;animation:impact .52s ease-out both;background:radial-gradient(circle at 65% 40%,#ff2b2b80,#ff2b2b00 55%),radial-gradient(circle at 50% 70%,#ffffff59,#fff0 50%);filter:blur(10px)}@keyframes impact{0%{opacity:0;transform:scale(.9)}40%{opacity:1}to{opacity:0;transform:scale(1.05)}}.meter__blue,.meter__red{transition:width .55s cubic-bezier(.22,.8,.28,1)}.meter--impact{animation:meterPulse .32s ease}@keyframes meterPulse{0%{transform:scaleY(1)}50%{transform:scaleY(1.25)}to{transform:scaleY(1)}}.rankingCard{border:1px solid rgba(255,255,255,.08);background:#0a0c10d1;border-radius:22px;padding:16px;box-shadow:0 16px 40px #00000059;margin:0 14px}.rankingCard__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.rankingCard__titleWrap{display:flex;align-items:center;gap:10px}.rankingCard__icon{font-size:20px}.rankingCard__title{margin:0;font-size:18px;font-weight:900;color:#fff}.rankingCard__more{color:#ffffffb8;text-decoration:none;font-size:13px;font-weight:700}.rankingCard__more:hover{color:#fff}.rankingTable{width:100%}.rankingTable__header{display:grid;grid-template-columns:52px minmax(0,1fr) 120px 90px;gap:10px;padding:0 10px 10px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#ffffff85;border-bottom:1px solid rgba(255,255,255,.08)}.rankingTable__body{display:grid}.rankingRow{display:grid;grid-template-columns:52px minmax(0,1fr) 120px 90px;gap:10px;align-items:center;padding:12px 10px;text-decoration:none;color:#fff;border-bottom:1px solid rgba(255,255,255,.06);transition:background .18s ease,transform .18s ease}.rankingRow:hover{background:#ffffff0a;transform:translateY(-1px)}.rankingRow:last-child{border-bottom:0}.rankingRow__rank{display:flex;align-items:center}.rankingRow__rankNumber{display:inline-flex;width:32px;height:32px;border-radius:12px;align-items:center;justify-content:center;font-size:15px;font-weight:900;background:#ffffff0f}.rankingRow--top1 .rankingRow__rankNumber{background:#ffc4002e;box-shadow:0 0 22px #ffc4002e}.rankingRow--top2 .rankingRow__rankNumber{background:#8c8c8c29}.rankingRow--top3 .rankingRow__rankNumber{background:#b4661e29}.rankingRow__battle{min-width:0}.rankingRow__battleTitle{font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rankingRow__battleSub{margin-top:3px;font-size:12px;color:#ffffff94}.rankingRow__metric{font-size:13px;font-weight:800;color:#ffffffd6}.rankingRow__votes{text-align:right;font-size:13px;font-weight:900;color:#ffffffe0}@media(max-width:720px){.rankingTable__header{display:none}.rankingRow{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"rank battle" "rank metric" "rank votes";gap:4px 10px;padding:12px 6px}.rankingRow__rank{grid-area:rank;align-self:start;padding-top:2px}.rankingRow__battle{grid-area:battle}.rankingRow__metric{grid-area:metric;font-size:12px;color:#ffffffbd}.rankingRow__votes{grid-area:votes;text-align:left;font-size:12px;color:#ffffff9e}.rankingCard__head{align-items:flex-start;flex-direction:column}}.rankingHero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px;margin:50px 0 0}.rankingHero__title{margin:8px 0 6px;color:#fff;font-size:28px;font-weight:900;letter-spacing:-.02em}.rankingHero__desc{margin:0;color:#ffffffad;max-width:720px;line-height:1.45}.rankingHero__badge{padding:10px 14px;border-radius:999px;background:#ffffff0f;color:#ffffffd1;font-size:13px;font-weight:800;border:1px solid rgba(255,255,255,.08);white-space:nowrap}@media(max-width:720px){.rankingHero{flex-direction:column}.rankingHero__title{font-size:24px}}