.bgm-toggle {
  min-height: 44px;
  padding: 9px 14px;
  border-radius: 11px;
  border: 1px solid var(--line, rgba(227,198,111,.28));
  background: linear-gradient(#314f3e, #1b3025);
  color: var(--gold2, #fff0aa);
  font-weight: 850;
  white-space: nowrap;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}
.bgm-toggle:hover,
.bgm-toggle:focus-visible {
  border-color: var(--gold, #e3c66f);
  outline: none;
}
.bgm-toggle.is-off {
  color: var(--muted, #aebbb1);
  background: #18281f;
  opacity: .9;
}
.menu-footer .bgm-toggle {
  min-width: 132px;
}
.setup-actions.bgm-ready {
  grid-template-columns: 1fr 1fr 1.6fr;
}
.actions.bgm-ready {
  grid-template-columns: minmax(130px, 1.4fr) repeat(3, minmax(90px, 1fr));
}
@media (max-width: 760px) {
  .setup-actions.bgm-ready {
    grid-template-columns: .9fr .9fr 1.35fr;
  }
  .actions.bgm-ready {
    grid-template-columns: 1.15fr .82fr .82fr .92fr;
  }
  .bgm-toggle {
    min-width: 0;
    padding-inline: 6px;
    font-size: 12px;
  }
}
@media (max-width: 390px) {
  .actions.bgm-ready {
    gap: 5px;
  }
  .actions.bgm-ready button,
  .setup-actions.bgm-ready button {
    font-size: 11px;
  }
}