.o-zone-morte { display: grid; gap: 12px; margin-block: 18px; }
.zm__invite { margin: 0; font-weight: 750; }
.zm__invite[hidden] { display: none; }
.zm__sticks { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.zm__sticks figure { margin: 0; }
.zm__sticks canvas { display: block; inline-size: 100%; aspect-ratio: 1; border-radius: 12px; outline: 2px solid var(--trait); outline-offset: -2px; }
.zm__sticks figcaption { display: flex; justify-content: space-between; gap: 6px; margin-block-start: 4px; font-size: .9rem; color: var(--gris); }
.zm__sticks output { color: var(--papier); font-weight: 750; }
.zm__gachettes { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.zm__gachettes > div { display: flex; align-items: center; gap: 8px; }
.zm__gachettes span { font-weight: 750; }
.zm__gachettes .mesure { flex: 1; }
.zm__boutons { display: flex; flex-wrap: wrap; gap: 4px; direction: ltr; }
.zm__boutons i { inline-size: 18px; block-size: 18px; border-radius: 4px; background: var(--gravier); }
.zm__boutons i[data-actif] { background: var(--orange); }
.zm__test { display: grid; gap: 10px; }
.zm__test h2 { margin: 0; font-size: clamp(1.6rem, 5vw, 2.1rem); }
.zm__test p { margin: 0; }
.zm__fleche { font-family: "Sofia XC", sans-serif; font-weight: 900; font-size: 3rem; line-height: 1; color: var(--orange); }
.zm__courbe { display: grid; gap: 10px; }
.zm__courbe h2 { margin: 0; font-size: clamp(1.6rem, 5vw, 2.1rem); }
.zm__courbe p { margin: 0; }
.zm__courbe canvas { display: block; inline-size: 100%; aspect-ratio: 2; border-radius: 10px; }
.zm__courbe .ent-verif { justify-self: start; }
.zm__courbe .champ { margin: 0; }