/* Keep every HUD control reachable on narrow phones, including touch devices. */
@media (max-width: 380px) {
  .hud-top {
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 4px;
  }

  .hud-wave {
    min-width: 76px;
    padding-inline: 4px;
  }

  .hud-feathers {
    min-width: 42px;
    padding-inline: 4px;
  }

  .hud-right {
    gap: 4px;
  }
}