/* Wordle — mobile layout additions */

@media (max-width: 768px) {
  .mode-btn,
  .key,
  .modal-btn {
    min-height: 44px;
    min-width: 44px;
  }
}

@media (max-width: 480px) {
  .game-container {
    padding: 6px;
    gap: 4px;
  }

  .wordle-header h1 {
    font-size: 1.3rem;
  }

  #game-board {
    max-width: 280px;
    gap: 4px;
  }

  .tile {
    font-size: 1.4rem;
  }

  .keyboard-row {
    gap: 3px;
  }

  .key {
    min-width: 26px;
    height: 44px;
    font-size: 0.75rem;
    max-width: 36px;
    padding: 0 4px;
  }

  .key.wide {
    max-width: 52px;
  }
}