.genie-particle {
  position: fixed;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,255,200,0.8) 0%, rgba(0,255,200,0) 80%);
  pointer-events: none;
  transform: translate(-50%, -50%) scale(1);
  animation: genie-fade 1s ease-out forwards;
  z-index: 9999;
}

@keyframes genie-fade {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    filter: blur(2px);
  }
  50% {
    opacity: 0.6;
    transform: translate(-50%, -50%) scale(1.5);
    filter: blur(6px);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(2);
    filter: blur(10px);
  }
}