.tap-highlight-pulse {
  position: fixed;
  z-index: 2147483647;
  width: 46px;
  height: 46px;
  border: 3px solid #f472b6;
  border-radius: 50%;
  background: radial-gradient(circle, #fde04799 0%, #e879f955 45%, #22d3ee22 70%);
  box-shadow: 0 0 0 5px #22d3ee66, 0 0 20px #e879f988;
  pointer-events: none;
  user-select: none;
  animation: tap-highlight-pulse 600ms ease-out forwards;
}

@keyframes tap-highlight-pulse {
  from { opacity: 1; transform: translate(-50%, -50%) scale(0.35); }
  to { opacity: 0; transform: translate(-50%, -50%) scale(1.5); }
}

@media (prefers-reduced-motion: reduce) {
  .tap-highlight-pulse { animation-name: tap-highlight-fade; }
}

@keyframes tap-highlight-fade {
  from { opacity: 0.8; transform: translate(-50%, -50%); }
  to { opacity: 0; transform: translate(-50%, -50%); }
}