/* ============================================================================
   Sales top-bar (mobile, PLAY mode).
   When the Accounts Hub "Family Pack" sales panel is open on a phone while the
   Play (games) tab is active, hide the score HUD (✓/✗/coins/%).

   The cat→logo swap is NOT done here — it reuses the app's OWN animation
   (toggling `.emoji-active` on #appLogoImage, the same swap used when leaving
   games; see sales-topbar.js), so there are no logo styles in this file.

   Driven by `body.mc-sales-open` (sales-topbar.js) + the app's own
   `body[data-active-tab="games"]` play-mode flag. Additive; base files
   untouched. Reverses when the panel closes.
   ============================================================================ */

@media (max-width: 768px) {
  /* Hide the score HUD. !important + higher specificity beats the inline
     `#scoreDisplay.visible { display:flex !important }` in index.html
     (and updateUI() re-adds .visible every render, so CSS is the lever). */
  body.mc-sales-open[data-active-tab="games"] #scoreDisplay {
    display: none !important;
  }
}