*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--card:#1a1d27;--card-hover:#232735;--border:#2e3345;--text:#e8eaf0;--muted:#9aa0b4;--accent:#7c5cff;--accent-2:#00c9a7;--wrong:#ff5c72;--right:#2dd4a0}body{background:var(--bg);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.6rem;text-align:center;margin:12px 0 4px}h1 span{color:var(--accent)}.sub{text-align:center;color:var(--muted);margin-bottom:28px;font-size:.95rem}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px}input[type=text]{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:#12141c;color:var(--text);font-size:1rem;margin-bottom:12px}input[type=text]:focus{outline:2px solid var(--accent);border-color:transparent}.btn{display:inline-block;width:100%;padding:13px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s}.btn:hover{opacity:.9}.btn:disabled{opacity:.4;cursor:default}.btn.secondary{background:var(--card-hover);border:1px solid var(--border)}.error{color:var(--wrong);margin-top:8px}.error,.hint{font-size:.9rem}.hint{color:var(--muted)}.players{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.player-chip{background:var(--card-hover);border:1px solid var(--border);padding:6px 14px;border-radius:999px;font-size:.92rem}.player-chip.me{border-color:var(--accent)}.round-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.95rem;color:var(--muted)}.progress{height:8px;background:var(--card-hover);border-radius:999px;overflow:hidden;margin-bottom:20px}.progress>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .2s linear}.q-label{font-weight:600;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:border-color .1s,background .1s}.option.selected,.option:hover:not(:disabled){border-color:var(--accent)}.option.selected{background:rgba(124,92,255,.18)}.option.correct{border-color:var(--right);background:rgba(45,212,160,.18)}.option.wrong{border-color:var(--wrong);background:rgba(255,92,114,.15)}.option:disabled{cursor:default}.countdown{text-align:center;font-size:4rem;font-weight:700;padding:40px 0;color:var(--accent)}.reveal-song{display:flex;gap:16px;align-items:center;margin-bottom:16px}.reveal-song img{width:84px;height:84px;border-radius:10px}.reveal-song .t{font-size:1.15rem;font-weight:700}.reveal-song .a{color:var(--muted)}.points-badge{margin-left:auto;background:var(--accent);padding:8px 14px;border-radius:10px;font-weight:700;white-space:nowrap}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(--accent-2);font-weight:600}table.board td.pos{width:36px;color:var(--muted)}table.board td.score{text-align:right;font-weight:600}.auth-links{display:flex;gap:18px;margin-top:14px;font-size:.9rem}.auth-links a{color:var(--accent);cursor:pointer}.auth-links a:hover{text-decoration:underline}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.9rem}.topbar,.topbar a{color:var(--muted)}.topbar a{cursor:pointer}.topbar a:hover{color:var(--text)}.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(--accent)}.winner{text-align:center;font-size:1.3rem;margin:18px 0}.winner b{color:var(--accent-2)}