/* === BUNNY CHARACTER ANIMATIONS === */

.bunny-svg {
  transition: transform 0.3s ease;
}

/* Idle: gentle breathing */
.bunny-idle .bunny-body {
  animation: breathe 3s ease-in-out infinite;
}

.bunny-idle .bunny-ear-left {
  animation: earTwitchLeft 5s ease-in-out infinite;
}

.bunny-idle .bunny-ear-right {
  animation: earTwitchRight 7s ease-in-out infinite;
}

@keyframes breathe {
  0%, 100% { transform: scaleY(1); }
  50% { transform: scaleY(1.03) translateY(-1px); }
}

@keyframes earTwitchLeft {
  0%, 85%, 100% { transform: rotate(0deg); }
  88% { transform: rotate(-8deg); }
  91% { transform: rotate(0deg); }
  94% { transform: rotate(-5deg); }
}

@keyframes earTwitchRight {
  0%, 80%, 100% { transform: rotate(0deg); }
  83% { transform: rotate(8deg); }
  86% { transform: rotate(0deg); }
}

/* Asking: slight head bob */
.bunny-asking .bunny-head {
  animation: headBob 0.6s ease-in-out 2;
}

.bunny-asking .bunny-mouth {
  animation: mouthOpen 0.4s ease-in-out 3;
}

@keyframes headBob {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

@keyframes mouthOpen {
  0%, 100% { d: path("M66 90 Q70 94 74 90"); }
  50% { d: path("M64 90 Q70 97 76 90"); }
}

/* Happy: jump + sparkle */
.bunny-happy {
  animation: bunnyJump 0.6s ease-out;
}

@keyframes bunnyJump {
  0% { transform: translateY(0) scale(1); }
  30% { transform: translateY(-25px) scale(1.05); }
  50% { transform: translateY(-20px) scale(1.02); }
  70% { transform: translateY(5px) scale(0.98); }
  100% { transform: translateY(0) scale(1); }
}

.bunny-happy .bunny-cheek-left,
.bunny-happy .bunny-cheek-right {
  animation: cheekPuff 0.5s ease-out;
}

@keyframes cheekPuff {
  0%, 100% { r: 8; opacity: 0.3; }
  50% { r: 11; opacity: 0.5; }
}

/* Encourage: gentle head shake */
.bunny-encourage {
  animation: headShake 0.5s ease-in-out;
}

@keyframes headShake {
  0%, 100% { transform: rotate(0deg); }
  20% { transform: rotate(-5deg); }
  40% { transform: rotate(5deg); }
  60% { transform: rotate(-3deg); }
  80% { transform: rotate(3deg); }
}

.bunny-encourage .bunny-ear-left {
  animation: earDroop 1s ease-out;
}

@keyframes earDroop {
  0%, 100% { transform: rotate(0deg); }
  30%, 70% { transform: rotate(-15deg); }
}

/* Wave: arm wave for splash screen */
.bunny-wave .bunny-arm-right {
  animation: armWave 1s ease-in-out infinite;
  transform-origin: 88px 115px;
}

@keyframes armWave {
  0%, 100% { transform: rotate(20deg); }
  50% { transform: rotate(-30deg); }
}

.bunny-wave .bunny-body {
  animation: breathe 3s ease-in-out infinite;
}