/* the site's mouse — an ink dot that opens into a ring over anything
   pressable. two data-URI SVGs, zero requests. hover+fine only, so touch
   devices never load cursor logic; text entry keeps its native I-beam;
   and the zero-g grab/grabbing rules (.sim .door, .sim .row, .sim .body)
   outrank everything here by specificity, untouched. */

@media (hover: hover) and (pointer: fine) {
  html {
    cursor: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%3E%3Ccircle%20cx='6'%20cy='6'%20r='4.5'%20fill='%23101010'/%3E%3C/svg%3E") 6 6, auto;
  }

  a,
  button,
  [role="button"],
  summary,
  label,
  .cell {
    cursor: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3E%3Ccircle%20cx='12'%20cy='12'%20r='8.5'%20fill='none'%20stroke='%23101010'%20stroke-width='1.5'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='3'%20fill='%23101010'/%3E%3C/svg%3E") 12 12, pointer;
  }

  /* the dot inherits into fields otherwise — auto restores the I-beam */
  input,
  textarea {
    cursor: auto;
  }
}