@keyframes float {
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-30px) rotate(5deg); }
}

@keyframes wobble {
  0%, 100% { transform: rotate(-1deg); }
  50% { transform: rotate(1deg); }
}

@keyframes floatToy {
  0%, 100% { transform: translateY(0) rotate(-5deg); }
  50% { transform: translateY(-18px) rotate(5deg); }
}

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-float      { animation: float 8s ease-in-out infinite; }
.animate-float-rev  { animation: float 10s ease-in-out infinite reverse; }
.animate-float-slow { animation: float 12s ease-in-out infinite 2s; }
.animate-wobble     { animation: wobble 3s ease-in-out infinite 1s backwards; }
.animate-fade-up    { animation: fadeUp 0.7s ease both; }
.animate-fade-up-1  { animation: fadeUp 0.7s ease 0.1s both; }
.animate-fade-up-2  { animation: fadeUp 0.7s ease 0.2s both; }
.animate-fade-up-3  { animation: fadeUp 0.7s ease 0.3s both; }
.animate-fade-up-4  { animation: fadeUp 0.7s ease 0.4s both; }
.animate-fade-up-5  { animation: fadeUp 0.8s ease 0.5s both; }

.float-toy { animation: floatToy 5s ease-in-out infinite backwards; }
.float-toy:nth-child(1) { animation-delay: 0s; }
.float-toy:nth-child(2) { animation-delay: 1.5s; }
.float-toy:nth-child(3) { animation-delay: 0.8s; }
.float-toy:nth-child(4) { animation-delay: 2.2s; }