/* A real cursor, with its click point on the graphite tip. Touch stays native. */
.pencil-scribble {
  position: fixed;
  inset: 0;
  z-index: 20;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse) {
  .pencil-scribble { display: none; }
}

@media (hover: hover) and (pointer: fine) {
  body {
    --pencil-cursor: url('/assets/pencil-cursor.png') 3 44;
    cursor: var(--pencil-cursor), auto;
  }

  a,
  button:not(:disabled),
  summary,
  label[for],
  select,
  input[type='checkbox'],
  input[type='radio'],
  .hero-art-frame[role='button'] {
    cursor: var(--pencil-cursor), pointer;
  }

  input:not([type='checkbox']):not([type='radio']):not([type='file']),
  textarea,
  [contenteditable='true'] {
    cursor: text;
  }

  :disabled,
  [aria-disabled='true'] {
    cursor: not-allowed;
  }
}