@media (min-width: 700px) {
  .landing-forms {
    flex-direction: row;
  }

  .landing-form {
    flex: 1;
  }

  .card {
    --card-w: 88px;
  }

  .discard-pile .card {
    --card-w: 104px;
  }

  .table-area {
    padding: 1.5rem 2rem;
  }
}

@media (min-width: 1000px) {
  .game-grid {
    max-width: 1100px;
    margin: 0 auto;
  }
}

@media (max-width: 420px) {
  .card {
    --card-w: 62px;
  }

  .discard-pile .card {
    --card-w: 72px;
  }
}