:root{--bg:#14121f;--surface:#221f33;--text:#f4f2ff;--muted:#a7a2c2;--accent:#ff4f8b;--good:#3ddc97;--bad:#ff7b6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font:17px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}main{max-width:480px;padding:max(24px, env(safe-area-inset-top)) 16px 32px;flex-direction:column;gap:16px;margin:0 auto;display:flex}h1{margin:0;font-size:28px}.subtitle{color:var(--muted);margin:0}form{flex-direction:column;gap:12px;display:flex}input{background:var(--surface);width:100%;color:var(--text);border:2px solid #0000;border-radius:12px;outline:none;padding:14px 16px;font-size:18px}input:focus{border-color:var(--accent)}input.code{text-align:center;letter-spacing:.4em;text-transform:uppercase;font-size:36px}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:14px 16px;font-size:18px;font-weight:600}button:disabled{opacity:.5}button.secondary{background:var(--surface);color:var(--text)}ul,ol{margin:0;padding:0;list-style:none}.songs{flex-direction:column;gap:8px;display:flex}.song-button{background:var(--surface);width:100%;color:var(--text);text-align:left;padding:8px;font-weight:400}.song{align-items:center;gap:12px;display:flex}.song img,.artwork-placeholder{background:#33304a;border-radius:8px;flex:none;width:56px;height:56px}.song-title{font-weight:600}.song-artist{color:var(--muted);font-size:15px}.choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice{background:var(--surface);color:var(--text);min-height:64px}.choice.selected{background:var(--accent)}.players li,.scores li{background:var(--surface);border-radius:12px;margin-bottom:8px;padding:12px 16px}.players li.offline{opacity:.5}.scores li{justify-content:space-between;font-size:20px;display:flex}.scores li.you{outline:2px solid var(--accent)}.big{margin:0;font-size:24px}.correct{color:var(--good);margin:0;font-size:20px}.wrong,.error{color:var(--bad);margin:0}header{align-items:center;gap:10px;margin-bottom:4px;font-size:20px;font-weight:800;display:flex}header img{width:36px;height:36px}.history{margin-top:16px}.history h2{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 8px;font-size:15px}.history li{background:var(--surface);border-left:4px solid #0000;border-radius:12px;margin-bottom:8px;padding:8px}.history li.correct{border-left-color:var(--good)}.history li.wrong{border-left-color:var(--bad)}.history-guess{color:var(--muted);margin:6px 0 0 68px;font-size:15px}.notice{background:var(--surface);border-radius:12px;margin:0;padding:12px 16px}.avatar{border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:inline-flex}.avatar.big{width:112px;height:112px;padding:0;font-size:64px}.avatar-picker{justify-content:center;align-items:center;gap:16px;display:flex}button.small{padding:10px 14px;font-size:16px}.avatar-grid{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.avatar-grid button{background:var(--surface);padding:6px 0;font-size:26px}.avatar-grid button.selected{background:var(--accent)}.center{text-align:center}.players li,.choice,.score-name{align-items:center;gap:12px;display:flex}.choice{text-align:left;justify-content:flex-start;padding:10px 12px}.choice-label{flex-wrap:wrap;flex:1;align-items:center;gap:4px 8px;min-width:0;display:flex}.guess-count{white-space:nowrap;background:#ffffff26;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:14px;font-weight:600}.drumroll{text-align:center;font-size:96px;animation:.12s ease-in-out infinite alternate drumroll}@keyframes drumroll{0%{transform:rotate(-6deg)scale(1)}to{transform:rotate(6deg)scale(1.06)}}@media (prefers-reduced-motion:reduce){.drumroll{animation:none}}