.arena-screen{--arena-bg:#0b070a;--arena-ink:#f6f1e9;--arena-muted:#b1acb3;--arena-line:#393338;--arena-pink:#f476b7;background:var(--arena-bg);color:var(--arena-ink);isolation:isolate;width:100%;min-height:100svh;position:relative}@supports (color:lab(0% 0 0)){.arena-screen{--arena-bg:lab(2.15199% 1.54632 -1.00251);--arena-ink:lab(95.394% .703841 4.5323);--arena-muted:lab(70.8423% 3.14692 -2.89392);--arena-line:lab(22.1157% 3.53219 -2.235);--arena-pink:lab(66.3934% 54.5695 -10.5375)}}.arena-screen:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 10% 15%,#310f2159,#0000 60%);background:radial-gradient(at 10% 15%,lab(9.87174% 19.1838 -3.71345/.35),#0000 60%);position:absolute;inset:0}.arena-screen :is(a,button):focus-visible{outline:2px solid var(--arena-pink);outline-offset:6px}.arena-stage{flex-direction:column;min-height:100svh;padding:24px 3vw 18px;display:flex;position:relative}.arena-header{border-bottom:1px solid var(--arena-line);justify-content:space-between;align-items:center;gap:32px;padding-bottom:22px;display:flex}.arena-identity{align-items:center;gap:26px;min-width:0;display:flex}.arena-wordmark{letter-spacing:-.04em;flex-direction:column;font-size:24px;font-weight:700;line-height:.82;display:flex}.arena-wordmark>span:last-child{margin-left:9px}.arena-brand-dot{color:var(--arena-pink);margin-left:2px;font-size:9px}.arena-venue{border-left:1px solid var(--arena-line);min-width:0;padding-left:26px}.arena-venue h1{overflow-wrap:anywhere;font-size:clamp(16px,1.4vw,26px);font-weight:500;line-height:1.25}.arena-venue p{color:var(--arena-muted);margin-top:6px;font-size:12px}.arena-round{text-align:center;flex-shrink:0}.arena-round h2{font-size:14px;font-weight:500;line-height:1.3}.arena-round>span{color:var(--arena-muted);margin-top:6px;font-size:11px;display:block}.arena-countdown{flex-shrink:0;align-items:center;gap:22px;display:flex}.arena-countdown>span{text-align:right;max-width:14ch;color:var(--arena-muted);font-size:12px;line-height:1.5}.arena-countdown>strong{font:500 clamp(34px, 3.9vw, 72px)/1 var(--font-jetbrains), monospace;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.arena-countdown>strong>span{color:var(--arena-muted)}.arena-countdown-urgent>strong,.arena-countdown-urgent>strong>span{color:#ff969f;color:lab(74.1057% 45.458 14.9398)}.arena-header-message{text-align:right;color:var(--arena-muted);font-size:12px;line-height:1.5}.arena-main{flex:1;grid-template-columns:minmax(0,1.9fr) minmax(270px,.85fr);align-items:center;gap:clamp(32px,4vw,80px);min-height:0;padding-block:30px;display:grid}.arena-performance{min-width:0}.arena-overline{color:var(--arena-muted);font-size:clamp(12px,1vw,17px);line-height:1.5}.arena-featured{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(24px,3vw,56px);display:grid}.arena-album{aspect-ratio:1;background:#1f181e;background:lab(9.31239% 4.40704 -2.7795);flex-shrink:0;position:relative;overflow:hidden}.arena-album>img{z-index:1;object-fit:cover;width:100%;height:100%;position:relative}.arena-album>img[hidden]{display:none}.arena-cover-fallback{width:40%;height:40%;color:var(--arena-muted);position:absolute;inset:30%}.arena-featured-cover{width:clamp(175px,25vh,320px)}.arena-featured-copy{min-width:0}.arena-featured-copy h2{letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:balance;margin-top:14px;font-size:clamp(32px,3.6vw,70px);font-weight:600;line-height:1.04}.arena-featured-artist{color:var(--arena-muted);overflow-wrap:anywhere;margin-top:10px;font-size:clamp(16px,1.5vw,28px);line-height:1.4}.arena-featured-votes{align-items:center;gap:16px;margin-top:20px;display:flex}.arena-featured-votes>strong{font:500 clamp(36px, 3.5vw, 64px)/1 var(--font-jetbrains), monospace;color:var(--arena-pink)}.arena-featured-votes>span{color:var(--arena-muted);font-size:12px;line-height:1.4}.arena-suggested{color:var(--arena-muted);overflow-wrap:anywhere;margin-top:12px;font-size:11px}.arena-chart{margin-top:28px}.arena-chart-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:10px;display:flex}.arena-chart-heading h3{font-size:13px;font-weight:500}.arena-chart-heading>span{color:var(--arena-muted);font-size:11px}.arena-chart ol{flex-direction:column;display:flex}.arena-chart li{border-top:1px solid var(--arena-line);align-items:center;gap:16px;padding:9px 0;display:flex}.arena-chart-position{width:26px;font:13px var(--font-jetbrains), monospace;color:var(--arena-muted)}.arena-chart .arena-album{width:clamp(32px,4vh,48px)}.arena-chart-track{flex:1;min-width:0}.arena-chart-track strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(14px,1.25vw,22px);font-weight:500;line-height:1.3;display:block;overflow:hidden}.arena-chart-track>span{color:var(--arena-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;display:block;overflow:hidden}.arena-chart-votes{font:500 clamp(18px, 1.8vw, 28px)/1 var(--font-jetbrains), monospace;text-align:right;min-width:50px}.arena-chart-votes small{color:var(--arena-muted);font:10px/1.6 var(--font-archivo), sans-serif;display:block}.arena-chart-leader .arena-chart-votes{color:var(--arena-pink)}.arena-more-tracks{color:var(--arena-muted);margin-top:12px;font-size:11px}.arena-join{border-left:1px solid var(--arena-line);flex-direction:column;justify-content:center;align-self:stretch;gap:26px;padding-left:clamp(25px,3vw,60px);display:flex}.arena-join h3{letter-spacing:-.035em;margin-top:16px;font-size:clamp(32px,3.5vw,66px);font-weight:600;line-height:.97}.arena-join h3>span{color:var(--arena-pink)}.arena-qr-block{width:min(100%,320px)}.arena-qr-paper{aspect-ratio:1;background:#fff;width:100%;padding:5px}.arena-qr-paper img{object-fit:contain;width:100%;height:100%}.arena-qr-loading{color:#18181b;justify-content:center;align-items:center;height:100%;font-size:13px;display:flex}.arena-qr-instruction{margin-top:17px;font-size:12px}.arena-room-code{font:500 clamp(22px, 2.4vw, 44px)/1.3 var(--font-jetbrains), monospace;letter-spacing:.06em;overflow-wrap:anywhere;margin-top:6px}.arena-join-backup{color:var(--arena-muted);margin-top:10px;font-size:11px;line-height:1.7}.arena-join-backup a{text-underline-offset:3px;text-decoration:underline}.arena-welcome{flex-direction:column;justify-content:space-between;min-height:min(67vh,740px);display:flex;position:relative}.arena-welcome h2{z-index:2;letter-spacing:-.04em;text-wrap:balance;max-width:14ch;margin-top:12px;font-size:clamp(46px,5.8vw,118px);font-weight:600;line-height:1;position:relative}.arena-welcome-art{position:absolute;inset:36% -1% 1% 25%}.arena-welcome-note{z-index:2;margin-top:auto;padding-top:320px;font-size:clamp(13px,1vw,18px);line-height:1.65;position:relative}.arena-waiting{position:relative}.arena-waiting h2{letter-spacing:-.035em;text-wrap:balance;max-width:16ch;margin-top:18px;font-size:clamp(34px,4.4vw,82px);font-weight:600;line-height:1.05}.arena-waiting-art{object-fit:contain;width:48%;height:auto;max-height:36vh;margin:22px auto}.arena-waiting>p:last-child{color:var(--arena-muted);max-width:48ch;font-size:14px;line-height:1.7}.arena-is-break .arena-main{grid-template-columns:minmax(0,2fr) minmax(220px,.8fr);gap:6vw}.arena-is-break .arena-featured-cover{width:clamp(220px,32vw,530px)}.arena-is-break .arena-featured-copy h2{font-size:clamp(42px,4.8vw,92px)}.arena-is-break .arena-featured{gap:3vw}.arena-break-note{border-top:1px solid var(--arena-line);align-items:center;gap:36px;margin-top:36px;padding-top:20px;display:flex}.arena-break-note>p{letter-spacing:-.035em;font-size:clamp(32px,3vw,64px);font-weight:500}.arena-break-note>span{color:var(--arena-muted);font-size:13px;line-height:1.6}.arena-break-art{align-self:center;height:65vh;max-height:760px;position:relative}.arena-break-art>span{letter-spacing:-.03em;font-size:clamp(26px,2.8vw,54px);font-weight:600;line-height:1;position:absolute;bottom:-15px;right:0}.arena-audio-progress{background:var(--arena-line);height:3px;margin-top:20px;overflow:hidden}.arena-audio-progress>span{background:var(--arena-pink);transform-origin:0;height:100%;display:block}.arena-footer{border-top:1px solid var(--arena-line);color:var(--arena-muted);justify-content:space-between;align-items:center;gap:24px;padding-top:14px;font-size:11px;display:flex}.arena-live-status{align-items:center;gap:8px;display:flex}.arena-connection-dot{background:#56d298;background:lab(76.3335% -46.3634 18.2498);border-radius:50%;width:6px;height:6px}.arena-connection-reconnecting{background:#f0b135;background:lab(76.8315% 15.651 68.1009)}.arena-connection-disconnected{background:#ff969f;background:lab(74.1057% 45.458 14.9398)}.arena-footer-motto{margin-left:24px}.arena-footer-controls{align-items:center;gap:26px;display:flex}.arena-footer-controls :is(a,button){cursor:pointer;align-items:center;gap:8px;min-height:36px;display:inline-flex}.arena-footer-controls :is(a,button):hover{color:var(--arena-ink)}.arena-footer-controls svg{width:15px;height:15px}.arena-video-bg{pointer-events:none;opacity:.12;z-index:-1;position:absolute;inset:0;overflow:hidden}.arena-video-host{width:177.78vh;min-width:100vw;height:56.25vw;min-height:100svh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arena-video-host iframe{width:100%;height:100%}.arena-loading{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100svh;display:flex}.arena-loading-word{letter-spacing:-.04em;font-size:32px;font-weight:600}.arena-loading p{color:var(--arena-muted);font-size:14px}.arena-loading-rows{gap:12px;width:min(480px,80vw);display:grid}.arena-loading-rows span{background:#231d23;background:lab(11.6328% 4.40843 -2.78195);height:44px}.arena-missing{flex-direction:column;justify-content:center;gap:24px;min-height:100svh;padding:10vw;display:flex}.arena-missing h1{letter-spacing:-.04em;font-size:clamp(40px,7vw,100px);line-height:1}.arena-missing p{color:var(--arena-muted);font-size:16px}.arena-missing a{text-underline-offset:5px;text-decoration:underline}@media (min-width:1024px) and (min-height:700px){.arena-stage{height:100svh}.arena-main{padding-block:22px}.arena-qr-block{width:min(100%,29vh,320px)}}@media (min-width:1024px) and (max-height:850px){.arena-stage{padding-top:18px}.arena-header{padding-bottom:14px}.arena-featured-cover{width:22vh;min-width:150px}.arena-featured-copy h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px;font-size:clamp(28px,3.2vw,46px);display:-webkit-box;overflow:hidden}.arena-featured-artist,.arena-suggested{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.arena-featured-votes{margin-top:12px}.arena-featured-votes>strong{font-size:34px}.arena-chart{margin-top:18px}.arena-chart li{padding-block:4px}.arena-chart .arena-album{width:30px}.arena-chart-track strong{font-size:16px;line-height:1.2}.arena-chart-track>span{font-size:10px;line-height:1.2}.arena-chart-votes{font-size:22px}.arena-chart-votes small{font-size:9px;line-height:1.2}.arena-join{gap:18px}.arena-join h3{font-size:36px}.arena-welcome-note{padding-top:200px}.arena-is-break .arena-featured-cover{width:33vh}}@media (min-width:768px) and (max-width:1023px){.arena-main{grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr);gap:26px}.arena-featured{grid-template-columns:140px minmax(0,1fr);gap:20px}.arena-featured-cover{width:140px}.arena-featured-copy h2{font-size:32px}.arena-featured-votes>strong{font-size:36px}.arena-join{padding-left:24px}.arena-is-break .arena-featured{grid-template-columns:1fr}.arena-is-break .arena-featured-cover{width:85%;max-width:320px}.arena-header{gap:18px}.arena-round>span{display:none}.arena-countdown>span{font-size:10px}}@media (max-width:767px){.arena-stage{height:auto;padding:24px 6vw 18px}.arena-header{flex-wrap:wrap;gap:24px;padding-bottom:20px}.arena-identity{flex:100%;gap:22px}.arena-wordmark{font-size:24px}.arena-venue{padding-left:22px}.arena-venue h1{font-size:18px}.arena-round{text-align:left}.arena-countdown{gap:16px}.arena-countdown>strong{font-size:34px}.arena-countdown>span{max-width:13ch;font-size:10px}.arena-header-message{font-size:11px}.arena-main,.arena-is-break .arena-main{grid-template-columns:minmax(0,1fr);gap:40px;padding:34px 0}.arena-featured{grid-template-columns:120px minmax(0,1fr);gap:20px}.arena-featured-cover{width:120px}.arena-featured-copy h2{margin-top:8px;font-size:30px}.arena-featured-artist{margin-top:8px;font-size:14px}.arena-overline{font-size:11px}.arena-featured-votes{gap:10px;margin-top:16px}.arena-featured-votes>strong{font-size:36px}.arena-featured-votes>span,.arena-suggested{font-size:10px}.arena-chart{margin-top:36px}.arena-chart li{gap:12px;padding-block:12px}.arena-chart .arena-album{width:38px}.arena-chart-track strong{font-size:14px}.arena-chart-votes{font-size:22px}.arena-chart-heading{gap:16px}.arena-join{border-left:0;border-top:1px solid var(--arena-line);text-align:center;align-items:center;gap:30px;padding:32px 0 0}.arena-join h3{font-size:48px;line-height:1}.arena-qr-block{width:min(76vw,280px)}.arena-room-code{font-size:32px}.arena-qr-instruction{font-size:13px}.arena-welcome{min-height:550px}.arena-welcome h2{font-size:46px}.arena-welcome-art{inset:28% 0 10%}.arena-welcome-note{padding-top:320px;font-size:12px}.arena-waiting h2{font-size:42px}.arena-waiting-art{width:70%;max-height:320px}.arena-waiting>p:last-child{font-size:13px}.arena-is-break .arena-featured{grid-template-columns:1fr}.arena-is-break .arena-featured-cover{width:100%;max-width:420px}.arena-is-break .arena-featured-copy h2{font-size:46px}.arena-is-break .arena-featured-copy{margin-top:8px}.arena-break-note{gap:22px}.arena-break-note>p{font-size:36px}.arena-break-note>span{font-size:11px}.arena-break-art{justify-self:center;width:70%;height:380px}.arena-footer{flex-direction:column;align-items:stretch;gap:20px;font-size:11px}.arena-footer-motto{margin-left:auto}.arena-footer-controls{justify-content:space-between;gap:14px}.arena-footer-controls :is(a,button){min-height:44px}}@media (max-width:359px){.arena-featured{grid-template-columns:90px minmax(0,1fr);gap:16px}.arena-featured-cover{width:90px}.arena-featured-copy h2{font-size:25px}.arena-welcome h2{font-size:40px}}@media (prefers-reduced-motion:reduce){.arena-screen *,.arena-screen :before,.arena-screen :after{transition:none!important;animation:none!important}}