/* ============================================================
   CUSTOM POINTER CURSOR
   ============================================================ */
#cursor-pointer {
  position: fixed;
  left: 0; top: 0;
  width: 24px; height: 24px;
  pointer-events: none;
  z-index: 100000;
  transform: translate(-3px,-2px);
  will-change: transform;
  filter: drop-shadow(0 3px 10px rgba(0,0,0,0.28));
}
#cursor-pointer svg { width: 100%; height: 100%; display: block; }
#cursor-pointer path {
  fill: rgba(255,255,255,0.95);
  stroke: rgba(0,0,0,0.9);
  stroke-width: 1.5;
}
body.cursor-hover #cursor-pointer { transform: translate(-3px,-2px) scale(1.08); }
body.cursor-click #cursor-pointer { transform: translate(-3px,-2px) scale(0.92); }
#ripple-canvas {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 99990;
  opacity: 0.42;
}