/* Réserver l’image avant son décodage et séparer le centrage des animations. */
.compass-rose{display:grid;place-items:center}
.compass-rose .compass-art{position:relative;top:auto;left:auto;margin:0;aspect-ratio:1 / 1;transform:rotate(-2.8deg);translate:none;rotate:none;animation:none}
.compass-rose .compass-art img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain}
.compass-strip.is-visible .compass-art{animation:none}
/* L’apparition ne doit pas remplacer les translations qui placent les repères. */
.compass-strip.is-visible .compass-points li{animation-name:compass-stable-appear}
@keyframes compass-stable-appear{from{opacity:0}to{opacity:1}}
@media(max-width:720px){
 .compass-rose{place-items:initial}
 .compass-rose .compass-art{margin:.8rem auto 2.6rem}
 .compass-rose .compass-points{width:100%}
}
@media(prefers-reduced-motion:reduce){.compass-strip.is-visible .compass-points li{animation:none}}