.cursor-pixel {
  position: fixed;
  pointer-events: none;
  z-index: var(--z-cursor);
  image-rendering: pixelated;
  animation: pixelFade 500ms ease-out forwards;
  transform: translate(-50%, -50%);
}

@keyframes pixelFade {
  0%   { opacity: 1;   transform: translate(-50%, -50%) scale(1); }
  60%  { opacity: 0.6; transform: translate(-50%, -50%) scale(0.7); }
  100% { opacity: 0;   transform: translate(-50%, -50%) scale(0.2); }
}