.bone-sparkle {
  position: absolute;
  pointer-events: none;
  width: 26px;
  height: 18px;
  color: #ffd700;
  opacity: 1;
  /* Changed timing function to linear and shortened time for a better feel */
  animation: fallAndFade 12s linear forwards; 
}

@keyframes fallAndFade {
  0% {
    transform: translate(0, 0) rotate(0deg) scale(0.5);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  100% {
    /* The transform now incorporates horizontal drift for a swaying effect */
    transform: translate(calc(var(--dx) * 2), 100vh) rotate(var(--rot)) scale(1.2);
    opacity: 0;
  }
}