/* flower-morphs.css
 * Keyframes referenced by the Morph SVG components in flowers-compiled.js
 * (extracted from flower-animations.css).
 */

/* Subtle growth pulse (swell prop) — Plant component scales 1 → 1.06 → 1 */
@keyframes flower-swell {
  0%, 100% { transform: scale(1); }
  40%      { transform: scale(1.06); }
}

/* ── Bloom celebration overlays (stage 10) ─────────────────────────── */
@keyframes bloomfx-halo {
  0%, 100% { opacity: 0.85; transform: scale(1); }
  50%      { opacity: 1;    transform: scale(1.06); }
}
@keyframes bloomfx-spin {
  to { transform: rotate(360deg); }
}
@keyframes bloomfx-sparkle {
  0%, 100% { opacity: 0; transform: scale(0.4); }
  40%      { opacity: 1; transform: scale(1.2); }
  60%      { opacity: 1; transform: scale(1); }
}
@keyframes bloomfx-petal-sway {
  0%, 100% { transform: translate(0, 0)    rotate(var(--rot, 0deg)); }
  50%      { transform: translate(-1px, -1px) rotate(calc(var(--rot, 0deg) + 5deg)); }
}