@media (max-height: 560px) and (orientation: landscape) {
  h1 {
    font-size: 1.3rem;
    margin-bottom: 8px;
  }
  .page {
    padding: 10px 20px;
  }
  .button {
    padding: 0.55rem 1.4rem;
    margin: 5px 0;
    font-size: 0.88rem;
  }
  .credits-container {
    bottom: 6px;
    font-size: 0.72rem;
  }
  .board {
    width: min(78vh, 78vw);
  }
  .game-inner {
    padding: 6px 12px;
  }
  .info {
    margin: 6px 0 2px;
    font-size: 0.9rem;
  }
}

@media (max-width: 360px) {
  h1 {
    font-size: 1.5rem;
    margin-bottom: 14px;
  }
  .button {
    font-size: 0.88rem;
    padding: 0.75rem 1.4rem;
  }
}

@media (min-width: 600px) {
  h1 {
    font-size: clamp(2rem, 4vw, 3rem);
  }
  .button {
    width: auto;
    min-width: 260px;
  }
  .board {
    width: min(80vmin, 520px);
  }
}