html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{min-height:100%;min-height:100dvh;margin:0;overflow-x:hidden}html:has(.stage-fit),body:has(.stage-fit),html:has(.play-page),body:has(.play-page){height:100%;overflow:hidden}body{background:var(--stage)}a{color:var(--fg)}button,input,select{font:inherit}.page{min-height:100vh;min-height:100dvh;padding:28px 40px 64px}.home-simple{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:28px 40px 48px}.home-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.wordmark{margin:0;font-size:13px;letter-spacing:.08em;color:var(--mute)}.home-top nav,.row-head{display:flex;gap:22px;align-items:baseline}.home-top a,.back{color:var(--mute);text-decoration:none;font-size:14px}.home-top a:hover,.back:hover{color:var(--cream)}.modes{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px}.modes button{background:none;border:0;padding:0 0 4px;text-align:left;color:var(--cream);font-family:Bebas Neue,sans-serif;font-size:clamp(3.5rem,8vw,5.75rem);letter-spacing:.02em;line-height:.95;cursor:pointer;width:fit-content;border-bottom:3px solid transparent}.modes button:hover,.modes button:focus-visible{border-bottom-color:var(--gold);outline:none}.quiet{max-width:none}.page{display:flex;flex-direction:column}.display,.quiet h1,.row-head h1,.page-head h1,.shell-inner h1,.results h1,.results h2,.lyrics-now,.overall{font-family:Bebas Neue,sans-serif;letter-spacing:.03em;font-weight:400}.quiet h1,.row-head h1,.page-head h1,.shell-inner h1{font-size:clamp(2.8rem,6vw,4rem);margin:48px 0 8px;color:var(--cream);line-height:.95}.tag{margin:0 0 8px;color:var(--mute);max-width:24rem}.play-page{max-width:none}.play-choices{display:flex;flex-direction:column;gap:36px;margin-top:36px}.play-choice h2{font-family:Bebas Neue,sans-serif;font-size:1.7rem;letter-spacing:.04em;font-weight:400;margin:0 0 6px}.play-choice p{margin:0 0 16px;color:var(--mute);max-width:28rem}.play-choice form{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:10px}.lounge-pair{display:flex;flex-wrap:wrap;gap:18px}.demo-code{margin-top:12px;font-size:1.05rem;font-family:Outfit,system-ui,sans-serif;letter-spacing:0;color:var(--mute);border-bottom:0}.demo-code:hover,.demo-code:focus-visible{color:var(--cream);border-bottom-color:var(--gold)}.room-code-bar{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px}.room-code-digits{font-family:Bebas Neue,sans-serif;font-size:3rem;letter-spacing:.12em;line-height:1}.text-btn,.btn{background:none;border:0;padding:4px 0;cursor:pointer;color:var(--cream);font-family:Bebas Neue,sans-serif;font-size:2rem;letter-spacing:.04em;text-decoration:none;width:fit-content;border-bottom:3px solid transparent;line-height:1}.text-btn:hover,.text-btn:focus-visible,.btn:hover,.btn:focus-visible,.btn.gold:hover{border-bottom-color:var(--gold);outline:none;background:none;color:var(--cream)}.btn.gold{background:none;color:var(--cream);font-weight:400}.btn.ghost{border:0;color:var(--cream)}.btn:disabled,.text-btn:disabled{opacity:.35;cursor:not-allowed;border-bottom-color:transparent}input,select{background:transparent;border:0;border-bottom:1px solid var(--mute);color:var(--cream);padding:8px 0;border-radius:0;min-width:7rem}input:focus,select:focus{outline:none;border-bottom-color:var(--gold)}.settings-form{display:flex;flex-direction:column;gap:20px;margin:36px 0;max-width:20rem}.settings-form label{display:flex;flex-direction:column;gap:8px;color:var(--mute);font-size:14px}.ok{color:var(--gold)}.dim{color:var(--mute)}.err{color:var(--danger)}.row-head{margin-bottom:8px}.row-head h1{margin:0}.pitch-guide{width:100%;height:280px;margin:24px 0}.pitch-meter{display:block;width:100%;height:100%;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.lyrics{text-align:center;min-height:7rem;margin:8px 0 24px}.lyrics-now{font-size:clamp(2.2rem,5.5vw,4.2rem);margin:0;line-height:1.05}.lyrics-soon{color:var(--mute)}.lyrics-next{color:var(--mute);margin:8px 0 0;font-size:clamp(1.05rem,2vw,1.5rem)}.lyrics-rest{font-size:clamp(2.2rem,5.5vw,4.2rem);margin:0;color:var(--mute);opacity:.5}.lyrics-count{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 0}.lyrics-count .dot{width:10px;height:10px;border-radius:50%;background:var(--gold)}.lyrics-count .dot.spent{background:var(--fg-faint)}.lyrics-count .count-num{margin-left:10px;font-size:1.4rem;font-weight:600;color:var(--gold);min-width:1.2em}.lyrics-cue{font-size:clamp(1.5rem,3.2vw,2.2rem);margin:0;color:var(--mute)}.stage-self{display:flex;flex-direction:column;align-items:center;gap:6px;margin:16px auto 0}.stage-self video,.avatar-tile{width:180px;height:120px;object-fit:cover;background:var(--surface-2);border:1px solid var(--line)}.avatar-tile{display:grid;place-items:center;color:var(--mute)}.status{color:var(--mute)}.ctas{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:20px}.song-pick{display:flex;flex-direction:column;gap:6px;color:var(--mute);font-size:14px}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:color-mix(in srgb,var(--ink) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px}.results{background:var(--stage);border:1px solid var(--line);padding:28px 24px;max-width:520px;width:min(520px,100%)}.results h2{margin:0 0 16px;font-size:2.4rem}.score-row.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.overall{font-size:4.5rem;margin:0;color:var(--cream);line-height:1}.who,.subs{margin:0;color:var(--mute)}.verdict{font-size:1.05rem;margin-top:16px}.elo,.shared{font-weight:500}.result-actions{display:flex;gap:16px;margin-top:20px}.score-col.locked .overall{color:var(--mute)}.tabs{display:flex;gap:20px;margin:24px 0}.tabs button{background:none;color:var(--mute);border:0;border-bottom:3px solid transparent;padding:4px 0;cursor:pointer;font-family:Bebas Neue,sans-serif;font-size:1.4rem;letter-spacing:.04em}.tabs button.on{color:var(--cream);border-bottom-color:var(--gold)}.board{width:100%;border-collapse:collapse}.board th,.board td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line)}.board th{color:var(--mute);font-weight:500;font-size:13px}*{box-sizing:border-box}.stage button,.landing button{font:inherit;padding:.6rem 1rem;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer}.stage button:hover:not(:disabled),.landing button:hover:not(:disabled){border-color:var(--cool)}.stage button:disabled,.landing button:disabled{opacity:.45;cursor:not-allowed}.stage button.primary,.landing button.primary{background:var(--hot);border-color:var(--hot);font-weight:600}.stage input,.landing input{font:inherit;padding:.6rem .75rem;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text)}.landing{max-width:40rem;margin:0 auto;padding:3rem 1.25rem;display:grid;gap:1.25rem}.landing h1{margin:0;font-size:1.9rem;letter-spacing:-.02em}.landing .note{color:var(--dim);font-size:.85rem;line-height:1.5;border-left:2px solid var(--line);padding-left:.75rem}.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.stage{display:grid;gap:1rem;padding:1rem;min-height:100vh}.stage.stage-fit{display:flex;flex-direction:column;height:100vh;height:100dvh;max-height:100dvh;overflow:hidden;gap:.35rem;padding:.5rem .75rem .4rem;min-height:0}.stage header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.stage.stage-fit>*:not(.voice-wave){position:relative;z-index:1}.stage.stage-fit audio.instrumental{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.stage.stage-fit audio.remote-mic{position:absolute;width:1px;height:1px;left:0;bottom:0;pointer-events:none}.stage.stage-fit header.stage-top,.stage-top{display:flex;align-items:center;gap:.7rem;flex-wrap:nowrap;flex-shrink:0;min-height:1.8rem}.stage-top a{color:var(--mute, #8a8278);text-decoration:none;font-size:.85rem;white-space:nowrap}.stage-top strong{white-space:nowrap;font-size:.95rem}.stage-song{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mute, #8a8278);font-size:.82rem}.stage-song em{font-style:normal;color:var(--cream, #f4efe6)}.stage-alerts{flex-shrink:0;max-height:2.2rem;overflow:hidden}.stage-alerts:not(:has(p)){display:none}.stage-alerts p{margin:0}.stage-arena{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) auto;gap:.55rem .7rem;align-items:stretch}.stage-arena>.stage-cam:first-of-type{grid-column:1;grid-row:1}.stage-arena>.stage-board{grid-column:1 / -1;grid-row:2}.stage-arena>.stage-cam:last-of-type{grid-column:2;grid-row:1}.stage-cam{display:flex;min-width:0;min-height:0;height:100%}.stage-cam .tile{flex:1;width:100%;max-width:none;height:100%;min-height:0;aspect-ratio:auto;border-radius:12px}.stage-board{display:flex;flex-direction:column;justify-content:flex-start;min-width:0;min-height:0;height:auto;max-height:100%;gap:.4rem}.stage-fit .lyrics{min-height:3.4rem;margin:0;flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;padding:.05rem .3rem}.stage-fit .lyrics-now{font-size:clamp(1.55rem,3.6vw,2.7rem);line-height:1.02;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance;color:var(--cream, #f4efe6)}.lyrics-cue{margin:0 0 2px;min-height:1.15em;font-family:Bebas Neue,sans-serif;font-size:clamp(1.35rem,2.4vw,1.9rem);letter-spacing:.06em;line-height:1;color:var(--mute, #8a8278)}.lyrics-cue.you,.lyrics-cue.together{color:var(--gold, #c9a227)}.lyrics-cue.them,.lyrics-now.duet-you{color:var(--cream, #f4efe6)}.lyrics-now.duet-them{color:var(--mute, #8a8278)}.lyrics-now.duet-together{color:var(--gold, #c9a227)}.lyrics-next{display:flex;justify-content:center;align-items:baseline;gap:.55rem;flex-wrap:wrap}.lyrics-next .who{color:var(--gold, #c9a227);font-size:.78em;letter-spacing:.04em}.lyrics-next.them .who,.lyrics-next.wait .who{color:var(--mute, #8a8278)}.lyrics-next .next-line{min-width:0}.stage-fit .lyrics-next{margin:8px 0 0;font-size:clamp(1.15rem,2.4vw,1.85rem);line-height:1.15}.stage-fit .pitch-guide{height:min(13vh,120px);min-height:80px;margin:0;flex-shrink:0}.pitch-stage{position:relative;flex-shrink:0;pointer-events:none;-webkit-user-select:none;user-select:none}.hit-callout{position:absolute;left:50%;top:22%;margin:0;transform:translate(-50%);pointer-events:none;font-family:Bebas Neue,sans-serif;font-weight:400;letter-spacing:.08em;line-height:.9;font-size:clamp(2.6rem,7vw,4.6rem);text-shadow:0 4px 18px rgb(0 0 0 / .65);animation:hit-pop .72s ease forwards}.hit-perfect{color:var(--gold, #c9a227)}.hit-great{color:var(--cream, #f4efe6)}.hit-good{color:var(--blue-300)}.hit-okay{color:var(--mute, #8a8278)}@keyframes hit-pop{0%{opacity:0;transform:translate(-50%) scale(.6)}18%{opacity:1;transform:translate(-50%) scale(1.12)}70%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(1.04)}}@media(prefers-reduced-motion:reduce){.hit-callout{animation:none;opacity:1}}.timer-compact{font-size:1.05rem;font-weight:600;line-height:1.2;flex-shrink:0;text-align:center}.timer-compact.ghost{color:var(--mute, #8a8278);font-weight:500;font-size:.85rem}.timer-compact.timer-count{font-family:Bebas Neue,sans-serif;font-size:clamp(2.6rem,8vw,4.2rem);font-weight:400;letter-spacing:.04em;line-height:.9;font-variant-numeric:tabular-nums}.timer-compact .bar{height:3px;margin-top:4px}.stage-chaos{flex:1;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.5rem}.stage-chaos .grid{min-height:0}.stage-chaos .tile{aspect-ratio:4 / 3;max-height:none;height:100%}.stage-chaos .tile .placeholder{place-items:end center;padding-bottom:2.8rem;font-size:.78rem;letter-spacing:.04em;opacity:.55}.stage-dock{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.55rem 1rem;flex-shrink:0;margin:0;font-size:.92rem;color:var(--mute, #8a8278)}.stage-fit .pitch-hold{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none}.stage-results-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.stage-fit .room-code-bar{flex-shrink:0;align-items:center}.stage-fit .room-code-digits{font-size:1.55rem}.grid{display:grid;gap:.55rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}.grid.compact{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}.tile{position:relative;aspect-ratio:4 / 3;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;overflow:hidden}.tile.singing{border-color:var(--gold, #c9a227);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 55%,transparent)}.tile.waiting:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#0000006b;pointer-events:none}.tile video{width:100%;height:100%;object-fit:cover;display:block}.cam-cue{position:absolute;top:.65rem;left:.7rem;z-index:2;font-family:Bebas Neue,sans-serif;font-size:clamp(1.7rem,3.2vw,2.6rem);letter-spacing:.03em;line-height:1;color:var(--mute, #8a8278);text-shadow:0 2px 14px rgb(0 0 0 / .8)}.cam-cue.on{color:var(--gold, #c9a227)}.tile .name{position:absolute;left:.7rem;bottom:.7rem;z-index:2;padding:.35rem .8rem;border-radius:999px;background:#000000b3;font-size:1rem}.tile .placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--dim);font-size:.85rem}.callout{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;text-align:center;pointer-events:none}.callout.hold{background:var(--ink)}.callout.flash{background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 55%,transparent) 0%,transparent 42%,transparent 100%);justify-content:flex-start;padding-top:4.5rem;animation:callout-flash 1.4s ease forwards}.callout-kicker{margin:0;color:var(--gold, #c9a227);letter-spacing:.18em;text-transform:uppercase;font-size:.82rem}.callout-count,.callout-title{margin:0;font-family:Bebas Neue,sans-serif;font-weight:400;letter-spacing:.04em;line-height:.9;color:var(--cream, #f4efe6)}.callout-count{font-size:clamp(5.5rem,18vw,9rem);font-variant-numeric:tabular-nums}.callout-count.go{color:var(--gold, #c9a227)}.callout-title{font-size:clamp(3.2rem,10vw,6.5rem)}.callout-sub{margin:0;color:var(--mute, #8a8278);font-size:1rem;max-width:28rem;padding:0 1.2rem}.turn-guide{position:absolute;top:2.15rem;left:50%;transform:translate(-50%);z-index:8;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 18px 7px;border-radius:999px;background:color-mix(in srgb,var(--ink) 82%,transparent);border:1px solid var(--edge);pointer-events:none;text-align:center;max-width:min(34rem,92vw)}.turn-guide.wait{border-color:var(--warning)}.turn-guide.go{border-color:var(--score-good)}.turn-guide strong{font-family:Bebas Neue,sans-serif;font-weight:400;letter-spacing:.08em;font-size:1.15rem;line-height:1}.turn-guide span{font-size:.8rem;color:var(--mute, #8a8278)}.countdown-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;padding:1.5rem;text-align:center;pointer-events:none}.stage.stage-fit>.countdown-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80}.countdown-kicker{margin:0 0 4px;color:var(--gold, #c9a227);letter-spacing:.18em;text-transform:uppercase;font-size:.82rem;text-shadow:0 2px 18px rgb(0 0 0 / .55)}.countdown-headline{margin:0;font-family:Bebas Neue,sans-serif;font-weight:400;font-size:clamp(3.2rem,9vw,7.2rem);letter-spacing:.03em;line-height:.92;color:var(--cream, #f4efe6);text-shadow:0 2px 28px rgb(0 0 0 / .55)}.countdown-go{color:var(--score-good)}.countdown-wait{color:#ff3b3b}.countdown-num{margin:0;font-family:Bebas Neue,sans-serif;font-weight:400;font-size:clamp(5.5rem,16vw,9.5rem);font-variant-numeric:tabular-nums;letter-spacing:.04em;line-height:.9;color:var(--cream, #f4efe6);text-shadow:0 2px 28px rgb(0 0 0 / .55)}@keyframes callout-flash{0%{opacity:1}55%{opacity:1}to{opacity:0}}@media(max-height:700px){.stage-fit .lyrics-now{font-size:clamp(1.4rem,3.6vw,2.2rem)}.stage-fit .pitch-guide{height:min(12vh,100px);min-height:72px}}.badge{padding:.35rem .85rem;border-radius:999px;font-weight:600;font-size:.9rem;border:1px solid var(--line)}.badge.you{background:var(--hot);border-color:var(--hot);color:var(--ink)}.badge.together{background:var(--accent);border-color:var(--accent);color:var(--ink)}.badge.them{background:var(--panel);color:var(--dim)}.timer{font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:700}.timer .bar{height:4px;background:var(--line);border-radius:999px;overflow:hidden}.timer .bar span{display:block;height:100%;background:var(--cool)}.timer.timer-compact{font-size:1.05rem;font-weight:600;line-height:1.2}.stage.stage-fit button.cta{padding:14px 28px;font-size:1.05rem;border-radius:999px;background:var(--blue-050);color:#06101f;border:0;font-weight:600}.stage.stage-fit button.cta-lg{padding:10px 24px;font-size:1.05rem}.stage.stage-fit button.cta.is-on{background:var(--blue-400);color:#fff}.stage.stage-fit button.cta-ghost{background:#0c1320b8;color:var(--fg);border:1px solid var(--edge)}.stage.stage-fit .badge{font-size:.75rem;padding:.2rem .65rem;white-space:nowrap}.slot-empty{color:var(--dim);font-size:.8rem}.warn{color:var(--warning);font-size:.85rem}.err{color:var(--danger);font-size:.85rem}.stage-alerts button.link{background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}:root{color-scheme:dark;--ink: #04060c;--ink-2: #070b14;--surface: #090e18;--surface-2: #0c1320;--edge: rgba(150, 190, 255, .14);--edge-soft: rgba(150, 190, 255, .07);--fg: #ffffff;--fg-dim: rgba(206, 224, 255, .58);--fg-faint: rgba(206, 224, 255, .3);--blue-050: #f2f8ff;--blue-100: #d3e7ff;--blue-200: #a8d0ff;--blue-300: #79b4ff;--blue-400: #4f97f5;--blue-500: #2f74d8;--blue-600: #1b4fa3;--blue-800: #0d2551;--accent: var(--blue-300);--positive: var(--blue-200);--warning: #f0c674;--danger: #ff8a8a;--score-good: #3ee08a;--meter-bg: rgba(9, 14, 24, .55);--glow-soft: 0 0 60px rgba(79, 151, 245, .18);--glow-hard: 0 0 28px rgba(121, 180, 255, .55);font-family:Outfit,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.45;color:var(--fg);background:var(--ink)}:root{--stage: var(--ink);--cream: var(--fg);--mute: var(--fg-dim);--gold: var(--accent);--line: var(--edge-soft);--bg: var(--ink);--panel: var(--surface-2);--text: var(--fg);--dim: var(--fg-dim);--hot: var(--blue-400);--cool: var(--blue-300);--ok: var(--blue-200)}body{background:var(--ink)}.bloom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.bloom-drift{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.bloom-drift-a{animation:bloom-wander-a 31s ease-in-out infinite}.bloom-drift-b{animation:bloom-wander-b 41s ease-in-out infinite}.bloom-drift-c{animation:bloom-wander-c 24s ease-in-out infinite}.bloom-arc{position:absolute;left:50%;width:190vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,transparent 58%,rgba(47,116,216,.1) 65%,rgba(168,208,255,.72) 70%,rgba(242,248,255,.95) 72%,rgba(121,180,255,.16) 77%,transparent 84%);filter:blur(30px)}.bloom-arc-top{bottom:53%;transform:translate(-50%) translate(calc(var(--bx, 0) * 42px),calc(var(--by, 0) * 26px))}.bloom-arc-bottom{top:53%;transform:translate(-50%) translate(calc(var(--bx, 0) * -38px),calc(var(--by, 0) * -22px))}.bloom-core{position:absolute;left:50%;top:50%;width:104vw;height:20vh;transform:translate(-50%,-50%) translate(calc(var(--bx, 0) * 58px),calc(var(--by, 0) * 30px));background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.98) 0%,rgba(216,235,255,.62) 24%,rgba(79,151,245,.22) 50%,transparent 78%);filter:blur(40px)}@keyframes bloom-wander-a{0%,to{transform:translate3d(-7%,-5%,0) rotate(-1.4deg) scale(1.06)}33%{transform:translate3d(6%,4.5%,0) rotate(.8deg) scale(1)}66%{transform:translate3d(8.5%,-3%,0) rotate(1.6deg) scale(1.12)}}@keyframes bloom-wander-b{0%,to{transform:translate3d(8%,4%,0) rotate(1.2deg) scale(1.1)}40%{transform:translate3d(-7%,-5.5%,0) rotate(-1.5deg) scale(1)}72%{transform:translate3d(-4%,6.5%,0) rotate(-.6deg) scale(1.14)}}@keyframes bloom-wander-c{0%,to{transform:translate3d(-6%,3%,0) scale(1)}45%{transform:translate3d(7.5%,-4.5%,0) scale(1.18)}75%{transform:translate3d(2.5%,5.5%,0) scale(.9)}}@media(prefers-reduced-motion:reduce){.bloom-drift{animation:none}}.bloom-page{position:relative}.bloom-page>*:not(.bloom){position:relative;z-index:1}.eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 18px;color:var(--fg-dim);font-size:12px;letter-spacing:.06em}.eyebrow:before,.eyebrow:after{content:"";height:1px;width:clamp(40px,9vw,110px);background:linear-gradient(90deg,transparent,var(--edge))}.eyebrow:after{background:linear-gradient(90deg,var(--edge),transparent)}.eyebrow .eyebrow-pill{border:1px solid var(--edge);border-radius:999px;padding:5px 14px;background:#0c1320b3;white-space:nowrap}.card{background:linear-gradient(180deg,#121c2eb8,#090e18b8);border:1px solid var(--edge-soft);border-radius:18px;padding:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pill-btn{display:inline-flex;align-items:center;gap:8px;background:var(--blue-050);color:#06101f;border:0;border-radius:999px;padding:9px 18px;font:inherit;font-size:.9rem;font-weight:600;letter-spacing:0;cursor:pointer;text-decoration:none;line-height:1;transition:box-shadow .16s ease,transform .16s ease}.pill-btn:hover,.pill-btn:focus-visible{outline:none;box-shadow:var(--glow-hard);transform:translateY(-1px)}.modes button:hover,.modes button:focus-visible,.text-btn:hover,.text-btn:focus-visible,.btn:hover,.btn:focus-visible,.btn.gold:hover,.tabs button.on,.demo-code:hover,.demo-code:focus-visible{border-bottom-color:var(--blue-200);outline:none}.modes button:hover,.modes button:focus-visible{text-shadow:0 0 34px rgba(121,180,255,.55)}input:focus,select:focus{border-bottom-color:var(--blue-300);box-shadow:0 1px #79b4ff73}.wordmark{margin:0 0 4px;font-family:Bebas Neue,sans-serif;font-size:clamp(3.5rem,11vw,9rem);font-weight:400;letter-spacing:.26em;text-indent:.26em;line-height:.95;color:var(--fg);text-shadow:0 0 18px rgba(255,255,255,.35),0 0 60px rgba(168,208,255,.55),0 0 130px rgba(79,151,245,.45)}.bloom-page>.home-nav,.home-nav{position:absolute;top:26px;right:40px;z-index:2;display:flex;gap:22px;align-items:center}.home-nav a{color:var(--fg-dim);text-decoration:none;font-size:13px;letter-spacing:.02em}.home-nav a:hover{color:var(--fg)}.home-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:0;text-align:center}.home-hero .eyebrow{margin:14px 0 22px}.home-hero:before{content:"";position:absolute;top:-12%;right:-18%;bottom:-12%;left:-18%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 40% 56% at 50% 50%,rgba(4,6,12,.78) 0%,rgba(4,6,12,.44) 44%,transparent 76%)}.home-hero .modes{flex:none;align-items:center;gap:0}.home-hero .modes button{text-align:center;font-size:clamp(2.4rem,5.4vw,4rem);line-height:1.02;transition:text-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;align-items:center;padding-bottom:10px}.mode-sub{display:block;margin-top:2px;font-family:Outfit,ui-sans-serif,system-ui,sans-serif;font-size:.88rem;font-weight:500;letter-spacing:.05em;text-transform:lowercase;line-height:1.2;color:var(--fg-dim);text-shadow:none}.mode-hint{position:absolute;left:100%;top:50%;margin-left:64px;white-space:nowrap;font-family:Outfit,ui-sans-serif,system-ui,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:.06em;text-transform:lowercase;line-height:1.2;color:var(--blue-200);text-shadow:0 0 18px rgba(79,151,245,.6);opacity:0;transform:translate(-20px,-50%);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.modes button.mode:hover .mode-hint,.modes button.mode:focus-visible .mode-hint{opacity:1;transform:translateY(-50%)}@media(prefers-reduced-motion:reduce){.mode-hint{transition:opacity .22s ease;transform:translateY(-50%)}}@media(max-width:900px){.mode-hint{display:none}}.page.bloom-page .bloom{opacity:.5;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 20%,transparent 58%);mask-image:linear-gradient(180deg,#000 0%,#000 20%,transparent 58%)}.page.bloom-page .bloom-arc-top{bottom:80%}.page.bloom-page .bloom-arc-bottom{top:26%}.page.bloom-page .bloom-core{top:24%;height:15vh}@media(max-width:720px){.home-hero .modes button{font-size:clamp(2.5rem,11vw,3.5rem)}}.aria-orb.mark .aria-halo,.aria-orb.mark .aria-crescent{display:none}.aria-orb.mark .aria-corona{top:0;right:0;bottom:0;left:0;background:none;filter:none;box-shadow:0 0 0 1.5px var(--blue-200),0 0 10px #79b4ffbf}.aria-orb.mark .aria-body{top:3px;right:3px;bottom:3px;left:3px;background:radial-gradient(circle at 50% 120%,#79b4ff80,#03060d 62%);box-shadow:none}.aria-orb.mark .aria-rim{box-shadow:none}.aria-orb.mark.is-idle{opacity:1}.modes button.mode{position:relative}.sparks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sparks i{position:absolute;width:var(--ps, 3px);height:var(--ps, 3px);margin-left:calc(var(--ps, 3px) / -2);border-radius:50%;background:var(--blue-050);box-shadow:0 0 10px #a8d0ff,0 0 22px #4f97f599;opacity:0}.modes button.mode:hover .sparks i,.modes button.mode:focus-visible .sparks i{animation:mode-spark 2.6s ease-out var(--pd, 0s) infinite}@keyframes mode-spark{0%{opacity:0;transform:translate(0) scale(.3)}6%{opacity:1;transform:translate(calc(var(--dx) * .06),calc(var(--dy) * .06)) scale(1)}62%{opacity:.92;transform:translate(calc(var(--dx) * .66),calc(var(--dy) * .66)) scale(.8)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3)}}@media(prefers-reduced-motion:reduce){.modes button.mode:hover .sparks i,.modes button.mode:focus-visible .sparks i{animation:none}}.lyrics{position:relative;isolation:isolate}.lyrics:before{content:"";position:absolute;left:50%;top:42%;width:min(92%,46rem);height:5.5rem;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(121,180,255,.22) 0%,rgba(47,116,216,.1) 45%,transparent 76%);filter:blur(18px);opacity:0;transition:opacity .26s ease}.lyrics:has(.lyrics-now:not(.lyrics-soon)):before{opacity:1}.lyrics-duet:before{top:50%}.lyrics-now{color:var(--fg);text-shadow:0 0 14px rgba(255,255,255,.3),0 0 44px rgba(121,180,255,.55),0 2px 20px rgba(0,0,0,.6)}.lyrics-now.lyrics-soon{color:var(--fg-dim);text-shadow:none}.lyrics-next{color:var(--fg-faint)}.lyric-line{position:relative;display:inline-block;max-width:100%}.lyric-sparks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lyric-sparks i{position:absolute;width:var(--ps, 3px);height:var(--ps, 3px);margin-left:calc(var(--ps, 3px) / -2);border-radius:50%;background:var(--blue-050);box-shadow:0 0 9px #a8d0fff2,0 0 20px #4f97f58c;opacity:0;animation:lyric-spark 2.2s ease-out var(--pd, 0s) infinite}@keyframes lyric-spark{0%{opacity:0;transform:translate(0) scale(.3)}10%{opacity:.95;transform:translate(calc(var(--dx) * .1),calc(var(--dy) * .1)) scale(1)}65%{opacity:.7;transform:translate(calc(var(--dx) * .68),calc(var(--dy) * .68)) scale(.75)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}.lyrics-count .dot{background:var(--blue-200);box-shadow:0 0 8px #79b4ffb3}.lyrics-count .dot.spent{background:var(--fg-faint);box-shadow:none}.lyrics-count .count-num{color:var(--blue-100)}.hit-perfect{color:var(--blue-050);text-shadow:0 0 18px rgba(255,255,255,.85),0 0 52px rgba(121,180,255,.9)}.hit-great{color:var(--blue-100);text-shadow:0 0 14px rgba(168,208,255,.75),0 0 40px rgba(79,151,245,.6)}.hit-good{color:var(--blue-300);text-shadow:0 0 12px rgba(79,151,245,.5)}.hit-okay{color:var(--fg-dim);text-shadow:none}@media(prefers-reduced-motion:reduce){.lyric-sparks i{animation:none}}.page-head{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:0 0 22px}.page-head h1{margin:0;line-height:.95;text-shadow:0 0 42px rgba(121,180,255,.4)}.page-head .back{color:var(--fg-dim);text-decoration:none;font-size:13px;letter-spacing:.02em}.page-head .back:hover{color:var(--fg)}.page-head .back:before{content:"← "}.pitch-guide{background:transparent;border:1px solid var(--edge-soft);border-radius:14px;overflow:hidden;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;user-select:none;-webkit-user-select:none;touch-action:none}.voice-wave{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;pointer-events:none}.bloom-page>.voice-wave{position:fixed;z-index:0}.voice-wave.quiet{opacity:.32}.stage .voice-wave{position:absolute;z-index:0}.shell{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.shell>.page-head{position:absolute;top:26px;left:40px;z-index:2;align-items:flex-start;text-align:left;margin:0}.shell>.page-head h1{text-align:left}.shell-inner{width:min(42rem,100%);margin:150px auto 0;display:flex;flex-direction:column;align-items:center;text-align:center}.shell-inner.wide{width:min(56rem,100%)}.shell-inner h1{margin:0 0 8px;text-align:center}.shell-inner .tag{margin:0 0 8px;max-width:32rem;text-align:center}.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:14px 28px;border:1px solid transparent;border-radius:999px;background:var(--blue-050);color:#06101f;font:inherit;font-size:1.05rem;font-weight:600;letter-spacing:.01em;line-height:1;cursor:pointer;text-decoration:none;width:100%;max-width:22rem;transition:box-shadow .16s ease,transform .16s ease,background .16s ease,color .16s ease}.cta:hover,.cta:focus-visible{outline:none;box-shadow:var(--glow-hard);transform:translateY(-1px);background:#fff;color:#06101f}.cta-ghost{background:#0c1320b8;color:var(--fg);border-color:var(--edge)}.cta-ghost:hover,.cta-ghost:focus-visible{background:#121c2ef2;color:var(--fg);border-color:var(--blue-300)}.cta:disabled{opacity:.38;cursor:not-allowed;transform:none;box-shadow:none}.cta-lg{min-height:64px;font-size:1.15rem;max-width:26rem}.cta.is-on{background:var(--blue-400);color:#fff;box-shadow:var(--glow-hard);cursor:default}.cta.is-on:disabled{opacity:1}.cta.is-on:hover,.cta.is-on:focus-visible{background:var(--blue-400);color:#fff;transform:none}.code-form{display:flex;flex-direction:column;gap:10px;width:100%;align-items:stretch;margin-top:4px}.code-form input{flex:none;width:100%;min-width:0;text-align:center;font-size:1.35rem;letter-spacing:.28em;font-family:Bebas Neue,sans-serif;padding:10px 12px;border:1px solid var(--edge);border-radius:14px;background:#04060c73}.code-form .cta{width:100%;max-width:none;flex:none;padding:14px 22px}.play-choices{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;margin-top:36px;text-align:left}.play-choice{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:28px 24px 24px;min-height:280px}.play-choice h2{font-family:Bebas Neue,sans-serif;font-size:2rem;letter-spacing:.04em;font-weight:400;margin:0;text-align:center}.play-choice p{margin:0;color:var(--fg-dim);text-align:center;flex:1}.play-choice .cta{max-width:none;margin-top:4px}.play-waiting{grid-column:1 / -1;min-height:220px;align-items:center;text-align:center;max-width:32rem;margin:0 auto;width:100%}.page.shell.play-page{height:100dvh;min-height:0;overflow:hidden;padding:20px 28px 16px}.play-page .shell-inner{margin-top:88px;gap:0}.play-page .play-choices{margin-top:14px;gap:14px}.play-page .play-choice{min-height:0;padding:16px 18px 14px;gap:8px}.play-page .play-choice h2{font-size:1.7rem}.play-page .play-choice p{font-size:.92rem}.play-page .play-waiting{min-height:0;padding:20px 18px}.play-hint{margin-top:8px;background:none;border:0;padding:0;color:var(--fg-dim);cursor:pointer;font:inherit;font-size:.92rem;text-decoration:underline;text-underline-offset:3px;align-self:center}.play-hint:hover,.play-hint:focus-visible{color:var(--fg);outline:none}.play-hint:disabled{opacity:.35;cursor:not-allowed}.shell-inner .dim,.shell-inner .status,.shell-inner .err{text-shadow:0 1px 10px #04060c,0 0 18px #04060c}.settings-form{width:min(22rem,100%);margin:36px auto;text-align:left}.settings-form .cta{max-width:none}.ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin-top:24px;width:100%}.ctas .cta{width:auto;min-width:10rem;max-width:none}.tabs{display:inline-flex;gap:0;margin:24px auto;padding:4px;border:1px solid var(--edge);border-radius:999px;background:#090e18b3}.tabs button{background:none;color:var(--fg-dim);border:0;border-radius:999px;padding:10px 22px;cursor:pointer;font:inherit;font-size:.95rem;font-weight:600}.tabs button.on{color:#06101f;background:var(--blue-050);border-bottom-color:transparent}.board{width:100%;border-collapse:collapse;text-align:left;background:#04060ce0;border-radius:16px;overflow:hidden}.result-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;justify-content:center}.result-actions .cta{width:auto;min-width:9rem;max-width:none}.stage-dock{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 22px;padding:8px 0 4px}.stage-dock .cta{width:auto;min-width:14rem}.ready-meta{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.ready-meta p{margin:0;color:var(--fg-dim);font-size:.92rem}.ready-chips{display:flex;flex-wrap:wrap;gap:8px}.ready-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid var(--edge);background:#090e18b3;font-size:.82rem;color:var(--fg-dim)}.ready-chip.on{color:var(--fg);border-color:var(--blue-300);box-shadow:0 0 16px #4f97f559}.ready-chip i{width:7px;height:7px;border-radius:50%;background:var(--fg-faint)}.ready-chip.on i{background:var(--blue-200);box-shadow:0 0 8px #a8d0ffe6}.room-code-bar{justify-content:center;padding:6px 0}.room-code-bar button{border-radius:999px}.song-pick{width:min(28rem,100%);margin:8px auto 20px;text-align:left}.song-pick select{width:100%;border:1px solid var(--edge);border-radius:14px;padding:10px 14px;background:#090e18b3}.training .lyrics,.training .pitch-guide{width:100%}.training .pitch-guide{margin:12px 0 8px}.score-break .who{margin:0 0 2px;color:var(--fg-dim);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.score-break .overall{margin:0 0 10px;font-variant-numeric:tabular-nums;line-height:.95;color:var(--fg)}.score-break.band-good .overall{color:var(--score-good)}.score-break.band-mid .overall{color:var(--warning)}.score-break.band-bad .overall{color:var(--danger)}.score-break.pending .overall{color:var(--fg-faint)}.score-meter{margin:6px 0 0}.score-meter-row{display:flex;justify-content:space-between;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:3px}.score-meter-row span:last-child{font-variant-numeric:tabular-nums;color:var(--fg)}.score-meter-track{height:8px;border-radius:99px;background:color-mix(in srgb,var(--fg) 12%,transparent);overflow:hidden}.score-meter-track span{display:block;height:100%;border-radius:inherit;background:var(--score-fill, var(--accent));box-shadow:0 0 12px color-mix(in srgb,var(--score-fill, var(--accent)) 55%,transparent);transition:width .18s ease}.score-meter.band-good{--score-fill: var(--score-good)}.score-meter.band-mid{--score-fill: var(--warning)}.score-meter.band-bad{--score-fill: var(--danger)}.live-scores{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin-top:6px;width:100%}.live-scores .score-break .overall{font-size:1.65rem;margin-bottom:4px}.live-scores .score-meter-track{height:6px}.live-scores-slim{gap:8px 14px;margin-top:4px}.slim-score .slim-score-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:3px}.slim-score .who{margin:0;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-dim)}.slim-score .overall{margin:0;font-size:1.05rem;font-variant-numeric:tabular-nums;line-height:1}.slim-score.band-good .overall{color:var(--score-good)}.slim-score.band-mid .overall{color:var(--warning)}.slim-score.band-bad .overall{color:var(--danger)}.slim-score.pending .overall{color:var(--fg-faint)}.slim-score .score-meter-track{height:5px}.slim-score.band-good .score-meter-track span{background:var(--score-good)}.slim-score.band-mid .score-meter-track span{background:var(--warning)}.slim-score.band-bad .score-meter-track span{background:var(--danger)}.slim-score.singing .who{color:var(--score-good)}.slim-subs{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin-top:4px}.slim-sub span{display:block;font-size:.62rem;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:2px}.slim-sub .score-meter-track{height:3px}.live-scores.solo{grid-template-columns:1fr}.pitch-stage .live-scores-slim{position:absolute;left:8px;right:8px;bottom:6px;margin:0;z-index:3;pointer-events:none}.scoring-wait{text-align:center;max-width:420px}.scoring-copy{margin:0 0 16px;color:var(--fg-dim)}.scoring-track{height:10px;border-radius:99px;background:color-mix(in srgb,var(--fg) 12%,transparent);overflow:hidden}.scoring-track span{display:block;height:100%;border-radius:inherit;background:var(--blue-300);box-shadow:0 0 16px #79b4ff8c;transition:width 80ms linear}.results{max-width:560px}.results .score-break .overall{font-size:2.8rem}.results .score-row{margin-bottom:8px}.results .score-meter{margin-top:6px}.modal-scrim .results{padding:20px 22px 18px;max-height:min(92dvh,720px);overflow:auto}@media(prefers-reduced-motion:reduce){.score-meter-track span{transition:none}}@media(max-width:760px){.play-choices{grid-template-columns:1fr}.play-choice{min-height:0}.play-page .play-choices{gap:10px}.code-form{flex-direction:column}.shell>.back{left:20px;top:20px}.ready-meta{align-items:center;text-align:center}}.page.shell.training{height:100dvh;min-height:0;overflow:hidden;padding-bottom:14px}.training .shell-inner{margin:104px auto 0;height:calc(100dvh - 118px);min-height:0;display:flex;flex-direction:column;gap:6px;width:min(62rem,100%)}.training .tag{margin:0 0 2px}.training .song-pick{flex:none;margin:0}.training .lyrics{flex:none;min-height:5.2rem;margin:2px 0}.training .pitch-stage{flex:1 1 auto;width:100%;align-self:stretch;min-height:170px;display:flex}.training .pitch-guide{flex:1 1 auto;height:auto;min-height:0;margin:0}.training .stage-self{flex:none;flex-direction:row;align-items:center;gap:10px}.training .stage-self video,.training .avatar-tile{width:108px;height:66px;border-radius:10px}.training .stage-self p{margin:0;font-size:.85rem}.training .status{flex:none;margin:0;font-size:.85rem}.training .ctas{flex:none;margin:2px 0 0}.training .voice-wave{transform:translateY(13%)}@media(max-height:820px){.training .shell-inner{margin-top:84px;height:calc(100dvh - 96px);gap:4px}.training .lyrics{min-height:3.4rem;margin:0}.training .lyrics-now{font-size:clamp(1.5rem,3.4vw,2.4rem)}.training .lyrics-next{font-size:.95rem}.training .stage-self video,.training .avatar-tile{width:84px;height:52px}.training .tag{display:none}.training .voice-wave{transform:translateY(11%)}}@media(max-height:680px){.training .stage-self{display:none}.training .lyrics{min-height:2.8rem}}.hero-rule{display:flex;align-items:center;justify-content:center;gap:14px;margin:16px 0 26px;width:min(30rem,62vw)}.hero-rule-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(168,208,255,.55));box-shadow:0 0 10px #4f97f566}.hero-rule-line+.hero-rule-dot+.hero-rule-line{background:linear-gradient(90deg,rgba(168,208,255,.55),transparent)}.hero-rule-dot{width:5px;height:5px;border-radius:50%;background:var(--blue-050);box-shadow:0 0 10px #a8d0fff2,0 0 22px #4f97f5b3}.home-pitch{margin:-4px 0 22px;color:var(--fg-dim);font-size:1.05rem;letter-spacing:.02em;max-width:26rem;line-height:1.4}.home-go{display:flex;flex-direction:column;align-items:center;gap:8px;width:min(20rem,100%)}.home-name{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;color:var(--fg-dim);font-size:13px;letter-spacing:.02em}.home-name input{width:100%;text-align:center;font-size:1.15rem;letter-spacing:.04em}.home-name-err{margin:0;font-size:.88rem}.home-play{margin-top:10px}.home-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(22rem,100%);margin-top:28px;padding-top:22px;border-top:1px solid color-mix(in srgb,var(--edge) 80%,transparent)}.home-mode{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;padding:10px 12px;border:1px solid var(--edge);border-radius:14px;background:#0c13208c;color:var(--fg);text-decoration:none;text-align:center;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.home-mode:hover,.home-mode:focus-visible{outline:none;color:var(--fg);border-color:var(--blue-300);background:#121c2ee6;box-shadow:var(--glow-soft)}.home-mode-label{font-size:1.02rem;font-weight:600;letter-spacing:.01em;line-height:1.2}.home-mode-hint{color:var(--fg-dim);font-size:.78rem;letter-spacing:.02em;line-height:1.2}.home-more{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin-top:40px}.home-more a{color:var(--fg-dim);text-decoration:none;font-size:13px;letter-spacing:.02em}.home-more a:hover,.home-more a:focus-visible{color:var(--fg);outline:none}.home-simple .voice-wave{-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 24%,transparent 39%,transparent 61%,#000 76%,#000 100%);mask-image:linear-gradient(90deg,#000 0%,#000 24%,transparent 39%,transparent 61%,#000 76%,#000 100%)}@media(max-width:760px){.page,.home-simple{padding:calc(14px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px))}.home-nav{top:calc(10px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px));gap:8px}.home-nav a{min-height:44px;padding:0 8px;display:inline-flex;align-items:center;font-size:14px}.wordmark{font-size:clamp(2.8rem,14vw,4.2rem);letter-spacing:.18em;text-indent:.18em}.hero-rule{width:min(18rem,78vw);margin:10px 0 16px;gap:10px}.home-pitch{margin:0 0 16px;font-size:.95rem}.home-modes{margin-top:18px;padding-top:16px;gap:8px}.home-mode{min-height:48px}.home-mode-label{font-size:.95rem}.home-more{margin-top:24px}.home-hero .eyebrow{margin:8px 0 14px}.home-hero .modes button{font-size:clamp(2.1rem,10vw,2.8rem);padding-bottom:6px}.mode-hint{font-size:.78rem}.shell>.page-head{position:relative;top:auto;left:auto;margin:0 0 10px;width:100%}.page-head h1,.shell-inner h1{font-size:clamp(2rem,11vw,2.7rem)}.page-head .back{min-height:44px;display:inline-flex;align-items:center}.shell-inner,.shell-inner.wide{width:100%;margin:0}.page.shell.play-page{padding:calc(14px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px))}.play-page .shell-inner{margin-top:0}.play-choices{margin-top:16px;gap:12px}.play-choice{padding:18px 16px 16px;gap:8px}.play-choice h2{font-size:1.65rem}.play-waiting{min-height:0}.cta,.cta-lg{max-width:none;min-height:48px;font-size:1rem}.ctas .cta,.result-actions .cta{width:100%;min-width:0}input,select,textarea{font-size:16px}.settings-form{width:100%;margin:16px auto 20px}.tabs{width:100%;justify-content:center;margin:12px auto 16px}.tabs button{flex:1 1 auto;padding:10px 12px;font-size:.88rem}.board{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.board th,.board td{padding:10px 8px;font-size:.88rem}.modal-scrim{padding:calc(12px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px))}.results{max-width:100%;width:100%;max-height:calc(100dvh - 24px);overflow:auto;padding:20px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:18px;background:var(--ink)}.results h2{font-size:1.85rem}.results .score-break .overall{font-size:2.4rem}.score-row.split{gap:12px}.lyrics-now{font-size:clamp(1.45rem,7.2vw,2.3rem)}.lyrics{min-height:4.2rem}.lyric-line{overflow-wrap:anywhere}.page.shell.training{height:100dvh;max-height:100dvh;min-height:0;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0px)}.training .shell-inner{flex:1 1 auto;margin:0;height:auto;min-height:0;gap:8px;width:100%;overflow:hidden}.training .tag,.training .stage-self{display:none}.training .lyrics{min-height:3.2rem;margin:0}.training .pitch-stage{min-height:140px}.training .status{font-size:.8rem}.training .ctas{position:static;margin:4px 0 0;padding:0;background:none;flex-wrap:nowrap;justify-content:stretch;gap:8px}.training .ctas .cta{flex:1 1 0;width:auto;min-width:0;max-width:none;min-height:46px;padding:10px 8px;font-size:.88rem}.stage,.stage.stage-fit{min-height:100dvh;height:100dvh;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column;gap:.45rem;padding:calc(8px + env(safe-area-inset-top,0px)) calc(10px + env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) calc(10px + env(safe-area-inset-left,0px))}.stage-top{flex-wrap:wrap;gap:.35rem .6rem;min-height:0}.stage-top a{min-height:36px;display:inline-flex;align-items:center}.stage-top strong{font-size:.88rem}.stage-song{font-size:.75rem;flex-basis:100%}.stage-arena{flex:1 1 auto;min-height:0;gap:.4rem .45rem;grid-template-rows:minmax(92px,18vh) minmax(0,1fr)}.stage-arena:not(:has(.pitch-guide)){grid-template-rows:minmax(140px,1fr) auto}.stage-board{gap:.25rem;min-height:0}.stage-fit .lyrics{min-height:3.1rem;padding:0}.stage-fit .lyrics-now{font-size:clamp(1.35rem,6.6vw,2.1rem);-webkit-line-clamp:3}.stage-fit .lyrics-next{font-size:clamp(.9rem,3.4vw,1.15rem);margin:4px 0 0}.stage-fit .pitch-guide{height:auto;min-height:110px;flex:1 1 auto}.pitch-stage{flex:1 1 auto;min-height:110px;display:flex}.stage-dock{flex-direction:column;gap:8px;width:100%}.stage-dock .cta,.stage-dock .cta-lg,.stage.stage-fit button.cta,.stage.stage-fit button.cta-lg{width:100%;min-width:0;min-height:48px}.room-code-bar{justify-content:center;text-align:center;gap:8px}.stage-fit .room-code-digits{font-size:1.3rem}.stage-chaos{flex:1 1 auto;min-height:0}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr))}.tile .name{font-size:.82rem;left:.45rem;bottom:.45rem;padding:.25rem .55rem}.cam-cue{font-size:clamp(1.1rem,4vw,1.6rem);top:.4rem;left:.45rem}.hit-callout{font-size:clamp(1.8rem,10vw,3rem)}}@media(max-width:760px)and (max-height:720px){.play-choices{margin-top:8px;gap:10px}.play-choice{padding:14px 14px 12px}.play-choice h2{font-size:1.5rem}.page-head h1,.shell-inner h1{font-size:clamp(1.85rem,10vw,2.4rem)}html:has(.play-page),body:has(.play-page){overflow:auto;height:auto}.page.shell.play-page{height:auto;min-height:100dvh;max-height:none;overflow:visible}}@media(max-height:540px){.page,.home-simple{overflow-y:auto;padding:calc(8px + env(safe-area-inset-top,0px)) calc(20px + env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px))}.home-nav{top:calc(6px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px))}.wordmark{font-size:clamp(2rem,9vh,3.2rem);letter-spacing:.16em;text-indent:.16em}.hero-rule{width:min(22rem,50vw);margin:6px 0 10px}.home-pitch{margin:0 0 10px;font-size:.88rem}.home-go{gap:4px}.home-play{margin-top:2px}.home-modes{margin-top:10px;padding-top:10px;gap:6px}.home-mode{min-height:40px;padding:6px 8px;border-radius:10px}.home-mode-label{font-size:.88rem}.home-mode-hint{font-size:.7rem}.home-more{margin-top:12px;gap:6px 14px}.home-hero .eyebrow{margin:4px 0 8px}.home-hero .modes button{font-size:clamp(1.45rem,8vh,2.2rem);padding-bottom:2px}.mode-hint{font-size:.7rem}.shell{align-items:stretch}.shell>.page-head{position:relative;top:auto;left:auto;width:100%;margin:0 0 4px;flex-direction:row;align-items:baseline;justify-content:space-between;gap:12px}.page-head h1,.shell-inner h1{font-size:clamp(1.35rem,6vh,1.9rem)}.page-head .back{min-height:32px}.shell-inner,.shell-inner.wide{margin:0;width:100%}.page.shell.training{height:100dvh;max-height:100dvh;min-height:0;overflow:hidden;align-items:stretch;padding-bottom:env(safe-area-inset-bottom,0px)}.training .shell-inner{flex:1 1 auto;margin:0;height:auto;min-height:0;gap:2px;overflow:hidden}.training .tag,.training .stage-self{display:none}.training .song-pick{margin:0}.training .song-pick select{padding:6px 10px}.training .lyrics{min-height:0;margin:0}.training .lyrics-now{font-size:clamp(1.05rem,4.5vh,1.45rem)}.training .lyrics-next{display:none}.training .pitch-stage{min-height:0}.training .status{font-size:.75rem}.training .ctas{position:static;flex:none;flex-wrap:nowrap;gap:8px;margin:2px 0 0;padding:0;background:none}.training .ctas .cta{flex:1;width:auto;max-width:none;min-height:40px;font-size:.82rem;padding:8px}.stage,.stage.stage-fit{min-height:100dvh;height:100dvh;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column;gap:.35rem;padding:calc(6px + env(safe-area-inset-top,0px)) calc(10px + env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) calc(10px + env(safe-area-inset-left,0px))}.stage-top{flex-wrap:wrap;gap:.3rem .7rem}.stage-arena{flex:1 1 auto;min-height:0;grid-template-columns:minmax(88px,18vw) minmax(0,1fr) minmax(88px,18vw);grid-template-rows:minmax(0,1fr);gap:.4rem .5rem}.stage-arena>.stage-cam:first-of-type{grid-column:1;grid-row:1}.stage-arena>.stage-board{grid-column:2;grid-row:1}.stage-arena>.stage-cam:last-of-type{grid-column:3;grid-row:1}.stage-fit .lyrics{min-height:2.6rem}.stage-fit .lyrics-now{font-size:clamp(1.2rem,4.8vw,2rem)}.stage-fit .pitch-guide{height:auto;min-height:72px;flex:1 1 auto}.stage-dock{flex-wrap:nowrap;gap:10px 14px}.stage-dock .cta,.stage-dock .cta-lg{width:auto;min-width:10rem;min-height:42px}.results{max-height:calc(100dvh - 16px);overflow:auto}}.results-scrim{background:radial-gradient(ellipse 70% 55% at 50% 42%,rgba(47,116,216,.28),transparent 62%),color-mix(in srgb,var(--ink) 88%,transparent)}.results.results-show,.results.booth-wait{position:relative;overflow-x:hidden;overflow-y:auto;max-width:34rem;max-height:calc(100vh - 32px);padding:28px 26px 22px;border:1px solid color-mix(in srgb,var(--blue-200) 28%,var(--edge));border-radius:22px;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(79,151,245,.16),transparent 58%),#070b14eb;box-shadow:0 0 0 1px #a8d0ff0f inset,0 24px 80px #0000008c,var(--glow-soft);text-align:center}.results.results-show{animation:results-slam .48s cubic-bezier(.16,1.2,.32,1) both}.results.booth-wait{animation:results-slam .4s cubic-bezier(.16,1.1,.32,1) both;max-width:26rem}@keyframes results-slam{0%{opacity:0;transform:translateY(36px) scale(.86)}62%{opacity:1;transform:translateY(-6px) scale(1.03)}to{opacity:1;transform:none}}.results.results-show h2,.results.booth-wait h2{margin:0 0 6px;font-size:clamp(2.6rem,7vw,3.6rem);line-height:.9;text-shadow:0 0 28px rgba(121,180,255,.35)}.results.band-good h2,.results.is-win h2{text-shadow:0 0 32px rgba(62,224,138,.45),0 0 18px rgba(121,180,255,.3)}.results.band-bad h2,.results.is-loss h2{text-shadow:0 0 24px rgba(255,138,138,.28)}.booth{position:relative;width:11.5rem;height:11.5rem;margin:2px auto 16px}.booth-sweep{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 68%,rgba(168,208,255,0) 72%,rgba(168,208,255,.7) 88%,transparent 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));animation:booth-spin 2.6s linear infinite}@keyframes booth-spin{to{transform:rotate(360deg)}}.booth-ring{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;border:1.5px solid rgba(168,208,255,.22);box-shadow:0 0 18px #4f97f52e;animation:booth-pulse 2.2s ease-out infinite}.booth-ring:nth-child(2){top:8%;right:8%;bottom:8%;left:8%;animation-delay:.35s;border-color:#a8d0ff24}.booth-ring:nth-child(3){top:0;right:0;bottom:0;left:0;animation-delay:.7s;border-color:#a8d0ff14}@keyframes booth-pulse{0%{transform:scale(.82);opacity:.85}70%{transform:scale(1.08);opacity:.15}to{transform:scale(1.14);opacity:0}}.booth-eq{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:5px;z-index:1}.booth-eq i{display:block;width:7px;height:18px;border-radius:99px;background:var(--blue-200);box-shadow:0 0 14px #a8d0ffe6;animation:booth-eq .85s ease-in-out infinite;transform-origin:center}.booth-eq i:nth-child(1){animation-delay:0s;height:18px}.booth-eq i:nth-child(2){animation-delay:.1s;height:32px}.booth-eq i:nth-child(3){animation-delay:.18s;height:46px}.booth-eq i:nth-child(4){animation-delay:.06s;height:58px}.booth-eq i:nth-child(5){animation-delay:.22s;height:42px}.booth-eq i:nth-child(6){animation-delay:.12s;height:28px}.booth-eq i:nth-child(7){animation-delay:.28s;height:20px}@keyframes booth-eq{0%,to{transform:scaleY(.45);opacity:.65}50%{transform:scaleY(1.15);opacity:1}}.booth-wait .scoring-copy{min-height:1.5em;margin:0 0 18px;color:var(--fg);font-size:1.05rem;animation:copy-swap .35s ease both}.booth-wait .scoring-copy span{color:var(--fg-dim);font-variant-numeric:tabular-nums}@keyframes copy-swap{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.booth-wait .scoring-track{height:8px;background:color-mix(in srgb,var(--fg) 10%,transparent)}.booth-wait .scoring-track span{background:linear-gradient(90deg,var(--blue-500),var(--blue-200));box-shadow:0 0 18px #79b4ffa6}.results-hero{position:relative;isolation:isolate;margin:4px 0 8px;min-height:8.2rem;display:grid;place-items:center}.results-hero:before{content:"";position:absolute;left:50%;top:42%;width:min(22rem,92%);height:14rem;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(168,208,255,.42) 0%,rgba(47,116,216,.18) 38%,transparent 68%);filter:blur(8px);z-index:0;pointer-events:none;animation:hero-bloom 1.1s ease-out both}.results.band-good .results-hero:before{background:radial-gradient(circle,rgba(62,224,138,.38) 0%,rgba(79,151,245,.16) 42%,transparent 68%)}.results.band-bad .results-hero:before{background:radial-gradient(circle,rgba(255,138,138,.28) 0%,rgba(47,116,216,.12) 42%,transparent 68%)}@keyframes hero-bloom{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.results-hero-score{position:relative;z-index:1;margin:0;font-family:Bebas Neue,sans-serif;font-size:clamp(6.2rem,20vw,9rem);font-weight:400;letter-spacing:.02em;line-height:.78;font-variant-numeric:tabular-nums;color:var(--fg);text-shadow:0 0 18px rgba(242,248,255,.55),0 0 48px rgba(121,180,255,.55)}.results.band-good .results-hero-score{color:var(--score-good);text-shadow:0 0 18px rgba(62,224,138,.7),0 0 52px rgba(62,224,138,.4)}.results.band-mid .results-hero-score{color:var(--warning);text-shadow:0 0 16px rgba(240,198,116,.55),0 0 40px rgba(240,198,116,.28)}.results.band-bad .results-hero-score{color:var(--danger);text-shadow:0 0 16px rgba(255,138,138,.5),0 0 36px rgba(255,138,138,.25)}.results-blurb{position:relative;z-index:1;margin:10px auto 0;max-width:26rem;font-size:1.12rem;line-height:1.35;color:var(--fg);opacity:0}.results-show.is-landed .results-blurb{animation:blurb-in .45s ease both}@keyframes blurb-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.results-subs{margin:14px 0 4px;text-align:left}.results-subs .score-meter+.score-meter{margin-top:10px}.results .score-row{margin:16px 0 4px;text-align:left}.results .score-break{padding:12px 12px 10px;border-radius:14px;background:#0c13208c;border:1px solid var(--edge-soft);transition:border-color .3s ease,box-shadow .3s ease}.results .score-break.winner{border-color:color-mix(in srgb,var(--score-good) 55%,var(--edge));box-shadow:0 0 24px #3ee08a2e}.results .score-break .who{display:flex;align-items:center;justify-content:space-between;gap:8px}.win-tag{font-family:Bebas Neue,sans-serif;letter-spacing:.08em;font-size:.92rem;color:var(--score-good);text-transform:uppercase;border:1.5px solid color-mix(in srgb,var(--score-good) 70%,transparent);border-radius:4px;padding:1px 7px 0;transform:rotate(-8deg)}.results-show .score-meter-track span{transform-origin:left center;animation:results-fill .9s cubic-bezier(.22,1,.36,1) both}.results-show .score-meter:nth-of-type(1) .score-meter-track span{animation-delay:.42s}.results-show .score-meter:nth-of-type(2) .score-meter-track span{animation-delay:.56s}.results-show .score-meter:nth-of-type(3) .score-meter-track span{animation-delay:.7s}.results-show .score-row.split .score-break:last-child .score-meter:nth-of-type(1) .score-meter-track span{animation-delay:.52s}.results-show .score-row.split .score-break:last-child .score-meter:nth-of-type(2) .score-meter-track span{animation-delay:.66s}.results-show .score-row.split .score-break:last-child .score-meter:nth-of-type(3) .score-meter-track span{animation-delay:.8s}@keyframes results-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.results .shared,.results .elo{margin:12px 0 0;font-size:1.05rem}.results .elo.up{color:var(--score-good)}.results .elo.down{color:var(--danger)}.results .verdict{margin:14px auto 0;max-width:28rem;padding:10px 14px;border-left:2px solid var(--blue-300);color:var(--blue-100);font-size:.98rem;line-height:1.4;text-align:left;background:color-mix(in srgb,var(--blue-800) 35%,transparent)}.results-show .result-actions,.results-show .results-moment{opacity:0}.results-show.is-landed .result-actions,.results-show.is-landed .results-moment{animation:blurb-in .4s ease .12s both}.score-burst{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;pointer-events:none;z-index:2}.score-burst i{position:absolute;width:var(--ps, 3px);height:var(--ps, 3px);margin-left:calc(var(--ps, 3px) / -2);margin-top:calc(var(--ps, 3px) / -2);border-radius:50%;background:var(--blue-050);box-shadow:0 0 9px #a8d0fff2,0 0 20px #4f97f58c;opacity:0;animation:score-spark 1.35s ease-out var(--pd, 0s) both}.results.band-good .score-burst i{background:#e8fff4;box-shadow:0 0 9px #3ee08af2,0 0 18px #a8d0ff80}@keyframes score-spark{0%{opacity:0;transform:translate(0) scale(.3)}12%{opacity:1;transform:translate(calc(var(--dx) * .12),calc(var(--dy) * .12)) scale(1.15)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}@media(prefers-reduced-motion:reduce){.results.results-show,.results.booth-wait,.results-blurb,.results-show .result-actions,.results-show .results-moment,.booth-wait .scoring-copy{animation:none}.booth-ring,.booth-sweep,.booth-eq i,.score-burst i,.results-hero:before,.results-show .score-meter-track span{animation:none}.results-blurb,.results-show .result-actions,.results-show .results-moment{opacity:1}.results-show .score-meter-track span,.booth-eq i{transform:none}}@media(max-width:760px){.results.results-show,.results.booth-wait{max-width:100%;border-radius:18px}.results-hero-score{font-size:clamp(4.6rem,28vw,7rem)}.results.results-show h2,.results.booth-wait h2{font-size:2.1rem}}.results-moment{display:block;width:min(100%,12rem);margin:12px auto 0;padding:0;border:1px solid var(--edge);border-radius:14px;overflow:hidden;background:#070b14;cursor:pointer}.results-moment img,.results-moment video{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.moment-label{display:block;padding:6px 8px 8px;color:var(--fg-dim);font-size:.78rem;letter-spacing:.02em}.results-moment:hover,.results-moment:focus-visible{outline:none;border-color:var(--blue-300);box-shadow:var(--glow-soft)}.share-scrim{z-index:80;background:radial-gradient(ellipse 70% 55% at 50% 42%,rgba(47,116,216,.22),transparent 62%),color-mix(in srgb,var(--ink) 90%,transparent)}.share-sheet{width:min(28rem,100%);max-height:calc(100vh - 40px);overflow:auto;padding:22px 20px 18px;border:1px solid color-mix(in srgb,var(--blue-200) 28%,var(--edge));border-radius:22px;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(79,151,245,.16),transparent 58%),#070b14f5;box-shadow:0 0 0 1px #a8d0ff0f inset,0 24px 80px #0000008c;text-align:center}.share-sheet h2{margin:0 0 14px;font-size:1.55rem;line-height:1.1}.share-card{display:block;width:100%;height:auto;max-height:min(62vh,34rem);object-fit:contain;border-radius:14px;background:#04060c}.share-sheet video.share-card{aspect-ratio:16 / 9;object-fit:cover}.share-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}.share-actions .cta{width:auto;min-width:8.5rem;max-width:none;min-height:46px;padding:12px 22px}