:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color-scheme:dark;--bg: #0e1014;--panel: #161a22;--panel-2: #0c1017;--border: #232936;--border-strong: #344056;--text: #e5e9f0;--muted: #8a93a6;--accent: #4cd2c1;--accent-soft: #1f3a37;--warn: #f0a868;--bad: #ef6464;--good: #4cd291}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text)}input,select,button{font-family:inherit}.game-root{max-width:1080px;margin:0 auto;padding:28px 20px 80px;min-height:100%}.game-root-header{margin-bottom:28px}.game-root-header h1{margin:0 0 4px;font-size:28px;letter-spacing:-.02em}.subtitle{color:var(--muted);font-size:14px}.global-error{margin-top:16px;padding:12px 16px;background:#ef64641a;border:1px solid rgba(239,100,100,.4);border-radius:10px;color:var(--bad);font-size:14px}.start-screen{display:flex;flex-direction:column;gap:28px}.mic-check{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:14px}.mic-check-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.mic-check-readout{display:flex;align-items:baseline;gap:14px;font-variant-numeric:tabular-nums;min-width:0}.mic-check-note{font-size:32px;font-weight:700;letter-spacing:-.02em;min-width:64px}.mic-check-cents{color:var(--muted);font-size:14px;min-width:48px}.mic-check-hz{color:var(--muted);font-size:13px}.mic-check-tuner{display:flex;flex-direction:column;gap:6px}.mic-check-tuner-track{position:relative;height:8px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border)}.mic-check-tuner-zero{position:absolute;top:-3px;bottom:-3px;left:50%;width:2px;background:var(--border-strong);transform:translate(-50%)}.mic-check-tuner-needle{position:absolute;top:-4px;bottom:-4px;width:4px;border-radius:4px;background:var(--accent);transform:translate(-50%);transition:left 80ms linear}.mic-check-tuner-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);letter-spacing:.04em}.mic-check-hint{font-size:13px;color:var(--muted)}.mic-check-error{color:var(--bad);font-size:13px}.mic-check-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.mic-check-state{font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted);margin-left:auto}.mic-check-state-running{border-color:var(--good);color:var(--good)}.mic-check-state-starting{border-color:var(--warn);color:var(--warn)}.mic-check-state-error{border-color:var(--bad);color:var(--bad)}.mic-check-clarity{display:flex;flex-direction:column;gap:4px}.mic-check-clarity-label{font-size:11px;color:var(--muted);letter-spacing:.04em;font-variant-numeric:tabular-nums}.mic-check-clarity-track{height:6px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);overflow:hidden}.mic-check-clarity-fill{height:100%;background:var(--accent);transition:width 80ms linear}.game-view .mic-check{margin-bottom:12px}.song-menu{display:flex;flex-direction:column;gap:28px}.song-menu-section{display:flex;flex-direction:column;gap:12px}.song-menu-heading{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.song-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.song-item{width:100%;display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--panel);border:1px solid var(--border);border-radius:14px;color:var(--text);cursor:pointer;text-align:left;font:inherit;transition:border-color .12s,background .12s}.song-item:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.song-item:disabled{cursor:not-allowed;opacity:.6}.song-item-icon{font-size:22px;color:var(--accent);width:28px;text-align:center}.song-item-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.song-item-label{font-size:16px;font-weight:600}.song-item-sub{font-size:13px;color:var(--muted)}.song-item-cta{font-size:13px;font-weight:600;color:var(--accent);letter-spacing:.04em;text-transform:uppercase}.uploader{border:2px dashed var(--border-strong);border-radius:18px;padding:80px 32px;text-align:center;cursor:pointer;background:var(--panel);transition:border-color .12s,background .12s}.uploader:hover,.uploader.drag-over{border-color:var(--accent);background:var(--accent-soft)}.uploader-icon{font-size:48px;margin-bottom:16px;color:var(--accent)}.uploader-title{font-size:20px;font-weight:600;margin-bottom:8px}.uploader-sub{color:var(--muted);font-size:14px}.setup{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:28px}.setup-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px;gap:16px}.setup-title{font-size:22px;font-weight:700;letter-spacing:-.01em}.link-button{background:none;border:none;color:var(--muted);font-size:13px;cursor:pointer;padding:4px 6px}.link-button:hover{color:var(--text)}.setup-meta{color:var(--muted);font-size:13px;margin-bottom:24px;display:flex;gap:8px;flex-wrap:wrap}.setup-row{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap;margin-bottom:24px}.setup-field{display:flex;flex-direction:column;gap:6px}.setup-field span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.setup-field input,.setup-field select{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:10px 14px;color:var(--text);font-size:16px;width:140px}.setup-field input:focus,.setup-field select:focus{outline:none;border-color:var(--accent)}.setup-detectors{border:1px solid var(--border);border-radius:10px;padding:10px 14px;display:flex;gap:10px;align-items:center;margin:0}.setup-detectors legend{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:0 6px}.detector-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);cursor:pointer;font-size:13px;color:var(--muted)}.detector-pill input{display:none}.detector-pill.active{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.setup-error{color:var(--bad);font-size:13px;margin-bottom:12px}.setup-actions{display:flex;justify-content:flex-end}.play-button{background:var(--accent);color:#06231f;border:none;border-radius:999px;padding:12px 28px;font-size:15px;font-weight:700;cursor:pointer;transition:filter .12s}.play-button:hover:not(:disabled){filter:brightness(1.1)}.play-button:disabled{opacity:.5;cursor:not-allowed}.ghost-button{background:transparent;color:var(--text);border:1px solid var(--border-strong);border-radius:999px;padding:12px 22px;font-size:14px;cursor:pointer}.ghost-button:hover{border-color:var(--text)}.game-view{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:24px}.game-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.game-title-row{display:flex;flex-direction:column;gap:4px}.game-title{font-size:18px;font-weight:600}.game-bpm{color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.game-meta{text-align:right}.live-percent{font-size:36px;font-weight:700;color:var(--accent);line-height:1;font-variant-numeric:tabular-nums}.game-status{font-size:12px;color:var(--muted);margin-top:4px}.ribbon{position:relative;width:100%;height:360px;border-radius:12px;background:var(--panel-2);border:1px solid var(--border);overflow:hidden}.ribbon canvas{display:block;width:100%;height:100%}.game-controls{display:flex;justify-content:center;margin-top:18px}.results{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:36px 28px;text-align:center}.results-stars{font-size:36px;color:var(--accent);letter-spacing:.06em;margin-bottom:12px}.results-percent{font-size:80px;font-weight:700;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.results-label{color:var(--muted);margin-top:8px;font-size:16px}.results-meta{margin-top:4px;color:var(--muted);font-size:13px}.results-table{margin:28px auto 24px;max-width:480px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--panel-2)}.results-table-head,.results-row{display:grid;grid-template-columns:90px 1fr 90px;align-items:center;padding:10px 16px;font-size:13px}.results-table-head{background:#ffffff0a;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.results-row{border-top:1px solid var(--border);font-variant-numeric:tabular-nums}.results-row.good span:last-child{color:var(--good)}.results-row.ok span:last-child{color:var(--warn)}.results-row.bad span:last-child{color:var(--bad)}.results-row.no-data span:last-child{color:var(--muted)}.results-table-body{max-height:280px;overflow-y:auto}.results-actions{display:flex;justify-content:center;gap:12px}