/* Shared six-button utility row on Initialize and Reinitialize screens. */
.home-utility-row {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.home-utility-row .util-btn {
  min-width: 0;
  min-height: 44px;
  text-decoration: none;
}
.home-utility-row .util-btn:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
#modal.reinitialize-state #menuMusicToggle {
  border-color: var(--game-over-red);
  background: rgba(205, 0, 36, 0.2);
  text-shadow: 0 0 5px var(--game-over-red);
}
#modal.reinitialize-state #menuMusicToggle svg {
  filter: drop-shadow(0 0 5px var(--game-over-red));
}
#modal.reinitialize-state #menuMusicToggle:hover {
  background: var(--game-over-red);
  box-shadow: 0 0 20px var(--game-over-red);
}
@media (max-width: 600px) {
  .home-utility-row { gap: 6px; }
}
@media (max-width: 400px) {
  .home-utility-row { gap: 2px; }
}
/* Small phones retain comfortable touch targets rather than squeezing six across. */
@media (max-width: 374px) {
  .home-utility-row,
  #modal.game-over-state .home-utility-row { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
}