:root{--bg-0:#07060d;--bg-1:#0e0c1a;--bg-2:#15122a;--surface:hsla(0,0%,100%,.045);--surface-2:hsla(0,0%,100%,.075);--surface-3:#ffffff1c;--border:#ffffff17;--border-strong:#ffffff2e;--text:#f3f2fa;--text-muted:#f3f2faa3;--text-faint:#f3f2fa6b;--text-on-accent:#fff;--cyan:#5ee7ff;--violet:#8b5cf6;--violet-strong:#7c3aed;--pink:#f472b6;--gradient-brand:linear-gradient(135deg,#5ee7ff,#8b5cf6 55%,#f472b6);--gradient-primary:linear-gradient(135deg,#7c6cff,#9a5cf6);--success:#34d399;--success-soft:#34d39924;--warning:#fbbf24;--warning-soft:#fbbf2424;--danger:#fb7185;--danger-soft:#fb718524;--info:#60a5fa;--info-soft:#60a5fa24;--radius-xs:6px;--radius-sm:10px;--radius:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--shadow-sm:0 1px 2px #0000004d,0 4px 12px -4px #0006;--shadow:0 10px 30px -12px #0000008c;--shadow-lg:0 30px 70px -30px #000000bf;--glow-violet:0 0 0 1px #8b5cf659,0 8px 30px -8px #8b5cf68c;--focus-ring:0 0 0 3px #5ee7ff59;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-display:"Sora",var(--font-body);--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--ease:cubic-bezier(0.22,1,0.36,1);--dur:180ms;--dur-slow:320ms;--primary-violet:var(--violet);--primary-light:#b76cf7;--text-light:var(--text);--error-color:var(--danger);--success-color:var(--success);--voting-color:var(--warning);--border-radius:var(--radius);--transition-speed:var(--dur)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:#07060d;background-color:var(--bg-0);background-image:radial-gradient(1200px 600px at 10% -10%,#8b5cf638,#0000 60%),radial-gradient(900px 500px at 100% 0,#5ee7ff1f,#0000 60%),radial-gradient(800px 600px at 50% 110%,#f472b61f,#0000 60%),linear-gradient(180deg,#0e0c1a,#07060d);background-image:radial-gradient(1200px 600px at 10% -10%,#8b5cf638,#0000 60%),radial-gradient(900px 500px at 100% 0,#5ee7ff1f,#0000 60%),radial-gradient(800px 600px at 50% 110%,#f472b61f,#0000 60%),linear-gradient(180deg,var(--bg-1) 0,var(--bg-0) 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-body);font-size:15px;line-height:1.55;min-height:100vh;text-rendering:optimizeLegibility}body,h1,h2,h3,h4{color:#f3f2fa;color:var(--text);margin:0}h1,h2,h3,h4{font-family:Sora,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.15}p{margin:0}a{color:inherit}button,input,select,textarea{color:inherit;font:inherit}button{background:none;border:0;cursor:pointer;padding:0}button:disabled{cursor:not-allowed}img{display:block;max-width:100%}ol,ul{margin:0;padding:0}code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-family:var(--font-mono)}::selection{background:#8b5cf673;color:#fff}:focus-visible{box-shadow:0 0 0 3px #5ee7ff59;box-shadow:var(--focus-ring);outline:none}*{scrollbar-color:#ffffff2e #0000;scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff47}::-webkit-scrollbar-track{background:#0000}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes eq-bounce{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes shimmer{0%{background-position:0 0}to{background-position:2rem 0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.app-shell{min-height:100vh}.app,.app-shell{display:flex;flex-direction:column}.app{flex:1 1;margin:0 auto;max-width:1440px;padding:0 clamp(14px,3vw,32px);width:100%}.app-header{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(180deg,#0b0a14d9,#0b0a148c);border-bottom:1px solid #ffffff0d;position:sticky;top:0;z-index:50}.app-header-inner{align-items:center;display:flex;gap:16px;height:68px;justify-content:space-between;margin:0 auto;max-width:1440px;padding:0 clamp(14px,3vw,32px)}.app-brand{align-items:center;border-radius:var(--radius-sm);display:inline-flex;transition:transform var(--dur) var(--ease),filter var(--dur) var(--ease)}.app-brand:hover{filter:drop-shadow(0 0 14px rgba(139,92,246,.55))}.brand-logo{filter:drop-shadow(0 0 10px rgba(139,92,246,.35));height:auto;-webkit-user-select:none;user-select:none}.brand-logo--small{width:132px}.brand-logo--medium{width:200px}.brand-logo--large{width:260px}.app-nav{align-items:center;display:flex;gap:8px}.app-main{flex:1 1;padding:clamp(20px,3vw,36px) 0 40px}.app-footer{align-items:center;border-top:1px solid var(--border);color:var(--text-faint);display:flex;flex-wrap:wrap;font-size:.85rem;gap:8px 20px;justify-content:space-between;padding:18px 0 22px}.app-footer a{color:var(--text-muted);text-decoration:none;transition:color var(--dur)}.app-footer a:hover{color:var(--text)}.eyebrow{color:var(--cyan);display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.14em;margin-bottom:10px;text-transform:uppercase}.text-gradient{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:#0000}.muted{color:var(--text-muted)}.small{font-size:.85rem}.error-text{color:var(--danger);font-size:.9rem;font-weight:500;margin-top:10px}.warn-text{color:var(--warning)}.code-inline,.mono-pill{font-family:var(--font-mono);font-weight:600;letter-spacing:.04em}.mono-pill{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:.85rem;padding:3px 10px}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;line-height:1;min-height:42px;padding:0 18px;position:relative;transition:transform var(--dur) var(--ease),background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),filter var(--dur) var(--ease),opacity var(--dur) var(--ease);white-space:nowrap}.btn:active:not(:disabled){transform:translateY(1px) scale(.985)}.btn:disabled{filter:saturate(.5);opacity:.5}.btn-primary{background:var(--gradient-primary);box-shadow:var(--glow-violet);color:var(--text-on-accent)}.btn-primary:hover:not(:disabled){box-shadow:0 0 0 1px #8b5cf680,0 12px 34px -8px #8b5cf6b3;filter:brightness(1.08);transform:translateY(-1px)}.btn-secondary{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--surface-3);border-color:#ffffff47;transform:translateY(-1px)}.btn-ghost{background:#0000;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-danger-text{color:var(--danger)}.btn-danger-text:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.btn-lg{border-radius:var(--radius);font-size:1rem;min-height:50px;padding:0 24px}.btn-sm{font-size:.85rem;min-height:34px;padding:0 12px}.btn-icon{min-height:42px;padding:0;width:42px}.btn-icon--sm{border-radius:var(--radius-xs);min-height:30px;width:30px}.btn-block,.dev-btn{width:100%}.dev-btn{border:1px dashed var(--border-strong);margin-top:14px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;text-align:left}.field:last-child{margin-bottom:0}.field-label{color:var(--text);font-size:.85rem;font-weight:600;letter-spacing:.01em}.field-label-row{align-items:center;display:flex;gap:10px;justify-content:space-between}.field-hint{color:var(--text-faint);font-size:.82rem;line-height:1.45}.field-footer{align-items:center;color:var(--text-faint);display:flex;font-size:.78rem;gap:10px;justify-content:space-between;min-height:1.2em}.char-count{font-feature-settings:"tnum";font-family:var(--font-mono);font-variant-numeric:tabular-nums}.input{align-items:center;background:#00000047;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);display:flex;font-size:.98rem;gap:10px;min-height:46px;padding:0 14px;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background-color var(--dur) var(--ease);width:100%}.input::placeholder{color:var(--text-faint)}.input:hover:not(:disabled){border-color:#ffffff47}.input:focus,.input:focus-visible{background:#0000005c;border-color:var(--violet);box-shadow:0 0 0 3px #8b5cf647;outline:none}.input:disabled{cursor:not-allowed;opacity:.55}.input--code{font-family:var(--font-mono);font-weight:600;letter-spacing:.12em}.input--warn{border-color:var(--warning)}.input--warn:focus{box-shadow:0 0 0 3px var(--warning-soft)}.input--static{color:var(--text-muted);font-size:.92rem}.range{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,var(--violet) 0,var(--cyan) 50%,#0000 50%),#ffffff1f;background:linear-gradient(90deg,var(--violet) 0,var(--cyan) var(--pct,50%),#0000 var(--pct,50%)),#ffffff1f;border-radius:var(--radius-pill);cursor:pointer;height:6px;margin:10px 0;outline:none;width:100%}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:3px solid var(--violet);border-radius:50%;box-shadow:0 2px 8px #00000073;height:18px;-webkit-transition:transform var(--dur) var(--ease);transition:transform var(--dur) var(--ease);width:18px}.range::-moz-range-thumb{background:#fff;border:3px solid var(--violet);border-radius:50%;box-shadow:0 2px 8px #00000073;height:18px;-moz-transition:transform var(--dur) var(--ease);transition:transform var(--dur) var(--ease);width:18px}.range:active::-webkit-slider-thumb,.range:hover::-webkit-slider-thumb{transform:scale(1.12)}.range:active::-moz-range-thumb,.range:hover::-moz-range-thumb{transform:scale(1.12)}.range:focus-visible{box-shadow:var(--focus-ring)}.range-scale{color:var(--text-faint);display:flex;font-family:var(--font-mono);font-size:.75rem;justify-content:space-between}.alert{align-items:flex-start;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;font-size:.9rem;gap:10px;line-height:1.45;margin-bottom:16px;padding:12px 14px;text-align:left}.alert--error{background:var(--danger-soft);border-color:#fb718566;color:#ffd2da}.alert--info{background:var(--info-soft);border-color:#60a5fa66;color:#d5e6ff}.panel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);position:relative}.panel-heading{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:10px;justify-content:space-between;padding:16px 18px 12px}.panel-heading h3{font-size:.95rem;font-weight:700;letter-spacing:.01em}.count-pill{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);display:inline-flex;font-size:.78rem;font-weight:600;gap:6px;min-height:26px;padding:0 10px;white-space:nowrap}.count-pill--success{background:var(--success-soft);border-color:#34d39959;color:var(--success)}.badge{align-items:center;border-radius:var(--radius-pill);display:inline-flex;font-size:.66rem;font-weight:700;letter-spacing:.06em;line-height:1.4;padding:2px 7px;text-transform:uppercase}.badge--host{background:#fbbf2429;border:1px solid #fbbf2459;color:#fde68a}.badge--bot{background:#38bdf829;border:1px solid #38bdf859;color:#bae6fd}.status-pill{align-items:center;border-radius:var(--radius-pill);display:inline-flex;font-size:.74rem;font-weight:600;gap:6px;padding:3px 10px;white-space:nowrap}.status-pill:before{background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.status-pill--ready{background:var(--success-soft);color:var(--success)}.status-pill--waiting{background:var(--warning-soft);color:var(--warning)}.status-pill--waiting:before{animation:pulse 1.4s ease-in-out infinite}.avatar{align-items:center;background:linear-gradient(135deg,hsl(260deg 72% 62%),hsl(300deg 72% 46%));background:linear-gradient(135deg,hsl(calc(var(--hue, 260)*1deg) 72% 62%),hsl(calc((var(--hue, 260) + 40)*1deg) 72% 46%));box-shadow:inset 0 0 0 1px #ffffff2e;color:#fff;display:inline-flex;font-size:.85rem;font-weight:700;height:32px;justify-content:center;text-shadow:0 1px 2px #0000004d;width:32px}.avatar,.spinner{border-radius:50%;flex:0 0 auto}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff29;border-top:3px solid var(--cyan);display:inline-block;height:22px;width:22px}.spinner--sm{border-width:2px;height:15px;width:15px}.spinner--lg{border-width:4px;height:40px;width:40px}.equalizer{align-items:flex-end;display:inline-flex;gap:2px;height:14px}.equalizer span{animation:eq-bounce 1s ease-in-out infinite;background:currentColor;border-radius:2px;display:block;height:100%;transform-origin:bottom;width:3px}.equalizer span:nth-child(2){animation-delay:-.2s}.equalizer span:nth-child(3){animation-delay:-.4s}.equalizer span:nth-child(4){animation-delay:-.6s}.equalizer span:nth-child(5){animation-delay:-.8s}.equalizer--lg{gap:5px;height:30px}.equalizer--lg span{background:var(--gradient-brand);border-radius:3px;width:6px}.progress-bar{background:#00000059;box-shadow:inset 0 1px 2px #00000080;height:8px;overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:var(--radius-pill)}.progress-fill{background:linear-gradient(90deg,var(--violet),var(--cyan));box-shadow:0 0 12px #5ee7ff73;height:100%;transition:width 1s linear}.progress-bar--lg{height:14px;margin-top:22px}.progress-bar--lg .progress-fill{animation:shimmer 1s linear infinite;background-image:linear-gradient(45deg,#ffffff2e 25%,#0000 25%,#0000 50%,#ffffff2e 50%,#ffffff2e 75%,#0000 75%,#0000),linear-gradient(90deg,var(--violet),var(--cyan));background-size:2rem 2rem,100% 100%}.divider{align-items:center;color:var(--text-faint);display:flex;font-size:.8rem;gap:12px;margin:14px 0}.divider:after,.divider:before{background:var(--border);content:"";flex:1 1;height:1px}.landing{align-items:center;display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:1040px;padding-top:clamp(8px,3vh,40px);text-align:center}.landing--compact{gap:26px}.hero{max-width:720px}.hero-title{font-size:clamp(2.3rem,6vw,4rem);font-weight:800;line-height:1.05;margin-bottom:18px}.hero--compact .hero-title{font-size:clamp(1.9rem,4.5vw,2.8rem)}.hero-subtitle{color:var(--text-muted);font-size:clamp(1rem,1.6vw,1.15rem);margin:0 auto;max-width:560px}.auth-card{max-width:520px;padding:26px 26px 24px;text-align:left;width:100%}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.cta-row .btn{flex:1 1 160px}.cta-row--end{justify-content:flex-end}.cta-row--end .btn{flex:0 0 auto}.reconnect-card{align-items:center;display:flex;flex-direction:column;gap:12px;padding:10px 0 4px;text-align:center}.reconnect-card h3{font-size:1.2rem}.features{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.feature{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 20px 20px;position:relative;text-align:left;transition:transform var(--dur-slow) var(--ease),border-color var(--dur) var(--ease)}.feature:hover{border-color:var(--border-strong);transform:translateY(-3px)}.feature-step{align-items:center;background:var(--gradient-brand);border-radius:50%;color:#0b0a14;display:inline-flex;font-family:var(--font-display);font-size:.85rem;font-weight:800;height:30px;justify-content:center;margin-bottom:14px;width:30px}.feature h3{font-size:1.05rem;margin-bottom:8px}.feature p{font-size:.9rem}.about,.feature p{color:var(--text-muted)}.about{border-top:1px solid var(--border);font-size:.92rem;line-height:1.6;max-width:760px;padding-top:26px;text-align:left;width:100%}.about h2{color:var(--text);font-size:1.05rem;margin-bottom:10px}.about p+p{margin-top:10px}.about strong{color:var(--text)}.room{display:flex;flex-direction:column;gap:18px}.room-topbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.room-code-chip{align-items:center;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-pill);display:inline-flex;gap:8px;padding:4px 6px 4px 14px}.room-code-label{color:var(--text-faint);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.room-code{color:var(--text);font-family:var(--font-mono);font-size:.95rem;font-weight:600;letter-spacing:.1em}.picker-pill,.round-pill,.stage-pill,.theme-pill{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;min-height:34px;padding:0 14px}.stage-dot{background:var(--text-faint);border-radius:50%;height:8px;width:8px}.stage-pill--waiting .stage-dot{animation:pulse 1.6s ease-in-out infinite;background:var(--warning)}.stage-pill--song_selection .stage-dot{animation:pulse 1.6s ease-in-out infinite;background:var(--cyan)}.stage-pill--preloading .stage-dot{animation:pulse 1s ease-in-out infinite;background:var(--info)}.stage-pill--playing .stage-dot{background:var(--success);box-shadow:0 0 10px var(--success)}.stage-pill--ended .stage-dot{background:var(--pink)}.theme-pill{background:#8b5cf629;border-color:#8b5cf666;color:#e9d5ff}.theme-pill span{color:var(--pink)}.game-layout{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:280px minmax(0,1fr)}.game-layout--playing{grid-template-columns:280px minmax(0,1fr) 360px}.scores-sidebar{max-height:calc(100vh - 110px);overflow-x:hidden;overflow-y:auto;position:sticky;top:86px}.game-container{min-width:0}.chat-sidebar{gap:12px;height:calc(100vh - 176px);max-height:760px;min-height:480px;min-width:0;position:sticky;top:86px}.chat-panel,.chat-sidebar{display:flex;flex-direction:column}.chat-panel{flex:1 1 auto;min-height:300px;overflow:hidden}.chat-sidebar .status-card{flex:0 0 auto}.stage-card{padding:clamp(28px,5vw,48px) clamp(20px,4vw,40px);text-align:center}.stage-card h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:8px}.stage-icon{align-items:center;background:#8b5cf624;border:1px solid #8b5cf64d;border-radius:50%;box-shadow:0 0 40px -10px #8b5cf699;display:inline-flex;height:72px;justify-content:center;margin-bottom:18px;width:72px}.section-head{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:24px 26px 18px;text-align:left}.section-head h2{font-size:1.5rem}.section-head .eyebrow,.section-head h2{margin-bottom:6px}.section-head .muted strong{color:var(--text)}.invite-box{align-items:center;background:#00000047;border:1px solid var(--border-strong);border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin:24px auto 0;max-width:520px;padding:14px 16px 14px 18px;text-align:left;width:100%}.invite-code{display:flex;flex-direction:column;gap:2px}.invite-code-label{color:var(--text-faint);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.invite-code code{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:var(--font-mono);font-size:1.6rem;font-weight:600;letter-spacing:.16em}.invite-actions{display:flex;flex-wrap:wrap;gap:8px}.host-controls{border-top:1px solid var(--border);margin:26px auto 0;max-width:520px;padding-top:24px;width:100%}.host-controls .btn-block{margin-top:4px}.host-controls .small{margin-top:12px}.waiting-note{margin-top:22px}.preloading-screen{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:480px}.preloading-orb{align-items:center;background:#5ee7ff14;border:1px solid #5ee7ff40;border-radius:50%;box-shadow:0 0 50px -10px #5ee7ff80;display:inline-flex;height:84px;justify-content:center;margin-bottom:20px;width:84px}.progress-pct{color:var(--text-muted);font-family:var(--font-mono);font-size:.9rem;margin-top:10px}.preloading-screen .small{margin-top:18px}.song-selection{overflow:hidden}.song-search{padding:22px 26px 26px}.search-bar{display:flex;gap:10px;position:relative}.search-bar .input{min-height:48px;padding-left:42px}.search-bar .btn{flex:0 0 auto;min-height:48px}.search-bar-icon{color:var(--text-faint);display:inline-flex;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-bar--link .input{font-size:.9rem}.results-heading{align-items:center;color:var(--text-muted);display:flex;font-size:.82rem;font-weight:600;gap:10px;justify-content:space-between;margin:22px 0 12px}.songs-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.song-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;text-align:left;transition:transform var(--dur-slow) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur-slow) var(--ease)}.song-card:focus-visible,.song-card:hover{border-color:#8b5cf699;box-shadow:0 16px 34px -14px #8b5cf699;transform:translateY(-4px)}.song-thumb{aspect-ratio:16/9;background:#0006;overflow:hidden;position:relative}.song-thumb img{height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease);width:100%}.song-card:hover .song-thumb img{transform:scale(1.05)}.duration-badge{background:#000000bf;border-radius:var(--radius-xs);bottom:8px;color:#fff;font-family:var(--font-mono);font-size:.72rem;font-weight:600;padding:2px 7px;position:absolute;right:8px}.song-thumb-play{align-items:center;background:#0b0a1473;color:#fff;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--dur) var(--ease)}.song-thumb-play svg{background:var(--gradient-primary);border-radius:50%;box-shadow:var(--glow-violet);height:44px;padding:11px;width:44px}.song-card:focus-visible .song-thumb-play,.song-card:hover .song-thumb-play{opacity:1}.song-card-body{padding:11px 12px 13px}.song-card-body h3{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-family:var(--font-body);font-size:.86rem;font-weight:600;letter-spacing:0;line-height:1.35;margin-bottom:4px;overflow:hidden}.song-card-body p{color:var(--text-faint);font-size:.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-preview-head{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.song-preview-head h3{font-size:1.15rem}.song-preview-grid{grid-gap:22px;align-items:start;display:grid;gap:22px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.song-preview-grid--single{grid-template-columns:minmax(0,1fr);max-width:640px}.video-frame{aspect-ratio:16/9;background:#000;border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;position:relative}.video-frame iframe{border:0;height:100%;inset:0;position:absolute;width:100%}.song-preview-controls{display:flex;flex-direction:column;gap:6px}.song-preview .cta-row{margin-top:24px}.selected-song{align-items:center;display:flex;flex-direction:column;gap:22px;padding:30px 26px 34px}.selected-song-card{align-items:center;background:#00000047;border:1px solid #34d39959;border-radius:var(--radius);box-shadow:0 0 40px -14px #34d39980;display:flex;gap:18px;max-width:560px;padding:14px;text-align:left;width:100%}.selected-song-card img{aspect-ratio:16/9;border-radius:var(--radius-sm);flex:0 0 auto;object-fit:cover;width:160px}.selected-song-info{display:flex;flex-direction:column;gap:5px;min-width:0}.selected-song-info h3{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:1.1rem;overflow:hidden;text-overflow:ellipsis}.selected-song-info .status-pill{align-self:flex-start}.selected-song-wait{align-items:center;color:var(--text-muted);display:inline-flex;font-size:.92rem;gap:10px}.player-items{list-style:none;padding:8px}.player-row{align-items:center;border-radius:var(--radius-sm);display:flex;gap:9px;padding:8px;transition:background-color var(--dur) var(--ease)}.player-row:hover{background:var(--surface)}.player-row.is-leader{background:linear-gradient(90deg,#fbbf2424,#0000 80%)}.player-row.is-leader .player-rank{color:#fde68a}.player-rank{color:var(--text-faint);flex:0 0 18px;font-family:var(--font-mono);font-size:.78rem;font-weight:600;text-align:center}.player-name{align-items:center;display:flex;flex:1 1 auto;font-size:.92rem;font-weight:600;gap:6px;min-width:0}.player-name-text{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-meta,.player-name .badge{flex:0 0 auto}.player-meta{align-items:center;display:inline-flex;gap:8px}.player-score{font-feature-settings:"tnum";color:var(--text);font-family:var(--font-mono);font-size:.95rem;font-variant-numeric:tabular-nums;font-weight:600}.game-play{display:flex;flex-direction:column;gap:14px}.game-header{padding:18px 22px 22px}.round-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:18px}.round-pill{color:var(--text);font-family:var(--font-display)}.round-pill strong{font-size:1.05rem}.picker-pill span{color:var(--pink)}.blank-title{flex-direction:column;gap:14px}.blank-title,.blank-title-meta{align-items:center;display:flex}.blank-title-meta{flex-wrap:wrap;font-size:.78rem;gap:6px 14px;justify-content:center}.blank-title-label{color:var(--cyan);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.blank-title-hint{color:var(--text-faint)}.blank-word-row{display:flex;flex-wrap:wrap;gap:14px 30px;justify-content:center;max-width:100%;padding:4px 0 2px}.blank-word{gap:7px}.blank-char,.blank-word{align-items:flex-end;display:inline-flex}.blank-char{color:#fff;font-family:var(--font-display);font-size:1.9rem;font-weight:700;height:2.2rem;justify-content:center;line-height:1;position:relative;text-transform:uppercase;width:1.35rem}.blank-char:after{background:#fff6;border-radius:2px;bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.blank-char--letter:after{background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 10px -2px #8b5cf6cc}.blank-char-glyph{display:block;padding-bottom:6px}.blank-char--letter .blank-char-glyph{background:linear-gradient(180deg,#fff 30%,#cfd5ff);-webkit-background-clip:text;background-clip:text;color:#0000;text-shadow:0 0 22px #8b5cf673}.blank-char--punct{color:var(--text-muted);font-weight:600;min-width:.7rem;width:auto}.blank-char--punct:after{display:none}.revealed-song{align-items:center;display:flex;flex-direction:column;gap:6px;padding:10px 0 2px;text-align:center}.revealed-label{color:var(--text-faint);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.revealed-title{font-size:clamp(1.4rem,3vw,2.1rem);line-height:1.2;padding-bottom:2px}.audio-section{padding:18px 22px 20px}.audio-player{display:flex;flex-direction:column;gap:16px}.audio-loading{align-items:center;color:var(--text-muted);display:flex;font-weight:500;gap:12px;justify-content:center;min-height:120px}.now-playing{position:relative}.thumbnail-container{aspect-ratio:16/7;background:#000;border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);max-height:320px;overflow:hidden;position:relative;width:100%}.blurred-thumbnail{inset:0;position:absolute;transform:scale(1.12)}.blurred-thumbnail img{height:100%;object-fit:cover;transition:filter .5s ease-out;width:100%}.thumbnail-container:after{background:linear-gradient(180deg,#0b0a1400 55%,#0b0a1499);content:"";inset:0;pointer-events:none;position:absolute}.now-playing-badge{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0a14b3;border:1px solid #ffffff24;border-radius:var(--radius-pill);bottom:14px;color:var(--cyan);display:inline-flex;font-size:.75rem;font-weight:700;gap:10px;left:14px;letter-spacing:.1em;padding:6px 12px;position:absolute;text-transform:uppercase}.now-playing-badge--ended{color:var(--text-muted)}.now-playing-badge .spinner{border-top-color:var(--cyan)}.timer-row{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:8px}.timer-label{color:var(--text-faint);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.timer-value{font-feature-settings:"tnum";color:var(--text);font-family:var(--font-display);font-size:1.6rem;font-variant-numeric:tabular-nums;font-weight:800;transition:color var(--dur)}.time-low .timer-value{animation:pulse 1s ease-in-out infinite;color:var(--danger)}.time-low .progress-fill{background:linear-gradient(90deg,#fb7185,#fbbf24);box-shadow:0 0 12px #fb71858c}.volume-control{align-items:center;color:var(--text-muted);display:flex;gap:12px;max-width:320px}.volume-control .range{flex:1 1;margin:0}.volume-value{font-feature-settings:"tnum";flex:0 0 40px;font-family:var(--font-mono);font-size:.78rem;font-variant-numeric:tabular-nums;text-align:right}.guess-chat{display:flex;flex-direction:column;height:100%;min-height:0}.correct-panel{background:linear-gradient(180deg,#34d3991a,#34d39908);border-bottom:1px solid var(--border);flex:0 0 auto;overflow:hidden}.correct-list{list-style:none;max-height:180px;overflow-y:auto;padding:10px 14px}.correct-row{align-items:center;display:flex;font-size:.84rem;gap:10px;justify-content:space-between;padding:5px 0}.correct-row--picker{border-top:1px dashed #ffffff1f;color:var(--text-muted);margin-top:4px;padding-top:8px}.correct-row-main{align-items:center;display:flex;gap:8px;min-width:0}.correct-row-main strong{white-space:nowrap}.correct-check{align-items:center;background:var(--success);border-radius:50%;color:#052e1c;display:inline-flex;flex:0 0 auto;font-size:.7rem;font-weight:800;height:18px;justify-content:center;width:18px}.correct-check--picker{background:var(--surface-3);color:var(--pink)}.correct-answer{color:var(--text-faint);font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.correct-pts{align-items:baseline;color:var(--success);display:inline-flex;font-family:var(--font-mono);font-weight:600;gap:5px;white-space:nowrap}.correct-pts small{color:var(--text-faint);font-size:.7rem}.chat-messages{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:10px 12px}.chat-empty-state{align-items:center;color:var(--text-faint);display:flex;flex-direction:column;font-size:.9rem;gap:8px;height:100%;justify-content:center;min-height:140px;text-align:center}.chat-empty-icon{font-size:1.6rem;opacity:.6}.messages-list{display:flex;flex-direction:column;gap:4px}.msg{border-radius:var(--radius-sm);display:block;font-size:.9rem;line-height:1.45;padding:6px 10px;word-break:break-word}.msg-sender{color:hsl(260deg 80% 74%);color:hsl(calc(var(--hue, 260)*1deg) 80% 74%);font-weight:700;margin-right:6px}.msg-sender:after{color:var(--text-faint);content:":"}.msg-text{color:var(--text)}.msg--mine{background:var(--surface)}.msg--vote .msg-text{color:var(--warning);font-style:italic}.msg--system{background:var(--surface);border:1px dashed var(--border-strong);color:var(--text-muted);font-size:.8rem;margin:6px 0;padding:8px 12px;text-align:center}.msg--close{background:var(--warning-soft);border:1px solid #fbbf2459;margin:4px 0}.msg--close .msg-sender{color:var(--warning)}.msg--close .msg-text{color:#fde68a}.msg-note{color:var(--warning);display:block;font-size:.76rem;margin-top:2px;opacity:.85}.chat-form{background:#0003;border-top:1px solid var(--border);display:flex;flex:0 0 auto;gap:8px;padding:10px}.chat-input,.chat-send{min-height:44px}.chat-send{flex:0 0 auto;width:44px}.status-card{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;font-size:.86rem;gap:12px;line-height:1.45;padding:14px 16px}.status-card strong{color:var(--text);display:block;margin-bottom:2px}.status-card p{color:var(--text-muted)}.status-card-body{flex:1 1 auto;min-width:0}.status-card .btn{flex:0 0 auto}.status-card-icon{align-items:center;background:var(--surface-2);border-radius:50%;display:inline-flex;flex:0 0 auto;font-size:1rem;font-weight:700;height:34px;justify-content:center;width:34px}.status-card--info{background:#8b5cf61f;border-color:#8b5cf666}.status-card--info .status-card-icon{background:#8b5cf64d;color:#e9d5ff}.status-card--warning{background:var(--warning-soft);border-color:#fbbf2466}.status-card--warning .status-card-icon{background:#fbbf2440;color:#fde68a}.modal-overlay{align-items:center;animation:fade-in var(--dur) var(--ease);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#05040acc;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:1000}.modal-overlay--light{background:#05040a8c}.modal{animation:fade-up var(--dur-slow) var(--ease);background:linear-gradient(180deg,#1e1a34,#110e20);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-height:calc(100vh - 36px);max-width:560px;overflow:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:20px 22px 16px}.modal-header h2{font-size:1.25rem}.modal-body{color:var(--text-muted);line-height:1.6;padding:20px 22px}.modal-footer{border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;padding:14px 22px 20px}.rules-modal{max-width:680px}.rules-lead{color:var(--text);margin-bottom:18px}.rules-steps{display:flex;flex-direction:column;gap:14px;list-style:none}.rules-steps li{align-items:flex-start;display:flex;gap:14px}.rules-steps strong{color:var(--text)}.rules-step-num{align-items:center;background:var(--gradient-brand);border-radius:50%;color:#0b0a14;display:inline-flex;flex:0 0 auto;font-family:var(--font-display);font-size:.82rem;font-weight:800;height:28px;justify-content:center;width:28px}.rules-tip{background:#8b5cf624;border:1px solid #8b5cf659;border-radius:var(--radius-sm);color:#e9d5ff;font-size:.9rem;margin-top:20px;padding:12px 14px}.rules-tip strong{color:#fff}.download-modal{align-items:center;animation:fade-up var(--dur-slow) var(--ease);background:linear-gradient(180deg,#1e1a34,#110e20);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;gap:16px;padding:18px 20px;width:min(100%,460px)}.download-modal strong{display:block;margin-bottom:2px}.results-modal{max-width:520px;padding:30px 26px 26px;text-align:center}.results-head h2{font-size:clamp(1.6rem,4vw,2.1rem)}.results-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:24px 0 0;text-align:left}.results-row{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:12px;padding:10px 14px}.results-row--1{background:linear-gradient(90deg,#fbbf2433,#fbbf240d);border-color:#fbbf2473;box-shadow:0 0 34px -12px #fbbf2499}.results-row--1 .results-rank{color:#fde68a}.results-row--2 .results-rank{color:#e2e8f0}.results-row--3 .results-rank{color:#fdba74}.results-rank{color:var(--text-faint);flex:0 0 22px;font-family:var(--font-display);font-weight:800;text-align:center}.results-name{flex:1 1 auto;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-score{font-feature-settings:"tnum";font-family:var(--font-mono);font-size:1.05rem;font-variant-numeric:tabular-nums;font-weight:600}.results-actions{border-top:1px solid var(--border);margin-top:26px;padding-top:22px}.results-actions .cta-row{margin-top:16px}.results-wait{color:var(--text-muted);font-size:.92rem;margin-top:24px}.reconnect-banner,.results-wait{align-items:center;display:inline-flex;gap:10px}.reconnect-banner{animation:fade-up var(--dur-slow) var(--ease);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbbf2429;border:1px solid #fbbf2473;border-radius:var(--radius-pill);box-shadow:var(--shadow);color:#fde68a;font-size:.88rem;font-weight:600;left:50%;padding:10px 16px;position:fixed;top:76px;transform:translateX(-50%);z-index:900}.reconnect-banner .spinner{border-top-color:#fde68a}@media (max-width:1180px){.game-layout--playing{grid-template-columns:240px minmax(0,1fr) 320px}.game-layout{grid-template-columns:240px minmax(0,1fr)}}@media (min-width:981px) and (max-width:1180px){.player-row .badge{background:currentColor;border-radius:50%;font-size:0;height:8px;padding:0;width:8px}}@media (max-width:980px){.game-layout,.game-layout--playing{grid-template-columns:minmax(0,1fr)}.chat-sidebar,.scores-sidebar{height:auto;max-height:none;position:static}.game-container{order:1}.chat-sidebar{order:2}.scores-sidebar{order:3}.chat-panel{height:auto;min-height:0}.chat-messages{max-height:40vh;min-height:180px}.features{grid-template-columns:1fr}.song-preview-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.app-header-inner{height:60px}.brand-logo--small{width:110px}.rules-trigger span{display:none}.rules-trigger{padding:0;width:36px}.app-main{padding-top:16px}.auth-card{padding:20px 18px}.cta-row .btn{flex:1 1 100%}.stage-card{padding:26px 18px}.section-head{flex-direction:column;padding:20px 18px 14px}.song-search{padding:16px 16px 20px}.search-bar{flex-direction:column}.search-bar .btn{width:100%}.songs-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.selected-song-card{align-items:stretch;flex-direction:column}.selected-song-card img{width:100%}.invite-box{align-items:stretch;flex-direction:column}.invite-actions .btn{flex:1 1}.audio-section,.game-header{padding:16px}.blank-char{font-size:1.5rem;height:2.1rem;width:1.05rem}.blank-word{gap:5px}.blank-word-row{gap:10px 20px}.thumbnail-container{aspect-ratio:16/9}.status-card{flex-wrap:wrap}.status-card .btn{width:100%}.results-modal{padding:24px 18px 20px}.app-footer{justify-content:center;text-align:center}}@media (max-width:400px){.songs-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.cfa7e04c.css.map*/