/* ========== CRAWLING BABY ========== */
.crawling-baby {
  position: absolute;
  left: 4px;
  top: 300px;
  z-index: 50;
  pointer-events: none;
  transition: none;
  --wiggle-speed: 0.3s;
}
.baby-body {
  display: block;
  font-size: 1.8rem;
  transform: rotate(90deg);
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.1));
}

/* Crawling wiggle */
.crawling-baby.crawling .baby-body {
  animation: babyWiggle var(--wiggle-speed) ease-in-out infinite alternate;
}

/* Face upward when scrolling up */
.crawling-baby.facing-up .baby-body {
  transform: rotate(-90deg);
}
.crawling-baby.facing-up.crawling .baby-body {
  animation: babyWiggleUp var(--wiggle-speed) ease-in-out infinite alternate;
}

@keyframes babyWiggle {
  from { transform: rotate(85deg) translateY(-1px); }
  to { transform: rotate(95deg) translateY(1px); }
}

@keyframes babyWiggleUp {
  from { transform: rotate(-85deg) translateY(1px); }
  to { transform: rotate(-95deg) translateY(-1px); }
}

/* Smaller on mobile */
@media (max-width: 768px) {
  .crawling-baby { left: 2px; }
  .baby-body { font-size: 1.2rem; }
}