/* Curseur façon amaterasu.ai (13/11/2026). Interrupteur CURSEUR dans build.js. */
/* ---------- Curseur d'Amaterasu : point de 4 px + anneau fin de 44 px qui suit avec retard ---------- */
.curseur { position: fixed; left: 0; top: 0; z-index: 10000; pointer-events: none; opacity: 0; --curseur: #fff; transition: opacity .4s; }
.curseur.actif { opacity: 1; }
.curseur-point { position: fixed; left: -2px; top: -2px; width: 4px; height: 4px; border-radius: 50%; background: var(--curseur); transition: background .3s; }
.curseur-anneau { position: fixed; left: -22px; top: -22px; width: 44px; height: 44px; transition: width .5s cubic-bezier(.215, .61, .355, 1), height .5s cubic-bezier(.215, .61, .355, 1), left .5s cubic-bezier(.215, .61, .355, 1), top .5s cubic-bezier(.215, .61, .355, 1); }
.curseur-anneau svg { width: 100%; height: 100%; overflow: visible; fill: none; stroke: var(--curseur); stroke-width: 1; transition: stroke .3s; }
.curseur-anneau circle + circle { opacity: .2; }
.curseur.survol .curseur-anneau { left: -34px; top: -34px; width: 68px; height: 68px; }
html.curseur-ama, html.curseur-ama a, html.curseur-ama button, html.curseur-ama summary { cursor: none; }
.curseur.clair { --curseur: #1b2978; }
/* L'arc blanc de l'anneau dessine la progression dans la page, sur le fond d'un cercle à 20 % (comme Amaterasu). */
.curseur-anneau svg { transform: rotate(-90deg); }
.curseur-anneau circle:first-child { stroke-dasharray: 135.1; stroke-dashoffset: calc(135.1 * (1 - var(--progres, 0))); transition: stroke-dashoffset .3s linear; }