/* Base commune des styles d'alertes. Chaque style (styles/<id>.css) ne dessine que ce qui lui est propre.
   Contrat : .al (data-type, data-grand="true" pour sub/don/raid, data-visuel="perso|voiture"), classes .in puis .out posées par le moteur,
   .al-scene (la boîte de l'alerte), .al-fond, .al-deco > i (16, --i: 0..15), .al-marque (symbole Aghenor), .al-visuel img,
   .al-txt > .al-etiquette span / .al-nom span (data-nom) / .al-msg / .al-montant, .al-extra (data-mot : FOLLOW, SUB…). */
:root {
  --ink: #F4F1FA; --or: #F2AE12; --on-or: #1a0d02; --magenta: #B814C4; --violet: #9C00F0; --nuit: #07060f; --muted: #a59cbd;
  --ease: cubic-bezier(0.23, 1, 0.32, 1); --rebond: cubic-bezier(0.34, 1.56, 0.64, 1);
  --display: "Barlow Condensed", "Arial Narrow", Arial, sans-serif; --titre: "Montserrat", Arial, sans-serif;
  --corps: "Barlow", Arial, sans-serif; --gros: "Anton", Impact, sans-serif; --tech: "Saira", Arial, sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; background: transparent; overflow: hidden; }
.al { position: fixed; inset: 0; display: grid; place-items: center; pointer-events: none; color: var(--ink); font-family: var(--corps); }
.al-scene { position: relative; opacity: 0; }
.al.in .al-scene, .al.out .al-scene { opacity: 1; }
.al-nom { white-space: nowrap; overflow: hidden; }
.al-nom span, .al-etiquette span { display: inline-block; }
.al-montant:empty { display: none; }
.al-deco, .al-fond { pointer-events: none; }
.al-visuel img { display: block; }
.al[data-visuel="aucun"] .al-visuel { display: none !important; }  /* boutique : sans visuel de jeu (le logo de l'acheteur le remplace s'il en met un) */
@media (prefers-reduced-motion: reduce) { .al *, .al *::before, .al *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } }