.game-music-control {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}
.game-music-toggle {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  padding: 7px 12px;
  border: 1px solid currentColor;
  border-radius: 999px;
  background: #083e50;
  color: #f4fffb;
  font: 700 12px/1.15 system-ui, sans-serif;
  white-space: nowrap;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.game-music-toggle[data-music-state="on"] {
  border-color: #9df2d8;
  background: #0d5d62;
  color: #f2fff5;
}
.game-music-toggle[data-music-state="off"] {
  border-color: #a9bac3;
  background: #203d4d;
  color: #edf1f4;
}
.game-music-toggle:focus-visible {
  outline: 3px solid #ffdf8c;
  outline-offset: 3px;
}
.game-music-status {
  max-width: 220px;
  color: inherit;
  font-size: 12px;
  line-height: 1.35;
}
.game-music-status[hidden] { display: none; }
#reef-foraging .game-music-toggle,
#reef-rescue .game-music-toggle {
  background: #e8f8f2;
  color: #124854;
}
#reef-foraging .game-music-toggle[data-music-state="on"],
#reef-rescue .game-music-toggle[data-music-state="on"] {
  border-color: #246b61;
  background: #d0f4df;
  color: #12463e;
}
#reef-foraging .game-music-toggle[data-music-state="off"],
#reef-rescue .game-music-toggle[data-music-state="off"] {
  border-color: #879ba2;
  background: #edf0f1;
  color: #425960;
}
#play .game-toolbar,
#reef-foraging .reef-game-top,
#reef-rescue .rescue-top { flex-wrap: wrap; }
.top-actions .game-music-control { gap: 0; }
.top-actions .game-music-toggle { min-width: 72px; }
@media (max-width: 760px) {
  .game-music-control { gap: 5px; }
  .game-music-toggle { min-height: 42px; padding-inline: 9px; }
  .top-actions .game-music-toggle {
    width: 54px;
    min-width: 54px;
    padding-inline: 3px;
    font-size: 11px;
  }
  .top-actions .game-music-status { display: none; }
}