/* Cópia de tools/cursores/cursores.css feita pelo tools/gerar-cursores.sh: não edite aqui, mude lá e rode o script. */
/* Cursores grandes (40 px; o desenho é em 48, nos SVGs), pretos com contorno branco: os mesmos na página inicial e em todos os jogos.
   Os números depois da imagem são o ponto que clica (ponta da seta, do dedo, do lápis; meio da mão), em px dos
   40 px. Mudou o tamanho no gerar-cursores.sh? Mude estes números na mesma proporção.
   A palavra no fim é o cursor de sempre, se a imagem não carregar.
   Nos style.css, use as variáveis no lugar das palavras: pointer → var(--c-dedo), grab → var(--c-mao),
   grabbing → var(--c-agarra), text → var(--c-lapis), default → var(--c-seta).
   Este arquivo fica ao lado do style.css de cada um: o url() dentro das variáveis depende disso. */
:root {
  --c-seta: -webkit-image-set(url(cursores/seta.png) 1x, url(cursores/seta-2x.png) 2x) 4 3, auto;
  --c-dedo: -webkit-image-set(url(cursores/dedo.png) 1x, url(cursores/dedo-2x.png) 2x) 14 3, pointer;
  --c-mao: -webkit-image-set(url(cursores/mao.png) 1x, url(cursores/mao-2x.png) 2x) 20 20, grab;
  --c-agarra: -webkit-image-set(url(cursores/agarra.png) 1x, url(cursores/agarra-2x.png) 2x) 20 20, grabbing;
  --c-lapis: -webkit-image-set(url(cursores/lapis.png) 1x, url(cursores/lapis-2x.png) 2x) 3 37, text;
}

/* Regras gerais com :where() (especificidade zero): qualquer regra do jogo vence. */
html { cursor: var(--c-seta); }
:where(a[href], button, summary, label[for], select,
  input[type="range"], input[type="checkbox"], input[type="radio"]) { cursor: var(--c-dedo); }
:where(textarea, input[type="text"], input:not([type])) { cursor: var(--c-lapis); }
:where(button:disabled) { cursor: var(--c-seta); }

/* Enquanto arrasta (o JS põe a classe no <html>): a mão fechada não pisca ao passar por cima de outra coisa. */
.arrastando, .arrastando * { cursor: var(--c-agarra) !important; }