.games-page {
  max-width: 68rem;
}

.game-board {
  padding: clamp(1rem, 4vw, 2.25rem);
}

.game-prompt {
  padding: clamp(1rem, 3vw, 1.5rem);
  background: var(--wordy-surface-subtle);
  border-left: 4px solid var(--wordy-brand);
  border-radius: 0 var(--wordy-radius-md) var(--wordy-radius-md) 0;
}

.game-prompt__label {
  color: var(--wordy-brand);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.game-prompt__text {
  margin-top: 0.35rem;
  color: var(--wordy-ink);
  font-size: clamp(1rem, 2.4vw, 1.25rem);
  line-height: 1.55;
}

.game-letter-boxes {
  min-height: 4rem;
  margin-block: clamp(1.5rem, 4vw, 2.5rem);
}

.game-action-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.625rem;
}

.game-action-buttons .btn {
  min-width: 7.5rem;
}

.game-keyboard {
  max-width: 52rem;
  margin: 1.5rem auto 0;
}

@media (max-width: 575.98px) {
  .game-action-buttons .btn {
    min-width: 0;
    flex: 1 1 calc(50% - 0.625rem);
    padding-inline: 0.5rem;
    font-size: 0.875rem;
  }
}