*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0514;--card:#150b26;--card-hover:#1d1133;--border:#3a2566;--text:#f0ecfa;--muted:#8f7fb8;--na:#c86bff;--nb:#5ce1ff;--gold:#ffe14d;--right:#5cffb8;--wrong:#ff5c8a}html{background:var(--bg);color-scheme:dark}body{background:radial-gradient(1200px 600px at 50% -200px,#1a0d33 0,var(--bg) 60%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.wrap{max-width:680px;margin:0 auto;padding:24px 16px 60px}h1{font-size:1.7rem;font-weight:800;text-align:center;margin:12px 0 4px;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;gap:10px}h1 .logo-eq{height:1.5rem;width:40px}h1 .logo-text{color:var(--text)}.beta-badge{font-size:.58rem;font-weight:800;letter-spacing:.12em;color:var(--gold);border:1px solid rgba(255,225,77,.5);border-radius:6px;padding:2px 6px;align-self:flex-start;margin-top:2px;box-shadow:0 0 8px rgba(255,225,77,.2)}h1 .logo-text em{font-style:normal;background:linear-gradient(90deg,var(--na),var(--nb));-webkit-background-clip:text;background-clip:text;color:transparent}.sub{text-align:center;color:var(--muted);margin-bottom:24px;font-size:.95rem}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px}input[type=email],input[type=password],input[type=text]{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:#0e0719;color:var(--text);font-size:1rem;margin-bottom:12px}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus{outline:2px solid var(--na);border-color:transparent}.btn{display:inline-block;width:100%;padding:13px;border:none;border-radius:10px;background:linear-gradient(90deg,#a44dff,var(--nb));color:#0a0514;font-size:1rem;font-weight:800;cursor:pointer;transition:filter .15s;box-shadow:0 0 18px rgba(164,77,255,.35)}.btn:hover{filter:brightness(1.12)}.btn:disabled{opacity:.65;cursor:default;box-shadow:none;filter:saturate(.7)}.btn.secondary{background:var(--card-hover);color:var(--text);border:1px solid var(--border);box-shadow:none;font-weight:600}.error{color:var(--wrong);margin-top:8px}.error,.hint{font-size:.9rem}.hint{color:var(--muted)}.av{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:800;color:#0a0514;box-shadow:0 0 12px rgba(200,107,255,.45);flex-shrink:0}.av-s{width:28px;height:28px;font-size:.68rem}.av-m{width:40px;height:40px;font-size:.85rem}.av-l{width:64px;height:64px;font-size:1.3rem}.avc1{background:linear-gradient(135deg,#c86bff,#8f5cff)}.avc2{background:linear-gradient(135deg,#5ce1ff,#2dd4a0)}.avc3{background:linear-gradient(135deg,#ff5cb8,#ff8f5c)}.avc4{background:linear-gradient(135deg,#ffe14d,#ff9a3d)}.avc5{background:linear-gradient(135deg,#5c8aff,#5ce1ff)}.tiles{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.tile{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:13px 12px;min-height:96px;cursor:pointer;text-align:left;color:var(--text);transition:all .15s;font-family:inherit}.tile.hero{grid-column:1/-1;display:flex;align-items:center;gap:14px;min-height:0;padding:14px;border-color:var(--na);box-shadow:0 0 16px rgba(200,107,255,.2)}.tile.hero b{margin:0 0 2px}.tile.hero .pill{margin:0 0 0 auto;flex-shrink:0}.tile.hero .hint{display:block}.tile:hover:not(:disabled){border-color:var(--na);box-shadow:0 0 22px rgba(200,107,255,.35);transform:translateY(-2px)}.tile:disabled{opacity:.45;cursor:default}.tile .ic{font-size:1.5rem;display:block;line-height:1}.tile b{margin:6px 0 3px;font-size:.92rem}.tile .hint{font-size:.72rem;line-height:1.35}.sficon{filter:drop-shadow(0 0 6px rgba(164,77,255,.55));vertical-align:middle}.tile b{display:block;margin:6px 0 4px;font-size:.98rem}.tile .hint{font-size:.78rem;display:block}.pill{display:inline-block;background:rgba(92,225,255,.12);color:var(--nb);border:1px solid rgba(92,225,255,.4);border-radius:999px;font-size:.7rem;padding:2px 9px;font-weight:700;margin-top:8px}.pill.gold{background:rgba(255,225,77,.12);color:var(--gold);border-color:rgba(255,225,77,.4)}.pill.dim{background:rgba(143,127,184,.12);color:var(--muted);border-color:var(--border)}.topbar{justify-content:space-between;margin-bottom:14px;color:var(--muted);font-size:.9rem}.topbar,.topbar .who{display:flex;align-items:center}.topbar .who{gap:8px;color:var(--text)}.topbar a{color:var(--muted);cursor:pointer}.lang-toggle{font-size:.8rem;color:var(--muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.lang-toggle a{cursor:pointer;color:var(--muted)}.lang-toggle a.active{color:var(--nb);font-weight:700}.topbar a:hover{color:var(--text)}.players{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.player-chip{display:inline-flex;align-items:center;gap:8px;background:var(--card-hover);border:1px solid var(--border);padding:5px 14px 5px 6px;border-radius:999px;font-size:.92rem}.player-chip.me{border-color:var(--na)}.round-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.95rem;color:var(--muted)}.progress{height:8px;background:#0e0719;border-radius:999px;overflow:hidden;margin-bottom:20px}.progress>div{height:100%;background:linear-gradient(90deg,var(--na),var(--nb));box-shadow:0 0 10px var(--na);transition:width .2s linear}.q-label{font-weight:700;margin:14px 0 8px}.options{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}@media (max-width:480px){.options{grid-template-columns:1fr}}.option{padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--card-hover);color:var(--text);font-size:.95rem;cursor:pointer;text-align:left;transition:all .1s;font-family:inherit}@media (hover:hover){.option:hover:not(:disabled){border-color:var(--na)}}.option:focus{outline:none}.option:focus-visible{outline:2px solid var(--na)}.option.selected{border-color:var(--na);background:rgba(200,107,255,.16);box-shadow:0 0 12px rgba(200,107,255,.3)}.option.correct{border-color:var(--right);background:rgba(92,255,184,.14);box-shadow:0 0 12px rgba(92,255,184,.25)}.option.wrong{border-color:var(--wrong);background:rgba(255,92,138,.12)}.option:disabled{cursor:default}.eq{display:flex;gap:3px;align-items:flex-end;height:18px;width:44px}.eq i{flex:1 1;background:linear-gradient(180deg,var(--na),var(--nb));border-radius:2px;animation:eq 1s ease-in-out infinite}.eq i:nth-child(2){animation-delay:.15s}.eq i:nth-child(3){animation-delay:.3s}.eq i:nth-child(4){animation-delay:.45s}.eq i:nth-child(5){animation-delay:.6s}@keyframes eq{0%,to{height:30%}50%{height:100%}}.countdown{text-align:center;font-size:4rem;padding:40px 0}.reveal-song{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;margin-bottom:16px}.reveal-song img{width:170px;height:170px;border-radius:16px;border:1px solid var(--border);box-shadow:0 0 34px rgba(164,77,255,.35)}.reveal-song .t{font-size:1.25rem;font-weight:800}.reveal-song .a{color:var(--muted);margin-top:2px}.points-badge{background:linear-gradient(90deg,#a44dff,var(--nb));color:#0a0514;padding:8px 16px;border-radius:10px;font-weight:800;white-space:nowrap;box-shadow:0 0 14px rgba(164,77,255,.4)}table.board{width:100%;border-collapse:collapse}table.board td,table.board th{padding:9px 8px;text-align:left;border-bottom:1px solid var(--border)}table.board tr.me td{color:var(--nb);font-weight:700}table.board td.pos{width:36px;color:var(--muted)}table.board td.score{text-align:right;font-weight:700}table.board td.pname{display:flex;align-items:center;gap:8px}.btn.buzzer{background:linear-gradient(90deg,#ffe14d,#ff9a3d);color:#221a00;font-size:1.1rem;box-shadow:0 0 24px rgba(255,225,77,.45);animation:buzzpulse 1.2s ease-in-out infinite}.btn.buzzer:disabled{animation:none}@keyframes buzzpulse{0%,to{transform:scale(1)}50%{transform:scale(1.02);box-shadow:0 0 34px rgba(255,225,77,.6)}}.songrow{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);font-size:.9rem}.songrow:last-of-type{border-bottom:none}.songrow a{color:var(--nb);text-decoration:none;font-size:1.1rem}.demo-card{border-color:var(--na);box-shadow:0 0 26px rgba(164,77,255,.22)}.livepulse{width:8px;height:8px;border-radius:50%;background:var(--wrong);animation:livepulse 1.4s infinite}@keyframes livepulse{0%,to{opacity:1}50%{opacity:.3}}.demo-avs{display:inline-flex}.demo-avs .av{margin-left:-6px;border:2px solid var(--card);font-size:.6rem}.demo-progress{animation:demoprog 3s linear forwards;box-shadow:0 0 10px var(--na);height:100%;background:linear-gradient(90deg,var(--na),var(--nb))}@keyframes demoprog{0%{width:100%}to{width:2%}}.demo-opt{pointer-events:none;font-size:.88rem;padding:10px}.demo-stage{height:192px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start}.demo-stage .options{grid-template-columns:1fr 1fr!important;gap:8px}.demo-stage .demo-opt{padding:9px 8px;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-stage .demo-reveal{flex:1 1}.demo-reveal{display:flex;align-items:center;justify-content:center;gap:14px;padding:22px 8px;animation:demoin .35s ease-out}@keyframes demoin{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.demo-check{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(92,255,184,.15);color:var(--right);font-size:1.4rem;font-weight:900;box-shadow:0 0 16px rgba(92,255,184,.35)}.demo-caption{text-align:center;margin-top:12px;line-height:1.6}.ticker{display:flex;align-items:center;gap:10px;margin-top:14px;padding:8px 10px;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.ticker-play{border-radius:50%;border:none;background:linear-gradient(135deg,#a44dff,var(--nb));color:#0a0514;font-size:.95rem;cursor:pointer;box-shadow:0 0 12px rgba(164,77,255,.4)}.ticker-art,.ticker-play{width:38px;height:38px;flex-shrink:0}.ticker-art{border-radius:8px}.ticker-track{overflow:hidden;flex:1 1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.ticker-text{display:inline-block;white-space:nowrap;font-size:.85rem;color:var(--muted);animation:tickermove 18s linear infinite}@keyframes tickermove{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.applemusic{display:block;text-align:center;margin-top:12px;padding:10px;border-radius:10px;border:1px solid var(--border);background:var(--card-hover);color:var(--text);font-size:.9rem;font-weight:600;text-decoration:none}.applemusic:hover{border-color:var(--na);box-shadow:0 0 12px rgba(200,107,255,.25)}.attribution{text-align:center;opacity:.65;font-size:.72rem;margin-top:26px;line-height:1.7}.attribution,.attribution a{color:var(--muted)}.attribution a:hover{color:var(--text)}.terms{display:flex;gap:10px;align-items:flex-start;font-size:.82rem;color:var(--muted);margin:4px 0 12px;cursor:pointer;line-height:1.5}.terms input[type=checkbox]{margin-top:2px;width:16px;height:16px;accent-color:var(--na);cursor:pointer;flex-shrink:0}.terms a{color:var(--nb)}.legal h2{font-size:1.2rem;margin-bottom:4px}.legal h3{font-size:.98rem;margin:18px 0 6px;color:var(--nb)}.legal p{font-size:.9rem;line-height:1.65;color:var(--text)}.legal a{color:var(--nb)}.row{display:flex;gap:10px}.row>div{flex:1 1}.bgrid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px;text-align:center}@media (max-width:480px){.bgrid{grid-template-columns:repeat(3,1fr)}}.bdg{background:var(--card-hover);border:1px solid var(--border);border-radius:12px;padding:10px 4px}.bdg.earned{border-color:rgba(255,225,77,.5);box-shadow:0 0 12px rgba(255,225,77,.15)}.bdg.locked{opacity:.4;filter:grayscale(1)}.bdg .e{font-size:1.4rem}.bdg .n{font-size:.62rem;color:var(--muted);margin-top:4px;display:block}.pbar{height:4px;background:#0e0719;border-radius:99px;margin-top:6px;overflow:hidden}.pbar div{height:100%;background:var(--gold)}.hpwrap{display:flex;align-items:center;gap:10px;margin-bottom:6px}.hpbar{flex:1 1;height:14px;background:#0e0719;border-radius:999px;overflow:hidden;border:1px solid var(--border)}.hpbar div{height:100%;transition:width .6s ease}.hp-me div{background:linear-gradient(90deg,#2dd4a0,#5cffb8);box-shadow:0 0 10px #2dd4a0}.hp-foe{transform:scaleX(-1)}.hp-foe div{background:linear-gradient(90deg,#ff5c8a,#ff9ab3);box-shadow:0 0 10px #ff5c8a}.vs{font-weight:900;font-size:.8rem;margin:2px 0;background:linear-gradient(90deg,var(--na),var(--nb));-webkit-background-clip:text;background-clip:text;color:transparent}.dmg,.vs{text-align:center}.dmg{color:var(--wrong);font-weight:800;margin:6px 0 0;text-shadow:0 0 12px rgba(255,92,138,.6)}.winner{text-align:center;font-size:1.3rem;margin:18px 0}.winner b{background:linear-gradient(90deg,var(--gold),#ff9a3d);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-links{display:flex;gap:18px;margin-top:14px;font-size:.9rem}.auth-links a{color:var(--nb);cursor:pointer}.auth-links a:hover{text-decoration:underline}.sound-btn{background:var(--card-hover);border:1px solid var(--border);border-radius:8px;padding:4px 10px;font-size:1rem;cursor:pointer;line-height:1.4}.sound-btn:hover{border-color:var(--na)}select.inp{width:100%;padding:11px 36px 11px 12px;border-radius:9px;border:1px solid var(--border);background-color:#0e0719;color:var(--text);font-size:.92rem;margin:6px 0;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 49%,var(--nb) 51%),linear-gradient(135deg,var(--nb) 49%,transparent 51%);background-position:calc(100% - 19px) 55%,calc(100% - 13px) 55%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}select.inp:hover{border-color:var(--na);box-shadow:0 0 10px rgba(200,107,255,.25)}select.inp option{background:#150b26;color:var(--text)}.selrow{display:flex;gap:10px}.selrow>div{flex:1 1}.code-big{font-size:1.7rem;font-weight:900;letter-spacing:.35em;text-align:center;color:var(--nb);background:#0e0719;border:1px dashed var(--nb);border-radius:10px;padding:12px 0;margin:8px 0;text-shadow:0 0 16px rgba(92,225,255,.6);cursor:pointer}.code-big:hover{border-style:solid}.ok-msg{color:var(--right);font-size:.9rem;margin-top:8px}.btn.back{margin-top:22px}.btn.giveup{width:auto;display:block;margin:4px auto 0;padding:8px 18px;font-size:.85rem;color:var(--muted)}.btn.giveup:hover{color:var(--wrong);border-color:var(--wrong)}.code-toggle{display:block;width:100%;background:rgba(92,225,255,.07);border:1.5px dashed var(--nb);border-radius:12px;color:var(--text);font-size:.92rem;font-weight:600;padding:12px;cursor:pointer;margin-bottom:16px;box-shadow:0 0 14px rgba(92,225,255,.12)}.code-toggle:hover{background:rgba(92,225,255,.14);box-shadow:0 0 20px rgba(92,225,255,.25)}.joinrow{display:flex;gap:8px}.joinrow input{margin:0;flex:1 1}.joinrow .btn{width:auto;padding:12px 18px}