.flashcard-stage {
  height: 100dvh;
  min-height: 100dvh;
  overflow: auto;
}

.flashcard-play-card {
  min-height: 0;
}

.flashcard-stage-top,
.flashcard-stage-controls {
  position: relative;
  z-index: 3;
}

@media (orientation: landscape) and (max-height: 650px) {
  .flashcard-stage {
    gap: .6rem;
    padding: .7rem 1rem;
  }

  .flashcard-rotate-note {
    display: none;
  }

  .flashcard-play-card {
    min-height: 0;
    padding: 1rem 1.35rem;
    gap: .6rem;
  }

  .flashcard-play-card strong {
    font-size: clamp(1.25rem, 3vw, 2rem);
  }

  .flashcard-play-card p,
  .flashcard-definition {
    font-size: clamp(.98rem, 2vw, 1.2rem);
  }

  .flashcard-stage-controls {
    gap: .6rem;
  }

  .flashcard-stage-controls button {
    min-height: 2.7rem;
  }
}