/* ── Letter Match Animals — Game-specific styles ── */

/* Two-panel layout — flex children inside .game-body */
.round-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(10px, 2.5dvmin, 20px);
}

/* Letter panel: fixed size, doesn't grow */
.round-panel--letter {
  flex: 0 0 auto;
}

/* Options panel: expands to fill remaining space,
   wraps below letter in portrait, sits beside in landscape */
.round-panel--options {
  flex: 1 0 min(280px, 85dvw);
  max-width: 480px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(10px, 2.5dvmin, 20px);
}

/* Letter entrance animation — uses framework .anim-appear class added in JS */

/* Correct card glow */
.option-card--correct {
  box-shadow: 0 0 0 6px #00C896, 0 4px 20px rgba(0,200,150,0.4) !important;
}

.option-card--wrong {
  box-shadow: 0 0 0 6px #FFB400, 0 4px 20px rgba(255,180,0,0.3) !important;
}