.s08-machine{max-width:62rem}
#s08-carte{width:100%;height:auto;border:1px solid var(--ligne);border-radius:1rem;background:#0a101f}
.s08-colonnes{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:1rem}
.s08-nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}
.s08-nav>button,.s08-retourne{background:none;border:1px solid var(--or);color:var(--or);border-radius:999px;padding:.6rem 1.1rem;cursor:pointer;font:inherit;min-height:44px}
.s08-points{display:flex;gap:.4rem;flex-wrap:wrap}
.s08-points button{width:44px;height:44px;border-radius:50%;border:1px solid var(--ligne);background:none;color:var(--sable);cursor:pointer;font:inherit}
.s08-points button[aria-pressed="true"]{background:var(--or);color:#141310;font-weight:700}
.s08-preuve .s08-face{display:none}.s08-preuve.ouverte .s08-face{display:block}
figure{margin:0} figure img{width:100%;border-radius:1rem} figcaption{color:var(--sable);font-size:.92rem;margin-top:.5rem}
audio{width:min(38rem,100%)} details{border:1px solid var(--ligne);border-radius:1rem;padding:1rem 1.2rem;margin:1rem 0} summary{cursor:pointer;color:var(--blanc)}
@media (max-width:56rem){.s08-colonnes{grid-template-columns:1fr}}