:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}html{scroll-padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}body{-webkit-tap-highlight-color:transparent;margin:0;overflow-x:hidden}.bottom-nav-rail{box-sizing:border-box;flex-flow:row;justify-content:space-between;align-items:stretch;gap:4px;width:100%;max-width:100%;padding:0 8px;display:flex;overflow:visible hidden}.bottom-nav-rail .bottom-nav-item{-webkit-user-select:none;user-select:none;flex:1 1 0;min-width:0}@media (width<=639px){.bottom-nav-rail{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin;justify-content:flex-start;gap:8px;padding:0 10px;overflow:auto hidden}.bottom-nav-rail .bottom-nav-item{flex:none;width:64px;min-width:64px;max-width:72px}.bottom-nav-rail::-webkit-scrollbar{height:3px}.bottom-nav-rail::-webkit-scrollbar-thumb{background:#d4af3759;border-radius:3px}}.battle-page-root{--battle-shift-y:min(4cm, 12dvh);--battle-card-nudge-y:0px;box-sizing:border-box;min-height:100dvh;padding-top:calc(env(safe-area-inset-top,0px) + clamp(8px, 2.8vw, 2cm));padding-bottom:calc(max(92px, 11dvh) + env(safe-area-inset-bottom,0px))}@media (width<=560px){.battle-page-root{padding-bottom:calc(max(132px, 16dvh) + env(safe-area-inset-bottom,0px))}.battle-below-cards-shift{margin-bottom:clamp(8px,3vw,20px)}}@media (height>=820px){.battle-page-root{--battle-shift-y:4cm}}@media (width<=900px){.battle-page-root{--battle-shift-y:min(1.4cm, 7dvh);--battle-card-nudge-y:.7cm}}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.battle-arena{box-sizing:border-box;z-index:15;flex-wrap:nowrap;justify-content:center;align-items:center;gap:12px;margin-top:6px;padding-inline:clamp(10px,3.5vw,22px);display:flex;position:relative}@media (width<=900px){.battle-main-flow .battle-arena{zoom:.4;align-items:flex-start;gap:clamp(4px,1.5vw,10px);margin-top:4px;margin-bottom:clamp(8px,2vw,16px);padding-inline:clamp(4px,2vw,14px)}}@media (width<=520px){.battle-main-flow .battle-arena{zoom:.34}}@media (width<=400px){.battle-main-flow .battle-arena{zoom:.3}}.vs-bolt-lift{transform-origin:50%;transform:translateY(-1.5cm)scale(1.35)translateZ(0)}.vs-announcer-shift{z-index:4;position:relative;transform:translateY(-2cm)}@media (width<=900px){.battle-main-flow .battle-arena .vs-center-stack{transform:translateY(3.5cm)}}.battle-main-flow .battle-arena .artist-card-root{flex-shrink:0}.battle-brand-logo{z-index:12;margin-inline:auto;padding-top:0;box-sizing:border-box;text-align:center;flex-shrink:0;width:min(680px,100vw - 14px);max-width:100%;margin-top:clamp(10px,2vw,18px);margin-bottom:clamp(18px,5vw,36px);padding-inline:clamp(8px,2.5vw,18px);position:relative;transform:none}.battle-brand-logo-img{object-fit:contain;width:auto;max-width:min(96vw,680px);height:clamp(140px,min(46vw,36vh),288px);margin-inline:auto;display:block}@media (height<=640px),(width<=400px){.battle-brand-logo-img{height:clamp(96px,min(36vw,26vh),220px)}.battle-brand-logo{margin-bottom:clamp(12px,4vw,28px)}}.battle-flow-below-logo{z-index:6;box-sizing:border-box;padding-inline:0;width:100%;padding-top:0;padding-bottom:16px;position:relative}.battle-below-hud-block-shift{box-sizing:border-box;z-index:6;width:100%;max-width:100%;position:relative;transform:translateY(-3.5cm)}@media (width<=900px){.battle-below-hud-block-shift{transform:translateY(clamp(-1.4rem,-4dvh,-.5rem))}}.battle-main-flow{box-sizing:border-box;flex-direction:column;align-items:center;gap:clamp(16px,4.5vw,32px);width:100%;max-width:100%;margin-top:0;display:flex}.battle-main-flow .battle-stats-panel{margin-top:clamp(14px,2.8vw,22px)!important}@media (width<=900px){.battle-main-flow .battle-stats-panel{margin-top:0!important}}.battle-below-cards-shift{box-sizing:border-box;width:100%;max-width:100%;margin-top:calc(-1 * var(--battle-shift-y));z-index:7;flex-direction:column;align-items:center;display:flex;position:relative}@media (width<=900px){.battle-below-cards-shift{margin-top:0;padding-top:clamp(14px,4.5vw,26px)}}.battle-below-cards-shift>section[aria-label=Other\ battles]{box-sizing:border-box;align-self:stretch;width:100%;max-width:min(1280px,100%);margin-left:auto;margin-right:auto;padding-left:clamp(10px,3.5vw,22px);padding-right:clamp(10px,3.5vw,22px)}@media (height<=720px){.battle-main-flow{gap:clamp(8px,2.5vw,20px)}.battle-brand-logo{margin-bottom:clamp(10px,3vw,22px)}}@media (width<=560px){.battle-main-flow .battle-arena .artist-card-root:first-child:not(.artist-card-root--winning){transform:translateY(calc(-1 * var(--battle-shift-y,4cm) - var(--battle-card-nudge-y,0px))) perspective(1000px) rotateY(-4deg) translateX(6px)!important}.battle-main-flow .battle-arena .artist-card-root:nth-child(3):not(.artist-card-root--winning){transform:translateY(calc(-1 * var(--battle-shift-y,4cm) - var(--battle-card-nudge-y,0px))) perspective(1000px) rotateY(4deg) translateX(-6px)!important}.battle-main-flow .battle-arena .artist-card-root:first-child.artist-card-root--winning{transform:translateY(calc(-1 * var(--battle-shift-y,4cm) - var(--battle-card-nudge-y,0px))) perspective(1000px) rotateY(-4deg) translateX(6px) translateY(-6px)!important}.battle-main-flow .battle-arena .artist-card-root:nth-child(3).artist-card-root--winning{transform:translateY(calc(-1 * var(--battle-shift-y,4cm) - var(--battle-card-nudge-y,0px))) perspective(1000px) rotateY(4deg) translateX(-6px) translateY(-6px)!important}}@media (width<=440px){.battle-main-flow .battle-arena .artist-card-root:first-child:not(.artist-card-root--winning),.battle-main-flow .battle-arena .artist-card-root:nth-child(3):not(.artist-card-root--winning){transform:translateY(calc(-1 * var(--battle-shift-y,4cm) - var(--battle-card-nudge-y,0px))) perspective(1000px) rotateY(0deg) translateX(0)!important}.battle-main-flow .battle-arena .artist-card-root:first-child.artist-card-root--winning,.battle-main-flow .battle-arena .artist-card-root:nth-child(3).artist-card-root--winning{transform:translateY(calc(-1 * var(--battle-shift-y,4cm) - var(--battle-card-nudge-y,0px))) perspective(1000px) rotateY(0deg) translateX(0) translateY(-5px)!important}}@keyframes stripSlideOutLeft{0%{opacity:1;filter:blur();transform:translate(0,0)}to{opacity:0;filter:blur(2px);transform:translate(-60px)}}@keyframes stripSlideInRight{0%{opacity:0;filter:blur(2px);transform:translate(60px)}to{opacity:1;filter:blur();transform:translate(0,0)}}.strip-slide-out{will-change:transform, opacity, filter;animation:.52s cubic-bezier(.32,.72,0,1) forwards stripSlideOutLeft}.strip-slide-in{will-change:transform, opacity, filter;animation:.52s cubic-bezier(.32,.72,0,1) stripSlideInRight}@keyframes voteToastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translate(0,0)}}.vote-toast{animation:.22s ease-out voteToastIn}.battle-stats-panel.battle-stats-panel--compound{padding:20px calc(.5cm + env(safe-area-inset-right,0px)) 18px calc(.5cm + env(safe-area-inset-left,0px));box-sizing:border-box;-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=900px){.battle-stats-panel.battle-stats-panel--compound{box-sizing:border-box;width:100%;max-width:min(980px,100vw - 12px);margin-inline:auto;overflow-x:hidden}}.battle-stats-compound-inner{flex-flow:row;justify-content:flex-start;align-items:stretch;gap:0;width:100%;min-width:0;display:flex}.battle-stats-panel--compound>.battle-stats-compound-inner{width:max-content;max-width:100%}.battle-stats-studio-side{flex-flow:row;flex:none;align-items:stretch;display:flex}.battle-stats-main-cell{flex:0 auto;min-width:0}.battle-stats-studio-annex{box-sizing:border-box;flex:none;justify-content:center;align-items:center;min-width:0;padding:0;display:flex}.battle-stats-compound-divider{background:#d4af3766;flex-shrink:0;align-self:stretch;width:2px;margin-right:clamp(4px,1.25vw,8px)}.battle-stats-panel--compound .battle-stats-main-cell .battle-stats-main-row{justify-content:flex-start;width:auto;max-width:100%}.battle-stats-panel--compound .battle-stats-studio-annex{justify-content:flex-start}.battle-stats-main-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 40px;width:100%;display:flex}@media (width<=900px){.battle-stats-main-row{flex-flow:row;justify-content:center;align-items:center;gap:0 clamp(8px,2.2vw,28px)}.battle-stats-main-row>div{text-align:center;flex:0 auto;min-width:0}.battle-stats-main-row .battle-stats-main-divider{flex-shrink:0;align-self:center;width:2px!important;height:clamp(40px,11vw,70px)!important;margin:0!important}.battle-stats-panel--compound .battle-stats-main-cell .battle-stats-main-row{justify-content:center;column-gap:clamp(3px,1vw,12px);width:100%;min-width:0;max-width:100%}.battle-stats-panel--compound>.battle-stats-compound-inner{box-sizing:border-box;justify-content:space-between;align-items:center;gap:clamp(2px,1.2vw,8px);width:100%;max-width:100%;margin-left:auto;margin-right:auto}.battle-stats-panel--compound .battle-stats-studio-annex img,.battle-stats-panel--compound .battle-stats-studio-annex>span{object-fit:contain;width:auto!important;max-width:min(72px,18vw)!important;max-height:30px!important}.battle-stats-panel--compound .battle-stats-studio-side{flex:0 auto;min-width:0}.battle-stats-panel--compound .battle-stats-main-cell{flex:1 1 0;min-width:0}}@media (width<=560px){.battle-stats-panel--compound .battle-stats-compound-inner{flex-flow:row;align-items:center;gap:clamp(4px,1.5vw,10px)}.battle-stats-panel--compound .battle-stats-studio-side{padding-top:0}.battle-stats-panel.battle-stats-panel--compound{padding:14px clamp(6px,3vw,14px);padding-left:max(6px, env(safe-area-inset-left,0px));padding-right:max(6px, env(safe-area-inset-right,0px))}}.battle-stats-panel h2,.battle-stats-panel p{-webkit-text-fill-color:#f5d06f;color:#f5d06f!important}.battle-stats-panel h2{letter-spacing:.02em!important;font-size:42px!important;font-weight:800!important;line-height:1.1!important}@media (width<=900px){.battle-stats-panel h2{font-size:clamp(20px,5.4vw,40px)!important;line-height:1.1!important}.battle-stats-panel p{letter-spacing:.08em!important;font-size:clamp(9px,2.5vw,14px)!important;line-height:1.2!important}}.battle-stats-panel p{font-weight:700!important}@keyframes battle-artist-win-glow{0%,to{box-shadow:0 0 10px #d4af3780,0 0 30px #ffd70066,0 0 70px #ffd7002e,inset 0 0 18px #ffffff0a}50%{box-shadow:0 0 18px #d4af37e6,0 0 45px #ffd700b3,0 0 100px #ffd70059,inset 0 0 25px #ffffff0f}}@keyframes battle-artist-shimmer-x{0%{transform:rotate(12deg)translate(0,0)}to{transform:rotate(12deg)translate(267%)}}@keyframes battle-crown-pop{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-2px)scale(1.12)}}@keyframes battle-vote-scale{0%,to{transform:scale(1.02)}50%{transform:scale(1.06)}}@keyframes vs-leading-scale{0%,to{transform:translateY(-28px)scale(1)}50%{transform:translateY(-30px)scale(1.025)}}.artist-card-headline-row{flex-direction:row;justify-content:center;align-items:center;gap:clamp(10px,3vw,14px);min-width:0;display:flex}.artist-card-name-shell{flex:auto;min-width:0;max-width:100%}@media (width<=460px){.artist-card-headline-row{flex-direction:column;align-items:center;gap:8px}.artist-card-name-shell{flex-basis:auto;width:100%}}.artist-card-root--winning{animation:1.4s ease-in-out infinite battle-artist-win-glow}.artist-card-root--winning .artist-card-shimmer{will-change:transform;animation:1.4s ease-in-out infinite alternate battle-artist-shimmer-x}.artist-card-crown-pulse{animation:1.4s ease-in-out infinite battle-crown-pop}.artist-card-vote-btn--pulse{animation:1.4s ease-in-out infinite battle-vote-scale}.vs-leading-pulse{animation:1.4s ease-in-out infinite vs-leading-scale}@media (prefers-reduced-motion:reduce){.artist-card-root--winning,.artist-card-root--winning .artist-card-shimmer,.artist-card-crown-pulse,.artist-card-vote-btn--pulse,.vs-leading-pulse{animation:none!important}.artist-card-root--winning{box-shadow:0 0 14px #d4af37b3,0 0 38px #ffd7008c,0 0 85px #ffd70042,inset 0 0 21px #ffffff0d!important}.artist-card-root--winning .artist-card-shimmer{transform:rotate(12deg)translate(133%)}.artist-card-crown-pulse{transform:translateY(-1px)scale(1.06)}.artist-card-vote-btn--pulse{transform:scale(1.04)}.vs-leading-pulse{transform:translateY(-29px)scale(1)}}