:root{--bg: #0f1115;--card: #1a1d24;--text: #e7e9ee;--muted: #9aa0ac;--primary: #5865f2;--discord: #5865f2;--error: #ff6b6b;--border: #2a2e38}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}.centered{min-height:100vh;display:grid;place-items:center;padding:24px}.page{max-width:720px;margin:0 auto;padding:24px}.topbar{display:flex;justify-content:space-between;margin-bottom:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:28px;text-align:center;margin-bottom:16px}.card h2{margin-top:0}.muted{color:var(--muted)}.error{color:var(--error)}.avatar{width:88px;height:88px;border-radius:50%;object-fit:cover}.actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.btn{display:inline-block;padding:10px 18px;border-radius:10px;border:1px solid var(--border);background:#232733;color:var(--text);text-decoration:none;cursor:pointer;font-size:15px}.btn:hover{filter:brightness(1.1)}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-discord{background:var(--discord);border-color:var(--discord)}.btn-ghost{background:transparent}.btn-sm{padding:6px 12px;font-size:13px}.btn-danger{background:#c0392b;border-color:#c0392b}.left{text-align:left}.notice{max-width:720px;margin:0 auto 16px;padding:12px 16px;border-radius:10px;background:#1f2a1f;border:1px solid #2f4a2f;color:#cfe8cf}.conn-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.conn-row:last-child{border-bottom:none}.conn-actions{display:flex;gap:8px}.profile-block{margin-bottom:20px}.profile-block h3{margin-bottom:8px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.chip{display:inline-flex;align-items:center;gap:10px;background:#232733;border:1px solid var(--border);border-radius:999px;padding:4px 16px 4px 4px;font-size:14px}.chip-pic{width:44px;height:44px;border-radius:50%;object-fit:cover}.picker{margin-bottom:16px}.picker-search{position:relative}.picker-search input{width:100%;background:#0f1115;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px;font-size:14px}.picker-results{position:absolute;z-index:10;left:0;right:0;margin:4px 0 0;padding:4px;list-style:none;background:#161922;border:1px solid var(--border);border-radius:8px;max-height:280px;overflow-y:auto}.picker-results li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:14px}.picker-results li:hover{background:#232733}.picker-selected{list-style:none;padding:0;margin:8px 0 0;counter-reset:none}.picker-selected li{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:14px}.picker-selected .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank{width:22px;text-align:right;color:var(--muted);font-size:12px}.artist-pic{width:32px;height:32px;border-radius:50%;object-fit:cover}.icon-btn{border:1px solid var(--border);background:#232733;color:var(--text);border-radius:6px;padding:3px 7px;font-size:12px;cursor:pointer}.icon-btn.danger{color:#ff8b8b}.join-row{display:flex;gap:8px;margin-top:16px;justify-content:center}.join-row input{background:#0f1115;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px;font-size:18px;letter-spacing:4px;text-transform:uppercase;width:140px;text-align:center}.code-badge{display:flex;align-items:center;gap:10px;font-size:15px}.code-badge strong{font-size:22px;letter-spacing:3px}.player-row{display:flex;flex-wrap:wrap;gap:14px}.player{display:flex;align-items:center;gap:8px}.avatar-sm{width:38px;height:38px;border-radius:50%;object-fit:cover}.avatar-sm.off{filter:grayscale(1);opacity:.5}.tag{margin-left:6px;font-size:11px;background:var(--primary);border-radius:4px;padding:1px 5px}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.setting:last-child{border-bottom:none}.setting input[type=number]{width:90px;background:#0f1115;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px;font-size:14px}.checks{display:flex;gap:16px}.check{display:flex;align-items:center;gap:6px;color:var(--text);font-size:14px}.target-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:10px}.target{display:flex;align-items:center;gap:8px;padding:8px;border-radius:10px;border:1px solid var(--border);background:#1a1d24;color:var(--text);cursor:pointer;opacity:.45;font-size:13px;text-align:left}.target.on{opacity:1;border-color:var(--primary);background:#232a44}.target:disabled{cursor:default}.center{text-align:center}.game-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.timerbar{height:6px;background:#232733;border-radius:3px;overflow:hidden;margin-bottom:16px}.timerbar-fill{height:100%;background:var(--primary);transition:width .25s linear}.media{text-align:center}.media h2{margin:12px 0 4px}.big-cover{width:180px;height:180px;border-radius:12px;object-fit:cover}.big-cover.round{border-radius:50%}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.choice{display:flex;align-items:center;gap:8px;padding:10px;border-radius:10px;border:1px solid var(--border);background:#1a1d24;color:var(--text);cursor:pointer;font-size:14px;text-align:left}.choice.selected{border-color:var(--primary);background:#232a44}.choice.correct{border-color:#2ecc71;background:#1d3a2a}.choice.wrong{border-color:#e74c3c;background:#3a1d1d}.choice.dim{opacity:.5}.ranking{list-style:none;padding:0;margin:0 0 16px}.ranking li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.ranking li:last-child{border-bottom:none}.ranking .winner strong{color:#f1c40f}.gain{color:#2ecc71;font-size:13px}.track-list{list-style:none;padding:0;margin:0}.track-list li{display:flex;align-items:center;gap:10px;padding:4px 0;font-size:14px}.cover{width:36px;height:36px;border-radius:6px;object-fit:cover}.preview-btn{min-width:52px;padding:4px 8px;font-size:12px;border-radius:6px;border:1px solid var(--border);background:#232733;color:var(--text);cursor:pointer}.preview-btn.playing{background:var(--primary);border-color:var(--primary)}.preview-na{display:inline-block;min-width:52px;text-align:center;color:var(--muted)}textarea{width:100%;background:#0f1115;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px;font-family:inherit;font-size:14px;margin-bottom:12px;resize:vertical}label{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}