/* Copie légère de /assets/phare-fusee.css (commentaires retirés) — tools/prod-css-purge.mjs — source-sha1:5f0f58dc6f832552a891fd43b5a893718aa51662 — ne pas éditer, relancer l'outil. */
body.labo .mf-btxt{gap: 9px;}
body.labo .mf-next-btn{--w-charge-ms: 850ms;
    --w-vol: 200px;          
    overflow: clip;}
body.labo .mf-next-btn:hover .w-fleche{translate: 0 0;}
body.labo .mf-btxt{position: relative;}
body.labo .mf-btxt .roll{position: relative; z-index: 2;}
body.labo .w-fleche{position: relative; z-index: 1;}
@keyframes wTremble{
    0%   { translate: 0 0;           rotate: 0deg;  }
    14%  { translate: -0.4px -0.4px; rotate: -3deg; }
    28%  { translate: 0.6px 0.4px;   rotate: 3deg;  }
    42%  { translate: -0.8px -0.7px; rotate: -6deg; }
    56%  { translate: 1px 0.7px;     rotate: 6deg;  }
    70%  { translate: -1.1px -1px;   rotate: -9deg; }
    84%  { translate: 1.3px 1px;     rotate: 9deg;  }
    100% { translate: 1.6px 1.2px;   rotate: 11deg; }
}
body.labo .mf-next-btn.w-charge .w-fleche{animation: wTremble var(--w-charge-ms) linear forwards;}
@keyframes wEnvol{
    0%   { translate: 1.6px 1.2px;  rotate: 11deg; opacity: 1; }
    24%  { translate: -6px 0;       rotate: -9deg; opacity: 1; }
    88%  { translate: var(--w-vol); rotate: 0deg;  opacity: 1; }
    100% { translate: var(--w-vol); rotate: 0deg;  opacity: 0; }
}
body.labo .mf-next-btn.w-envol .w-fleche{animation: wEnvol 420ms cubic-bezier(0.45, 0, 0.75, 0.35) forwards;}
@keyframes wRetour{
    0%   { translate: calc(var(--w-vol) * -1); rotate: 0deg;  opacity: 0; }
    8%   { opacity: 1; }
    30%  { opacity: 0.55; }
    40%  { opacity: 0.2;  }
    46%  { translate: 14px -5px; rotate: 10deg; opacity: 0.45; }
    52%  { opacity: 1; }
    68%  { translate: -3px 0;    rotate: -6deg; opacity: 1; }
    84%  { translate: 3px -2px;  rotate: 4deg;  opacity: 1; }
    100% { translate: 0 0;       rotate: 0deg;  opacity: 1; }
}
body.labo .mf-next-btn.w-retour .w-fleche{animation: wRetour 820ms cubic-bezier(0.16, 1, 0.3, 1) forwards;}
@media (prefers-reduced-motion: reduce){
body.labo .mf-next-btn.w-charge .w-fleche,body.labo .mf-next-btn.w-envol .w-fleche,body.labo .mf-next-btn.w-retour .w-fleche{animation: none;}
body.labo .mf-next-btn:hover .w-fleche{translate: 4px 0;}
}
