/* =====================================================================================
   GAIN AFFICHE APRES UN MATCH (« Simuler le match ») — 03/10/2026
   Ju : « sur mobile quand j'appuie sur simuler, en haut a gauche ça me dit ce que j'ai
   gagne mais on voit pas en entier, ça bug, et c'est fige ».
   1) Coupe : corrige dans floatCash (index.html) — ancrage sous l'en-tete quand la
      tresorerie est masquee, montant borne a l'ecran.
   2) Fige : sur telephone, body.match-leger (match-commandes.css) coupe TOUTES les
      animations hors du terrain pour alleger la peinture. Le « +X € » restait donc
      immobile, a mi-hauteur, pendant 1,5 s, puis disparaissait d'un coup. On lui rend
      son animation : elle ne joue que transform et opacity (composees par la carte
      graphique, aucun repeint de page), sur un element isole et ephemere.
   Sans ombre portee en mode allege, le montant prend un fond sombre pour rester lisible
   par-dessus n'importe quel ecran.
   ===================================================================================== */
body.match-leger div.cash-float{
  animation:cashFloat 1.5s cubic-bezier(.2,.7,.2,1) forwards!important;
  background:rgba(8,14,32,.95);padding:4px 12px;border-radius:12px;
  border:1px solid rgba(255,255,255,.12);will-change:transform,opacity}
body.match-leger div.cash-float.up.enorme{animation:cashFloat 2.1s cubic-bezier(.16,.9,.3,1) forwards!important}
body.match-leger div.cash-spark{animation:cashSpark .9s ease-out forwards!important;will-change:transform,opacity}
/* Sur petit ecran, les deux grands paliers gardent leur hierarchie sans deborder. */
@media(max-width:520px){
  div.cash-float.gros{font-size:28px}
  div.cash-float.enorme,div.cash-float.down.enorme{font-size:34px;letter-spacing:.5px}
}