:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--theme-app-page-bg:#fff;--theme-ink:#151515;--theme-muted:#6f7169;--theme-paper:#fff;--theme-paper-strong:#fff;--theme-line:#1515151f;--theme-home-ink:#1d1b16;--theme-home-muted:#625f58;--theme-home-paper:#fff;--theme-home-paper-strong:#fff;--theme-home-line:#1d1b16;--theme-home-accent:#8fa8ff;--theme-home-blue:#5e8bff;--theme-home-red:#ff6b5f;--theme-home-green:#5fd37b;--theme-home-purple:#a474ff;--theme-sketch-ink:#1d1b16;--theme-sketch-muted:#675f50;--theme-sketch-paper:#fff;--theme-sketch-paper-strong:#fff;--theme-sketch-line:#1d1b16;--theme-sketch-accent:#8fa8ff;--theme-sketch-blue:#5e8bff;--theme-sketch-red:#ff6b5f;--theme-sketch-green:#63d980;--theme-sketch-purple:#a474ff;--theme-admin-ink:#1d1b16;--theme-admin-muted:#625f58;--theme-admin-paper:#fff;--theme-admin-paper-soft:#fff;--theme-admin-line:#1d1b16;--theme-admin-soft-line:#dedbd2;--theme-admin-accent:#8fa8ff;--theme-admin-blue:#5e8bff;--theme-admin-red:#ff6b5f;--theme-admin-green:#5fd37b;--theme-admin-purple:#a474ff;--theme-toggle-size:40px;--app-hand-font:"Comic Sans MS", "Trebuchet MS", ui-rounded, system-ui, sans-serif;font-family:var(--app-hand-font);color:var(--ink);background:var(--app-page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--app-page-bg:var(--theme-app-page-bg);--ink:var(--theme-ink);--muted:var(--theme-muted);--paper:var(--theme-paper);--paper-strong:var(--theme-paper-strong);--line:var(--theme-line);--green:#4fd18b;--red:#eb5a4f;--amber:#7da2ff;--blue:#5d8cff;--magenta:#d85dff;--radius:8px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--theme-app-page-bg:#121313;--theme-ink:#fff;--theme-muted:#c8c8c8;--theme-paper:#191b1d;--theme-paper-strong:#222529;--theme-line:#ffffff1f;--theme-home-ink:#fff;--theme-home-muted:#c9c9c9;--theme-home-paper:#141617;--theme-home-paper-strong:#212428;--theme-home-line:#ffffff9e;--theme-home-accent:#9fb7ff;--theme-home-blue:#73a0ff;--theme-home-red:#ff766f;--theme-home-green:#72e09c;--theme-home-purple:#c49aff;--theme-sketch-ink:#fff;--theme-sketch-muted:#c9c9c9;--theme-sketch-paper:#151719;--theme-sketch-paper-strong:#222529;--theme-sketch-line:#ffffff94;--theme-sketch-accent:#9fb7ff;--theme-sketch-blue:#73a0ff;--theme-sketch-red:#ff766f;--theme-sketch-green:#72e09c;--theme-sketch-purple:#c49aff;--theme-admin-ink:#fff;--theme-admin-muted:#c9c9c9;--theme-admin-paper:#141617;--theme-admin-paper-soft:#222529;--theme-admin-line:#ffffff8a;--theme-admin-soft-line:#ffffff29;--theme-admin-accent:#9fb7ff;--theme-admin-blue:#73a0ff;--theme-admin-red:#ff766f;--theme-admin-green:#72e09c;--theme-admin-purple:#c49aff}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--theme-app-page-bg:#121313;--theme-ink:#fff;--theme-muted:#c8c8c8;--theme-paper:#191b1d;--theme-paper-strong:#222529;--theme-line:#ffffff1f;--theme-home-ink:#fff;--theme-home-muted:#c9c9c9;--theme-home-paper:#141617;--theme-home-paper-strong:#212428;--theme-home-line:#ffffff9e;--theme-home-accent:#9fb7ff;--theme-home-blue:#73a0ff;--theme-home-red:#ff766f;--theme-home-green:#72e09c;--theme-home-purple:#c49aff;--theme-sketch-ink:#fff;--theme-sketch-muted:#c9c9c9;--theme-sketch-paper:#151719;--theme-sketch-paper-strong:#222529;--theme-sketch-line:#ffffff94;--theme-sketch-accent:#9fb7ff;--theme-sketch-blue:#73a0ff;--theme-sketch-red:#ff766f;--theme-sketch-green:#72e09c;--theme-sketch-purple:#c49aff;--theme-admin-ink:#fff;--theme-admin-muted:#c9c9c9;--theme-admin-paper:#141617;--theme-admin-paper-soft:#222529;--theme-admin-line:#ffffff8a;--theme-admin-soft-line:#ffffff29;--theme-admin-accent:#9fb7ff;--theme-admin-blue:#73a0ff;--theme-admin-red:#ff766f;--theme-admin-green:#72e09c;--theme-admin-purple:#c49aff}}html{background:var(--app-page-bg);min-height:100%}*{box-sizing:border-box}body{background:var(--app-page-bg);min-width:320px;min-height:100svh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border-radius:var(--radius);background:var(--ink);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 18px;transition:transform .16s,background .16s,opacity .16s;display:inline-flex}button:hover:not(:disabled),a:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.5}input,select{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-strong);width:100%;min-height:48px;color:var(--ink);outline:none;padding:0 14px}input:focus,select:focus{border-color:var(--blue)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:2px}a{color:inherit;text-decoration:none}.clipboard-copy-fallback{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:0;left:0}
.brand-cluster{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:inline-flex}.app-language-switch{z-index:50;position:fixed;top:18px;right:18px}.app-fallback{text-align:center;place-content:center;gap:.75rem;min-height:100dvh;padding:2rem;display:grid}.app-fallback strong{font-size:1.4rem}.app-loader-page{--loader-ink:var(--theme-home-ink);--loader-muted:var(--theme-home-muted);--loader-blue:var(--theme-home-blue);--loader-red:var(--theme-home-red);--loader-green:var(--theme-home-green);--loader-purple:var(--theme-home-purple);color:var(--loader-ink);background:radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--loader-blue) 10%, transparent), transparent 32rem), var(--app-page-bg);gap:1rem}.app-loader-mark{width:152px;height:152px;margin:0 auto .25rem;position:relative}.app-loader-orbit{border:2px dashed color-mix(in srgb, var(--loader-ink) 20%, transparent);border-radius:50%;animation:1.8s linear infinite loaderOrbitSpin;position:absolute;inset:0}.app-loader-dot{border:2px solid var(--loader-ink);background:var(--loader-blue);width:15px;height:15px;box-shadow:0 4px 0 color-mix(in srgb, var(--loader-ink) 18%, transparent);transform:translate(-50%, -50%) rotate(calc(var(--dot-index) * 45deg)) translateX(76px) scale(var(--dot-scale,1));animation:.9s ease-in-out infinite alternate loaderDotPulse;animation-delay:calc(var(--dot-index) * -90ms);border-radius:999px;position:absolute;top:50%;left:50%}.app-loader-dot:first-child{--dot-index:0;--dot-scale:1.22;background:var(--loader-red)}.app-loader-dot:nth-child(2){--dot-index:1}.app-loader-dot:nth-child(3){--dot-index:2;--dot-scale:.92;background:var(--loader-green)}.app-loader-dot:nth-child(4){--dot-index:3;--dot-scale:1.08;background:var(--loader-purple)}.app-loader-dot:nth-child(5){--dot-index:4;--dot-scale:.86;background:var(--loader-red)}.app-loader-dot:nth-child(6){--dot-index:5}.app-loader-dot:nth-child(7){--dot-index:6;--dot-scale:1.14;background:var(--loader-green)}.app-loader-dot:nth-child(8){--dot-index:7;--dot-scale:.96;background:var(--loader-purple)}.app-loader-record{border:3px solid var(--loader-ink);background:radial-gradient(circle, var(--loader-red) 0 9px, transparent 10px), radial-gradient(circle, transparent 0 25px, color-mix(in srgb, var(--loader-ink) 10%, transparent) 26px 28px, transparent 29px), var(--paper-strong);box-shadow:0 8px 0 color-mix(in srgb, var(--loader-ink) 16%, transparent), inset 0 0 0 12px color-mix(in srgb, var(--loader-blue) 20%, transparent);border-radius:50%;place-items:center;animation:1.3s ease-in-out infinite loaderRecordWobble;display:grid;position:absolute;inset:34px}.app-loader-record-ring{border:2px solid color-mix(in srgb, var(--loader-ink) 22%, transparent);border-radius:50%;position:absolute;inset:20px}.app-loader-record-label{border:2px solid var(--loader-ink);background:var(--paper-strong);border-radius:50%;width:12px;height:12px}.app-loader-equalizer{border:2px solid var(--loader-ink);background:var(--paper-strong);height:32px;box-shadow:0 4px 0 color-mix(in srgb, var(--loader-ink) 14%, transparent);border-radius:8px;align-items:end;gap:4px;padding:6px;display:flex;position:absolute;bottom:18px;right:14px}.app-loader-equalizer span{background:var(--loader-green);transform-origin:bottom;border-radius:999px;width:5px;height:18px;animation:.58s ease-in-out infinite alternate loaderEqualizerBeat}.app-loader-equalizer span:nth-child(2){background:var(--loader-blue);height:24px;animation-delay:-190ms}.app-loader-equalizer span:nth-child(3){background:var(--loader-red);height:15px;animation-delay:-320ms}.app-loader-equalizer span:nth-child(4){background:var(--loader-purple);height:21px;animation-delay:-80ms}@media (prefers-reduced-motion:reduce){.app-loader-orbit,.app-loader-dot,.app-loader-record,.app-loader-equalizer span{animation-duration:1ms;animation-iteration-count:1}}
.form-shell{background:var(--paper);flex-direction:column;justify-content:center;align-items:center;gap:clamp(20px,3vw,30px);min-height:100svh;padding:clamp(24px,4vw,44px) clamp(16px,4vw,36px);display:flex;position:relative;overflow-x:hidden}.form-shell--with-settings{padding-top:clamp(78px,12vw,108px)}.form-shell-settings{z-index:5;flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex;position:absolute;top:clamp(14px,3vw,22px);right:clamp(14px,3vw,22px)}.form-shell .ghost-link{align-self:flex-start;margin-left:clamp(0px,8vw,96px)}.form-panel{border-radius:var(--radius);background:var(--paper);width:min(980px,100%);padding:clamp(28px,5vw,52px)}.form-panel form{gap:clamp(16px,2vw,20px);margin-top:28px;display:grid}label{color:var(--muted);gap:8px;font-size:14px;font-weight:700;display:grid}.field-label{color:var(--muted);font-size:14px;font-weight:800}.form-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.playlist-picker{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.playlist-tile{min-height:238px;color:var(--ink);text-align:left;background:#fff;border:2px solid #0000;grid-template-rows:118px auto auto 1fr auto;place-items:start;gap:8px;padding:10px;display:grid;position:relative;overflow:hidden}.playlist-tile:after{content:"";background:linear-gradient(90deg, var(--green), var(--amber), var(--blue));transform-origin:0;height:4px;transition:transform .18s;position:absolute;inset:auto 0 0;transform:scaleX(0)}.playlist-tile:hover:after,.playlist-tile.selected:after{transform:scaleX(1)}.playlist-tile img{object-fit:cover;border-radius:6px;width:100%;height:118px}.playlist-tile span{font-size:18px;font-weight:900}.playlist-tile strong{color:var(--blue);font-size:12px}.playlist-tile small{color:var(--muted);line-height:1.35}.playlist-tile.selected{border-color:var(--green)}.empty-playlist-state{border-radius:var(--radius);min-height:82px;color:var(--muted);background:#fff;border:1px dashed #15151533;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;line-height:1.32;display:grid;position:relative;overflow:hidden}.empty-playlist-art{width:66px;height:54px;position:relative}.empty-playlist-cover{border:2px solid var(--sketch-line,var(--ink));border-radius:7px;width:46px;height:42px;position:absolute}.empty-playlist-cover--back{background:color-mix(in srgb, var(--sketch-blue,var(--blue)) 28%, #fff);top:4px;left:0;transform:rotate(-8deg)}.empty-playlist-cover--front{background:color-mix(in srgb, var(--sketch-green,var(--green)) 42%, #fff);color:var(--sketch-ink,var(--ink));place-items:center;display:grid;bottom:1px;right:4px;transform:rotate(5deg)}.empty-playlist-copy{gap:4px;min-width:0;display:grid}.empty-playlist-state strong{color:var(--ink);font-size:17px;line-height:1.08}.empty-playlist-copy span{color:var(--muted);font-size:13px}.round-count-picker{flex-wrap:wrap;gap:10px;display:flex}.round-count-picker button{min-width:58px;color:var(--paper);background:#ffffff14;border:1px solid #ffffff24;font-weight:900}.round-count-picker.light button{border-color:var(--line);color:var(--ink);background:#fff}.round-count-picker button.selected{background:var(--green);color:#07110c;border-color:#4fd18bc7;animation:.32s both choiceLock}.round-count-input{color:#ffffffad;gap:8px;font-size:14px;font-weight:800;display:grid}.round-count-input input{background:#ffffffd6;width:min(180px,100%);max-width:180px}.round-count-input.light{color:var(--muted)}.round-count-input.light input{background:#fff}.round-count-input span{color:inherit;font-size:13px;font-weight:700}.form-error{border:2px solid color-mix(in srgb, var(--red) 58%, var(--ink));background:color-mix(in srgb, var(--red) 12%, #fff);color:#651a15;border-radius:10px;align-items:flex-start;gap:10px;margin:0;padding:11px 12px;font-weight:850;line-height:1.35;display:flex}.form-error svg{color:var(--red);stroke-width:3px;flex:none;margin-top:1px}.form-error span{min-width:0}.spin{animation:.9s linear infinite spin}
[data-sonner-toaster][data-sonner-theme]{--width:min(390px, calc(100vw - 28px));font-family:var(--app-hand-font)}[data-sonner-toast][data-styled=true].app-toast{--app-toast-border:color-mix(in srgb, currentColor 70%, #000);border:3px solid var(--app-toast-border);background:linear-gradient(90deg, #1d1b160a 1px, transparent 1px), linear-gradient(#1d1b160a 1px, transparent 1px), var(--sketch-paper-strong,var(--paper-strong));color:var(--sketch-ink,var(--ink));cursor:pointer;font-family:var(--app-hand-font);background-size:22px 22px;border-radius:12px;align-items:center;gap:11px;padding:13px 16px 13px 14px}[data-sonner-toast].app-toast *{font-family:inherit}[data-sonner-toast].app-toast [data-icon]{color:currentColor;align-self:center}[data-sonner-toast].app-toast .app-toast-icon{stroke-width:3px;display:block}[data-sonner-toast][data-styled=true].app-toast .app-toast-title{font-size:14px;font-weight:950;line-height:1.25}[data-sonner-toast][data-styled=true].app-toast .app-toast-description{color:var(--sketch-muted,var(--muted));font-size:13px;font-weight:800}[data-rich-colors=true][data-sonner-toast][data-styled=true].app-toast[data-type=success]{--app-toast-border:color-mix(in srgb, var(--sketch-green,var(--green)) 54%, var(--sketch-ink,var(--ink)));background:linear-gradient(90deg, #1d1b1609 1px, transparent 1px), linear-gradient(#1d1b1609 1px, transparent 1px), color-mix(in srgb, var(--sketch-green,var(--green)) 22%, var(--sketch-paper-strong,var(--paper-strong)));color:#143b24;background-size:22px 22px}[data-rich-colors=true][data-sonner-toast][data-styled=true].app-toast[data-type=error]{--app-toast-error-line:#7a241f;--app-toast-border:var(--app-toast-error-line);background:linear-gradient(90deg, #1d1b1609 1px, transparent 1px), linear-gradient(#1d1b1609 1px, transparent 1px), color-mix(in srgb, var(--sketch-red,var(--red)) 20%, var(--sketch-paper-strong,var(--paper-strong)));color:#4a1511;background-size:22px 22px}[data-rich-colors=true][data-sonner-toast][data-styled=true].app-toast[data-type=error] [data-icon]{color:var(--app-toast-error-line)}[data-rich-colors=true][data-sonner-toast][data-styled=true].app-toast[data-type=info]{--app-toast-border:color-mix(in srgb, var(--sketch-blue,var(--blue)) 54%, var(--sketch-ink,var(--ink)));background:linear-gradient(90deg, #1d1b1609 1px, transparent 1px), linear-gradient(#1d1b1609 1px, transparent 1px), color-mix(in srgb, var(--sketch-blue,var(--blue)) 20%, var(--sketch-paper-strong,var(--paper-strong)));color:#13224f;background-size:22px 22px}@media (max-width:620px){[data-sonner-toaster][data-sonner-theme]{--width:calc(100vw - 24px)}}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeletonSweep{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes heroRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes stageSweep{0%,58%{transform:translate(-120%)}78%,to{transform:translate(120%)}}@keyframes countdownBeat{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes timerIconFloat{0%,to{transform:rotate(-5deg)scale(1)}50%{transform:rotate(4deg)scale(1.04)}}@keyframes loaderOrbitSpin{to{transform:rotate(360deg)}}@keyframes loaderDotPulse{0%{opacity:.58}to{opacity:1}}@keyframes loaderRecordWobble{0%,to{transform:rotate(-2deg)scale(1)}50%{transform:rotate(2deg)scale(1.035)}}@keyframes loaderEqualizerBeat{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}@keyframes scoreFloat{0%{opacity:0;transform:translateY(8px)scale(.92)}20%{opacity:1}to{opacity:0;transform:translateY(-18px)scale(1)}}@keyframes scoreboardScorePulse{0%{opacity:0;transform:scaleX(.86)translate(-6px)}26%{opacity:1;transform:scaleX(1)translate(0)}to{opacity:0;transform:scaleX(1.05)translate(0)}}@keyframes scoreboardRowRiseGlow{0%{opacity:0;transform:scaleX(.82)translate(-8px)}28%{opacity:1;transform:scaleX(1)translate(0)}to{opacity:0;transform:scaleX(1.03)translate(4px)}}@keyframes scoreboardRowDropGlow{0%{opacity:0;transform:scaleX(.9)translate(5px)}32%{opacity:.7;transform:scaleX(1)translate(0)}to{opacity:0;transform:scaleX(1)translate(0)}}@keyframes nicknameRankRise{0%{color:inherit;transform:translateY(5px)}42%{color:var(--green);transform:translateY(-2px)}to{color:inherit;transform:translateY(0)}}@keyframes nicknameRankDrop{0%{opacity:1;transform:translateY(-4px)}55%{opacity:.72;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes nicknameShimmer{0%{background-position:0%}to{background-position:162.5%}}@keyframes lobbyEllipsisDot{0%,18%{opacity:.18}38%,72%{opacity:1}to{opacity:.18}}@keyframes rankBadgeLift{0%{transform:scale(.94)rotate(-4deg)}44%{transform:scale(1.14)rotate(3deg)}to{transform:scale(1)rotate(0)}}@keyframes rankBadgeSettle{0%{transform:scale(1.04)rotate(3deg)}to{transform:scale(1)rotate(0)}}@keyframes leaderMedalPop{0%{transform:scale(.92)rotate(-8deg)}45%{transform:scale(1.2)rotate(5deg)}to{transform:scale(1)rotate(0)}}@keyframes scoreNumberPop{0%{transform:scale(.94)}46%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes rankIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes arenaIn{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes finalStageFocusIn{0%{opacity:.88;transform:translate(-12px)scale(.992)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes pauseOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes danceSceneFloat{0%,to{transform:translateY(0)rotate(-.4deg)}50%{transform:translateY(-5px)rotate(.35deg)}}@keyframes beatRing{0%{opacity:0;transform:scale(.72)}18%{opacity:.56}to{opacity:0;transform:scale(1.24)}}@keyframes danceScribbleDrift{0%,to{transform:translate(0,0)rotate(-4deg)}50%{transform:translate(8px,-10px)rotate(5deg)}}@keyframes danceNoteFloat{0%{opacity:0;transform:translateY(18px) rotate(var(--note-rotate))}20%,78%{opacity:1}to{opacity:0;transform:translateY(-34px) rotate(calc(var(--note-rotate) + 14deg))}}@keyframes stickmanBounce{0%,to{transform:translateX(var(--x)) translateY(0) scale(var(--scale)) rotate(var(--tilt))}50%{transform:translateX(var(--x)) translateY(-12px) scale(var(--scale)) rotate(var(--tilt-bounce))}}@keyframes stickmanHeadBob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-3px)rotate(5deg)}}@keyframes stickmanArmLeft{0%,to{transform:rotate(150deg)}50%{transform:rotate(205deg)}}@keyframes stickmanArmRight{0%,to{transform:rotate(30deg)}50%{transform:rotate(-24deg)}}@keyframes stickmanLegLeft{0%,to{transform:rotate(118deg)}50%{transform:rotate(146deg)}}@keyframes stickmanLegRight{0%,to{transform:rotate(62deg)}50%{transform:rotate(28deg)}}@keyframes speakerThump{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.dance-scene,.beat-ring,.dance-scribble,.dance-note,.stickman,.stickman-head,.stickman-arm,.stickman-leg,.dance-speaker span,.scoreboard li.score-pop:before,.scoreboard li.score-pop b,.scoreboard li.is-ranking-up:before,.scoreboard li.is-ranking-down:before,.scoreboard li.is-ranking-up strong,.scoreboard li.is-ranking-down strong,.player-name.is-shimmering strong,.nickname-shimmer,.scoreboard li.is-ranking-up .scoreboard-rank,.scoreboard li.is-ranking-down .scoreboard-rank,.scoreboard li.is-new-leader .scoreboard-rank,.game-layout--final-focus .stage{animation-duration:1ms;animation-iteration-count:1}.lobby-state-ellipsis span{opacity:1;animation:none}}@keyframes choiceLock{0%{transform:scale(1)}45%{transform:scale(1.025)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}

