/* Native cursor: no pointer-following element or animation loop. */
@media (any-pointer: fine) {
  html, body, body * {
    cursor: url('../assets/glove-cursor-v1.png') 12 5, auto !important;
  }
  body :is(a, button, [role='button'], [role='tab']) {
    cursor: url('../assets/glove-cursor-v1.png') 12 5, pointer !important;
  }

  /* Retain useful feedback for editing and unavailable controls. */
  body :is(input:not([type]), input[type='text'], input[type='email'], input[type='search'], input[type='url'], input[type='tel'], input[type='password'], input[type='number'], textarea, [contenteditable='true']) {
    cursor: text !important;
  }
  body :is(:disabled, [aria-disabled='true']) {
    cursor: not-allowed !important;
  }

  /* Page turns briefly disable these buttons; keep the glove throughout. */
  body .picture-book :is(button:disabled, button[aria-disabled='true']) {
    cursor: url('../assets/glove-cursor-v1.png') 12 5, auto !important;
  }
}