.game-page.svelte-t2e1k9{padding:2rem 1.5rem;max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.page-header.svelte-t2e1k9{margin-bottom:0}.step-num.svelte-t2e1k9{font-size:9px;font-weight:700;letter-spacing:2px;color:#444;background:#111;padding:.3rem .6rem;border:1px solid #222;display:inline-block;margin-bottom:.75rem}h1.svelte-t2e1k9{font-size:18px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;margin:0 0 .5rem}.page-description.svelte-t2e1k9{font-size:12px;color:#666;line-height:1.6;margin:0}.score-bar.svelte-t2e1k9{display:flex;gap:1.5rem;padding:.75rem 1rem;background:#111;border:1px solid #222}.score-item.svelte-t2e1k9{display:flex;flex-direction:column;gap:.2rem}.score-label.svelte-t2e1k9{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#555}.score-value.svelte-t2e1k9{font-size:18px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.game-card.svelte-t2e1k9{background:#0a0a0a;border:1px solid #222;padding:2rem;min-height:300px;display:flex;align-items:center;justify-content:center}.ready-state.svelte-t2e1k9{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.ready-text.svelte-t2e1k9{font-size:13px;color:#888;margin:0}.listening-state.svelte-t2e1k9{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.beat-display.svelte-t2e1k9{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.bar-counter.svelte-t2e1k9{font-size:24px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.beat-dots.svelte-t2e1k9{display:flex;gap:.75rem}.beat-dot.svelte-t2e1k9{width:16px;height:16px;border-radius:50%;background:#222;transition:all .05s ease}.beat-dot.active.svelte-t2e1k9{background:#00bfff;box-shadow:0 0 12px #00bfff80}.bar-progress.svelte-t2e1k9{display:flex;gap:3px;width:100%}.bar-block.svelte-t2e1k9{flex:1;height:6px;background:#1a1a1a;transition:background .1s ease}.bar-block.past.svelte-t2e1k9{background:#333}.bar-block.current.svelte-t2e1k9{background:#fff}.listen-label.svelte-t2e1k9{font-size:11px;color:#555;text-transform:uppercase;letter-spacing:2px;margin:0}.guessing-state.svelte-t2e1k9{width:100%;display:flex;flex-direction:column;gap:1.5rem}.guess-section.svelte-t2e1k9{display:flex;flex-direction:column;gap:.75rem}.guess-label.svelte-t2e1k9{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#666}.bpm-input.svelte-t2e1k9{display:flex;align-items:center;gap:1rem}.bpm-slider.svelte-t2e1k9{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:#333;outline:none;border-radius:2px}.bpm-slider.svelte-t2e1k9::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer}.bpm-slider.svelte-t2e1k9::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;border:none}.bpm-number.svelte-t2e1k9{width:64px;background:#111;border:1px solid #333;color:#fff;font-size:16px;font-weight:700;font-family:inherit;padding:.4rem .5rem;text-align:center;font-variant-numeric:tabular-nums}.bpm-number.svelte-t2e1k9:focus{outline:none;border-color:#555}.note-grid.svelte-t2e1k9{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.note-btn.svelte-t2e1k9{padding:.6rem 0;background:#111;border:1px solid #333;color:#888;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;text-align:center;transition:all .1s ease}.note-btn.svelte-t2e1k9:hover{background:#222;color:#fff}.note-btn.sharp.svelte-t2e1k9{color:#555}.note-btn.selected.svelte-t2e1k9{background:#111;color:#fff;border-color:#00bfff;box-shadow:0 0 8px #00bfff66}.guess-actions.svelte-t2e1k9{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.result-state.svelte-t2e1k9{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.result-score.svelte-t2e1k9{display:flex;align-items:baseline;gap:.4rem}.result-total.svelte-t2e1k9{font-size:36px;font-weight:700;color:#fff}.result-max.svelte-t2e1k9{font-size:14px;color:#555}.result-details.svelte-t2e1k9{width:100%;display:flex;flex-direction:column;gap:.75rem}.result-row.svelte-t2e1k9{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#111;border:1px solid #222}.result-label.svelte-t2e1k9{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#555;min-width:50px}.result-answer.svelte-t2e1k9{flex:1;font-size:14px;font-weight:700;color:#fff;text-align:center}.result-guess.svelte-t2e1k9{font-size:11px;font-weight:400;color:#666}.result-points.svelte-t2e1k9{font-size:14px;font-weight:700;color:#4ade80;min-width:40px;text-align:right}.action-btn.svelte-t2e1k9{padding:.7rem 1.5rem;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-family:inherit;border:1px solid #333;cursor:pointer;transition:all .1s ease}.action-btn.primary.svelte-t2e1k9{background:#fff;color:#000;border-color:#fff}.action-btn.primary.svelte-t2e1k9:hover{background:#ddd}.action-btn.primary.svelte-t2e1k9:disabled{background:#333;color:#666;border-color:#333;cursor:not-allowed}.action-btn.secondary.svelte-t2e1k9{background:#111;color:#888}.action-btn.secondary.svelte-t2e1k9:hover{background:#222;color:#fff}@media(max-width:768px){.game-page.svelte-t2e1k9{padding:1.5rem 1rem}.game-card.svelte-t2e1k9{padding:1.5rem}.note-grid.svelte-t2e1k9{grid-template-columns:repeat(4,1fr)}.bar-counter.svelte-t2e1k9{font-size:18px}}