/* ============================================================
   FarmQuest — animations.css
   CSS transitions for DOM-based overlays (if used).
   Phaser panels use tween-based animation; these classes
   are available for any future HTML overlay layer.
   ============================================================ */

/* Fade-in panel */
@keyframes fqFadeIn {
  from { opacity: 0; transform: scale(0.95); }
  to   { opacity: 1; transform: scale(1); }
}

/* Slide up */
@keyframes fqSlideUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Pulse (used for claim-ready buttons via JS .classList) */
@keyframes fqPulse {
  0%, 100% { transform: scale(1); }
  50%       { transform: scale(1.06); }
}

.fq-panel-enter   { animation: fqFadeIn  0.18s ease forwards; }
.fq-slide-up      { animation: fqSlideUp 0.22s ease forwards; }
.fq-pulse         { animation: fqPulse   0.8s  ease infinite; }