/* ═══════════════════════════════════════════════════════════════
   Linotte DELUX – Gemmes sprite
   sprite.png : 10×10 gemmes, 256×256px/gemme
   Base : 14px = 1em | affichage : 3.429em (48px)
   Usage : <div class="gem gem-N"></div> (N = 1 à 100)
   ═══════════════════════════════════════════════════════════════ */

.gem {
    width: 3.429em;
    height: 3.429em;
    background-image: url("/assets/tokens/sprite.png");
    background-size: 34.286em 34.286em;
    background-repeat: no-repeat;
    pointer-events: none;
    image-rendering: auto;
}

/* Small variant for player chips — scales all em values proportionally */
.gem.gem-sm {
    font-size: 0.4375em;
}

.gem-1 { background-position: 0 0; }
.gem-2 { background-position: -3.429em 0; }
.gem-3 { background-position: -6.857em 0; }
.gem-4 { background-position: -10.286em 0; }
.gem-5 { background-position: -13.714em 0; }
.gem-6 { background-position: -17.143em 0; }
.gem-7 { background-position: -20.571em 0; }
.gem-8 { background-position: -24em 0; }
.gem-9 { background-position: -27.429em 0; }
.gem-10 { background-position: -30.857em 0; }
.gem-11 { background-position: 0 -3.429em; }
.gem-12 { background-position: -3.429em -3.429em; }
.gem-13 { background-position: -6.857em -3.429em; }
.gem-14 { background-position: -10.286em -3.429em; }
.gem-15 { background-position: -13.714em -3.429em; }
.gem-16 { background-position: -17.143em -3.429em; }
.gem-17 { background-position: -20.571em -3.429em; }
.gem-18 { background-position: -24em -3.429em; }
.gem-19 { background-position: -27.429em -3.429em; }
.gem-20 { background-position: -30.857em -3.429em; }
.gem-21 { background-position: 0 -6.857em; }
.gem-22 { background-position: -3.429em -6.857em; }
.gem-23 { background-position: -6.857em -6.857em; }
.gem-24 { background-position: -10.286em -6.857em; }
.gem-25 { background-position: -13.714em -6.857em; }
.gem-26 { background-position: -17.143em -6.857em; }
.gem-27 { background-position: -20.571em -6.857em; }
.gem-28 { background-position: -24em -6.857em; }
.gem-29 { background-position: -27.429em -6.857em; }
.gem-30 { background-position: -30.857em -6.857em; }
.gem-31 { background-position: 0 -10.286em; }
.gem-32 { background-position: -3.429em -10.286em; }
.gem-33 { background-position: -6.857em -10.286em; }
.gem-34 { background-position: -10.286em -10.286em; }
.gem-35 { background-position: -13.714em -10.286em; }
.gem-36 { background-position: -17.143em -10.286em; }
.gem-37 { background-position: -20.571em -10.286em; }
.gem-38 { background-position: -24em -10.286em; }
.gem-39 { background-position: -27.429em -10.286em; }
.gem-40 { background-position: -30.857em -10.286em; }
.gem-41 { background-position: 0 -13.714em; }
.gem-42 { background-position: -3.429em -13.714em; }
.gem-43 { background-position: -6.857em -13.714em; }
.gem-44 { background-position: -10.286em -13.714em; }
.gem-45 { background-position: -13.714em -13.714em; }
.gem-46 { background-position: -17.143em -13.714em; }
.gem-47 { background-position: -20.571em -13.714em; }
.gem-48 { background-position: -24em -13.714em; }
.gem-49 { background-position: -27.429em -13.714em; }
.gem-50 { background-position: -30.857em -13.714em; }
.gem-51 { background-position: 0 -17.143em; }
.gem-52 { background-position: -3.429em -17.143em; }
.gem-53 { background-position: -6.857em -17.143em; }
.gem-54 { background-position: -10.286em -17.143em; }
.gem-55 { background-position: -13.714em -17.143em; }
.gem-56 { background-position: -17.143em -17.143em; }
.gem-57 { background-position: -20.571em -17.143em; }
.gem-58 { background-position: -24em -17.143em; }
.gem-59 { background-position: -27.429em -17.143em; }
.gem-60 { background-position: -30.857em -17.143em; }
.gem-61 { background-position: 0 -20.571em; }
.gem-62 { background-position: -3.429em -20.571em; }
.gem-63 { background-position: -6.857em -20.571em; }
.gem-64 { background-position: -10.286em -20.571em; }
.gem-65 { background-position: -13.714em -20.571em; }
.gem-66 { background-position: -17.143em -20.571em; }
.gem-67 { background-position: -20.571em -20.571em; }
.gem-68 { background-position: -24em -20.571em; }
.gem-69 { background-position: -27.429em -20.571em; }
.gem-70 { background-position: -30.857em -20.571em; }
.gem-71 { background-position: 0 -24em; }
.gem-72 { background-position: -3.429em -24em; }
.gem-73 { background-position: -6.857em -24em; }
.gem-74 { background-position: -10.286em -24em; }
.gem-75 { background-position: -13.714em -24em; }
.gem-76 { background-position: -17.143em -24em; }
.gem-77 { background-position: -20.571em -24em; }
.gem-78 { background-position: -24em -24em; }
.gem-79 { background-position: -27.429em -24em; }
.gem-80 { background-position: -30.857em -24em; }
.gem-81 { background-position: 0 -27.429em; }
.gem-82 { background-position: -3.429em -27.429em; }
.gem-83 { background-position: -6.857em -27.429em; }
.gem-84 { background-position: -10.286em -27.429em; }
.gem-85 { background-position: -13.714em -27.429em; }
.gem-86 { background-position: -17.143em -27.429em; }
.gem-87 { background-position: -20.571em -27.429em; }
.gem-88 { background-position: -24em -27.429em; }
.gem-89 { background-position: -27.429em -27.429em; }
.gem-90 { background-position: -30.857em -27.429em; }
.gem-91 { background-position: 0 -30.857em; }
.gem-92 { background-position: -3.429em -30.857em; }
.gem-93 { background-position: -6.857em -30.857em; }
.gem-94 { background-position: -10.286em -30.857em; }
.gem-95 { background-position: -13.714em -30.857em; }
.gem-96 { background-position: -17.143em -30.857em; }
.gem-97 { background-position: -20.571em -30.857em; }
.gem-98 { background-position: -24em -30.857em; }
.gem-99 { background-position: -27.429em -30.857em; }
.gem-100 { background-position: -30.857em -30.857em; }