/* ============================================
   R.I.T.H.M - Scale Reading Game Styles
   Game-specific overrides on top of game-common.css
   ============================================ */

/* Staff display overflow handling for wide scale SVGs */
.staff-display { max-width: 100%; overflow-x: auto; }

/* Audio section compact layout */
.audio-section { display: flex; justify-content: center; margin-bottom: 0.25rem; }
.play-btn-sm { padding: 0.35rem 1rem; font-size: 0.85rem; }

/* ── Responsive ──────────────────────── */

@media (max-width: 576px) {
  .staff-display { padding: 0.25rem 0.5rem; }
}