/* ==========================================================================
   Cursor Effects — Sparkle Trail & Click Burst
   ========================================================================== */

/* Sparkle particle (trail + burst) */
.cursor-sparkle {
  position: fixed;
  pointer-events: none;
  z-index: 99999;
  font-style: normal;
  line-height: 1;
  transform-origin: center center;
  text-shadow: 0 0 6px currentColor;
  will-change: transform, opacity;
}

/* Click central flash */
.cursor-click-flash {
  position: fixed;
  pointer-events: none;
  z-index: 99999;
  font-size: 20px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.9);
  text-shadow:
    0 0 12px rgba(232, 123, 197, 0.8),
    0 0 24px rgba(200, 160, 230, 0.5);
  transform: translate(-50%, -50%);
  will-change: transform, opacity;
}

/* Click expanding ring */
.cursor-click-ring {
  position: fixed;
  pointer-events: none;
  z-index: 99998;
  border: 1.5px solid rgba(232, 123, 197, 0.5);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 8px rgba(200, 160, 230, 0.3);
  will-change: transform, opacity;
}