/* Give the ivory star a dark edge so it remains visible over light artwork. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  body .star-cursor svg,
  body .star-cursor.is-interactive svg {
    filter:drop-shadow(1px 0 #130304) drop-shadow(-1px 0 #130304)
      drop-shadow(0 1px #130304) drop-shadow(0 -1px #130304)
      drop-shadow(0 0 5px rgba(19,3,4,.72));
  }

  /* Modal dialogs render above the page in the browser's top layer, so the
     page-mounted decorative star cannot appear there. Restore the native
     pointer whenever a dialog is open, including over its backdrop. */
  html.has-star-cursor body.dialog-open,
  html.has-star-cursor body.dialog-open * {cursor:auto!important}
  html.has-star-cursor body.dialog-open :is(a,button,[role="button"],summary) {cursor:pointer!important}
  html.has-star-cursor body.dialog-open input[type="range"] {cursor:ew-resize!important}
  html.has-star-cursor body.dialog-open dialog::backdrop {cursor:auto!important}
  body.dialog-open .star-cursor {opacity:0!important}
}