:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7f4ff;background:#0b0912;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 0%,#241443,#0b0912 45%)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.shell{min-height:100vh;width:min(1200px,100%);margin:0 auto;padding:28px}.center{display:grid;place-items:center}.card{background:#161123e0;border:1px solid rgba(255,255,255,.1);border-radius:28px;box-shadow:0 24px 80px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero,.join-card,.player-card{width:min(680px,100%);padding:44px;text-align:center}.eyebrow{font-size:12px;letter-spacing:.22em;font-weight:800;opacity:.65}h1{font-size:clamp(38px,8vw,76px);line-height:.95;margin:18px 0;letter-spacing:-.04em}h2{margin:4px 0 0}h3{margin:26px 0 12px}p{color:#c8bfd8;font-size:18px;line-height:1.5}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}.primary,.secondary{border:0;border-radius:15px;padding:15px 20px;font-weight:800}.primary{background:#f7f4ff;color:#120c20}.secondary{background:#2b2140;color:#fff}.giant{width:100%;font-size:20px;padding:18px;margin-top:20px}.link{background:transparent;border:0;color:#b7a8d5;padding:12px}.error{margin-top:16px;color:#ffb4b4}.join-card,.join-card h1{text-align:left}.join-card label{display:grid;gap:8px;margin:18px 0;font-size:14px;font-weight:700;color:#c8bfd8}.join-card input,select{width:100%;border:1px solid #443559;background:#110d1c;color:#fff;padding:15px;border-radius:13px;outline:none}.join-card input:focus,.join-card select:focus{border-color:#9e80d3}.mode-badge{display:inline-flex;margin-top:16px;padding:8px 11px;border-radius:999px;background:#2b2140;color:#d5c7ef;font-size:12px;font-weight:800;letter-spacing:.12em}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.room-code{background:#171122;padding:12px 18px;border-radius:14px;color:#aaa0ba}.room-code strong{color:#fff;margin-left:8px;font-size:26px;letter-spacing:.1em}.host-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px}.stage{min-height:650px;padding:42px;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}.side-panel{padding:24px}.qr{background:#fff;padding:16px;border-radius:20px;display:inline-flex;margin:18px 0}.join-copy{max-width:520px}.genre{display:inline-flex;padding:9px 14px;border-radius:999px;background:#2b2140;color:#d5c7ef;text-transform:uppercase;font-weight:800;letter-spacing:.12em}.song-title{font-size:clamp(42px,7vw,82px)}.artist{font-size:28px;margin-top:0}.singer-box{margin:24px 0;padding:18px 26px;border-radius:20px;background:#0f0b18;min-width:min(430px,100%)}.singer-box span,.warning span{display:block;font-size:12px;letter-spacing:.18em;opacity:.65}.singer-box strong{display:block;font-size:42px;margin-top:5px}.singer-box small{display:block;margin-top:8px;color:#bdb3cd;font-size:14px}.warning{width:min(500px,100%);padding:22px;border-radius:24px;background:#f7f4ff;color:#120c20;margin-bottom:10px}.warning strong{display:block;font-size:34px}.warning b{display:block;font-size:62px;line-height:1;margin-top:8px}.players{display:grid;gap:8px;margin-bottom:28px}.player{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;background:#100c1a}.player i{font-size:10px;font-style:normal;color:#9ce7b0}.player.offline{opacity:.45}.player.offline i{color:#aaa}.table-group{display:grid;gap:6px;padding:10px;background:#0d0a15;border-radius:14px}.table-heading{font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#d5c7ef;padding:2px 4px 5px}.empty-state{color:#8f849f;font-size:14px;padding:12px 0}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-toggle button{border:1px solid #443559;border-radius:12px;background:#100c1a;color:#c8bfd8;padding:12px 8px;font-weight:800}.mode-toggle button.selected{background:#f7f4ff;color:#120c20;border-color:#f7f4ff}.setting-note{font-size:13px;margin:10px 0 0;color:#9f94af}.player-card{transition:.2s ease}.identity,.waiting-pill{margin-top:28px;padding:16px;background:#100c1a;border-radius:15px;color:#c8bfd8}.song-small{font-size:20px}.table-callout{display:inline-block;margin:8px 0 0;padding:10px 16px;border-radius:999px;background:#f7f4ff;color:#120c20;font-weight:900;letter-spacing:.12em}.countdown{font-size:140px;font-weight:900;line-height:1}.active-singer{background:radial-gradient(circle at center,#3a1463,#0b0912 60%)}.on-deck{background:radial-gradient(circle at center,#4b2d0e,#0b0912 60%)}.pulse-dot{width:18px;height:18px;border-radius:50%;background:#ff5876;margin:0 auto 12px;box-shadow:0 0 #ff587680;animation:pulse 1.4s infinite}@keyframes pulse{70%{box-shadow:0 0 0 24px #ff587600}to{box-shadow:0 0 #ff587600}}@media(max-width:850px){.shell{padding:18px}.host-grid{grid-template-columns:1fr}.side-panel{order:2}.stage{min-height:auto;padding:28px 20px}.topbar{align-items:flex-start;gap:14px}.room-code{padding:10px 12px}.room-code strong{display:block;margin-left:0}.hero,.join-card,.player-card{padding:30px 22px}}.between-countdown{font-size:clamp(88px,16vw,180px);line-height:.8;margin:26px 0 16px}.next-song-card{margin:22px 0 28px;padding:20px 26px;border-radius:20px;background:#0f0b18;min-width:min(430px,100%)}.next-song-card span{display:block;font-size:12px;letter-spacing:.18em;opacity:.65}.next-song-card strong{display:block;font-size:30px;margin-top:7px}.next-song-card small{display:block;margin-top:8px;color:#bdb3cd;font-size:15px}.player-actions{display:flex;align-items:center;gap:8px}.remove-player-btn,.remove-table-btn{border:1px solid rgba(255,255,255,.14);background:transparent;color:#ffb4b4;border-radius:9px;font-size:11px;font-weight:800;padding:6px 8px}.remove-player-btn:hover,.remove-table-btn:hover{background:#ffb4b41a}.table-heading-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.remove-table-btn{font-size:10px;padding:5px 7px}body{background:radial-gradient(circle at 50% -10%,rgba(79,27,177,.55),transparent 34%),linear-gradient(160deg,#070716,#0a0920 42%,#0b1236)}.landing-shell,.waiting-screen{position:relative;overflow:hidden;width:100%;max-width:none;isolation:isolate;background:radial-gradient(circle at 50% 28%,rgba(102,35,213,.32),transparent 28%),linear-gradient(180deg,#090720,#0a0b2e 56%,#07102e)}.music-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.music-note{position:absolute;font-family:Georgia,serif;font-weight:900;line-height:1;filter:drop-shadow(0 0 12px currentColor);opacity:.95}.note-1{left:5%;top:9%;font-size:clamp(48px,7vw,90px);color:#ff25d8;transform:rotate(-11deg)}.note-2{left:17%;top:20%;font-size:clamp(34px,5vw,68px);color:#17d7ff;transform:rotate(8deg)}.note-3{right:8%;top:11%;font-size:clamp(48px,7vw,90px);color:#ffe137;transform:rotate(13deg)}.note-4{right:19%;top:28%;font-size:clamp(34px,5vw,68px);color:#ff36dc;transform:rotate(-8deg)}.note-5{left:7%;bottom:20%;font-size:clamp(48px,7vw,88px);color:#19d9ff;transform:rotate(12deg)}.note-6{right:7%;bottom:21%;font-size:clamp(50px,7vw,92px);color:#f72fd7;transform:rotate(-7deg)}.note-7{left:28%;bottom:9%;font-size:clamp(28px,4vw,55px);color:#ffe03d}.note-8{right:29%;bottom:10%;font-size:clamp(28px,4vw,55px);color:#21dcff}.staff-lines{position:absolute;width:44%;height:120px;border-top:4px solid rgba(28,128,255,.55);border-bottom:4px solid rgba(28,128,255,.35);opacity:.7}.staff-lines:before,.staff-lines:after{content:"";position:absolute;left:0;right:0;border-top:4px solid rgba(28,128,255,.45)}.staff-lines:before{top:35%}.staff-lines:after{top:68%}.staff-left{left:-8%;top:35%;transform:rotate(8deg)}.staff-right{right:-8%;top:31%;transform:rotate(-8deg)}.spotlight{position:absolute;top:-20%;width:25%;height:80%;background:linear-gradient(180deg,rgba(30,176,255,.25),transparent 70%);filter:blur(12px);transform-origin:top center}.spotlight-one{left:17%;transform:rotate(16deg)}.spotlight-two{right:17%;transform:rotate(-16deg);background:linear-gradient(180deg,rgba(245,30,226,.23),transparent 70%)}.crowd-silhouette{position:absolute;left:0;right:0;bottom:-1px;height:17%;background:radial-gradient(ellipse at 6% 100%,#030510 0 26%,transparent 27%),radial-gradient(ellipse at 15% 100%,#02030b 0 33%,transparent 34%),radial-gradient(ellipse at 26% 100%,#040510 0 31%,transparent 32%),radial-gradient(ellipse at 39% 100%,#02030b 0 34%,transparent 35%),radial-gradient(ellipse at 53% 100%,#03040d 0 33%,transparent 34%),radial-gradient(ellipse at 67% 100%,#02030b 0 30%,transparent 31%),radial-gradient(ellipse at 80% 100%,#030510 0 35%,transparent 36%),radial-gradient(ellipse at 94% 100%,#02030b 0 30%,transparent 31%);opacity:.8}.karaoke-hero{width:min(830px,100%);padding:50px 42px 95px;text-align:center;position:relative}.brand-lockup{text-align:center;position:relative;margin:0 auto 30px}.brand-title{display:flex;flex-direction:column;align-items:center;line-height:.78;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-weight:950;letter-spacing:-.035em;transform:rotate(-1deg);filter:drop-shadow(0 10px 0 #160735) drop-shadow(0 0 16px rgba(255,35,224,.75))}.brand-title span{display:block;-webkit-text-stroke:4px #3c0b5f;paint-order:stroke fill}.brand-take{font-size:clamp(88px,15vw,180px);color:#ffd63e;text-shadow:0 5px 0 #ff8d27,0 10px 0 #f0378d;transform:rotate(-2deg)}.brand-song{font-size:clamp(78px,13vw,156px);background:linear-gradient(180deg,#27efff 8%,#36c7ff 47%,#9b4cff 88%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;margin-top:10px;transform:rotate(1deg)}.brand-tagline{display:inline-block;margin-top:25px;padding:10px 28px 13px;font-family:Comic Sans MS,Trebuchet MS,cursive;font-size:clamp(22px,3.2vw,38px);line-height:1;font-weight:900;color:#fff;background:linear-gradient(90deg,transparent 0%,#f61195 8%,#ff2ba8 90%,transparent 100%);text-shadow:0 3px 0 #2a0a46;transform:rotate(-1deg)}.brand-lockup.compact{margin-bottom:18px}.brand-lockup.compact .brand-take{font-size:clamp(50px,8vw,90px)}.brand-lockup.compact .brand-song{font-size:clamp(45px,7vw,80px);margin-top:6px}.brand-lockup.compact .brand-title span{-webkit-text-stroke-width:3px}.brand-lockup.compact .brand-tagline{font-size:clamp(15px,2vw,22px);margin-top:16px;padding:7px 18px 9px}.landing-copy{width:min(630px,100%);margin:4px auto 30px;color:#f0ebff;font-size:clamp(16px,2vw,22px);text-shadow:0 2px 10px #040311}.landing-actions{display:grid;gap:16px;width:min(620px,100%);margin:0 auto}.karaoke-btn{min-height:74px;border-radius:20px;padding:12px 22px;display:grid;grid-template-columns:54px 1fr 34px;align-items:center;gap:12px;color:#fff;font-size:clamp(18px,2.2vw,27px);font-weight:900;border:2px solid;box-shadow:inset 0 0 20px #ffffff14,0 0 24px #00000040;transition:transform .15s ease,filter .15s ease}.karaoke-btn:hover{transform:translateY(-2px) scale(1.01);filter:brightness(1.1)}.karaoke-btn .button-icon{font-size:38px}.karaoke-btn b{font-size:32px}.host-btn{background:linear-gradient(90deg,#ff0aa7,#d916d2);border-color:#ff61de;box-shadow:0 0 22px #ff1fbe80}.join-btn{background:linear-gradient(90deg,#1577f5,#245ae7);border-color:#20e5ff;box-shadow:0 0 22px #1bcdff73}.waiting-player-card{width:min(730px,100%);padding:28px 34px 38px;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;position:relative;z-index:1}.player-waiting-room{width:100%}.waiting-room-panel{margin:6px auto 0;padding:30px;border:2px solid #7141d8;border-radius:26px;background:#0f0c30c7;box-shadow:0 0 35px #4e1cd23d,inset 0 0 32px #0e77ff0f}.waiting-room-title{font-family:Comic Sans MS,Trebuchet MS,cursive;font-size:clamp(26px,5vw,44px);font-weight:900;color:#fff;text-shadow:0 3px 0 #251059}.waiting-room-panel>p{margin:8px 0 14px;font-size:17px;color:#dfd8ff}.waiting-note-orb{width:116px;height:116px;margin:12px auto 18px;border:3px solid #22d9ff;border-radius:50%;display:grid;place-items:center;font-size:57px;color:#1ee8ff;background:radial-gradient(circle,#1f88ff3b,#681dcf33);box-shadow:0 0 30px #1adeff59}.waiting-identity{width:min(420px,100%);margin:0 auto 18px;padding:14px;border:2px solid #287ee8;border-radius:17px;background:#05113494;display:grid;gap:4px}.waiting-identity span{font-size:11px;letter-spacing:.15em;color:#aabce7}.waiting-identity strong{font-size:28px}.waiting-identity small{color:#25ddff;font-weight:900;letter-spacing:.12em}.waiting-player-count{display:flex;align-items:center;justify-content:space-between;width:min(500px,100%);margin:0 auto;padding:15px 20px;border:2px solid #704bd5;border-radius:16px;background:#101036ad;font-weight:800}.waiting-player-count strong{font-size:30px}.waiting-footer{margin-top:24px;font-family:Comic Sans MS,Trebuchet MS,cursive;font-weight:900;color:#d36cff;font-size:18px}.host-lobby-stage{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(91,38,185,.38),transparent 35%),linear-gradient(180deg,#0d0c2cf5,#0a0a1ff5);border-color:#7648da73}.host-ready-count{font-family:Comic Sans MS,Trebuchet MS,cursive;font-size:clamp(24px,4vw,42px);font-weight:900;margin:8px 0 4px;color:#fff}.host-lobby-stage .qr{box-shadow:0 0 30px #20daff47;border:3px solid #26dfff}.host-lobby-stage .giant{background:linear-gradient(90deg,#ff0aa7,#6d3cff);color:#fff;border:2px solid #fd51d7;box-shadow:0 0 24px #ff1bba59}@media(max-width:650px){.karaoke-hero{padding:34px 18px 75px}.brand-title span{-webkit-text-stroke-width:2px}.brand-tagline{padding-left:16px;padding-right:16px}.karaoke-btn{grid-template-columns:42px 1fr 24px;min-height:64px;padding:10px 14px}.karaoke-btn .button-icon{font-size:30px}.karaoke-btn b{font-size:24px}.waiting-player-card{padding:20px 10px}.waiting-room-panel{padding:22px 14px}.waiting-note-orb{width:92px;height:92px;font-size:46px}.music-note{opacity:.7}}.themed-screen{position:relative;overflow-x:hidden;width:100%;max-width:none;min-height:100vh;isolation:isolate;background:radial-gradient(circle at 50% 23%,rgba(102,35,213,.34),transparent 31%),linear-gradient(180deg,#090720,#0a0b2e 56%,#07102e)}.join-screen{padding:34px 20px 70px}.join-card{width:min(650px,100%);padding:28px 34px 34px;position:relative;z-index:2}.themed-panel{background:linear-gradient(180deg,#110c31e6,#080a27e8);border:2px solid rgba(112,69,218,.78);box-shadow:0 0 34px #412cca40,inset 0 0 34px #18bdff0b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.screen-heading{font-family:Comic Sans MS,Trebuchet MS,cursive;font-size:clamp(30px,5vw,46px);font-weight:900;text-align:center;margin:4px 0 24px;color:#fff;text-shadow:0 3px 0 #2c115c,0 0 18px rgba(36,220,255,.28)}.join-card label,.host-name-field{color:#f4efff}.join-card input,.join-card select,.host-name-field input,.side-panel select{background:#050d30db;border:2px solid #397ee8;color:#fff;box-shadow:inset 0 0 16px #1bb7ff0f}.join-card .primary{background:linear-gradient(90deg,#ff0aa7,#6e3cff);color:#fff;border:2px solid #ff55d8;box-shadow:0 0 22px #ff1fbe57}.join-card .link{color:#35ddff}.mode-badge{border-color:#704bd5;background:#180f42d1;color:#f5edff}.host-screen{padding:22px clamp(14px,3vw,34px) 54px}.themed-topbar{position:relative;z-index:2;background:#090822b3;border:1px solid rgba(112,70,216,.45);border-radius:18px;padding:14px 18px;margin-bottom:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.themed-topbar h2{margin:2px 0 0;color:#fff}.host-grid{position:relative;z-index:2}.active-stage{background:radial-gradient(circle at 50% 20%,rgba(85,31,192,.34),transparent 35%),linear-gradient(180deg,#0f0c30ed,#070a26f0)}.active-stage .genre,.active-stage .eyebrow{color:#36e2ff}.active-stage .song-title{color:#fff;text-shadow:0 0 24px rgba(255,28,199,.22)}.active-stage .singer-box,.active-stage .next-song-card{border:2px solid #704bd5;background:#090d30c2;box-shadow:0 0 26px #3b4ae12e}.active-stage .warning{border:2px solid #ff44c9;background:#5f0b5db8;box-shadow:0 0 26px #ff27c74d}.active-stage .primary,.host-lobby-stage .primary{background:linear-gradient(90deg,#ff0aa7,#6d3cff);color:#fff;border:2px solid #fd51d7}.active-stage .secondary{border:2px solid #31d8ff;background:#0d35698c;color:#fff}.side-panel h3{color:#fff}.host-name-field{display:block;margin-bottom:22px}.host-name-field input{margin-top:7px;width:100%}.player-screen{padding:28px 18px 70px}.player-card{width:min(720px,100%);position:relative;z-index:2;text-align:center;padding:30px}.player-card:not(.waiting-player-card) .brand-lockup.compact{margin:2px auto 28px}.player-card h1{color:#fff;text-shadow:0 3px 0 #251059,0 0 22px rgba(42,215,255,.22)}.player-card .song-small{color:#dfeaff}.player-card .waiting-pill{border:2px solid #704bd5;background:#101036ad;color:#eee9ff}.player-card .countdown{color:#2ee9ff;text-shadow:0 0 28px rgba(32,222,255,.48)}.player-screen.active-singer .themed-panel{border-color:#ff46d2;box-shadow:0 0 40px #ff1fbe4d}.player-screen.on-deck .themed-panel{border-color:#27e6ff;box-shadow:0 0 40px #1dd9ff4d}@media(max-width:650px){.landing-shell,.waiting-screen,.themed-screen{background:radial-gradient(circle at 50% 23%,rgba(102,35,213,.34),transparent 31%),linear-gradient(180deg,#090720,#0a0b2e 56%,#07102e)}.brand-take{font-size:clamp(64px,22vw,112px)}.brand-song{font-size:clamp(56px,19vw,100px)}.brand-tagline{font-size:clamp(17px,5.6vw,25px);margin-top:20px}.brand-lockup.compact .brand-take{font-size:clamp(48px,16vw,72px)}.brand-lockup.compact .brand-song{font-size:clamp(43px,14vw,65px)}.brand-lockup.compact .brand-tagline{font-size:clamp(14px,4.5vw,19px)}.join-screen{padding:20px 10px 52px}.join-card,.player-card{padding:22px 14px 28px}.host-screen{padding:12px 8px 42px}.themed-topbar{padding:11px 12px}.host-grid{gap:12px}.music-note{opacity:.82}}.join-screen,.player-screen,.waiting-screen{display:grid;place-items:start center;align-content:start;padding-top:clamp(24px,5vh,52px)}.join-card,.player-card,.waiting-player-card{width:min(830px,100%);background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:30px 28px 70px}.join-card .brand-lockup,.player-card .brand-lockup,.waiting-player-card .brand-lockup{margin-bottom:28px}.join-card .screen-heading{margin-top:0;margin-bottom:26px}.join-card label{width:min(620px,100%);margin-left:auto;margin-right:auto}.join-card input,.join-card select{min-height:60px;border-radius:18px;font-size:18px}.join-room-meta{width:min(620px,100%);margin:12px auto 6px;display:grid;gap:10px;justify-items:start}.host-preview,.waiting-host{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 17px;border:2px solid #23dfff;border-radius:16px;background:#0511349e;box-shadow:0 0 22px #19d8ff1f}.host-preview span,.waiting-host span{font-size:11px;letter-spacing:.16em;color:#93eaff;font-weight:900}.host-preview strong,.waiting-host strong{font-size:20px;color:#fff}.join-card .primary,.join-card .link{margin-top:12px}.join-card .primary{min-height:62px;border-radius:20px;font-size:18px}.waiting-room-panel{width:min(620px,100%);margin-left:auto;margin-right:auto}.waiting-host{width:min(420px,100%);margin:0 auto 12px}.player-card:not(.waiting-player-card){display:flex;flex-direction:column;align-items:center}.player-card:not(.waiting-player-card)>.eyebrow{margin-bottom:8px}.player-card:not(.waiting-player-card) h1,.player-card:not(.waiting-player-card) p,.player-card:not(.waiting-player-card) .waiting-pill,.player-card:not(.waiting-player-card) .countdown{position:relative;z-index:1}@media(max-width:650px){.shell.center,.join-screen,.player-screen,.waiting-screen{place-items:start center;align-content:start}.landing-shell,.join-screen,.player-screen,.waiting-screen,.themed-screen{min-height:100dvh}.join-screen,.player-screen,.waiting-screen{padding:18px 12px 56px}.join-card,.player-card,.waiting-player-card,.karaoke-hero{width:100%;padding:26px 12px 64px}.brand-lockup,.brand-lockup.compact{margin-bottom:24px}.brand-lockup .brand-take,.brand-lockup.compact .brand-take{font-size:clamp(62px,21vw,92px)}.brand-lockup .brand-song,.brand-lockup.compact .brand-song{font-size:clamp(55px,18.5vw,82px);margin-top:8px}.brand-lockup .brand-tagline,.brand-lockup.compact .brand-tagline{font-size:clamp(16px,5vw,21px);margin-top:18px;padding:8px 12px 10px}.join-card .screen-heading{font-size:clamp(30px,9vw,40px);margin-bottom:24px}.join-card label{margin-top:14px;margin-bottom:14px;font-size:16px}.join-card input,.join-card select{min-height:58px;padding:14px 16px;font-size:18px}.join-room-meta{margin-top:8px}.mode-badge{max-width:100%;white-space:normal;line-height:1.35}.waiting-room-panel{padding:20px 14px;border-radius:22px}.waiting-room-title{font-size:clamp(27px,8vw,38px)}.waiting-room-panel>p{font-size:16px}.waiting-note-orb{width:86px;height:86px;font-size:42px}.waiting-footer{font-size:16px}.player-card:not(.waiting-player-card) h1{font-size:clamp(40px,12vw,62px)}.player-card .song-small{font-size:18px}.countdown{font-size:clamp(92px,30vw,140px)}}.landing-match-panel,.join-card.landing-match-panel,.player-card.landing-match-panel,.stage.landing-match-panel,.host-lobby-stage.landing-match-panel,.active-stage.landing-match-panel{background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.join-screen,.player-screen,.waiting-screen{padding:0!important;display:grid!important;place-items:center!important;align-content:center!important}.join-card.landing-match-panel,.player-card.landing-match-panel{width:min(830px,100%)!important;min-height:100dvh;padding:50px 42px 95px!important;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.join-card.landing-match-panel{text-align:left}.join-card.landing-match-panel .brand-lockup,.player-card.landing-match-panel .brand-lockup{width:100%;margin:0 auto 30px!important}.join-card.landing-match-panel .screen-heading{text-align:center}.waiting-player-card.landing-match-panel{padding-top:44px!important;padding-bottom:90px!important}.waiting-player-card.landing-match-panel>.eyebrow{text-align:center;margin-bottom:14px}.player-card.landing-match-panel:not(.waiting-player-card){text-align:center;align-items:center}.player-card.landing-match-panel:not(.waiting-player-card)>.eyebrow{width:100%;text-align:center}.stage.landing-match-panel{background:radial-gradient(circle at 50% 30%,rgba(102,35,213,.18),transparent 34%)!important;padding:42px!important}.side-panel.themed-panel{background:linear-gradient(180deg,#110c31e6,#080a27e8);border:2px solid rgba(112,69,218,.78);box-shadow:0 0 34px #412cca40,inset 0 0 34px #18bdff0b}@media(max-width:650px){.landing-shell,.join-screen,.player-screen,.waiting-screen,.themed-screen{min-height:100dvh}.join-screen,.player-screen,.waiting-screen{padding:0!important;place-items:center!important;align-content:center!important}.karaoke-hero,.join-card.landing-match-panel,.player-card.landing-match-panel,.waiting-player-card.landing-match-panel{width:100%!important;min-height:100dvh;padding:34px 18px 75px!important;justify-content:center}.join-card.landing-match-panel .brand-lockup,.player-card.landing-match-panel .brand-lockup,.waiting-player-card.landing-match-panel .brand-lockup,.karaoke-hero .brand-lockup{margin-bottom:28px!important}.join-card.landing-match-panel .brand-take,.player-card.landing-match-panel .brand-take,.waiting-player-card.landing-match-panel .brand-take,.karaoke-hero .brand-take{font-size:clamp(64px,22vw,112px)!important}.join-card.landing-match-panel .brand-song,.player-card.landing-match-panel .brand-song,.waiting-player-card.landing-match-panel .brand-song,.karaoke-hero .brand-song{font-size:clamp(56px,19vw,100px)!important;margin-top:10px!important}.join-card.landing-match-panel .brand-tagline,.player-card.landing-match-panel .brand-tagline,.waiting-player-card.landing-match-panel .brand-tagline,.karaoke-hero .brand-tagline{font-size:clamp(17px,5.6vw,25px)!important;margin-top:20px!important;padding:9px 16px 11px!important}.waiting-room-panel{width:100%;margin:0 auto}.stage.landing-match-panel{padding:28px 16px!important}}:root{font-family:Montserrat,Arial,sans-serif}button,input,select,body{font-family:Montserrat,Arial,sans-serif}.brand-title,.brand-lockup.compact .brand-title{font-family:Luckiest Guy,Impact,sans-serif!important;letter-spacing:.01em!important}.brand-tagline,.brand-lockup.compact .brand-tagline,.screen-heading,.waiting-room-title,.waiting-footer,.host-ready-count{font-family:Permanent Marker,cursive!important}.brand-lockup.compact .brand-take,.brand-lockup .brand-take{font-size:clamp(78px,11vw,180px)!important}.brand-lockup.compact .brand-song,.brand-lockup .brand-song{font-size:clamp(70px,9.5vw,156px)!important;margin-top:10px!important}.brand-lockup.compact .brand-tagline,.brand-lockup .brand-tagline{font-size:clamp(20px,2.5vw,38px)!important;margin-top:22px!important;padding:10px 28px 13px!important}.karaoke-hero,.join-card.landing-match-panel,.player-card.landing-match-panel,.waiting-player-card.landing-match-panel{width:min(830px,calc(100vw - 32px))!important;min-height:auto!important;padding:clamp(32px,5vw,56px) clamp(18px,4vw,42px) clamp(52px,7vw,90px)!important;justify-content:center!important}.landing-shell,.join-screen,.player-screen,.waiting-screen{display:grid!important;place-items:center!important;align-content:center!important;min-height:100dvh!important;padding:0!important}.brand-lockup,.brand-lockup.compact,.join-card.landing-match-panel .brand-lockup,.player-card.landing-match-panel .brand-lockup,.waiting-player-card.landing-match-panel .brand-lockup,.karaoke-hero .brand-lockup{margin:0 auto 30px!important}.join-card.landing-match-panel .screen-heading{font-size:clamp(30px,4vw,46px)!important;text-align:center!important;margin:0 0 28px!important}.join-card label,.join-room-meta,.waiting-room-panel{width:min(620px,100%)!important;margin-left:auto!important;margin-right:auto!important}.waiting-room-panel{padding:clamp(22px,4vw,30px)!important}.waiting-room-title{font-size:clamp(28px,4vw,44px)!important}.note-1{left:5%!important;top:9%!important}.note-2{left:17%!important;top:20%!important}.note-3{right:8%!important;top:11%!important}.note-4{right:19%!important;top:28%!important}.note-5{left:7%!important;bottom:20%!important}.note-6{right:7%!important;bottom:21%!important}.note-7{left:28%!important;bottom:9%!important}.note-8{right:29%!important;bottom:10%!important}@media(max-width:650px){.landing-shell,.join-screen,.player-screen,.waiting-screen,.themed-screen{min-height:100dvh!important}.karaoke-hero,.join-card.landing-match-panel,.player-card.landing-match-panel,.waiting-player-card.landing-match-panel{width:calc(100vw - 24px)!important;padding:34px 16px 58px!important}.brand-lockup .brand-take,.brand-lockup.compact .brand-take{font-size:clamp(66px,20vw,92px)!important}.brand-lockup .brand-song,.brand-lockup.compact .brand-song{font-size:clamp(58px,17.5vw,82px)!important;margin-top:10px!important}.brand-lockup .brand-tagline,.brand-lockup.compact .brand-tagline{font-size:clamp(17px,4.9vw,22px)!important;margin-top:20px!important;padding:9px 16px 11px!important}.join-card.landing-match-panel .screen-heading{font-size:clamp(30px,8.5vw,40px)!important}.waiting-room-title{font-size:clamp(28px,7.5vw,38px)!important}.music-note{opacity:.95!important}}:root{--tts-canvas-width: 640px;--tts-ui-scale: 1}.karaoke-hero,.join-card.landing-match-panel,.player-card.landing-match-panel,.waiting-player-card.landing-match-panel{width:var(--tts-canvas-width)!important;max-width:none!important;min-width:var(--tts-canvas-width)!important;min-height:auto!important;padding:42px 34px 58px!important;zoom:var(--tts-ui-scale);flex-shrink:0}.landing-shell,.join-screen,.player-screen,.waiting-screen{display:grid!important;place-items:center!important;align-content:center!important;min-height:100dvh!important;width:100%!important;padding:20px 0!important;overflow-x:hidden!important}.brand-lockup,.brand-lockup.compact,.join-card.landing-match-panel .brand-lockup,.player-card.landing-match-panel .brand-lockup,.waiting-player-card.landing-match-panel .brand-lockup,.karaoke-hero .brand-lockup{margin:0 auto 28px!important}.brand-lockup .brand-take,.brand-lockup.compact .brand-take{font-size:138px!important;line-height:.78!important}.brand-lockup .brand-song,.brand-lockup.compact .brand-song{font-size:120px!important;line-height:.78!important;margin-top:9px!important}.brand-lockup .brand-tagline,.brand-lockup.compact .brand-tagline{font-size:29px!important;line-height:1!important;margin-top:21px!important;padding:10px 24px 12px!important}.join-card.landing-match-panel .screen-heading{font-size:38px!important;line-height:1.15!important;text-align:center!important;margin:0 0 26px!important}.waiting-room-title{font-size:35px!important;line-height:1.2!important}.join-card label,.join-room-meta,.waiting-room-panel{width:100%!important;max-width:560px!important;margin-left:auto!important;margin-right:auto!important}.waiting-room-panel{padding:28px 24px!important}@media(max-width:650px){.karaoke-hero,.join-card.landing-match-panel,.player-card.landing-match-panel,.waiting-player-card.landing-match-panel{width:var(--tts-canvas-width)!important;min-width:var(--tts-canvas-width)!important;max-width:none!important;padding:42px 34px 58px!important}.brand-lockup .brand-take,.brand-lockup.compact .brand-take{font-size:138px!important}.brand-lockup .brand-song,.brand-lockup.compact .brand-song{font-size:120px!important}.brand-lockup .brand-tagline,.brand-lockup.compact .brand-tagline{font-size:29px!important;margin-top:21px!important;padding:10px 24px 12px!important}.join-card.landing-match-panel .screen-heading{font-size:38px!important}.waiting-room-title{font-size:35px!important}.join-screen,.player-screen,.waiting-screen,.landing-shell{padding:20px 0!important;place-items:center!important;align-content:center!important}}@media(max-width:650px){.join-screen,.waiting-screen,.player-screen{place-items:start center!important;align-content:start!important}.join-screen{padding-top:26px!important;padding-bottom:42px!important}.waiting-screen{padding-top:18px!important;padding-bottom:40px!important}.player-screen:not(.waiting-screen){padding-top:34px!important;padding-bottom:40px!important}.join-card.landing-match-panel,.waiting-player-card.landing-match-panel,.player-card.landing-match-panel:not(.waiting-player-card){margin-top:0!important;margin-bottom:0!important}.join-card.landing-match-panel .brand-lockup,.waiting-player-card.landing-match-panel .brand-lockup,.player-card.landing-match-panel:not(.waiting-player-card) .brand-lockup{margin-bottom:22px!important}.join-card.landing-match-panel .screen-heading{margin-bottom:20px!important}.waiting-room-panel{margin-top:0!important}.player-card.landing-match-panel:not(.waiting-player-card)>.eyebrow{margin-bottom:2px!important}.player-card.landing-match-panel:not(.waiting-player-card) h1{margin-top:18px!important;margin-bottom:16px!important}.player-card.landing-match-panel:not(.waiting-player-card) .song-small{margin-top:0!important}}:root{--tts-ui-scale: 1 !important}.karaoke-hero,.join-card.landing-match-panel,.player-card.landing-match-panel,.waiting-player-card.landing-match-panel{zoom:1!important}@media(max-width:650px){.landing-shell,.join-screen,.waiting-screen,.player-screen{width:100%!important;min-height:100dvh!important;overflow-x:hidden!important;display:block!important;padding:0 16px 54px!important}.karaoke-hero,.join-card.landing-match-panel,.player-card.landing-match-panel,.waiting-player-card.landing-match-panel{width:100%!important;min-width:0!important;max-width:560px!important;min-height:0!important;margin:0 auto!important;padding:34px 0 44px!important}.landing-shell .karaoke-hero{padding-top:58px!important}.join-card.landing-match-panel,.waiting-player-card.landing-match-panel{padding-top:42px!important}.player-card.landing-match-panel:not(.waiting-player-card){padding-top:72px!important}.brand-lockup,.brand-lockup.compact,.join-card.landing-match-panel .brand-lockup,.player-card.landing-match-panel .brand-lockup,.waiting-player-card.landing-match-panel .brand-lockup,.karaoke-hero .brand-lockup{width:100%!important;margin:0 auto 24px!important}.brand-lockup .brand-take,.brand-lockup.compact .brand-take{font-size:clamp(86px,25vw,112px)!important;line-height:.8!important}.brand-lockup .brand-song,.brand-lockup.compact .brand-song{font-size:clamp(72px,21vw,94px)!important;line-height:.82!important;margin-top:10px!important}.brand-lockup .brand-tagline,.brand-lockup.compact .brand-tagline{font-size:clamp(20px,5.7vw,25px)!important;line-height:1.05!important;margin-top:20px!important;padding:9px 12px 11px!important;white-space:nowrap}.join-card.landing-match-panel .screen-heading{font-size:36px!important;line-height:1.08!important;margin:12px 0 24px!important}.join-card label,.join-room-meta,.waiting-room-panel{width:100%!important;max-width:none!important}.join-card label{margin:16px 0!important;gap:9px!important;font-size:17px!important}.join-card input,.join-card select{min-height:64px!important;padding:15px 17px!important;font-size:19px!important;border-radius:18px!important}.join-room-meta{margin:18px 0 10px!important;gap:12px!important}.host-preview,.waiting-host{min-height:62px!important;padding:13px 16px!important}.host-preview strong,.waiting-host strong{font-size:21px!important}.join-card .primary{width:100%!important;min-height:64px!important;margin-top:14px!important;font-size:20px!important}.join-card .link{align-self:center;font-size:17px!important;margin-top:8px!important}.waiting-room-panel{margin-top:8px!important;padding:26px 20px 28px!important;border-radius:24px!important}.waiting-room-title{font-size:34px!important;line-height:1.12!important;margin-bottom:12px!important}.waiting-room-panel>p{font-size:17px!important;line-height:1.45!important;margin:8px 0 18px!important}.waiting-note-orb{width:92px!important;height:92px!important;margin:16px auto 20px!important;font-size:42px!important}.waiting-host{width:100%!important;margin:0 auto 14px!important}.identity,.waiting-pill{margin-top:14px!important;padding:18px 16px!important}.waiting-footer{margin-top:20px!important;font-size:16px!important}.player-card.landing-match-panel:not(.waiting-player-card)>.eyebrow{font-size:13px!important;margin:0 0 14px!important}.player-card.landing-match-panel:not(.waiting-player-card) h1{font-size:clamp(44px,12vw,58px)!important;line-height:1!important;margin:24px 0 18px!important}.player-card.landing-match-panel:not(.waiting-player-card) .song-small{font-size:21px!important;line-height:1.35!important;margin:0!important}.player-card .pulse-dot{width:20px!important;height:20px!important;margin-bottom:16px!important}.music-note{opacity:.92!important}}@media(max-width:650px){.landing-shell,.join-screen,.waiting-screen,.player-screen{padding:0 18px 40px!important}.karaoke-hero,.join-card.landing-match-panel,.player-card.landing-match-panel,.waiting-player-card.landing-match-panel{max-width:520px!important;padding-bottom:34px!important}.landing-shell .karaoke-hero{padding-top:38px!important}.join-card.landing-match-panel,.waiting-player-card.landing-match-panel{padding-top:26px!important}.player-card.landing-match-panel:not(.waiting-player-card){padding-top:34px!important}.brand-lockup,.brand-lockup.compact,.join-card.landing-match-panel .brand-lockup,.player-card.landing-match-panel .brand-lockup,.waiting-player-card.landing-match-panel .brand-lockup,.karaoke-hero .brand-lockup{width:min(92vw,500px)!important;margin:0 auto 18px!important}.brand-lockup .brand-take,.brand-lockup.compact .brand-take{font-size:clamp(66px,19vw,88px)!important;line-height:.82!important}.brand-lockup .brand-song,.brand-lockup.compact .brand-song{font-size:clamp(56px,16vw,74px)!important;line-height:.84!important;margin-top:7px!important}.brand-lockup .brand-tagline,.brand-lockup.compact .brand-tagline{font-size:clamp(16px,4.4vw,20px)!important;margin-top:14px!important;padding:7px 10px 9px!important}.join-card.landing-match-panel .screen-heading{font-size:30px!important;margin:8px 0 18px!important}.join-card label{margin:12px 0!important;gap:7px!important;font-size:16px!important}.join-card input,.join-card select{min-height:56px!important;padding:12px 15px!important;font-size:18px!important;border-radius:16px!important}.join-room-meta{margin:12px 0 8px!important;gap:9px!important}.host-preview,.waiting-host{min-height:54px!important;padding:11px 14px!important}.host-preview strong,.waiting-host strong{font-size:19px!important}.join-card .primary{min-height:56px!important;margin-top:10px!important;font-size:18px!important}.waiting-room-panel{margin-top:4px!important;padding:21px 18px 22px!important;border-radius:22px!important}.waiting-room-title{font-size:28px!important;line-height:1.1!important;margin-bottom:8px!important}.waiting-room-panel>p{font-size:16px!important;line-height:1.35!important;margin:6px 0 12px!important}.waiting-note-orb{width:74px!important;height:74px!important;margin:10px auto 14px!important;font-size:34px!important}.waiting-host{margin-bottom:10px!important}.identity,.waiting-pill,.waiting-player-count,.waiting-identity{margin-top:10px!important}.waiting-footer{margin-top:14px!important;font-size:14px!important}.player-card.landing-match-panel:not(.waiting-player-card) h1{font-size:clamp(38px,10vw,48px)!important;margin:18px 0 13px!important}.player-card.landing-match-panel:not(.waiting-player-card) .song-small{font-size:18px!important}.player-card .pulse-dot{width:16px!important;height:16px!important;margin-bottom:12px!important}}@media(max-width:650px){.join-screen .brand-lockup,.waiting-screen .brand-lockup,.player-screen:not(.waiting-screen) .brand-lockup,.host-screen .brand-lockup{transform:translate(-8px)!important}}