/* THE MAP OF MUSIC — global mobile & touch polish.
   Loaded on every page. Conservative, class-agnostic rules only. */

/* Kill the grey tap flash and the 300ms double-tap delay on all controls. */
* { -webkit-tap-highlight-color: transparent; }
button, a, [role="button"], .keyb, .ans, .instpick button, .shapechips button,
.pf-chips button, .keychips button, .do-ctrls button, .chord, .shape, .cc, .dot, .fret-note, .gfret, .song { touch-action: manipulation; }

/* Prevent the whole page from rubber-banding sideways on phones
   (fretboards keep their own inner horizontal scroll). */
html { -webkit-text-size-adjust: 100%; }

/* Paywall: keep it readable and fully usable on small / short screens. */
@media (max-width: 560px){
  #mom-paywall { padding: 16px !important; align-items: flex-start !important; }
  #mom-paywall .mp-card { max-height: 94vh; overflow-y: auto; padding: 26px 20px !important; margin-top: 8px; }
}

/* General muted note used under the paywall CTA (promo-code hint). */
#mom-paywall .mp-code { font-size: 12.5px; color: #726c60; margin-top: 12px; }
#mom-paywall .mp-code b { color: #181712; }

/* Fixed helpers shouldn't pile on top of each other on phones. */
@media (max-width: 560px){
  #mom-audioprimer { bottom: 76px !important; max-width: 92vw; }
}
@media (max-width: 400px){
  #mom-prog { right: 10px; bottom: 10px; padding: 6px 12px 6px 6px; }
  #mom-prog .tx span { display: none; }         /* pill: drop the subtext, keep the ring + count */
}

/* Comfortable minimum tap targets on the smallest screens. */
@media (max-width: 480px){
  .lang button { padding: 8px 12px; }
  .shapechips button, .pf-chips button, .keychips button { min-height: 38px; }
}