/* Native bitmap cursors have no JS movement/render loop. Hotspots identify the
   arrow tip and raised fingertip. Editable and disabled controls stay native. */
@media(hover:hover) and (pointer:fine){
 html{--arcade-arrow:url('/assets/cursors/arrow-dark.png') 3 2,auto;--arcade-hand:url('/assets/cursors/hand-dark.png') 12 3,pointer}
 :root[data-theme=light]{--arcade-arrow:url('/assets/cursors/arrow-light.png') 3 2,auto;--arcade-hand:url('/assets/cursors/hand-light.png') 12 3,pointer}
 html,body{cursor:var(--arcade-arrow)}
 a,button,[role=button],label{cursor:var(--arcade-hand)}
 input,textarea,[contenteditable=true]{cursor:text}
 select{cursor:var(--arcade-hand)}
 button:disabled,[aria-disabled=true]{cursor:not-allowed}
}
@media(forced-colors:active){html,body{cursor:auto}a,button,[role=button],label,select{cursor:pointer}input,textarea,[contenteditable=true]{cursor:text}button:disabled{cursor:not-allowed}}