/* Native desktop cursors: no mouse-following element or animation loop. */
:root {
  --cursor-default: url("assets/ui/cursors/moon-arrow.png") 3 3, default;
  --cursor-action: url("assets/ui/cursors/moon-paw.png") 12 3, pointer;
  --cursor-target: url("assets/ui/cursors/moon-target.png") 16 16, crosshair;
}

html, body { cursor: var(--cursor-default); }
button, a[href], summary, select, label[for], [role="button"],
input[type="button"], input[type="submit"], input[type="checkbox"],
input[type="radio"], input[type="range"] { cursor: var(--cursor-action); }

/* A legal combat target is more specific than a playable card. */
#screenGame .card.targetable,
#screenGame .hero-portrait.targetable { cursor: var(--cursor-target) !important; }

input:not([type]), input[type="text"], input[type="search"],
input[type="number"], input[type="email"], input[type="url"],
input[type="password"], textarea, [contenteditable="true"] { cursor: text; }
button:disabled, input:disabled, select:disabled, textarea:disabled,
[aria-disabled="true"] { cursor: not-allowed; }