/* ==========================================================================
   Meteor cursor
   The `custom-cursor` class is added to <html> by js/cursor/index.js once
   it determines the environment supports it (non-touch); it is never set
   here. This literal class name must match CURSOR_CONFIG.cursorClass in
   js/cursor/config.js. Visual behavior lives entirely in JS — this file
   only hides the native pointer and positions the rendering surface.
   ========================================================================== */

html.custom-cursor,
html.custom-cursor body,
html.custom-cursor * {
  cursor: none !important;
}

#cursor-canvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* prefers-reduced-motion fallback: a small static glow, no animation */
#cursor-static-fallback {
  position: fixed;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.9) 0%,
    rgba(139, 92, 246, 0.55) 45%,
    rgba(139, 92, 246, 0) 75%
  );
  transition: opacity 200ms ease;
}
