.tap-effects {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 2147483647;
  isolation: isolate;
}
.tap-petal {
  position: absolute;
  display: block;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  mix-blend-mode: screen;
  filter: drop-shadow(0 0 4px #c2c6ff90);
  transform-origin: center;
  will-change: transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .tap-petal { filter: none; }
}