.anim{background:var(--fond);color:var(--texte);font-family:var(--police);margin:0;padding:16px 16px 28px;font-size:16px;line-height:1.45}.anim .wrap{flex-direction:column;gap:14px;max-width:1100px;margin:0 auto;display:flex}.anim h1{color:var(--bleu-900);text-wrap:balance;margin:0;font-size:clamp(1.4rem,5vw,1.9rem);line-height:1.15}.anim .ex{color:var(--texte-doux);margin:4px 0 0;font-size:1rem}.anim .note{color:var(--texte-doux);border-left:3px solid var(--or-600);margin:6px 0 0;padding-left:8px;font-size:1rem}.anim .note[hidden]{display:none}.anim .stage{background:var(--fond-carte);border:1px solid var(--bordure);border-radius:14px;margin:0;overflow:hidden}.anim .stage svg{width:100%;height:auto;max-height:66vh;display:block}.anim .geste{border-top:1px solid var(--bordure);background:var(--bleu-100);color:var(--bleu-900);align-items:center;min-height:3.2em;margin:0;padding:10px 14px;font-weight:600;display:flex}.anim .etapes{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.anim .etape{text-align:left;width:100%;font:inherit;color:var(--texte);background:var(--fond-carte);border:1px solid var(--bordure);cursor:pointer;border-radius:10px;min-height:44px;padding:10px 12px;display:block}.anim .etape .nom{align-items:flex-start;gap:10px;font-weight:600;display:flex}.anim .etape .nom b{background:var(--bleu-100);width:26px;height:26px;color:var(--bleu-900);border-radius:50%;flex:none;place-items:center;font-size:.9rem;display:inline-grid}.anim .etape .txt{color:var(--texte-doux);margin:6px 0 0 36px;font-weight:400;display:none}.anim .etape.on{background:var(--or-100);border-color:var(--or-600)}.anim .etape.on .nom b{background:var(--or-600);color:#fff}.anim .etape.on .txt{display:block}.anim .cmd{flex-direction:column;gap:10px;display:flex}.anim .row{flex-wrap:wrap;gap:8px;display:flex}.anim .btn{font:inherit;border:1px solid var(--bleu-500);background:var(--fond-carte);min-height:44px;color:var(--bleu-700);cursor:pointer;border-radius:999px;flex:auto;padding:8px 16px;font-weight:600}.anim .btn.main{background:var(--bleu-700);border-color:var(--bleu-700);color:#fff;min-width:8.5rem}.anim .btn:disabled{opacity:.45;cursor:default}.anim .row2{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.anim .boucle{cursor:pointer;align-items:center;gap:8px;min-height:44px;display:flex}.anim .boucle input{width:22px;height:22px;accent-color:var(--bleu-700)}.anim #seek{min-height:44px;accent-color:var(--bleu-700);flex:180px}.anim .btn:focus-visible,.anim .etape:focus-visible,.anim #seek:focus-visible,.anim .boucle input:focus-visible{outline:3px solid var(--or-600);outline-offset:2px}.anim .corps{grid-template-columns:minmax(0,1fr);align-items:start;gap:14px;display:grid}.anim .barre{flex-wrap:nowrap;gap:8px;display:flex}.anim .barre .btn{white-space:nowrap;flex:1 1 0;min-width:0;padding:8px}.anim .barre .btn.main{flex:1.25 1 0;min-width:0}@media (width>=900px){.anim .corps{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:14px 18px}.anim .corps .stage{grid-area:1/1/span 3}.anim .corps .barre{grid-area:1/2}.anim .corps .cmd{grid-area:2/2}.anim .corps .etapes{grid-area:3/2}.anim .stage svg{max-height:78vh}}@media (width<=899px){.anim .wrap{max-width:720px}.anim .corps .stage{grid-row:1}.anim .corps .barre{z-index:2;background:var(--fond);border-top:1px solid var(--bordure);grid-row:2;padding:8px 0 10px;position:sticky;bottom:0}.anim .corps .cmd{grid-row:3}.anim .corps .etapes{grid-row:4}.anim .stage svg{max-height:54vh}}.anim,.anim *,.anim :before,.anim :after{box-sizing:border-box}.retour.svelte-1vae2e1{color:var(--bleu-500)}