/* ================================================================
   AVATARS FV MATHS — SOURCE UNIQUE (ne plus dupliquer en inline).
   Chargé par index.html, perso.html, stats.html via
     <link rel="stylesheet" href="/avatar/avatars.css">
   Ajouter un avatar = ajouter UNE règle ici + l'image dans /avatar/.
   - Sprites 2x2 animés  : bloc « animés » (background-size 2x, sprite-2x2)
   - Images uniques      : bloc « statiques » (background contain, sans anim)
   Le sélecteur de perso.html lit ces classes via document.styleSheets.
   ================================================================ */

@keyframes sprite-2x2 {
  0%   { background-position: 0 0; }
  25%  { background-position: calc(-1 * var(--sz)) 0; }
  50%  { background-position: 0 calc(-1 * var(--sz)); }
  75%  { background-position: calc(-1 * var(--sz)) calc(-1 * var(--sz)); }
  100% { background-position: 0 0; }
}

/* ---------- Avatars sprite 2x2 animés ---------- */
.avatar-aigle{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/aigle.png?v=1") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-alien{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/alien.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-anomalie{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/anomalie.png?v=1") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-archer{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/archer.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-banana{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/banana.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-bee{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/bee.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-butterfly{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/butterfly.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-chat{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/chat.png?v=1") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-chevalier{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/knight.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-chien{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/chien.png?v=1") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-crow{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/crow.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-dolphin{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/dolphin.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-dragon_black{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/dragon_black.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-dragon_gold{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/dragon_gold.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-dragon{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/dragon.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-dragonnet{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/dragonnet.png") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-elephant{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/elephant.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-ethere{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/ethere.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-fermier{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/fermier.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-firefox{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/firefox.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-fantome{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/fantome.png") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-fox{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/fox.png") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-frog{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/frog.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-god_math{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/god_math.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-gobelin{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/gobelin.png") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-golem{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/golem.png?v=1") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-griffin{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/griffin.png?v=3") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-hibou{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/owl.png?v=1") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-horse{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/horse.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-hydre{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/hydre.png?v=1") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-infini{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/infini.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-king{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/king.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-koala{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/koala.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-lapin{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/lapin.png?v=1") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-lion{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/lion.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-lynx{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/lynx.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-musketeer{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/musketeer.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-ninja{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/ninja.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-oracle{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/oracle.png?v=1") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-otter{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/otter.png?v=3") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-ours{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/ours.png?v=1") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-owl{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/owl.png?v=1") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-panda{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/panda.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-paradox{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/paradox.png?v=1") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-parrot{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/parrot.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-pegasus{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/pegasus.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-phoenix_fire{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/phoenix_fire.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-phoenix{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/phoenix.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-pirate{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/pirate.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-princesse{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/princesse.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-queen{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/queen.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-robot{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/robot.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-samurai{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/samurai.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-sanglier{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/sanglier.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-slime{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/slime.png?v=1") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-archimage_tour{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/archimage_tour.png?v=1") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-snake{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/snake.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-sphinx{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/sphinx.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-squelette{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/squelette.png") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-tigre{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/tiger.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-titan{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/titan.png?v=1") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-turtle{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/turtle.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-unicorn_rainbow{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/unicorn_rainbow.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-unicorn{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/unicorn.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-vache{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/vache.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-viking{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/viking.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-witch{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/witch.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-wizard{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/wizard.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-wolf{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/wolf.png?v=2") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }
.avatar-zombie{ --sz:50px; width:var(--sz); height:var(--sz); display:inline-block; vertical-align:middle; margin-right:6px; background:url("/avatar/zombie.png") no-repeat 0 0 / calc(2*var(--sz)) calc(2*var(--sz)); image-rendering:pixelated; animation:sprite-2x2 2s infinite steps(1); }

/* Les 5 avatars « mobs » (boutique, 200 PM) sont maintenant tous animés
   ci-dessus (gobelin, dragonnet, squelette, zombie, fantome) — plus de
   bloc « images uniques », toutes les vraies animations ont été fournies. */