#sude-fluid-cursor {
  position: fixed;
  inset: 0;
  z-index: 999998;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body.sude-custom-cursor-active,
  body.sude-custom-cursor-active * { cursor: none !important; }
  body.sude-custom-cursor-active .pxl-cursor { display: none !important; }
}

#sude-mouse-dot {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  mix-blend-mode: difference;
  pointer-events: none;
  transform: translate(-20px, -20px);
}

@media (prefers-reduced-motion: reduce) {
  #sude-fluid-cursor { display: none; }
  #sude-mouse-dot { display: none; }
}