.game-hud strong {
  white-space: nowrap;
  font-size: 1.15rem;
}

@media (max-width: 390px) {
  .game-hud {
    gap: 8px;
  }

  .game-hud strong {
    font-size: .96rem;
  }

  .mini-resource {
    width: 29px;
    height: 34px;
  }
}

@media (max-width: 350px) {
  .game-hud {
    align-items: flex-start;
    flex-direction: column;
  }

  .resource-purse {
    align-self: flex-end;
    margin-top: -26px;
  }
}