/* cursor.css — custom colorful cursor + trail
   Hides the native cursor and lets cursor.js paint a rainbow dot + trail
   on the dedicated #cursorCanvas overlay. */

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

#cursorCanvas {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 99999;
  display: block;
  background: transparent;
}

/* Fallback: if JS fails, restore a normal cursor so the app stays usable */
@media (hover: none) {
  html, body, * { cursor: auto !important; }
  #cursorCanvas { display: none; }
}