/* =========================
   SPRITES / PLAYER (PREMIUM GRAPHICS)
   ========================= */

@keyframes idleBob {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-2px);
  }
}

@keyframes walkBob {

  0%,
  50%,
  100% {
    transform: translateY(0);
  }

  25%,
  75% {
    transform: translateY(-1.5px);
  }
}

@keyframes walkTorso {

  0%,
  100% {
    transform: translateX(-50%) rotate(-2deg) translateY(0.5px);
  }

  50% {
    transform: translateX(-50%) rotate(2deg) translateY(0.5px);
  }
}

@keyframes walkHead {

  0%,
  100% {
    transform: translateX(-50%) rotate(1deg) translateY(0);
  }

  50% {
    transform: translateX(-50%) rotate(-1deg) translateY(0.5px);
  }
}

@keyframes walkArmLeft {

  0%,
  100% {
    transform: rotate(30deg) translateY(0);
  }

  50% {
    transform: rotate(-25deg) translateY(0.5px);
  }
}

@keyframes walkArmRight {

  0%,
  100% {
    transform: rotate(-25deg) translateY(0.5px);
  }

  50% {
    transform: rotate(30deg) translateY(0);
  }
}

@keyframes walkFeet {

  0%,
  50%,
  100% {
    transform: translateX(-50%) translateY(0);
  }

  25%,
  75% {
    transform: translateX(-50%) translateY(-1px);
  }
}

@keyframes walkFootLeft {

  0%,
  100% {
    transform: rotate(24deg) translateY(0.5px) translateX(1px);
  }

  25% {
    transform: rotate(0deg) translateY(-2px) translateX(0px);
  }

  50% {
    transform: rotate(-18deg) translateY(0) translateX(-2px);
  }

  75% {
    transform: rotate(-8deg) translateY(-1px) translateX(-1px);
  }
}

@keyframes walkFootRight {

  0%,
  100% {
    transform: rotate(-18deg) translateY(0) translateX(-2px);
  }

  25% {
    transform: rotate(-8deg) translateY(-1px) translateX(-1px);
  }

  50% {
    transform: rotate(24deg) translateY(0.5px) translateX(1px);
  }

  75% {
    transform: rotate(0deg) translateY(-2px) translateX(0px);
  }
}

@keyframes walkCape {

  0%,
  100% {
    transform: translateX(-50%) rotate(-1.5deg);
  }

  50% {
    transform: translateX(-50%) rotate(1.5deg);
  }
}

@keyframes runBob {

  0%,
  50%,
  100% {
    transform: translateY(0);
  }

  25%,
  75% {
    transform: translateY(-3.5px);
  }
}

@keyframes runTorso {

  0%,
  100% {
    transform: translateX(-50%) rotate(-4deg) translateY(1px);
  }

  50% {
    transform: translateX(-50%) rotate(4deg) translateY(1.5px);
  }
}

@keyframes runHead {

  0%,
  100% {
    transform: translateX(-50%) rotate(2deg) translateY(0);
  }

  50% {
    transform: translateX(-50%) rotate(-2deg) translateY(1px);
  }
}

@keyframes runArmLeft {

  0%,
  100% {
    transform: rotate(55deg) translateY(-1px) scaleY(0.9);
  }

  50% {
    transform: rotate(-45deg) translateY(1px) scaleY(1.05);
  }
}

@keyframes runArmRight {

  0%,
  100% {
    transform: rotate(-45deg) translateY(1px) scaleY(1.05);
  }

  50% {
    transform: rotate(55deg) translateY(-1px) scaleY(0.9);
  }
}

@keyframes runFeet {

  0%,
  50%,
  100% {
    transform: translateX(-50%) translateY(0);
  }

  25%,
  75% {
    transform: translateX(-50%) translateY(-2px);
  }
}

@keyframes runFootLeft {

  0%,
  100% {
    transform: rotate(45deg) translateY(2px) translateX(3px) scaleY(0.85);
  }

  25% {
    transform: rotate(10deg) translateY(-5px) translateX(1px) scaleY(1.05);
  }

  50% {
    transform: rotate(-35deg) translateY(0px) translateX(-4px) scaleY(0.95);
  }

  75% {
    transform: rotate(-15deg) translateY(-2px) translateX(-2px) scaleY(1.1);
  }
}

@keyframes runFootRight {

  0%,
  100% {
    transform: rotate(-35deg) translateY(0px) translateX(-4px) scaleY(0.95);
  }

  25% {
    transform: rotate(-15deg) translateY(-2px) translateX(-2px) scaleY(1.1);
  }

  50% {
    transform: rotate(45deg) translateY(2px) translateX(3px) scaleY(0.85);
  }

  75% {
    transform: rotate(10deg) translateY(-5px) translateX(1px) scaleY(1.05);
  }
}

@keyframes runCape {

  0%,
  100% {
    transform: translateX(-50%) rotate(-5deg) scaleY(0.9);
  }

  50% {
    transform: translateX(-50%) rotate(8deg) scaleY(1.1);
  }
}

@keyframes runBoots {

  0%,
  100% {
    margin-top: 0px;
  }

  50% {
    margin-top: -2px;
  }
}

@keyframes runShadow {

  0%,
  100% {
    transform: translateX(-50%) scaleX(1);
    opacity: 0.95;
  }

  50% {
    transform: translateX(-50%) scaleX(0.88);
    opacity: 0.7;
  }
}

@keyframes weaponSway {

  0%,
  100% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(5deg);
  }
}

@keyframes orbPulse {

  0%,
  100% {
    transform: scale(1);
    filter: brightness(1);
  }

  50% {
    transform: scale(1.15);
    filter: brightness(1.3);
  }
}

.remotePlayer,
#player {
  position: absolute;
  width: 64px;
  height: 96px;
  transform-origin: 50% 100%;
  transform: translate(-50%, -100%);
  z-index: 50;
}

.remotePlayer {
  pointer-events: auto;
  cursor: pointer;
}

#player {
  pointer-events: none !important;
}

.playerName {
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  color: var(--ui-gold);
  font-weight: bold;
  font-size: 18px;
  text-shadow:
    -1px 0 rgba(255, 0, 80, 0.4),
    1px 0 rgba(0, 255, 200, 0.4),
    0 2px 4px #000;
  pointer-events: none;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  background: rgba(13, 10, 7, 0.7);
  border: 1px solid rgba(216, 180, 106, 0.35);
  border-radius: 4px;
  transition: all 0.25s ease;
}

.playerTitle {
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
  color: #bfa17a;
  margin-top: 0px;
  white-space: nowrap;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 0.25s ease;
}

.playerGuild {
  font-size: 14px;
  font-weight: 600;
  color: #3498db;
  margin-top: 0px;
  white-space: nowrap;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 0.25s ease;
  display: flex;
  align-items: center;
  gap: 3px;
}

.playerGuildEmblem {
  font-size: 14px;
}

#player .playerTitle,
#player .playerGuild,
.remotePlayer:hover .playerTitle,
.remotePlayer.active-hover .playerTitle,
#player:hover .playerTitle,
#player.active-hover .playerTitle,
.remotePlayer:hover .playerGuild,
.remotePlayer.active-hover .playerGuild,
#player:hover .playerGuild,
#player.active-hover .playerGuild {
  opacity: 1;
  max-height: 26px;
  margin-top: 2px;
}

/* ==========================================
   PRESTIGIOUS & IMPOSING ORNAMENTS SYSTEM
   ========================================== */

/* Tier 1 - Common Ornaments (Bronze, Explorateur, Gardien du Lore) */
.playerName--ornament-Bronze {
  border: 1.5px solid #cd7f32 !important;
  box-shadow: 0 0 8px rgba(205, 127, 50, 0.5) !important;
  background: rgba(13, 10, 7, 0.8) !important;
}

.playerName--ornament-Bronze::before,
.playerName--ornament-Bronze::after {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='14' height='14'%3E%3Cpolygon points='12,2 20,12 12,22 4,12' fill='%23cd7f32' stroke='%23ffa726' stroke-width='1.5'/%3E%3Cpolygon points='12,6 16,12 12,18 8,12' fill='%238d4f1d'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23ffe0b2'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.playerName--ornament-Bronze::before {
  left: -18px;
}

.playerName--ornament-Bronze::after {
  right: -18px;
}

.playerName--ornament-Explorateur {
  border: 1.5px solid #4caf50 !important;
  box-shadow: 0 0 8px rgba(76, 175, 80, 0.55) !important;
  background: linear-gradient(180deg, rgba(16, 32, 20, 0.9) 0%, rgba(8, 16, 10, 0.9) 100%) !important;
}

.playerName--ornament-Explorateur::before,
.playerName--ornament-Explorateur::after {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='14' height='14'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12c5.5 0 10 4.5 10 10 5.5 0 10-4.5 10-10C22 6.5 17.5 2 12 2z' fill='%234caf50' stroke='%2381c784' stroke-width='1.5'/%3E%3Cpath d='M12 2v20M2 12h20' stroke='%23a5d6a7' stroke-width='1' stroke-dasharray='2,2'/%3E%3Ccircle cx='12' cy='12' r='3' fill='%23c8e6c9'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.playerName--ornament-Explorateur::before {
  left: -18px;
}

.playerName--ornament-Explorateur::after {
  right: -18px;
}

.playerName--ornament-GardienduLore {
  border: 1.5px solid #7e57c2 !important;
  box-shadow: 0 0 9px rgba(126, 87, 194, 0.6) !important;
  background: linear-gradient(180deg, rgba(22, 16, 36, 0.9) 0%, rgba(10, 8, 18, 0.9) 100%) !important;
}

.playerName--ornament-GardienduLore::before,
.playerName--ornament-GardienduLore::after {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23d8b46a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2z' fill='rgba(216,180,106,0.2)'/%3E%3Cline x1='8' y1='9' x2='14' y2='9'/%3E%3Cline x1='8' y1='13' x2='12' y2='13'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.playerName--ornament-GardienduLore::before {
  left: -18px;
}

.playerName--ornament-GardienduLore::after {
  right: -18px;
}

.playerName--ornament-GardienduLore::after {
  right: -16px;
}


/* Tier 2 - Uncommon Ornaments (Argent, Maître des Quêtes, Seigneur des Flammes) */
.playerName--ornament-Argent {
  border: 1.5px solid #e0e0e0 !important;
  box-shadow: 0 0 11px rgba(224, 224, 224, 0.6), inset 0 0 3px rgba(255, 255, 255, 0.2) !important;
  background: linear-gradient(180deg, rgba(27, 33, 38, 0.92) 0%, rgba(13, 16, 19, 0.92) 100%) !important;
  animation: silverPulse 3.5s infinite ease-in-out;
}

.playerName--ornament-Argent::before,
.playerName--ornament-Argent::after {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpolygon points='12,2 15,9 22,12 15,15 12,22 9,15 2,12 9,9' fill='%23e0e0e0' stroke='%23ffffff' stroke-width='1.5'/%3E%3Cpolygon points='12,6 13.5,10.5 18,12 13.5,13.5 12,18 10.5,13.5 6,12 10.5,10.5' fill='%239e9e9e'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23ffffff'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  filter: drop-shadow(0 0 4px #ffffff);
}

.playerName--ornament-Argent::before {
  left: -22px;
}

.playerName--ornament-Argent::after {
  right: -22px;
}

@keyframes silverPulse {

  0%,
  100% {
    box-shadow: 0 0 10px rgba(224, 224, 224, 0.5), inset 0 0 2px rgba(255, 255, 255, 0.1);
  }

  50% {
    box-shadow: 0 0 16px rgba(255, 255, 255, 0.8), inset 0 0 5px rgba(255, 255, 255, 0.4);
  }
}

.playerName--ornament-Maitre-des-Quetes {
  border: 1.5px solid #b388ff !important;
  box-shadow: 0 0 12px rgba(179, 136, 255, 0.7), inset 0 0 4px rgba(179, 136, 255, 0.3) !important;
  background: linear-gradient(135deg, rgba(28, 14, 42, 0.92) 0%, rgba(10, 6, 18, 0.92) 100%) !important;
  animation: questMasterGlow 3s infinite ease-in-out;
}

.playerName--ornament-Maitre-des-Quetes::before,
.playerName--ornament-Maitre-des-Quetes::after {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M6 3h12a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z' fill='%23311b92' stroke='%23b388ff' stroke-width='1.5'/%3E%3Cpath d='M8 7h8M8 11h8M8 15h5' stroke='%23ea80fc' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpolygon points='15,14 16.5,17 19.5,17.5 17.2,19.5 18,22.5 15,21 12,22.5 12.8,19.5 10.5,17.5 13.5,17' fill='%23ffd700'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  filter: drop-shadow(0 0 5px #b388ff);
}

.playerName--ornament-Maitre-des-Quetes::before {
  left: -22px;
}

.playerName--ornament-Maitre-des-Quetes::after {
  right: -22px;
}

@keyframes questMasterGlow {

  0%,
  100% {
    box-shadow: 0 0 10px rgba(179, 136, 255, 0.6);
  }

  50% {
    box-shadow: 0 0 18px rgba(179, 136, 255, 0.95), 0 0 6px rgba(255, 255, 255, 0.4);
  }
}

.playerName--ornament-SeigneurdesFlammes {
  border: 1.5px solid #ff5722 !important;
  box-shadow: 0 0 13px rgba(255, 87, 34, 0.75), inset 0 0 4px rgba(255, 87, 34, 0.3) !important;
  background: linear-gradient(135deg, rgba(42, 14, 8, 0.92) 0%, rgba(18, 6, 3, 0.92) 100%) !important;
  animation: flameGlow 3s infinite ease-in-out;
}

.playerName--ornament-SeigneurdesFlammes::before,
.playerName--ornament-SeigneurdesFlammes::after {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M12 2c-2 4-6 6-6 11 0 4.4 3.6 8 8 8s8-3.6 8-8c0-5-4-7-6-11-1 3-3 4-4 0z' fill='%23ff3d00' stroke='%23ff9100' stroke-width='1.5'/%3E%3Cpath d='M12 8c-1.5 2.5-4 4-4 7 0 2.8 2.2 5 5 5s5-2.2 5-5c0-3-2.5-4.5-4-7z' fill='%23ffea00'/%3E%3Cpath d='M12 14c-.8 1-2 2-2 3.5 0 1.4 1.1 2.5 2.5 2.5s2.5-1.1 2.5-2.5c0-1.5-1.2-2.5-2-3.5z' fill='%23ffffff'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  filter: drop-shadow(0 0 5px #ff5722);
}

.playerName--ornament-SeigneurdesFlammes::before {
  left: -22px;
}

.playerName--ornament-SeigneurdesFlammes::after {
  right: -22px;
}

@keyframes flameGlow {

  0%,
  100% {
    box-shadow: 0 0 10px rgba(255, 87, 34, 0.6);
  }

  50% {
    box-shadow: 0 0 20px rgba(255, 87, 34, 0.95), 0 0 7px rgba(255, 152, 0, 0.5);
  }
}


/* Tier 3 - Rare Ornaments (Or, Seigneur des Abysses, Tueur de Légendes, Aura d'Éveil) */
.playerName--ornament-Or {
  border: 2px solid #ffd700 !important;
  box-shadow: 0 0 16px rgba(255, 215, 0, 0.8), inset 0 0 5px rgba(255, 215, 0, 0.35) !important;
  background: linear-gradient(180deg, rgba(42, 34, 18, 0.94) 0%, rgba(18, 14, 8, 0.94) 100%) !important;
  animation: goldPulse 2.5s infinite ease-in-out;
}

.playerName--ornament-Or::before,
.playerName--ornament-Or::after {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M12 2c1.5 3 4 5 4 8 0 2.5-1.8 4.5-4 4.8-2.2-.3-4-2.3-4-4.8 0-3 2.5-5 4-8z' fill='%23ffd700' stroke='%23fff59d' stroke-width='1.2'/%3E%3Cpath d='M6 10c2.5 0 4.5 1.5 5 3.5-2.5.5-4.5 2-5 4-1-1.5-1.5-3.5 0-7.5z' fill='%23ffb300'/%3E%3Cpath d='M18 10c-2.5 0-4.5 1.5-5 3.5 2.5.5 4.5 2 5 4 1-1.5 1.5-3.5 0-7.5z' fill='%23ffb300'/%3E%3Cpath d='M4 16h16v2H4z' fill='%23ff8f00'/%3E%3Cpath d='M12 18l-3 4h6l-3-4z' fill='%23ffd700'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  filter: drop-shadow(0 0 6px #ffd700);
}

.playerName--ornament-Or::before {
  left: -25px;
}

.playerName--ornament-Or::after {
  right: -25px;
}

@keyframes goldPulse {

  0%,
  100% {
    box-shadow: 0 0 12px rgba(255, 215, 0, 0.65), inset 0 0 4px rgba(255, 215, 0, 0.2);
  }

  50% {
    box-shadow: 0 0 22px rgba(255, 215, 0, 1), inset 0 0 7px rgba(255, 255, 255, 0.4);
  }
}

.playerName--ornament-SeigneurdesAbysses {
  border: 2px solid #00b0ff !important;
  box-shadow: 0 0 16px rgba(0, 176, 255, 0.8), inset 0 0 5px rgba(0, 176, 255, 0.35) !important;
  background: linear-gradient(135deg, rgba(6, 28, 48, 0.94) 0%, rgba(3, 12, 22, 0.94) 100%) !important;
  animation: abyssAura 2.5s infinite ease-in-out;
}

.playerName--ornament-SeigneurdesAbysses::before,
.playerName--ornament-SeigneurdesAbysses::after {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M12 2l2 4v8h-4V6l2-4zm-6 3l2 3v6H6V8l0-3zm12 0l2 3v6h-2V8l0-3z' fill='%2300e5ff' stroke='%2380d8ff' stroke-width='1'/%3E%3Cpath d='M6 14c0 3.3 2.7 6 6 6s6-2.7 6-6H6z' fill='%2300b0ff'/%3E%3Cpath d='M11 16h2v6h-2v-6z' fill='%2300838f'/%3E%3Ccircle cx='12' cy='10' r='1.5' fill='%23ffffff'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  filter: drop-shadow(0 0 6px #00b0ff);
}

.playerName--ornament-SeigneurdesAbysses::before {
  left: -25px;
}

.playerName--ornament-SeigneurdesAbysses::after {
  right: -25px;
}

@keyframes abyssAura {

  0%,
  100% {
    box-shadow: 0 0 12px rgba(0, 176, 255, 0.6), inset 0 0 3px rgba(0, 176, 255, 0.2);
  }

  50% {
    box-shadow: 0 0 24px rgba(0, 176, 255, 0.95), inset 0 0 7px rgba(255, 255, 255, 0.4);
  }
}

.playerName--ornament-Tueur-de-Legendes {
  border: 2px solid #d50000 !important;
  box-shadow: 0 0 17px rgba(213, 0, 0, 0.85), inset 0 0 6px rgba(139, 0, 0, 0.4) !important;
  background: linear-gradient(135deg, rgba(42, 8, 12, 0.94) 0%, rgba(18, 3, 5, 0.94) 100%) !important;
  animation: slayerFire 2.5s infinite ease-in-out;
}

.playerName--ornament-Tueur-de-Legendes::before,
.playerName--ornament-Tueur-de-Legendes::after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath d='M12 2C8 2 5 5 5 9c0 3 2 5.5 4 7v3h6v-3c2-1.5 4-4 4-7 0-4-3-7-7-7z' fill='%23d50000' stroke='%23ff5252' stroke-width='1.5'/%3E%3Ccircle cx='9' cy='9' r='2' fill='%23000000'/%3E%3Ccircle cx='15' cy='9' r='2' fill='%23000000'/%3E%3Ccircle cx='9' cy='9' r='0.8' fill='%23ff5252'/%3E%3Ccircle cx='15' cy='9' r='0.8' fill='%23ff5252'/%3E%3Cpolygon points='12,12 10,15 14,15' fill='%23000000'/%3E%3Cpath d='M8 19h8v2H8z' fill='%23ff8a80'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  filter: drop-shadow(0 0 7px #d50000);
}

.playerName--ornament-Tueur-de-Legendes::before {
  left: -27px;
}

.playerName--ornament-Tueur-de-Legendes::after {
  right: -27px;
}

@keyframes slayerFire {

  0%,
  100% {
    box-shadow: 0 0 13px rgba(213, 0, 0, 0.65), inset 0 0 4px rgba(139, 0, 0, 0.3);
  }

  50% {
    box-shadow: 0 0 26px rgba(213, 0, 0, 0.95), 0 0 8px rgba(255, 152, 0, 0.6);
  }
}

.playerName--ornament-AuradEveil,
.playerName--ornament-Aura-d-Eveil,
.playerName--ornament-Aurad’Eveil,
.playerName--ornament-Auradéveil {
  border: 2px solid #e040fb !important;
  box-shadow: 0 0 17px rgba(224, 64, 251, 0.85), inset 0 0 6px rgba(224, 64, 251, 0.4) !important;
  background: linear-gradient(135deg, rgba(32, 10, 42, 0.94) 0%, rgba(12, 5, 18, 0.94) 100%) !important;
  animation: awakeningSoulAura 2.5s infinite ease-in-out;
}

.playerName--ornament-AuradEveil::before,
.playerName--ornament-AuradEveil::after,
.playerName--ornament-Aura-d-Eveil::before,
.playerName--ornament-Aura-d-Eveil::after,
.playerName--ornament-Aurad’Eveil::before,
.playerName--ornament-Aurad’Eveil::after,
.playerName--ornament-Auradéveil::before,
.playerName--ornament-Auradéveil::after {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24'%3E%3Ccircle cx='16' cy='16' r='6' fill='%23ea80fc' stroke='%23e040fb' stroke-width='1.5'/%3E%3Ccircle cx='16' cy='16' r='2.5' fill='%23ffffff'/%3E%3Cellipse cx='16' cy='16' rx='14' ry='5' fill='none' stroke='%2300e5ff' stroke-width='1.2' stroke-dasharray='3,1' transform='rotate(-25 16 16)'/%3E%3Cg transform='translate(5, 7)'%3E%3Ccircle cx='0' cy='0' r='3' fill='%23ffd700'/%3E%3Cellipse cx='0' cy='0' rx='5' ry='1.8' fill='none' stroke='%23ffea00' stroke-width='1' transform='rotate(20)'/%3E%3C/g%3E%3Ccircle cx='26' cy='11' r='2.5' fill='%2300b0ff' stroke='%2380d8ff' stroke-width='0.8'/%3E%3Ccircle cx='9' cy='25' r='2' fill='%23ff4081' stroke='%23ff80ab' stroke-width='0.8'/%3E%3Ccircle cx='23' cy='23' r='1.2' fill='%23ffffff'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  filter: drop-shadow(0 0 8px #e040fb) drop-shadow(0 0 4px #00e5ff);
}

.playerName--ornament-AuradEveil::before,
.playerName--ornament-Aura-d-Eveil::before,
.playerName--ornament-Aurad’Eveil::before,
.playerName--ornament-Auradéveil::before {
  left: -32px;
}

.playerName--ornament-AuradEveil::after,
.playerName--ornament-Aura-d-Eveil::after,
.playerName--ornament-Aurad’Eveil::after,
.playerName--ornament-Auradéveil::after {
  right: -32px;
}

@keyframes awakeningSoulAura {

  0%,
  100% {
    box-shadow: 0 0 13px rgba(224, 64, 251, 0.65), inset 0 0 4px rgba(224, 64, 251, 0.3);
  }

  50% {
    box-shadow: 0 0 25px rgba(224, 64, 251, 0.95), 0 0 8px rgba(0, 229, 255, 0.5);
  }
}


/* Tier 4 - Epic Ornaments (Grand Maître, Couronne de Brume, Champion Céleste) */
.playerName--ornament-Grand-Maitre {
  border: 2px solid #ff9100 !important;
  border-image: linear-gradient(135deg, #ff9100, #ffea00) 1 !important;
  box-shadow: 0 0 22px rgba(255, 145, 0, 0.9), inset 0 0 8px rgba(255, 215, 0, 0.4) !important;
  background: linear-gradient(135deg, rgba(48, 28, 10, 0.96) 0%, rgba(20, 12, 5, 0.96) 100%) !important;
  animation: grandMasterShimmer 2.2s infinite ease-in-out;
}

.playerName--ornament-Grand-Maitre::before,
.playerName--ornament-Grand-Maitre::after {
  content: "";
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22'%3E%3Cpath d='M3 17l2-10 4 4 3-7 3 7 4-4 2 10H3z' fill='%23ff9100' stroke='%23ffd700' stroke-width='1.5'/%3E%3Ccircle cx='5' cy='7' r='1.5' fill='%23ff1744'/%3E%3Ccircle cx='12' cy='4' r='2' fill='%23ffd700'/%3E%3Ccircle cx='19' cy='7' r='1.5' fill='%23ff1744'/%3E%3Crect x='3' y='17' width='18' height='3' rx='1' fill='%23ff6d00' stroke='%23ffd700' stroke-width='1'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  filter: drop-shadow(0 0 8px #ff9100);
}

.playerName--ornament-Grand-Maitre::before {
  left: -30px;
}

.playerName--ornament-Grand-Maitre::after {
  right: -30px;
}

@keyframes grandMasterShimmer {

  0%,
  100% {
    box-shadow: 0 0 16px rgba(255, 145, 0, 0.75), inset 0 0 6px rgba(255, 215, 0, 0.35);
  }

  50% {
    box-shadow: 0 0 28px rgba(255, 145, 0, 1), 0 0 12px rgba(255, 255, 255, 0.8);
  }
}

.playerName--ornament-CouronnodeBrume,
.playerName--ornament-Couronne-de-Brume,
.playerName--ornament-Couronnodebrume {
  border: 2px solid #00e5ff !important;
  border-image: linear-gradient(135deg, #00e5ff, #aa00ff) 1 !important;
  box-shadow: 0 0 22px rgba(0, 229, 255, 0.9), 0 0 10px rgba(156, 39, 176, 0.7), inset 0 0 6px rgba(0, 229, 255, 0.4) !important;
  background: linear-gradient(135deg, rgba(10, 20, 42, 0.96) 0%, rgba(32, 8, 48, 0.96) 100%) !important;
  animation: mistCrownAura 2.2s infinite ease-in-out;
}

.playerName--ornament-CouronnodeBrume::before,
.playerName--ornament-CouronnodeBrume::after,
.playerName--ornament-Couronne-de-Brume::before,
.playerName--ornament-Couronne-de-Brume::after,
.playerName--ornament-Couronnodebrume::before,
.playerName--ornament-Couronnodebrume::after {
  content: "";
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='26' height='26'%3E%3Cpath d='M4 22l3-12 5 5 4-10 4 10 5-5 3 12H4z' fill='%23ffd700' stroke='%23ffb300' stroke-width='1.5'/%3E%3Crect x='4' y='22' width='24' height='4' rx='1.5' fill='%23ff8f00' stroke='%23ffd700' stroke-width='1'/%3E%3Ccircle cx='7' cy='10' r='2.5' fill='%23ff1744' stroke='%23ffffff' stroke-width='0.8'/%3E%3Cpolygon points='16,2 18,5 16,8 14,5' fill='%2300e5ff' stroke='%23ffffff' stroke-width='0.8'/%3E%3Ccircle cx='25' cy='10' r='2.5' fill='%2300e676' stroke='%23ffffff' stroke-width='0.8'/%3E%3Ccircle cx='8' cy='24' r='1.5' fill='%2300e5ff'/%3E%3Ccircle cx='12' cy='24' r='1.5' fill='%23ff1744'/%3E%3Ccircle cx='16' cy='24' r='1.8' fill='%23ffd700'/%3E%3Ccircle cx='20' cy='24' r='1.5' fill='%23ff1744'/%3E%3Ccircle cx='24' cy='24' r='1.5' fill='%2300e5ff'/%3E%3Cpolygon points='2,14 4,12 2,10 0,12' fill='%23ff1744'/%3E%3Cpolygon points='30,14 32,12 30,10 28,12' fill='%2300e676'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  filter: drop-shadow(0 0 9px #ffd700) drop-shadow(0 0 4px #00e5ff);
}

.playerName--ornament-CouronnodeBrume::before,
.playerName--ornament-Couronne-de-Brume::before,
.playerName--ornament-Couronnodebrume::before {
  left: -34px;
}

.playerName--ornament-CouronnodeBrume::after,
.playerName--ornament-Couronne-de-Brume::after,
.playerName--ornament-Couronnodebrume::after {
  right: -34px;
}

@keyframes mistCrownAura {

  0%,
  100% {
    box-shadow: 0 0 16px rgba(0, 229, 255, 0.7), 0 0 8px rgba(156, 39, 176, 0.45);
  }

  50% {
    box-shadow: 0 0 30px rgba(0, 229, 255, 1), 0 0 15px rgba(156, 39, 176, 0.85);
  }
}

.playerName--ornament-ChampionCeleste,
.playerName--ornament-ChampionCéleste {
  border: 2px solid #ffd700 !important;
  border-image: linear-gradient(135deg, #ffd700, #ffffff) 1 !important;
  box-shadow: 0 0 24px rgba(255, 215, 0, 0.9), 0 0 10px rgba(255, 255, 255, 0.7), inset 0 0 7px rgba(255, 255, 255, 0.8) !important;
  background: linear-gradient(135deg, rgba(46, 38, 14, 0.96) 0%, rgba(18, 14, 5, 0.96) 100%) !important;
  animation: celestialChampionAura 2s infinite ease-in-out;
}

.playerName--ornament-ChampionCeleste::before,
.playerName--ornament-ChampionCeleste::after,
.playerName--ornament-ChampionCéleste::before,
.playerName--ornament-ChampionCéleste::after {
  content: "";
  width: 28px;
  height: 28px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='28' height='28'%3E%3Cpolygon points='16,2 19,11 28,12 20,17 23,26 16,21 9,26 12,17 4,12 13,11' fill='%23ffffff' stroke='%23ffd700' stroke-width='1.5'/%3E%3Cpolygon points='16,7 18,12 23,13 19,16 20,21 16,18 12,21 13,16 9,13 14,12' fill='%23fff59d'/%3E%3Ccircle cx='16' cy='16' r='3' fill='%23ffd700'/%3E%3Cpath d='M6 6l1 2 2 1-2 1-1 2-1-2-2-1 2-1zM26 6l1 2 2 1-2 1-1 2-1-2-2-1 2-1zM4 24l1 2 2 1-2 1-1 2-1-2-2-1 2-1zM26 24l1 2 2 1-2 1-1 2-1-2-2-1 2-1zM16 0l.8 1.6L18 2l-1.2.8L16 4.4l-.8-1.6L14 2l1.2-.8zM16 27l.8 1.6L18 29l-1.2.8L16 31.4l-.8-1.6L14 29l1.2-.8z' fill='%23ffd700'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  filter: drop-shadow(0 0 10px #ffd700) drop-shadow(0 0 4px #ffffff);
}

.playerName--ornament-ChampionCeleste::before,
.playerName--ornament-ChampionCéleste::before {
  left: -36px;
}

.playerName--ornament-ChampionCeleste::after,
.playerName--ornament-ChampionCéleste::after {
  right: -36px;
}

@keyframes celestialChampionAura {

  0%,
  100% {
    box-shadow: 0 0 18px rgba(255, 215, 0, 0.75), 0 0 8px rgba(255, 255, 255, 0.5);
  }

  50% {
    box-shadow: 0 0 32px rgba(255, 215, 0, 1), 0 0 16px rgba(255, 255, 255, 1);
  }
}

.playerName--ornament-Heros-Epique {
  border: 2px solid #00e5ff !important;
  border-image: linear-gradient(135deg, #00e5ff, #ffffff) 1 !important;
  box-shadow: 0 0 22px rgba(0, 229, 255, 0.9), inset 0 0 7px rgba(0, 229, 255, 0.4) !important;
  background: linear-gradient(135deg, rgba(10, 32, 42, 0.96) 0%, rgba(5, 14, 20, 0.96) 100%) !important;
  animation: heroPulse 2s infinite ease-in-out;
}

.playerName--ornament-Heros-Epique::before,
.playerName--ornament-Heros-Epique::after {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M12 2L4 5v6c0 5.5 3.8 10.7 8 12 4.2-1.3 8-6.5 8-12V5l-8-3z' fill='%2300b0ff' stroke='%23ffffff' stroke-width='1.5'/%3E%3Cpath d='M12 5l2 4 4 1-3 3 1 4-4-2-4 2 1-4-3-3 4-1z' fill='%23ffd700'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  filter: drop-shadow(0 0 8px #00e5ff);
}

.playerName--ornament-Heros-Epique::before {
  left: -32px;
}

.playerName--ornament-Heros-Epique::after {
  right: -32px;
}

@keyframes heroPulse {

  0%,
  100% {
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.75);
  }

  50% {
    box-shadow: 0 0 28px rgba(0, 229, 255, 1), 0 0 12px rgba(255, 255, 255, 0.85);
  }
}


/* Tier 5 - Legendary/Divine Ornaments (Divin, Demi-Dieu) */
.playerName--ornament-Divin {
  border: 2.5px solid #e040fb !important;
  border-image: linear-gradient(135deg, #e040fb, #ff4081, #00e5ff) 1 !important;
  box-shadow: 0 0 30px rgba(224, 64, 251, 0.95), inset 0 0 10px rgba(255, 255, 255, 0.5) !important;
  background: linear-gradient(135deg, rgba(42, 10, 50, 0.98) 0%, rgba(15, 4, 25, 0.98) 100%) !important;
  animation: divineGlow 2.2s infinite ease-in-out;
}

.playerName--ornament-Divin::before,
.playerName--ornament-Divin::after {
  content: "";
  width: 28px;
  height: 28px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='28' height='28'%3E%3Cellipse cx='12' cy='4' rx='7' ry='2' fill='none' stroke='%23ffd700' stroke-width='1.5'/%3E%3Cpath d='M12 8c-3-3-8-3-10 1 0 5 4 9 10 12 6-3 10-7 10-12-2-4-7-4-10-1z' fill='%23e040fb' stroke='%23ffffff' stroke-width='1.2'/%3E%3Cpath d='M12 10c-2-2-5-2-7 1 0 3 2.5 6 7 8 4.5-2 7-5 7-8-2-3-5-3-7-1z' fill='%23ff4081'/%3E%3Ccircle cx='12' cy='13' r='2' fill='%23ffffff'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  filter: drop-shadow(0 0 10px #e040fb) drop-shadow(0 0 5px #ff4081);
}

.playerName--ornament-Divin::before {
  left: -36px;
}

.playerName--ornament-Divin::after {
  right: -36px;
}

@keyframes divineGlow {

  0%,
  100% {
    box-shadow: 0 0 20px rgba(224, 64, 251, 0.8), inset 0 0 6px rgba(255, 255, 255, 0.3);
  }

  50% {
    box-shadow: 0 0 36px rgba(224, 64, 251, 1), 0 0 16px rgba(255, 64, 129, 0.8), inset 0 0 12px rgba(255, 255, 255, 0.7);
  }
}

.playerName--ornament-Demi-Dieu {
  border: 2.5px solid #ff007f !important;
  border-image: linear-gradient(45deg, #ff007f, #00f0ff, #ffeb3b, #ff007f) 1 !important;
  box-shadow: 0 0 32px rgba(255, 0, 127, 0.95), 0 0 16px rgba(0, 240, 255, 0.6), inset 0 0 10px rgba(255, 255, 255, 0.7) !important;
  background: linear-gradient(135deg, rgba(50, 6, 28, 0.98) 0%, rgba(8, 3, 20, 0.98) 100%) !important;
  animation: demiGodCosmic 1.8s infinite linear;
}

.playerName--ornament-Demi-Dieu::before,
.playerName--ornament-Demi-Dieu::after {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='30' height='30'%3E%3Ccircle cx='12' cy='12' r='9' fill='%23ff007f' stroke='%2300f0ff' stroke-width='1.5'/%3E%3Cpolygon points='13,3 7,12 12,12 11,21 17,10 12,10' fill='%23ffeb3b' stroke='%23ffffff' stroke-width='1'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  filter: drop-shadow(0 0 12px #ff007f) drop-shadow(0 0 6px #00f0ff);
}

.playerName--ornament-Demi-Dieu::before {
  left: -38px;
}

.playerName--ornament-Demi-Dieu::after {
  right: -38px;
}

@keyframes demiGodCosmic {
  0% {
    box-shadow: 0 0 22px rgba(255, 0, 127, 0.9), 0 0 10px rgba(0, 240, 255, 0.5), inset 0 0 6px rgba(255, 255, 255, 0.5);
    filter: hue-rotate(0deg);
  }

  50% {
    box-shadow: 0 0 38px rgba(255, 0, 127, 1), 0 0 22px rgba(0, 240, 255, 0.95), inset 0 0 12px rgba(255, 255, 255, 0.85);
    filter: hue-rotate(180deg);
  }

  100% {
    box-shadow: 0 0 22px rgba(255, 0, 127, 0.9), 0 0 10px rgba(0, 240, 255, 0.5), inset 0 0 6px rgba(255, 255, 255, 0.5);
    filter: hue-rotate(360deg);
  }
}

/* Sprite container with idle breathing & stereoscopic 3D offset */
.charSprite {
  position: relative;
  width: 64px;
  height: 96px;
  image-rendering: pixelated;
  filter:
    drop-shadow(0 3px 0 rgba(44, 22, 9, 0.35)) drop-shadow(0 10px 12px rgba(0, 0, 0, 0.45));
  pointer-events: none;
  z-index: 1;
  animation: idleBob 3s ease-in-out infinite;
}

.charSprite.walking {
  animation: walkBob 0.34s linear infinite;
}

.charSprite.walking::after {
  animation: runShadow 0.34s linear infinite;
}

.charSprite.in-world::before,
.charSprite.character-avatar::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 28px;
  left: 50%;
  top: 47px;
  transform: translateX(-50%);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 35%),
    linear-gradient(180deg, #7b1f1f, #461111 70%, #2f0b0b 100%);
  clip-path: polygon(10% 0%, 90% 0%, 100% 75%, 76% 100%, 50% 88%, 24% 100%, 0% 75%);
  border-radius: 0 0 8px 8px;
  box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.14), 0 2px 4px rgba(0, 0, 0, 0.18);
  opacity: 0.98;
  z-index: 0;
}

.charSprite.equipment-standalone-render::before,
.charSprite.equipment-standalone-render::after,
.charSprite[data-headgear]::before,
.charSprite[data-headgear]::after,
.charSprite[data-cape]::before,
.charSprite[data-cape]::after,
.charSprite[data-boots]::before,
.charSprite[data-boots]::after,
.charSprite[data-belt]::before,
.charSprite[data-belt]::after,
.charSprite[data-ring-left]::before,
.charSprite[data-ring-left]::after,
.charSprite[data-amulet]::before,
.charSprite[data-amulet]::after,
.charSprite[data-relic]::before,
.charSprite[data-relic]::after,
.charSprite[data-weapon]::before,
.charSprite[data-weapon]::after,
.charSprite[data-staff]::before,
.charSprite[data-staff]::after,
.charSprite[data-bow]::before,
.charSprite[data-bow]::after,
.charSprite[data-shovel]::before,
.charSprite[data-shovel]::after,
.charSprite[data-axe]::before,
.charSprite[data-axe]::after,
.charSprite[data-shield]::before,
.charSprite[data-shield]::after,
.charSprite[data-pet]::before,
.charSprite[data-pet]::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

.charSprite::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 8px;
  width: 32px;
  height: 10px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.18) 58%, rgba(0, 0, 0, 0) 100%);
  z-index: 0;
}

.charBody {
  position: absolute;
  width: 30px;
  height: 36px;
  left: 50%;
  top: 36px;
  transform: translateX(-50%);
  border-radius: 13px 13px 10px 10px;
  background:
    radial-gradient(circle at 34% 22%, rgba(255, 255, 255, 0.34) 0%, transparent 28%),
    linear-gradient(90deg, transparent 0 28%, rgba(255, 238, 210, 0.22) 28% 50%, transparent 50% 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 28%),
    linear-gradient(180deg, rgba(0, 0, 0, 0) 58%, rgba(42, 17, 8, 0.28) 100%),
    var(--char-color, #c94f4f);
  border: 2px solid #1c1511;
  box-shadow:
    inset 0 3px 5px rgba(255, 255, 255, 0.28),
    inset 0 -7px 10px rgba(0, 0, 0, 0.32),
    0 1px 0 rgba(255, 255, 255, 0.12);
  z-index: 2;
}

.charSprite.walking .charBody {
  animation: walkTorso 0.34s ease-in-out infinite;
  transform-origin: 50% 18%;
}

.charHead {
  position: absolute;
  width: 25px;
  height: 25px;
  left: 50%;
  top: 15px;
  transform: translateX(-50%);
  border-radius: 48% 48% 46% 46%;
  background: radial-gradient(circle at 36% 28%, #fff2e3 0%, var(--char-skin-start, #ffdcb6) 34%, var(--char-skin-stop, #d8a06c) 72%, var(--char-skin-shadow, #996742) 100%);
  border: 2px solid #1c1511;
  box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.34), inset -1px -3px 4px rgba(0, 0, 0, 0.22);
  z-index: 3;
}

.charSprite.walking .charHead {
  animation: walkHead 0.34s ease-in-out infinite;
  transform-origin: 50% 85%;
}

.charHead::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  top: -1px;
  height: 10px;
  background: linear-gradient(180deg, #704326, #392115);
  border-radius: 50% 50% 40% 40%;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.12);
}

.charHead::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 9px;
  width: 11px;
  height: 6px;
  background:
    radial-gradient(circle at 25% 45%, var(--char-eyes-color, #2e1b12) 0 1px, transparent 1.5px),
    radial-gradient(circle at 75% 45%, var(--char-eyes-color, #2e1b12) 0 1px, transparent 1.5px),
    radial-gradient(circle at 50% 100%, rgba(168, 86, 64, 0.7) 0 1px, transparent 1.6px);
  opacity: 0.75;
}

.charBody::before,
.charBody::after {
  content: "";
  position: absolute;
  width: 9px;
  height: 23px;
  top: 5px;
  border-radius: 10px;
  background: linear-gradient(180deg, var(--char-skin-start, #f7d2b0), var(--char-skin-stop, #c78d62) 68%, #a56b44 100%);
  border: 1.5px solid #1c1511;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.18);
  z-index: 1;
}

.charBody::before {
  left: -5px;
  transform: rotate(14deg);
  transform-origin: top center;
}

.charBody::after {
  right: -5px;
  transform: rotate(-14deg);
  transform-origin: top center;
}

.charSprite.walking .charBody::before {
  animation: walkArmLeft 0.34s ease-in-out infinite;
}

.charSprite.walking .charBody::after {
  animation: walkArmRight 0.34s ease-in-out infinite;
}

/* Class theme text colors */
.class-guerrier .classText {
  color: #d2a35c;
}

.class-mage .classText {
  color: #6aa8ff;
}

.class-archer .classText {
  color: #7fd06a;
}

.class-necromancien .classText {
  color: #b56cff;
}

.class-guerrier.charSprite::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 34%),
    linear-gradient(180deg, #7f2b24, #4a1613 72%, #2e0d0c 100%);
}

.class-mage.charSprite::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0) 34%),
    linear-gradient(180deg, #3f5fa7, #243d7a 72%, #142347 100%);
}

.class-archer.charSprite::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 34%),
    linear-gradient(180deg, #5b6f2d, #39481e 72%, #233013 100%);
}

.class-necromancien.charSprite::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 34%),
    linear-gradient(180deg, #5c2b75, #341747 72%, #1d0d28 100%);
}

.class-guerrier {
  --char-hair-color-start: #6d4024;
  --char-hair-color-stop: #392115;
}

.class-mage {
  --char-hair-color-start: #d7edf8;
  --char-hair-color-stop: #8cb2d7;
}

.class-archer {
  --char-hair-color-start: #7a4c2d;
  --char-hair-color-stop: #402414;
}

.class-necromancien {
  --char-hair-color-start: #d9d2e9;
  --char-hair-color-stop: #8b79a8;
}

.charHead::before {
  background: linear-gradient(180deg, var(--char-hair-color-start, #704326), var(--char-hair-color-stop, #392115)) !important;
}

/* =========================
   EQUIPMENT VISUAL LAYERS
   ========================= */

.charCape,
.charFeet,
.charBoots,
.charBelt,
.charRingLeft,
.charRingRight,
.charAmulet,
.charHeadgear {
  position: absolute;
  pointer-events: none;
  transition: all 0.25s ease;
}

.charFeet {
  left: 50%;
  top: 64px;
  width: 30px;
  height: 16px;
  transform: translateX(-50%);
  background:
    linear-gradient(90deg, transparent 0 19%, var(--char-skin-start, #d7a378) 19% 35%, transparent 35% 65%, var(--char-skin-start, #d7a378) 65% 81%, transparent 81% 100%),
    linear-gradient(180deg, transparent 0 24%, rgba(144, 91, 58, 0.22) 24% 100%);
  z-index: 3;
}

.charSprite.walking .charFeet {
  animation: walkFeet 0.34s ease-in-out infinite;
}

.charFeet::before,
.charFeet::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 11px;
  height: 8px;
  background: linear-gradient(180deg, var(--char-skin-start, #e4b187), var(--char-skin-stop, #986140));
  border: 1.5px solid #1c1511;
  border-radius: 7px 7px 4px 4px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.25);
}

.charFeet::before {
  left: 2px;
  transform: rotate(4deg);
}

.charFeet::after {
  right: 2px;
  transform: rotate(-4deg);
}

.charSprite.walking .charFeet::before {
  animation: walkFootLeft 0.34s ease-in-out infinite;
}

.charSprite.walking .charFeet::after {
  animation: walkFootRight 0.34s ease-in-out infinite;
}

/* Generic fallback when equipped but no named skin defined */
.charHeadgear.equipped {
  background: linear-gradient(180deg, rgba(200, 150, 80, 0.8), rgba(120, 80, 40, 0.8));
  border: 1.5px solid rgba(255, 200, 100, 0.6);
  border-radius: 8px 8px 0 0;
  box-shadow: 0 0 4px rgba(255, 180, 60, 0.4);
}

.charCape.equipped {
  background: linear-gradient(180deg, rgba(100, 80, 160, 0.75), rgba(50, 40, 100, 0.75));
  border: 1.5px solid rgba(180, 150, 255, 0.5);
  border-radius: 4px 4px 10px 10px;
  box-shadow: 0 2px 5px rgba(120, 80, 200, 0.3);
}

.charAmulet.equipped {
  background: radial-gradient(circle, #ffe066 0%, #e6ac00 60%);
  border-radius: 50%;
  border: 1.5px solid rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 6px rgba(255, 220, 0, 0.7);
  z-index: 4 !important;
  top: 45px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  /* Devant le corps et la tête quand le perso est de face */
}

.charBoots.equipped {
  background: linear-gradient(180deg, rgba(100, 70, 40, 0.85), rgba(60, 40, 20, 0.85));
  border: 1.5px solid rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.charBelt.equipped {
  width: 28px !important;
  height: 6px !important;
  top: 61px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  z-index: 3 !important;
  background: linear-gradient(180deg, rgba(120, 80, 35, 0.95), rgba(70, 40, 18, 0.95));
  border: 1.5px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

.charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  z-index: 6 !important;
  background: radial-gradient(circle, #ffe082 0%, #d4a017 70%);
  border: 1px solid rgba(98, 67, 16, 0.9);
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(255, 215, 0, 0.65);
}

.charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  z-index: 6 !important;
  background: radial-gradient(circle, #ffe082 0%, #d4a017 70%);
  border: 1px solid rgba(98, 67, 16, 0.9);
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(255, 215, 0, 0.65);
}

/* --- GENERATED_EQUIPMENT_STYLES --- */
.charSprite[data-headgear="chapeau-dent"] .charHeadgear,
.charSprite[data-headgear="chapeau-dent"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="chapeau-d-ent"] .charHeadgear,
.charSprite[data-headgear="chapeau-d-ent"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="chapeau-d-ent"] .charHeadgear,
.charSprite[data-headgear="chapeau-d-ent"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="masque-de-harpie"] .charHeadgear,
.charSprite[data-headgear="masque-de-harpie"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-headgear="masque-de-harpie"] .charHeadgear,
.charSprite[data-headgear="masque-de-harpie"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-headgear="casque-en-golem"] .charHeadgear,
.charSprite[data-headgear="casque-en-golem"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-headgear="casque-en-golem"] .charHeadgear,
.charSprite[data-headgear="casque-en-golem"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-cape="cape-en-peau-de-loup"] .charCape,
.charSprite[data-cape="cape-en-peau-de-loup"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-en-peau-de-loup"] .charCape,
.charSprite[data-cape="cape-en-peau-de-loup"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-golem"] .charCape,
.charSprite[data-cape="cape-de-golem"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 6px 6px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-golem"] .charCape,
.charSprite[data-cape="cape-de-golem"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 6px 6px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-des-sables"] .charCape,
.charSprite[data-cape="cape-des-sables"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 20% 30%, rgba(0,0,0,0.12) 0.6px, transparent 0.6px), radial-gradient(circle at 70% 80%, rgba(255,255,255,0.15) 0.8px, transparent 0.8px), linear-gradient(180deg, #f4d03f, #ca6f1e) !important;
  border: 1.5px solid #b7950b !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 6px 6px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-des-sables"] .charCape,
.charSprite[data-cape="cape-des-sables"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 20% 30%, rgba(0,0,0,0.12) 0.6px, transparent 0.6px), radial-gradient(circle at 70% 80%, rgba(255,255,255,0.15) 0.8px, transparent 0.8px), linear-gradient(180deg, #f4d03f, #ca6f1e) !important;
  border: 1.5px solid #b7950b !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 6px 6px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-amulet="amulette-en-crabe"] .charAmulet,
.charSprite[data-amulet="amulette-en-crabe"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1.5px solid #b33939 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 8px 8px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-en-crabe"] .charAmulet::after,
.charSprite[data-amulet="amulette-en-crabe"] .charAmulet.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-en-crabe"] .charAmulet,
.charSprite[data-amulet="amulette-en-crabe"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1.5px solid #b33939 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 8px 8px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-en-crabe"] .charAmulet::after,
.charSprite[data-amulet="amulette-en-crabe"] .charAmulet.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-cobra"] .charAmulet,
.charSprite[data-amulet="amulette-de-cobra"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1.5px solid #112233 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 8px 8px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-cobra"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-cobra"] .charAmulet.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-cobra"] .charAmulet,
.charSprite[data-amulet="amulette-de-cobra"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1.5px solid #112233 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 8px 8px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-cobra"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-cobra"] .charAmulet.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="collier-de-harpie"] .charAmulet,
.charSprite[data-amulet="collier-de-harpie"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 8px 8px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="collier-de-harpie"] .charAmulet::after,
.charSprite[data-amulet="collier-de-harpie"] .charAmulet.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="collier-de-harpie"] .charAmulet,
.charSprite[data-amulet="collier-de-harpie"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 8px 8px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="collier-de-harpie"] .charAmulet::after,
.charSprite[data-amulet="collier-de-harpie"] .charAmulet.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-du-rat"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-rat"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d8d8d, #4a4a4a) !important;
  border: 1px solid #2d2d2d !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-du-rat"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-rat"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-rat"] .charRingRight,
.charSprite[data-ring-right="anneau-du-rat"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d8d8d, #4a4a4a) !important;
  border: 1px solid #2d2d2d !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-du-rat"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-rat"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-du-rat"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-rat"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d8d8d, #4a4a4a) !important;
  border: 1px solid #2d2d2d !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-du-rat"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-rat"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-rat"] .charRingRight,
.charSprite[data-ring-right="anneau-du-rat"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d8d8d, #4a4a4a) !important;
  border: 1px solid #2d2d2d !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-du-rat"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-rat"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-bouc"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-bouc"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-bouc"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-bouc"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-bouc"] .charRingRight,
.charSprite[data-ring-right="anneau-de-bouc"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-bouc"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-bouc"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-bouc"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-bouc"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-bouc"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-bouc"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-bouc"] .charRingRight,
.charSprite[data-ring-right="anneau-de-bouc"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-bouc"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-bouc"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-belt="ceinture-en-sanglier"] .charBelt,
.charSprite[data-belt="ceinture-en-sanglier"] .charBelt.equipped {
  width: 28px !important;
  height: 6px !important;
  top: 51px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 4px rgba(0,0,0,0.25) !important;
}

.charSprite[data-belt="ceinture-en-sanglier"] .charBelt,
.charSprite[data-belt="ceinture-en-sanglier"] .charBelt.equipped {
  width: 28px !important;
  height: 6px !important;
  top: 51px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 4px rgba(0,0,0,0.25) !important;
}

.charSprite[data-belt="ceinture-de-cobra"] .charBelt,
.charSprite[data-belt="ceinture-de-cobra"] .charBelt.equipped {
  width: 28px !important;
  height: 6px !important;
  top: 51px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1.5px solid #112233 !important;
  box-shadow: 0 0 4px rgba(0,0,0,0.25) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-belt="ceinture-de-cobra"] .charBelt,
.charSprite[data-belt="ceinture-de-cobra"] .charBelt.equipped {
  width: 28px !important;
  height: 6px !important;
  top: 51px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1.5px solid #112233 !important;
  box-shadow: 0 0 4px rgba(0,0,0,0.25) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-belt="ceinture-de-crabe"] .charBelt,
.charSprite[data-belt="ceinture-de-crabe"] .charBelt.equipped {
  width: 28px !important;
  height: 6px !important;
  top: 51px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1.5px solid #b33939 !important;
  box-shadow: 0 0 4px rgba(0,0,0,0.25) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-belt="ceinture-de-crabe"] .charBelt,
.charSprite[data-belt="ceinture-de-crabe"] .charBelt.equipped {
  width: 28px !important;
  height: 6px !important;
  top: 51px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1.5px solid #b33939 !important;
  box-shadow: 0 0 4px rgba(0,0,0,0.25) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-boots="bottes-givrees"] .charBoots,
.charSprite[data-boots="bottes-givrees"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-boots="bottes-givrees"] .charBoots,
.charSprite[data-boots="bottes-givrees"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-boots="bottes-du-pillard"] .charBoots,
.charSprite[data-boots="bottes-du-pillard"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-du-pillard"] .charBoots,
.charSprite[data-boots="bottes-du-pillard"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-en-golem"] .charBoots,
.charSprite[data-boots="bottes-en-golem"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-boots="bottes-en-golem"] .charBoots,
.charSprite[data-boots="bottes-en-golem"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-headgear="couronne-divine-du-roi-singe"] .charHeadgear,
.charSprite[data-headgear="couronne-divine-du-roi-singe"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f1c40f, #e67e22) !important;
  border: 2.0px solid #d35400 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(0% 100%, 0% 30%, 20% 10%, 50% 0%, 80% 10%, 100% 30%, 100% 100%) !important;
}

.charSprite[data-headgear="couronne-divine-du-roi-singe"] .charHeadgear,
.charSprite[data-headgear="couronne-divine-du-roi-singe"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f1c40f, #e67e22) !important;
  border: 2.0px solid #d35400 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(0% 100%, 0% 30%, 20% 10%, 50% 0%, 80% 10%, 100% 30%, 100% 100%) !important;
}

.charSprite[data-amulet="cur-invariable-du-golem"] .charAmulet,
.charSprite[data-amulet="cur-invariable-du-golem"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 6px 6px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="cur-invariable-du-golem"] .charAmulet::after,
.charSprite[data-amulet="cur-invariable-du-golem"] .charAmulet.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="cur-invariable-du-golem"] .charAmulet,
.charSprite[data-amulet="cur-invariable-du-golem"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 6px 6px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="cur-invariable-du-golem"] .charAmulet::after,
.charSprite[data-amulet="cur-invariable-du-golem"] .charAmulet.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-cape="aile-glaciale-du-dragon-de-givre"] .charCape,
.charSprite[data-cape="aile-glaciale-du-dragon-de-givre"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ffffff, #74b9ff) !important;
  border: 2.0px solid #70a1ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 8px 8px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="aile-glaciale-du-dragon-de-givre"] .charCape,
.charSprite[data-cape="aile-glaciale-du-dragon-de-givre"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ffffff, #74b9ff) !important;
  border: 2.0px solid #70a1ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 8px 8px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-ring-left="orbe-de-magma-du-seigneur-des-flammes"] .charRingLeft,
.charSprite[data-ring-left="orbe-de-magma-du-seigneur-des-flammes"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="orbe-de-magma-du-seigneur-des-flammes"] .charRingLeft::after,
.charSprite[data-ring-left="orbe-de-magma-du-seigneur-des-flammes"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="orbe-de-magma-du-seigneur-des-flammes"] .charRingRight,
.charSprite[data-ring-right="orbe-de-magma-du-seigneur-des-flammes"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="orbe-de-magma-du-seigneur-des-flammes"] .charRingRight::after,
.charSprite[data-ring-right="orbe-de-magma-du-seigneur-des-flammes"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="orbe-de-magma-du-seigneur-des-flammes"] .charRingLeft,
.charSprite[data-ring-left="orbe-de-magma-du-seigneur-des-flammes"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="orbe-de-magma-du-seigneur-des-flammes"] .charRingLeft::after,
.charSprite[data-ring-left="orbe-de-magma-du-seigneur-des-flammes"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="orbe-de-magma-du-seigneur-des-flammes"] .charRingRight,
.charSprite[data-ring-right="orbe-de-magma-du-seigneur-des-flammes"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="orbe-de-magma-du-seigneur-des-flammes"] .charRingRight::after,
.charSprite[data-ring-right="orbe-de-magma-du-seigneur-des-flammes"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="machoire-titanesque-du-t-rex"] .charHeadgear,
.charSprite[data-headgear="machoire-titanesque-du-t-rex"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 2.0px solid #ffc864 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-headgear="machoire-titanesque-du-t-rex"] .charHeadgear,
.charSprite[data-headgear="machoire-titanesque-du-t-rex"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 2.0px solid #ffc864 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-cape="manteau-obscur-du-pere-fouettard"] .charCape,
.charSprite[data-cape="manteau-obscur-du-pere-fouettard"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 2.0px solid #b496ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="manteau-obscur-du-pere-fouettard"] .charCape,
.charSprite[data-cape="manteau-obscur-du-pere-fouettard"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 2.0px solid #b496ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-headgear="coiffe-de-sanglier"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-sanglier"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-sanglier"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-sanglier"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-de-sanglier"] .charCape,
.charSprite[data-cape="cape-de-sanglier"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-sanglier"] .charCape,
.charSprite[data-cape="cape-de-sanglier"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-sanglier"] .charBoots,
.charSprite[data-boots="bottes-de-sanglier"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-sanglier"] .charBoots,
.charSprite[data-boots="bottes-de-sanglier"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-de-sanglier"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-sanglier"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1px solid #1c1511 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-sanglier"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-sanglier"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-sanglier"] .charRingRight,
.charSprite[data-ring-right="anneau-de-sanglier"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1px solid #1c1511 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-sanglier"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-sanglier"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-sanglier"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-sanglier"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1px solid #1c1511 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-sanglier"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-sanglier"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-sanglier"] .charRingRight,
.charSprite[data-ring-right="anneau-de-sanglier"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1px solid #1c1511 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-sanglier"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-sanglier"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-sanglier"] .charAmulet,
.charSprite[data-amulet="amulette-de-sanglier"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-sanglier"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-sanglier"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-sanglier"] .charAmulet,
.charSprite[data-amulet="amulette-de-sanglier"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-sanglier"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-sanglier"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-loup-maigre"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-loup-maigre"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-loup-maigre"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-loup-maigre"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-boots="bottes-du-golem-de-cristal"] .charBoots,
.charSprite[data-boots="bottes-du-golem-de-cristal"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #70a1ff, #1e90ff) !important;
  border: 2.0px solid #2f3542 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 6px 6px !important;
}

.charSprite[data-boots="bottes-du-golem-de-cristal"] .charBoots,
.charSprite[data-boots="bottes-du-golem-de-cristal"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #70a1ff, #1e90ff) !important;
  border: 2.0px solid #2f3542 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 6px 6px !important;
}

.charSprite[data-cape="cape-de-loup-maigre"] .charCape,
.charSprite[data-cape="cape-de-loup-maigre"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-loup-maigre"] .charCape,
.charSprite[data-cape="cape-de-loup-maigre"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-loup-maigre"] .charBoots,
.charSprite[data-boots="bottes-de-loup-maigre"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-loup-maigre"] .charBoots,
.charSprite[data-boots="bottes-de-loup-maigre"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-de-loup-maigre"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-loup-maigre"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-loup-maigre"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-loup-maigre"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-loup-maigre"] .charRingRight,
.charSprite[data-ring-right="anneau-de-loup-maigre"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-loup-maigre"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-loup-maigre"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-loup-maigre"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-loup-maigre"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-loup-maigre"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-loup-maigre"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-loup-maigre"] .charRingRight,
.charSprite[data-ring-right="anneau-de-loup-maigre"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-loup-maigre"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-loup-maigre"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-loup-maigre"] .charAmulet,
.charSprite[data-amulet="amulette-de-loup-maigre"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-loup-maigre"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-loup-maigre"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-loup-maigre"] .charAmulet,
.charSprite[data-amulet="amulette-de-loup-maigre"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-loup-maigre"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-loup-maigre"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-corbeau-des-plaines"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-corbeau-des-plaines"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #2d3436, #000000) !important;
  border: 1.5px solid #1e272e !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-headgear="coiffe-de-corbeau-des-plaines"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-corbeau-des-plaines"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #2d3436, #000000) !important;
  border: 1.5px solid #1e272e !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-cape="cape-de-corbeau-des-plaines"] .charCape,
.charSprite[data-cape="cape-de-corbeau-des-plaines"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #2d3436, #000000) !important;
  border: 1.5px solid #1e272e !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 10px 14px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-corbeau-des-plaines"] .charCape,
.charSprite[data-cape="cape-de-corbeau-des-plaines"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #2d3436, #000000) !important;
  border: 1.5px solid #1e272e !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 10px 14px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-corbeau-des-plaines"] .charBoots,
.charSprite[data-boots="bottes-de-corbeau-des-plaines"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #2d3436, #000000) !important;
  border: 1.5px solid #1e272e !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-boots="bottes-de-corbeau-des-plaines"] .charBoots,
.charSprite[data-boots="bottes-de-corbeau-des-plaines"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #2d3436, #000000) !important;
  border: 1.5px solid #1e272e !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-headgear="coiffe-du-sanglier"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-sanglier"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-du-sanglier"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-sanglier"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-ring-left="anneau-de-corbeau-des-plaines"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-corbeau-des-plaines"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #2d3436, #000000) !important;
  border: 1px solid #1e272e !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-left="anneau-de-corbeau-des-plaines"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-corbeau-des-plaines"] .charRingLeft.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-corbeau-des-plaines"] .charRingRight,
.charSprite[data-ring-right="anneau-de-corbeau-des-plaines"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #2d3436, #000000) !important;
  border: 1px solid #1e272e !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-right="anneau-de-corbeau-des-plaines"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-corbeau-des-plaines"] .charRingRight.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-corbeau-des-plaines"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-corbeau-des-plaines"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #2d3436, #000000) !important;
  border: 1px solid #1e272e !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-left="anneau-de-corbeau-des-plaines"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-corbeau-des-plaines"] .charRingLeft.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-corbeau-des-plaines"] .charRingRight,
.charSprite[data-ring-right="anneau-de-corbeau-des-plaines"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #2d3436, #000000) !important;
  border: 1px solid #1e272e !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-right="anneau-de-corbeau-des-plaines"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-corbeau-des-plaines"] .charRingRight.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-golem-de-roc"] .charAmulet,
.charSprite[data-amulet="amulette-de-golem-de-roc"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 6px 6px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-golem-de-roc"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-golem-de-roc"] .charAmulet.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-golem-de-roc"] .charAmulet,
.charSprite[data-amulet="amulette-de-golem-de-roc"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 6px 6px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-golem-de-roc"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-golem-de-roc"] .charAmulet.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-du-golem-de-cristal"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-golem-de-cristal"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #70a1ff, #1e90ff) !important;
  border: 2.0px solid #2f3542 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-left="anneau-du-golem-de-cristal"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-golem-de-cristal"] .charRingLeft.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-golem-de-cristal"] .charRingRight,
.charSprite[data-ring-right="anneau-du-golem-de-cristal"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #70a1ff, #1e90ff) !important;
  border: 2.0px solid #2f3542 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-right="anneau-du-golem-de-cristal"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-golem-de-cristal"] .charRingRight.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-du-golem-de-cristal"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-golem-de-cristal"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #70a1ff, #1e90ff) !important;
  border: 2.0px solid #2f3542 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-left="anneau-du-golem-de-cristal"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-golem-de-cristal"] .charRingLeft.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-golem-de-cristal"] .charRingRight,
.charSprite[data-ring-right="anneau-du-golem-de-cristal"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #70a1ff, #1e90ff) !important;
  border: 2.0px solid #2f3542 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-right="anneau-du-golem-de-cristal"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-golem-de-cristal"] .charRingRight.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-cape="cape-de-crabe-des-roseaux"] .charCape,
.charSprite[data-cape="cape-de-crabe-des-roseaux"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1.5px solid #b33939 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 8px 8px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-crabe-des-roseaux"] .charCape,
.charSprite[data-cape="cape-de-crabe-des-roseaux"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1.5px solid #b33939 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 8px 8px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-headgear="coiffe-de-scorpion"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-scorpion"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-scorpion"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-scorpion"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-amulet="amulette-de-yeti-mineur"] .charAmulet,
.charSprite[data-amulet="amulette-de-yeti-mineur"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #ffffff, #dcdde1) !important;
  border: 1.5px solid #7f8c8d !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-yeti-mineur"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-yeti-mineur"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-yeti-mineur"] .charAmulet,
.charSprite[data-amulet="amulette-de-yeti-mineur"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #ffffff, #dcdde1) !important;
  border: 1.5px solid #7f8c8d !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-yeti-mineur"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-yeti-mineur"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-boots="bottes-du-dragon-de-givre"] .charBoots,
.charSprite[data-boots="bottes-du-dragon-de-givre"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ffffff, #74b9ff) !important;
  border: 2.0px solid #70a1ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 8px 8px !important;
}

.charSprite[data-boots="bottes-du-dragon-de-givre"] .charBoots,
.charSprite[data-boots="bottes-du-dragon-de-givre"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ffffff, #74b9ff) !important;
  border: 2.0px solid #70a1ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 8px 8px !important;
}

.charSprite[data-headgear="coiffe-de-feu"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-feu"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-feu"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-feu"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-de-magma"] .charCape,
.charSprite[data-cape="cape-de-magma"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-magma"] .charCape,
.charSprite[data-cape="cape-de-magma"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-headgear="coiffe-celeste"] .charHeadgear,
.charSprite[data-headgear="coiffe-celeste"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 1.5px solid #fdcb6e !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-headgear="coiffe-celeste"] .charHeadgear,
.charSprite[data-headgear="coiffe-celeste"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 1.5px solid #fdcb6e !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-amulet="amulette-de-marmouset"] .charAmulet,
.charSprite[data-amulet="amulette-de-marmouset"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-marmouset"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-marmouset"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-marmouset"] .charAmulet,
.charSprite[data-amulet="amulette-de-marmouset"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-marmouset"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-marmouset"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-du-roi-singe"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-roi-singe"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f1c40f, #e67e22) !important;
  border: 2.0px solid #d35400 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(0% 100%, 0% 30%, 20% 10%, 50% 0%, 80% 10%, 100% 30%, 100% 100%) !important;
}

.charSprite[data-ring-left="anneau-du-roi-singe"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-roi-singe"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-roi-singe"] .charRingRight,
.charSprite[data-ring-right="anneau-du-roi-singe"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f1c40f, #e67e22) !important;
  border: 2.0px solid #d35400 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(0% 100%, 0% 30%, 20% 10%, 50% 0%, 80% 10%, 100% 30%, 100% 100%) !important;
}

.charSprite[data-ring-right="anneau-du-roi-singe"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-roi-singe"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-du-roi-singe"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-roi-singe"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f1c40f, #e67e22) !important;
  border: 2.0px solid #d35400 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(0% 100%, 0% 30%, 20% 10%, 50% 0%, 80% 10%, 100% 30%, 100% 100%) !important;
}

.charSprite[data-ring-left="anneau-du-roi-singe"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-roi-singe"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-roi-singe"] .charRingRight,
.charSprite[data-ring-right="anneau-du-roi-singe"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f1c40f, #e67e22) !important;
  border: 2.0px solid #d35400 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(0% 100%, 0% 30%, 20% 10%, 50% 0%, 80% 10%, 100% 30%, 100% 100%) !important;
}

.charSprite[data-ring-right="anneau-du-roi-singe"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-roi-singe"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-minotocure"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-minotocure"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 1px solid #190a02 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-minotocure"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-minotocure"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-minotocure"] .charRingRight,
.charSprite[data-ring-right="anneau-de-minotocure"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 1px solid #190a02 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-minotocure"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-minotocure"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-minotocure"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-minotocure"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 1px solid #190a02 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-minotocure"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-minotocure"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-minotocure"] .charRingRight,
.charSprite[data-ring-right="anneau-de-minotocure"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 1px solid #190a02 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-minotocure"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-minotocure"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-boots="bottes-cornues"] .charBoots,
.charSprite[data-boots="bottes-cornues"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-cornues"] .charBoots,
.charSprite[data-boots="bottes-cornues"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-cape="cape-squelettique"] .charCape,
.charSprite[data-cape="cape-squelettique"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-squelettique"] .charCape,
.charSprite[data-cape="cape-squelettique"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-amulet="amulette-de-corbeau-des-plaines"] .charAmulet,
.charSprite[data-amulet="amulette-de-corbeau-des-plaines"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #2d3436, #000000) !important;
  border: 1.5px solid #1e272e !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 10px 14px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-corbeau-des-plaines"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-corbeau-des-plaines"] .charAmulet.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-corbeau-des-plaines"] .charAmulet,
.charSprite[data-amulet="amulette-de-corbeau-des-plaines"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #2d3436, #000000) !important;
  border: 1.5px solid #1e272e !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 10px 14px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-corbeau-des-plaines"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-corbeau-des-plaines"] .charAmulet.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-crabe-des-plaines"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-crabe-des-plaines"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1.5px solid #b33939 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-headgear="coiffe-de-crabe-des-plaines"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-crabe-des-plaines"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1.5px solid #b33939 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-cape="cape-de-crabe-des-plaines"] .charCape,
.charSprite[data-cape="cape-de-crabe-des-plaines"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1.5px solid #b33939 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 8px 8px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-crabe-des-plaines"] .charCape,
.charSprite[data-cape="cape-de-crabe-des-plaines"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1.5px solid #b33939 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 8px 8px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-crabe-des-plaines"] .charBoots,
.charSprite[data-boots="bottes-de-crabe-des-plaines"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1.5px solid #b33939 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-boots="bottes-de-crabe-des-plaines"] .charBoots,
.charSprite[data-boots="bottes-de-crabe-des-plaines"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1.5px solid #b33939 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-de-crabe-des-plaines"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-crabe-des-plaines"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1px solid #b33939 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-de-crabe-des-plaines"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-crabe-des-plaines"] .charRingLeft.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-crabe-des-plaines"] .charRingRight,
.charSprite[data-ring-right="anneau-de-crabe-des-plaines"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1px solid #b33939 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-right="anneau-de-crabe-des-plaines"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-crabe-des-plaines"] .charRingRight.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-crabe-des-plaines"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-crabe-des-plaines"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1px solid #b33939 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-de-crabe-des-plaines"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-crabe-des-plaines"] .charRingLeft.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-crabe-des-plaines"] .charRingRight,
.charSprite[data-ring-right="anneau-de-crabe-des-plaines"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1px solid #b33939 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-right="anneau-de-crabe-des-plaines"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-crabe-des-plaines"] .charRingRight.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-crabe-des-plaines"] .charAmulet,
.charSprite[data-amulet="amulette-de-crabe-des-plaines"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1.5px solid #b33939 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 8px 8px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-crabe-des-plaines"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-crabe-des-plaines"] .charAmulet.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-crabe-des-plaines"] .charAmulet,
.charSprite[data-amulet="amulette-de-crabe-des-plaines"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1.5px solid #b33939 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 8px 8px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-crabe-des-plaines"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-crabe-des-plaines"] .charAmulet.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-du-grand-groin"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-grand-groin"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 2.0px solid #ffc864 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-headgear="coiffe-du-grand-groin"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-grand-groin"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 2.0px solid #ffc864 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-cape="cape-du-grand-groin"] .charCape,
.charSprite[data-cape="cape-du-grand-groin"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 2.0px solid #b496ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-du-grand-groin"] .charCape,
.charSprite[data-cape="cape-du-grand-groin"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 2.0px solid #b496ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-du-grand-groin"] .charBoots,
.charSprite[data-boots="bottes-du-grand-groin"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 2.0px solid #1c1511 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-boots="bottes-du-grand-groin"] .charBoots,
.charSprite[data-boots="bottes-du-grand-groin"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 2.0px solid #1c1511 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-left="anneau-du-grand-groin"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-grand-groin"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 2.0px solid #624310 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-left="anneau-du-grand-groin"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-grand-groin"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-grand-groin"] .charRingRight,
.charSprite[data-ring-right="anneau-du-grand-groin"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 2.0px solid #624310 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-right="anneau-du-grand-groin"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-grand-groin"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-du-grand-groin"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-grand-groin"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 2.0px solid #624310 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-left="anneau-du-grand-groin"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-grand-groin"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-grand-groin"] .charRingRight,
.charSprite[data-ring-right="anneau-du-grand-groin"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 2.0px solid #624310 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-right="anneau-du-grand-groin"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-grand-groin"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-du-grand-groin"] .charAmulet,
.charSprite[data-amulet="amulette-du-grand-groin"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 2.0px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-grand-groin"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-grand-groin"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-du-grand-groin"] .charAmulet,
.charSprite[data-amulet="amulette-du-grand-groin"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 2.0px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-grand-groin"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-grand-groin"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-dent-jeune"] .charHeadgear,
.charSprite[data-headgear="coiffe-dent-jeune"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-d-ent-jeune"] .charHeadgear,
.charSprite[data-headgear="coiffe-d-ent-jeune"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-d-ent-jeune"] .charHeadgear,
.charSprite[data-headgear="coiffe-d-ent-jeune"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-dent-jeune"] .charCape,
.charSprite[data-cape="cape-dent-jeune"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-d-ent-jeune"] .charCape,
.charSprite[data-cape="cape-d-ent-jeune"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-d-ent-jeune"] .charCape,
.charSprite[data-cape="cape-d-ent-jeune"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-dent-jeune"] .charBoots,
.charSprite[data-boots="bottes-dent-jeune"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-d-ent-jeune"] .charBoots,
.charSprite[data-boots="bottes-d-ent-jeune"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-d-ent-jeune"] .charBoots,
.charSprite[data-boots="bottes-d-ent-jeune"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-dent-jeune"] .charRingLeft,
.charSprite[data-ring-left="anneau-dent-jeune"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-dent-jeune"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-dent-jeune"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-dent-jeune"] .charRingRight,
.charSprite[data-ring-right="anneau-dent-jeune"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-dent-jeune"] .charRingRight::after,
.charSprite[data-ring-right="anneau-dent-jeune"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-d-ent-jeune"] .charRingLeft,
.charSprite[data-ring-left="anneau-d-ent-jeune"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-d-ent-jeune"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-d-ent-jeune"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-d-ent-jeune"] .charRingRight,
.charSprite[data-ring-right="anneau-d-ent-jeune"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-d-ent-jeune"] .charRingRight::after,
.charSprite[data-ring-right="anneau-d-ent-jeune"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-d-ent-jeune"] .charRingLeft,
.charSprite[data-ring-left="anneau-d-ent-jeune"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-d-ent-jeune"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-d-ent-jeune"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-d-ent-jeune"] .charRingRight,
.charSprite[data-ring-right="anneau-d-ent-jeune"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-d-ent-jeune"] .charRingRight::after,
.charSprite[data-ring-right="anneau-d-ent-jeune"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-dent-jeune"] .charAmulet,
.charSprite[data-amulet="amulette-dent-jeune"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-dent-jeune"] .charAmulet::after,
.charSprite[data-amulet="amulette-dent-jeune"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-d-ent-jeune"] .charAmulet,
.charSprite[data-amulet="amulette-d-ent-jeune"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-d-ent-jeune"] .charAmulet::after,
.charSprite[data-amulet="amulette-d-ent-jeune"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-d-ent-jeune"] .charAmulet,
.charSprite[data-amulet="amulette-d-ent-jeune"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-d-ent-jeune"] .charAmulet::after,
.charSprite[data-amulet="amulette-d-ent-jeune"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-daraignee-sylvestre"] .charHeadgear,
.charSprite[data-headgear="coiffe-daraignee-sylvestre"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M0,0 L20,20 M20,0 L0,20 M10,0 L10,20 M0,10 L20,10' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='4' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='8' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3C/svg%3E"), linear-gradient(180deg, #2c3e50, #1a252f) !important;
  border: 1.5px solid #bdc3c7 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 20px 20px !important;
}

.charSprite[data-headgear="coiffe-d-araignee-sylvestre"] .charHeadgear,
.charSprite[data-headgear="coiffe-d-araignee-sylvestre"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M0,0 L20,20 M20,0 L0,20 M10,0 L10,20 M0,10 L20,10' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='4' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='8' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3C/svg%3E"), linear-gradient(180deg, #2c3e50, #1a252f) !important;
  border: 1.5px solid #bdc3c7 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 20px 20px !important;
}

.charSprite[data-headgear="coiffe-d-araignee-sylvestre"] .charHeadgear,
.charSprite[data-headgear="coiffe-d-araignee-sylvestre"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M0,0 L20,20 M20,0 L0,20 M10,0 L10,20 M0,10 L20,10' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='4' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='8' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3C/svg%3E"), linear-gradient(180deg, #2c3e50, #1a252f) !important;
  border: 1.5px solid #bdc3c7 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 20px 20px !important;
}

.charSprite[data-cape="cape-daraignee-sylvestre"] .charCape,
.charSprite[data-cape="cape-daraignee-sylvestre"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M0,0 L20,20 M20,0 L0,20 M10,0 L10,20 M0,10 L20,10' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='4' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='8' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3C/svg%3E"), linear-gradient(180deg, #2c3e50, #1a252f) !important;
  border: 1.5px solid #bdc3c7 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 20px 20px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-d-araignee-sylvestre"] .charCape,
.charSprite[data-cape="cape-d-araignee-sylvestre"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M0,0 L20,20 M20,0 L0,20 M10,0 L10,20 M0,10 L20,10' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='4' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='8' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3C/svg%3E"), linear-gradient(180deg, #2c3e50, #1a252f) !important;
  border: 1.5px solid #bdc3c7 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 20px 20px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-d-araignee-sylvestre"] .charCape,
.charSprite[data-cape="cape-d-araignee-sylvestre"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M0,0 L20,20 M20,0 L0,20 M10,0 L10,20 M0,10 L20,10' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='4' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='8' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3C/svg%3E"), linear-gradient(180deg, #2c3e50, #1a252f) !important;
  border: 1.5px solid #bdc3c7 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 20px 20px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-daraignee-sylvestre"] .charBoots,
.charSprite[data-boots="bottes-daraignee-sylvestre"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M0,0 L20,20 M20,0 L0,20 M10,0 L10,20 M0,10 L20,10' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='4' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='8' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3C/svg%3E"), linear-gradient(180deg, #2c3e50, #1a252f) !important;
  border: 1.5px solid #bdc3c7 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 20px 20px !important;
}

.charSprite[data-boots="bottes-d-araignee-sylvestre"] .charBoots,
.charSprite[data-boots="bottes-d-araignee-sylvestre"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M0,0 L20,20 M20,0 L0,20 M10,0 L10,20 M0,10 L20,10' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='4' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='8' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3C/svg%3E"), linear-gradient(180deg, #2c3e50, #1a252f) !important;
  border: 1.5px solid #bdc3c7 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 20px 20px !important;
}

.charSprite[data-boots="bottes-d-araignee-sylvestre"] .charBoots,
.charSprite[data-boots="bottes-d-araignee-sylvestre"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M0,0 L20,20 M20,0 L0,20 M10,0 L10,20 M0,10 L20,10' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='4' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='8' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3C/svg%3E"), linear-gradient(180deg, #2c3e50, #1a252f) !important;
  border: 1.5px solid #bdc3c7 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 20px 20px !important;
}

.charSprite[data-ring-left="anneau-daraignee-sylvestre"] .charRingLeft,
.charSprite[data-ring-left="anneau-daraignee-sylvestre"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M0,0 L20,20 M20,0 L0,20 M10,0 L10,20 M0,10 L20,10' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='4' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='8' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3C/svg%3E"), linear-gradient(180deg, #2c3e50, #1a252f) !important;
  border: 1px solid #bdc3c7 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 20px 20px !important;
}

.charSprite[data-ring-left="anneau-daraignee-sylvestre"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-daraignee-sylvestre"] .charRingLeft.equipped::after {
  content: "🕸️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-daraignee-sylvestre"] .charRingRight,
.charSprite[data-ring-right="anneau-daraignee-sylvestre"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M0,0 L20,20 M20,0 L0,20 M10,0 L10,20 M0,10 L20,10' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='4' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='8' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3C/svg%3E"), linear-gradient(180deg, #2c3e50, #1a252f) !important;
  border: 1px solid #bdc3c7 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 20px 20px !important;
}

.charSprite[data-ring-right="anneau-daraignee-sylvestre"] .charRingRight::after,
.charSprite[data-ring-right="anneau-daraignee-sylvestre"] .charRingRight.equipped::after {
  content: "🕸️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-d-araignee-sylvestre"] .charRingLeft,
.charSprite[data-ring-left="anneau-d-araignee-sylvestre"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M0,0 L20,20 M20,0 L0,20 M10,0 L10,20 M0,10 L20,10' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='4' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='8' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3C/svg%3E"), linear-gradient(180deg, #2c3e50, #1a252f) !important;
  border: 1px solid #bdc3c7 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 20px 20px !important;
}

.charSprite[data-ring-left="anneau-d-araignee-sylvestre"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-d-araignee-sylvestre"] .charRingLeft.equipped::after {
  content: "🕸️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-d-araignee-sylvestre"] .charRingRight,
.charSprite[data-ring-right="anneau-d-araignee-sylvestre"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M0,0 L20,20 M20,0 L0,20 M10,0 L10,20 M0,10 L20,10' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='4' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='8' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3C/svg%3E"), linear-gradient(180deg, #2c3e50, #1a252f) !important;
  border: 1px solid #bdc3c7 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 20px 20px !important;
}

.charSprite[data-ring-right="anneau-d-araignee-sylvestre"] .charRingRight::after,
.charSprite[data-ring-right="anneau-d-araignee-sylvestre"] .charRingRight.equipped::after {
  content: "🕸️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-d-araignee-sylvestre"] .charRingLeft,
.charSprite[data-ring-left="anneau-d-araignee-sylvestre"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M0,0 L20,20 M20,0 L0,20 M10,0 L10,20 M0,10 L20,10' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='4' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='8' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3C/svg%3E"), linear-gradient(180deg, #2c3e50, #1a252f) !important;
  border: 1px solid #bdc3c7 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 20px 20px !important;
}

.charSprite[data-ring-left="anneau-d-araignee-sylvestre"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-d-araignee-sylvestre"] .charRingLeft.equipped::after {
  content: "🕸️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-d-araignee-sylvestre"] .charRingRight,
.charSprite[data-ring-right="anneau-d-araignee-sylvestre"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M0,0 L20,20 M20,0 L0,20 M10,0 L10,20 M0,10 L20,10' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='4' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='8' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3C/svg%3E"), linear-gradient(180deg, #2c3e50, #1a252f) !important;
  border: 1px solid #bdc3c7 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 20px 20px !important;
}

.charSprite[data-ring-right="anneau-d-araignee-sylvestre"] .charRingRight::after,
.charSprite[data-ring-right="anneau-d-araignee-sylvestre"] .charRingRight.equipped::after {
  content: "🕸️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-daraignee-sylvestre"] .charAmulet,
.charSprite[data-amulet="amulette-daraignee-sylvestre"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M0,0 L20,20 M20,0 L0,20 M10,0 L10,20 M0,10 L20,10' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='4' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='8' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3C/svg%3E"), linear-gradient(180deg, #2c3e50, #1a252f) !important;
  border: 1.5px solid #bdc3c7 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 20px 20px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-daraignee-sylvestre"] .charAmulet::after,
.charSprite[data-amulet="amulette-daraignee-sylvestre"] .charAmulet.equipped::after {
  content: "🕸️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-d-araignee-sylvestre"] .charAmulet,
.charSprite[data-amulet="amulette-d-araignee-sylvestre"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M0,0 L20,20 M20,0 L0,20 M10,0 L10,20 M0,10 L20,10' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='4' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='8' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3C/svg%3E"), linear-gradient(180deg, #2c3e50, #1a252f) !important;
  border: 1.5px solid #bdc3c7 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 20px 20px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-d-araignee-sylvestre"] .charAmulet::after,
.charSprite[data-amulet="amulette-d-araignee-sylvestre"] .charAmulet.equipped::after {
  content: "🕸️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-d-araignee-sylvestre"] .charAmulet,
.charSprite[data-amulet="amulette-d-araignee-sylvestre"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M0,0 L20,20 M20,0 L0,20 M10,0 L10,20 M0,10 L20,10' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='4' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='8' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='0.8'/%3E%3C/svg%3E"), linear-gradient(180deg, #2c3e50, #1a252f) !important;
  border: 1.5px solid #bdc3c7 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 20px 20px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-d-araignee-sylvestre"] .charAmulet::after,
.charSprite[data-amulet="amulette-d-araignee-sylvestre"] .charAmulet.equipped::after {
  content: "🕸️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-sanglier-des-bois"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-sanglier-des-bois"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-sanglier-des-bois"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-sanglier-des-bois"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-de-sanglier-des-bois"] .charCape,
.charSprite[data-cape="cape-de-sanglier-des-bois"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-sanglier-des-bois"] .charCape,
.charSprite[data-cape="cape-de-sanglier-des-bois"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-sanglier-des-bois"] .charBoots,
.charSprite[data-boots="bottes-de-sanglier-des-bois"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-sanglier-des-bois"] .charBoots,
.charSprite[data-boots="bottes-de-sanglier-des-bois"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-de-sanglier-des-bois"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-sanglier-des-bois"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1px solid #1c1511 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-sanglier-des-bois"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-sanglier-des-bois"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-sanglier-des-bois"] .charRingRight,
.charSprite[data-ring-right="anneau-de-sanglier-des-bois"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1px solid #1c1511 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-sanglier-des-bois"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-sanglier-des-bois"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-sanglier-des-bois"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-sanglier-des-bois"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1px solid #1c1511 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-sanglier-des-bois"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-sanglier-des-bois"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-sanglier-des-bois"] .charRingRight,
.charSprite[data-ring-right="anneau-de-sanglier-des-bois"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1px solid #1c1511 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-sanglier-des-bois"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-sanglier-des-bois"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-sanglier-des-bois"] .charAmulet,
.charSprite[data-amulet="amulette-de-sanglier-des-bois"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-sanglier-des-bois"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-sanglier-des-bois"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-sanglier-des-bois"] .charAmulet,
.charSprite[data-amulet="amulette-de-sanglier-des-bois"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-sanglier-des-bois"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-sanglier-des-bois"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-loup-des-bois"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-loup-des-bois"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-loup-des-bois"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-loup-des-bois"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-de-loup-des-bois"] .charCape,
.charSprite[data-cape="cape-de-loup-des-bois"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-loup-des-bois"] .charCape,
.charSprite[data-cape="cape-de-loup-des-bois"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-loup-des-bois"] .charBoots,
.charSprite[data-boots="bottes-de-loup-des-bois"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-loup-des-bois"] .charBoots,
.charSprite[data-boots="bottes-de-loup-des-bois"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-de-loup-des-bois"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-loup-des-bois"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-loup-des-bois"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-loup-des-bois"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-loup-des-bois"] .charRingRight,
.charSprite[data-ring-right="anneau-de-loup-des-bois"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-loup-des-bois"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-loup-des-bois"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-loup-des-bois"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-loup-des-bois"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-loup-des-bois"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-loup-des-bois"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-loup-des-bois"] .charRingRight,
.charSprite[data-ring-right="anneau-de-loup-des-bois"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-loup-des-bois"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-loup-des-bois"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-loup-des-bois"] .charAmulet,
.charSprite[data-amulet="amulette-de-loup-des-bois"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-loup-des-bois"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-loup-des-bois"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-loup-des-bois"] .charAmulet,
.charSprite[data-amulet="amulette-de-loup-des-bois"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-loup-des-bois"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-loup-des-bois"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-larbre-ancestral"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-larbre-ancestral"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 2.0px solid #1a0f0a !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 12px 24px !important;
}

.charSprite[data-headgear="coiffe-de-l-arbre-ancestral"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-l-arbre-ancestral"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 2.0px solid #1a0f0a !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 12px 24px !important;
}

.charSprite[data-headgear="coiffe-de-l-arbre-ancestral"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-l-arbre-ancestral"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 2.0px solid #1a0f0a !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 12px 24px !important;
}

.charSprite[data-cape="cape-de-larbre-ancestral"] .charCape,
.charSprite[data-cape="cape-de-larbre-ancestral"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 2.0px solid #1a0f0a !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 12px 24px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-l-arbre-ancestral"] .charCape,
.charSprite[data-cape="cape-de-l-arbre-ancestral"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 2.0px solid #1a0f0a !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 12px 24px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-l-arbre-ancestral"] .charCape,
.charSprite[data-cape="cape-de-l-arbre-ancestral"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 2.0px solid #1a0f0a !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 12px 24px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-larbre-ancestral"] .charBoots,
.charSprite[data-boots="bottes-de-larbre-ancestral"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 2.0px solid #1a0f0a !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 12px 24px !important;
}

.charSprite[data-boots="bottes-de-l-arbre-ancestral"] .charBoots,
.charSprite[data-boots="bottes-de-l-arbre-ancestral"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 2.0px solid #1a0f0a !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 12px 24px !important;
}

.charSprite[data-boots="bottes-de-l-arbre-ancestral"] .charBoots,
.charSprite[data-boots="bottes-de-l-arbre-ancestral"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 2.0px solid #1a0f0a !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 12px 24px !important;
}

.charSprite[data-ring-left="anneau-de-larbre-ancestral"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-larbre-ancestral"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 2.0px solid #1a0f0a !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 12px 24px !important;
}

.charSprite[data-ring-left="anneau-de-larbre-ancestral"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-larbre-ancestral"] .charRingLeft.equipped::after {
  content: "🪵";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-larbre-ancestral"] .charRingRight,
.charSprite[data-ring-right="anneau-de-larbre-ancestral"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 2.0px solid #1a0f0a !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 12px 24px !important;
}

.charSprite[data-ring-right="anneau-de-larbre-ancestral"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-larbre-ancestral"] .charRingRight.equipped::after {
  content: "🪵";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-l-arbre-ancestral"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-l-arbre-ancestral"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 2.0px solid #1a0f0a !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 12px 24px !important;
}

.charSprite[data-ring-left="anneau-de-l-arbre-ancestral"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-l-arbre-ancestral"] .charRingLeft.equipped::after {
  content: "🪵";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-l-arbre-ancestral"] .charRingRight,
.charSprite[data-ring-right="anneau-de-l-arbre-ancestral"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 2.0px solid #1a0f0a !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 12px 24px !important;
}

.charSprite[data-ring-right="anneau-de-l-arbre-ancestral"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-l-arbre-ancestral"] .charRingRight.equipped::after {
  content: "🪵";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-l-arbre-ancestral"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-l-arbre-ancestral"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 2.0px solid #1a0f0a !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 12px 24px !important;
}

.charSprite[data-ring-left="anneau-de-l-arbre-ancestral"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-l-arbre-ancestral"] .charRingLeft.equipped::after {
  content: "🪵";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-l-arbre-ancestral"] .charRingRight,
.charSprite[data-ring-right="anneau-de-l-arbre-ancestral"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 2.0px solid #1a0f0a !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 12px 24px !important;
}

.charSprite[data-ring-right="anneau-de-l-arbre-ancestral"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-l-arbre-ancestral"] .charRingRight.equipped::after {
  content: "🪵";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-larbre-ancestral"] .charAmulet,
.charSprite[data-amulet="amulette-de-larbre-ancestral"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 2.0px solid #1a0f0a !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 12px 24px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-larbre-ancestral"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-larbre-ancestral"] .charAmulet.equipped::after {
  content: "🪵";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-l-arbre-ancestral"] .charAmulet,
.charSprite[data-amulet="amulette-de-l-arbre-ancestral"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 2.0px solid #1a0f0a !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 12px 24px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-l-arbre-ancestral"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-l-arbre-ancestral"] .charAmulet.equipped::after {
  content: "🪵";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-l-arbre-ancestral"] .charAmulet,
.charSprite[data-amulet="amulette-de-l-arbre-ancestral"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 2.0px solid #1a0f0a !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 12px 24px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-l-arbre-ancestral"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-l-arbre-ancestral"] .charAmulet.equipped::after {
  content: "🪵";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-golem-de-roc"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-golem-de-roc"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-headgear="coiffe-de-golem-de-roc"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-golem-de-roc"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-cape="cape-de-golem-de-roc"] .charCape,
.charSprite[data-cape="cape-de-golem-de-roc"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 6px 6px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-golem-de-roc"] .charCape,
.charSprite[data-cape="cape-de-golem-de-roc"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 6px 6px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-golem-de-roc"] .charBoots,
.charSprite[data-boots="bottes-de-golem-de-roc"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-boots="bottes-de-golem-de-roc"] .charBoots,
.charSprite[data-boots="bottes-de-golem-de-roc"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-left="anneau-de-golem-de-roc"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-golem-de-roc"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1px solid #2c3e50 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-left="anneau-de-golem-de-roc"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-golem-de-roc"] .charRingLeft.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-golem-de-roc"] .charRingRight,
.charSprite[data-ring-right="anneau-de-golem-de-roc"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1px solid #2c3e50 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-right="anneau-de-golem-de-roc"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-golem-de-roc"] .charRingRight.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-golem-de-roc"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-golem-de-roc"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1px solid #2c3e50 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-left="anneau-de-golem-de-roc"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-golem-de-roc"] .charRingLeft.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-golem-de-roc"] .charRingRight,
.charSprite[data-ring-right="anneau-de-golem-de-roc"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1px solid #2c3e50 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-right="anneau-de-golem-de-roc"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-golem-de-roc"] .charRingRight.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-harpie"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-harpie"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-headgear="coiffe-de-harpie"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-harpie"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-cape="cape-de-harpie"] .charCape,
.charSprite[data-cape="cape-de-harpie"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 8px 8px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-harpie"] .charCape,
.charSprite[data-cape="cape-de-harpie"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 8px 8px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-harpie"] .charBoots,
.charSprite[data-boots="bottes-de-harpie"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-boots="bottes-de-harpie"] .charBoots,
.charSprite[data-boots="bottes-de-harpie"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-de-harpie"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-harpie"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1px solid #1e824c !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-de-harpie"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-harpie"] .charRingLeft.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-harpie"] .charRingRight,
.charSprite[data-ring-right="anneau-de-harpie"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1px solid #1e824c !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-right="anneau-de-harpie"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-harpie"] .charRingRight.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-harpie"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-harpie"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1px solid #1e824c !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-de-harpie"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-harpie"] .charRingLeft.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-harpie"] .charRingRight,
.charSprite[data-ring-right="anneau-de-harpie"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1px solid #1e824c !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-right="anneau-de-harpie"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-harpie"] .charRingRight.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-harpie"] .charAmulet,
.charSprite[data-amulet="amulette-de-harpie"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 8px 8px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-harpie"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-harpie"] .charAmulet.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-harpie"] .charAmulet,
.charSprite[data-amulet="amulette-de-harpie"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 8px 8px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-harpie"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-harpie"] .charAmulet.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-bouc-hargneux"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-bouc-hargneux"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-bouc-hargneux"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-bouc-hargneux"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-de-bouc-hargneux"] .charCape,
.charSprite[data-cape="cape-de-bouc-hargneux"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-bouc-hargneux"] .charCape,
.charSprite[data-cape="cape-de-bouc-hargneux"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-bouc-hargneux"] .charBoots,
.charSprite[data-boots="bottes-de-bouc-hargneux"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-bouc-hargneux"] .charBoots,
.charSprite[data-boots="bottes-de-bouc-hargneux"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-de-bouc-hargneux"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-bouc-hargneux"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-bouc-hargneux"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-bouc-hargneux"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-bouc-hargneux"] .charRingRight,
.charSprite[data-ring-right="anneau-de-bouc-hargneux"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-bouc-hargneux"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-bouc-hargneux"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-bouc-hargneux"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-bouc-hargneux"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-bouc-hargneux"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-bouc-hargneux"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-bouc-hargneux"] .charRingRight,
.charSprite[data-ring-right="anneau-de-bouc-hargneux"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-bouc-hargneux"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-bouc-hargneux"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-bouc-hargneux"] .charAmulet,
.charSprite[data-amulet="amulette-de-bouc-hargneux"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-bouc-hargneux"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-bouc-hargneux"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-bouc-hargneux"] .charAmulet,
.charSprite[data-amulet="amulette-de-bouc-hargneux"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-bouc-hargneux"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-bouc-hargneux"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-daigle-des-sommets"] .charHeadgear,
.charSprite[data-headgear="coiffe-daigle-des-sommets"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #7e5109, #4a2704) !important;
  border: 1.5px solid #fdcb6e !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-headgear="coiffe-d-aigle-des-sommets"] .charHeadgear,
.charSprite[data-headgear="coiffe-d-aigle-des-sommets"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #7e5109, #4a2704) !important;
  border: 1.5px solid #fdcb6e !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-headgear="coiffe-d-aigle-des-sommets"] .charHeadgear,
.charSprite[data-headgear="coiffe-d-aigle-des-sommets"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #7e5109, #4a2704) !important;
  border: 1.5px solid #fdcb6e !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-cape="cape-daigle-des-sommets"] .charCape,
.charSprite[data-cape="cape-daigle-des-sommets"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #7e5109, #4a2704) !important;
  border: 1.5px solid #fdcb6e !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 10px 14px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-d-aigle-des-sommets"] .charCape,
.charSprite[data-cape="cape-d-aigle-des-sommets"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #7e5109, #4a2704) !important;
  border: 1.5px solid #fdcb6e !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 10px 14px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-d-aigle-des-sommets"] .charCape,
.charSprite[data-cape="cape-d-aigle-des-sommets"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #7e5109, #4a2704) !important;
  border: 1.5px solid #fdcb6e !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 10px 14px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-daigle-des-sommets"] .charBoots,
.charSprite[data-boots="bottes-daigle-des-sommets"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #7e5109, #4a2704) !important;
  border: 1.5px solid #fdcb6e !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-boots="bottes-d-aigle-des-sommets"] .charBoots,
.charSprite[data-boots="bottes-d-aigle-des-sommets"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #7e5109, #4a2704) !important;
  border: 1.5px solid #fdcb6e !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-boots="bottes-d-aigle-des-sommets"] .charBoots,
.charSprite[data-boots="bottes-d-aigle-des-sommets"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #7e5109, #4a2704) !important;
  border: 1.5px solid #fdcb6e !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-left="anneau-daigle-des-sommets"] .charRingLeft,
.charSprite[data-ring-left="anneau-daigle-des-sommets"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #7e5109, #4a2704) !important;
  border: 1px solid #fdcb6e !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-left="anneau-daigle-des-sommets"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-daigle-des-sommets"] .charRingLeft.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-daigle-des-sommets"] .charRingRight,
.charSprite[data-ring-right="anneau-daigle-des-sommets"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #7e5109, #4a2704) !important;
  border: 1px solid #fdcb6e !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-right="anneau-daigle-des-sommets"] .charRingRight::after,
.charSprite[data-ring-right="anneau-daigle-des-sommets"] .charRingRight.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-d-aigle-des-sommets"] .charRingLeft,
.charSprite[data-ring-left="anneau-d-aigle-des-sommets"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #7e5109, #4a2704) !important;
  border: 1px solid #fdcb6e !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-left="anneau-d-aigle-des-sommets"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-d-aigle-des-sommets"] .charRingLeft.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-d-aigle-des-sommets"] .charRingRight,
.charSprite[data-ring-right="anneau-d-aigle-des-sommets"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #7e5109, #4a2704) !important;
  border: 1px solid #fdcb6e !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-right="anneau-d-aigle-des-sommets"] .charRingRight::after,
.charSprite[data-ring-right="anneau-d-aigle-des-sommets"] .charRingRight.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-d-aigle-des-sommets"] .charRingLeft,
.charSprite[data-ring-left="anneau-d-aigle-des-sommets"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #7e5109, #4a2704) !important;
  border: 1px solid #fdcb6e !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-left="anneau-d-aigle-des-sommets"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-d-aigle-des-sommets"] .charRingLeft.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-d-aigle-des-sommets"] .charRingRight,
.charSprite[data-ring-right="anneau-d-aigle-des-sommets"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #7e5109, #4a2704) !important;
  border: 1px solid #fdcb6e !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-right="anneau-d-aigle-des-sommets"] .charRingRight::after,
.charSprite[data-ring-right="anneau-d-aigle-des-sommets"] .charRingRight.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-daigle-des-sommets"] .charAmulet,
.charSprite[data-amulet="amulette-daigle-des-sommets"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #7e5109, #4a2704) !important;
  border: 1.5px solid #fdcb6e !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 10px 14px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-daigle-des-sommets"] .charAmulet::after,
.charSprite[data-amulet="amulette-daigle-des-sommets"] .charAmulet.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-d-aigle-des-sommets"] .charAmulet,
.charSprite[data-amulet="amulette-d-aigle-des-sommets"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #7e5109, #4a2704) !important;
  border: 1.5px solid #fdcb6e !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 10px 14px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-d-aigle-des-sommets"] .charAmulet::after,
.charSprite[data-amulet="amulette-d-aigle-des-sommets"] .charAmulet.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-d-aigle-des-sommets"] .charAmulet,
.charSprite[data-amulet="amulette-d-aigle-des-sommets"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #7e5109, #4a2704) !important;
  border: 1.5px solid #fdcb6e !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 10px 14px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-d-aigle-des-sommets"] .charAmulet::after,
.charSprite[data-amulet="amulette-d-aigle-des-sommets"] .charAmulet.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-du-golem-de-cristal"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-golem-de-cristal"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #70a1ff, #1e90ff) !important;
  border: 2.0px solid #2f3542 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 6px 6px !important;
}

.charSprite[data-headgear="coiffe-du-golem-de-cristal"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-golem-de-cristal"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #70a1ff, #1e90ff) !important;
  border: 2.0px solid #2f3542 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 6px 6px !important;
}

.charSprite[data-cape="cape-du-golem-de-cristal"] .charCape,
.charSprite[data-cape="cape-du-golem-de-cristal"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #70a1ff, #1e90ff) !important;
  border: 2.0px solid #2f3542 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 6px 6px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-du-golem-de-cristal"] .charCape,
.charSprite[data-cape="cape-du-golem-de-cristal"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #70a1ff, #1e90ff) !important;
  border: 2.0px solid #2f3542 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 6px 6px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-amulet="amulette-du-golem-de-cristal"] .charAmulet,
.charSprite[data-amulet="amulette-du-golem-de-cristal"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #70a1ff, #1e90ff) !important;
  border: 2.0px solid #2f3542 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 6px 6px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-golem-de-cristal"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-golem-de-cristal"] .charAmulet.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-du-golem-de-cristal"] .charAmulet,
.charSprite[data-amulet="amulette-du-golem-de-cristal"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #70a1ff, #1e90ff) !important;
  border: 2.0px solid #2f3542 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 6px 6px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-golem-de-cristal"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-golem-de-cristal"] .charAmulet.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-tortue-deau"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-tortue-deau"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #27ae60, #145a32) !important;
  border: 1.5px solid #0e3a1f !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-headgear="coiffe-de-tortue-d-eau"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-tortue-d-eau"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #27ae60, #145a32) !important;
  border: 1.5px solid #0e3a1f !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-headgear="coiffe-de-tortue-d-eau"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-tortue-d-eau"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #27ae60, #145a32) !important;
  border: 1.5px solid #0e3a1f !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-cape="cape-de-tortue-deau"] .charCape,
.charSprite[data-cape="cape-de-tortue-deau"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #27ae60, #145a32) !important;
  border: 1.5px solid #0e3a1f !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 8px 8px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-tortue-d-eau"] .charCape,
.charSprite[data-cape="cape-de-tortue-d-eau"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #27ae60, #145a32) !important;
  border: 1.5px solid #0e3a1f !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 8px 8px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-tortue-d-eau"] .charCape,
.charSprite[data-cape="cape-de-tortue-d-eau"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #27ae60, #145a32) !important;
  border: 1.5px solid #0e3a1f !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 8px 8px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-tortue-deau"] .charBoots,
.charSprite[data-boots="bottes-de-tortue-deau"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #27ae60, #145a32) !important;
  border: 1.5px solid #0e3a1f !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-boots="bottes-de-tortue-d-eau"] .charBoots,
.charSprite[data-boots="bottes-de-tortue-d-eau"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #27ae60, #145a32) !important;
  border: 1.5px solid #0e3a1f !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-boots="bottes-de-tortue-d-eau"] .charBoots,
.charSprite[data-boots="bottes-de-tortue-d-eau"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #27ae60, #145a32) !important;
  border: 1.5px solid #0e3a1f !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-de-tortue-deau"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-tortue-deau"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #27ae60, #145a32) !important;
  border: 1px solid #0e3a1f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-de-tortue-deau"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-tortue-deau"] .charRingLeft.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-tortue-deau"] .charRingRight,
.charSprite[data-ring-right="anneau-de-tortue-deau"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #27ae60, #145a32) !important;
  border: 1px solid #0e3a1f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-right="anneau-de-tortue-deau"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-tortue-deau"] .charRingRight.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-tortue-d-eau"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-tortue-d-eau"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #27ae60, #145a32) !important;
  border: 1px solid #0e3a1f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-de-tortue-d-eau"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-tortue-d-eau"] .charRingLeft.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-tortue-d-eau"] .charRingRight,
.charSprite[data-ring-right="anneau-de-tortue-d-eau"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #27ae60, #145a32) !important;
  border: 1px solid #0e3a1f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-right="anneau-de-tortue-d-eau"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-tortue-d-eau"] .charRingRight.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-tortue-d-eau"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-tortue-d-eau"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #27ae60, #145a32) !important;
  border: 1px solid #0e3a1f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-de-tortue-d-eau"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-tortue-d-eau"] .charRingLeft.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-tortue-d-eau"] .charRingRight,
.charSprite[data-ring-right="anneau-de-tortue-d-eau"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #27ae60, #145a32) !important;
  border: 1px solid #0e3a1f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-right="anneau-de-tortue-d-eau"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-tortue-d-eau"] .charRingRight.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-tortue-deau"] .charAmulet,
.charSprite[data-amulet="amulette-de-tortue-deau"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #27ae60, #145a32) !important;
  border: 1.5px solid #0e3a1f !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 8px 8px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-tortue-deau"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-tortue-deau"] .charAmulet.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-tortue-d-eau"] .charAmulet,
.charSprite[data-amulet="amulette-de-tortue-d-eau"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #27ae60, #145a32) !important;
  border: 1.5px solid #0e3a1f !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 8px 8px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-tortue-d-eau"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-tortue-d-eau"] .charAmulet.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-tortue-d-eau"] .charAmulet,
.charSprite[data-amulet="amulette-de-tortue-d-eau"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #27ae60, #145a32) !important;
  border: 1.5px solid #0e3a1f !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 8px 8px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-tortue-d-eau"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-tortue-d-eau"] .charAmulet.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-brochet-mutant"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-brochet-mutant"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-headgear="coiffe-de-brochet-mutant"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-brochet-mutant"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-cape="cape-de-brochet-mutant"] .charCape,
.charSprite[data-cape="cape-de-brochet-mutant"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 6px 6px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-brochet-mutant"] .charCape,
.charSprite[data-cape="cape-de-brochet-mutant"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 6px 6px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-brochet-mutant"] .charBoots,
.charSprite[data-boots="bottes-de-brochet-mutant"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-boots="bottes-de-brochet-mutant"] .charBoots,
.charSprite[data-boots="bottes-de-brochet-mutant"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-left="anneau-de-brochet-mutant"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-brochet-mutant"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1px solid #2c3e50 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-left="anneau-de-brochet-mutant"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-brochet-mutant"] .charRingLeft.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-brochet-mutant"] .charRingRight,
.charSprite[data-ring-right="anneau-de-brochet-mutant"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1px solid #2c3e50 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-right="anneau-de-brochet-mutant"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-brochet-mutant"] .charRingRight.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-brochet-mutant"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-brochet-mutant"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1px solid #2c3e50 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-left="anneau-de-brochet-mutant"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-brochet-mutant"] .charRingLeft.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-brochet-mutant"] .charRingRight,
.charSprite[data-ring-right="anneau-de-brochet-mutant"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1px solid #2c3e50 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-right="anneau-de-brochet-mutant"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-brochet-mutant"] .charRingRight.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-brochet-mutant"] .charAmulet,
.charSprite[data-amulet="amulette-de-brochet-mutant"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 6px 6px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-brochet-mutant"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-brochet-mutant"] .charAmulet.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-brochet-mutant"] .charAmulet,
.charSprite[data-amulet="amulette-de-brochet-mutant"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 6px 6px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-brochet-mutant"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-brochet-mutant"] .charAmulet.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-du-gardien-des-berges"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-gardien-des-berges"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-du-gardien-des-berges"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-gardien-des-berges"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-du-gardien-des-berges"] .charCape,
.charSprite[data-cape="cape-du-gardien-des-berges"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-du-gardien-des-berges"] .charCape,
.charSprite[data-cape="cape-du-gardien-des-berges"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-du-gardien-des-berges"] .charBoots,
.charSprite[data-boots="bottes-du-gardien-des-berges"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-du-gardien-des-berges"] .charBoots,
.charSprite[data-boots="bottes-du-gardien-des-berges"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-du-gardien-des-berges"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-gardien-des-berges"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-du-gardien-des-berges"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-gardien-des-berges"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-gardien-des-berges"] .charRingRight,
.charSprite[data-ring-right="anneau-du-gardien-des-berges"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-du-gardien-des-berges"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-gardien-des-berges"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-du-gardien-des-berges"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-gardien-des-berges"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-du-gardien-des-berges"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-gardien-des-berges"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-gardien-des-berges"] .charRingRight,
.charSprite[data-ring-right="anneau-du-gardien-des-berges"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-du-gardien-des-berges"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-gardien-des-berges"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-du-gardien-des-berges"] .charAmulet,
.charSprite[data-amulet="amulette-du-gardien-des-berges"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-gardien-des-berges"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-gardien-des-berges"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-du-gardien-des-berges"] .charAmulet,
.charSprite[data-amulet="amulette-du-gardien-des-berges"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-gardien-des-berges"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-gardien-des-berges"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-crabe-des-roseaux"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-crabe-des-roseaux"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1.5px solid #b33939 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-headgear="coiffe-de-crabe-des-roseaux"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-crabe-des-roseaux"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1.5px solid #b33939 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-boots="bottes-de-crabe-des-roseaux"] .charBoots,
.charSprite[data-boots="bottes-de-crabe-des-roseaux"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1.5px solid #b33939 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-boots="bottes-de-crabe-des-roseaux"] .charBoots,
.charSprite[data-boots="bottes-de-crabe-des-roseaux"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1.5px solid #b33939 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-de-crabe-des-roseaux"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-crabe-des-roseaux"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1px solid #b33939 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-de-crabe-des-roseaux"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-crabe-des-roseaux"] .charRingLeft.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-crabe-des-roseaux"] .charRingRight,
.charSprite[data-ring-right="anneau-de-crabe-des-roseaux"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1px solid #b33939 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-right="anneau-de-crabe-des-roseaux"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-crabe-des-roseaux"] .charRingRight.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-crabe-des-roseaux"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-crabe-des-roseaux"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1px solid #b33939 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-de-crabe-des-roseaux"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-crabe-des-roseaux"] .charRingLeft.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-crabe-des-roseaux"] .charRingRight,
.charSprite[data-ring-right="anneau-de-crabe-des-roseaux"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1px solid #b33939 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-right="anneau-de-crabe-des-roseaux"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-crabe-des-roseaux"] .charRingRight.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-crabe-des-roseaux"] .charAmulet,
.charSprite[data-amulet="amulette-de-crabe-des-roseaux"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1.5px solid #b33939 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 8px 8px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-crabe-des-roseaux"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-crabe-des-roseaux"] .charAmulet.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-crabe-des-roseaux"] .charAmulet,
.charSprite[data-amulet="amulette-de-crabe-des-roseaux"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ff6b6b, #ee5253) !important;
  border: 1.5px solid #b33939 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 8px 8px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-crabe-des-roseaux"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-crabe-des-roseaux"] .charAmulet.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-du-leviathan"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-leviathan"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 2.0px solid #ffc864 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-headgear="coiffe-du-leviathan"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-leviathan"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 2.0px solid #ffc864 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-cape="cape-du-leviathan"] .charCape,
.charSprite[data-cape="cape-du-leviathan"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 2.0px solid #b496ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-du-leviathan"] .charCape,
.charSprite[data-cape="cape-du-leviathan"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 2.0px solid #b496ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-du-leviathan"] .charBoots,
.charSprite[data-boots="bottes-du-leviathan"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 2.0px solid #1c1511 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-boots="bottes-du-leviathan"] .charBoots,
.charSprite[data-boots="bottes-du-leviathan"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 2.0px solid #1c1511 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-left="anneau-du-leviathan"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-leviathan"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 2.0px solid #624310 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-left="anneau-du-leviathan"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-leviathan"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-leviathan"] .charRingRight,
.charSprite[data-ring-right="anneau-du-leviathan"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 2.0px solid #624310 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-right="anneau-du-leviathan"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-leviathan"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-du-leviathan"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-leviathan"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 2.0px solid #624310 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-left="anneau-du-leviathan"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-leviathan"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-leviathan"] .charRingRight,
.charSprite[data-ring-right="anneau-du-leviathan"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 2.0px solid #624310 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-right="anneau-du-leviathan"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-leviathan"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-du-leviathan"] .charAmulet,
.charSprite[data-amulet="amulette-du-leviathan"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 2.0px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-leviathan"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-leviathan"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-du-leviathan"] .charAmulet,
.charSprite[data-amulet="amulette-du-leviathan"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 2.0px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-leviathan"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-leviathan"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-golem-de-sable"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-golem-de-sable"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-headgear="coiffe-de-golem-de-sable"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-golem-de-sable"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-cape="cape-de-golem-de-sable"] .charCape,
.charSprite[data-cape="cape-de-golem-de-sable"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 6px 6px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-golem-de-sable"] .charCape,
.charSprite[data-cape="cape-de-golem-de-sable"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 6px 6px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-golem-de-sable"] .charBoots,
.charSprite[data-boots="bottes-de-golem-de-sable"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-boots="bottes-de-golem-de-sable"] .charBoots,
.charSprite[data-boots="bottes-de-golem-de-sable"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-left="anneau-de-golem-de-sable"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-golem-de-sable"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1px solid #2c3e50 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-left="anneau-de-golem-de-sable"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-golem-de-sable"] .charRingLeft.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-golem-de-sable"] .charRingRight,
.charSprite[data-ring-right="anneau-de-golem-de-sable"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1px solid #2c3e50 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-right="anneau-de-golem-de-sable"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-golem-de-sable"] .charRingRight.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-golem-de-sable"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-golem-de-sable"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1px solid #2c3e50 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-left="anneau-de-golem-de-sable"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-golem-de-sable"] .charRingLeft.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-golem-de-sable"] .charRingRight,
.charSprite[data-ring-right="anneau-de-golem-de-sable"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1px solid #2c3e50 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-right="anneau-de-golem-de-sable"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-golem-de-sable"] .charRingRight.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-golem-de-sable"] .charAmulet,
.charSprite[data-amulet="amulette-de-golem-de-sable"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 6px 6px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-golem-de-sable"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-golem-de-sable"] .charAmulet.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-golem-de-sable"] .charAmulet,
.charSprite[data-amulet="amulette-de-golem-de-sable"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 1.5px solid #2c3e50 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 6px 6px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-golem-de-sable"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-golem-de-sable"] .charAmulet.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-cobra-des-dunes"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-cobra-des-dunes"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1.5px solid #112233 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-headgear="coiffe-de-cobra-des-dunes"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-cobra-des-dunes"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1.5px solid #112233 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-cape="cape-de-cobra-des-dunes"] .charCape,
.charSprite[data-cape="cape-de-cobra-des-dunes"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1.5px solid #112233 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 8px 8px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-cobra-des-dunes"] .charCape,
.charSprite[data-cape="cape-de-cobra-des-dunes"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1.5px solid #112233 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 8px 8px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-cobra-des-dunes"] .charBoots,
.charSprite[data-boots="bottes-de-cobra-des-dunes"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1.5px solid #112233 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-boots="bottes-de-cobra-des-dunes"] .charBoots,
.charSprite[data-boots="bottes-de-cobra-des-dunes"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1.5px solid #112233 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-de-cobra-des-dunes"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-cobra-des-dunes"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1px solid #112233 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-de-cobra-des-dunes"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-cobra-des-dunes"] .charRingLeft.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-cobra-des-dunes"] .charRingRight,
.charSprite[data-ring-right="anneau-de-cobra-des-dunes"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1px solid #112233 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-right="anneau-de-cobra-des-dunes"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-cobra-des-dunes"] .charRingRight.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-cobra-des-dunes"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-cobra-des-dunes"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1px solid #112233 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-de-cobra-des-dunes"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-cobra-des-dunes"] .charRingLeft.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-cobra-des-dunes"] .charRingRight,
.charSprite[data-ring-right="anneau-de-cobra-des-dunes"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1px solid #112233 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-right="anneau-de-cobra-des-dunes"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-cobra-des-dunes"] .charRingRight.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-cobra-des-dunes"] .charAmulet,
.charSprite[data-amulet="amulette-de-cobra-des-dunes"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1.5px solid #112233 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 8px 8px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-cobra-des-dunes"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-cobra-des-dunes"] .charAmulet.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-cobra-des-dunes"] .charAmulet,
.charSprite[data-amulet="amulette-de-cobra-des-dunes"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1.5px solid #112233 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 8px 8px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-cobra-des-dunes"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-cobra-des-dunes"] .charAmulet.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-cape="cape-de-scorpion"] .charCape,
.charSprite[data-cape="cape-de-scorpion"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-scorpion"] .charCape,
.charSprite[data-cape="cape-de-scorpion"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-scorpion"] .charBoots,
.charSprite[data-boots="bottes-de-scorpion"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-scorpion"] .charBoots,
.charSprite[data-boots="bottes-de-scorpion"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-de-scorpion"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-scorpion"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-scorpion"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-scorpion"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-scorpion"] .charRingRight,
.charSprite[data-ring-right="anneau-de-scorpion"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-scorpion"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-scorpion"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-scorpion"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-scorpion"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-scorpion"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-scorpion"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-scorpion"] .charRingRight,
.charSprite[data-ring-right="anneau-de-scorpion"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-scorpion"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-scorpion"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-scorpion"] .charAmulet,
.charSprite[data-amulet="amulette-de-scorpion"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-scorpion"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-scorpion"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-scorpion"] .charAmulet,
.charSprite[data-amulet="amulette-de-scorpion"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-scorpion"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-scorpion"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-pillard-du-sable"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-pillard-du-sable"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 20% 30%, rgba(0,0,0,0.12) 0.6px, transparent 0.6px), radial-gradient(circle at 70% 80%, rgba(255,255,255,0.15) 0.8px, transparent 0.8px), linear-gradient(180deg, #f4d03f, #ca6f1e) !important;
  border: 1.5px solid #b7950b !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-headgear="coiffe-de-pillard-du-sable"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-pillard-du-sable"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 20% 30%, rgba(0,0,0,0.12) 0.6px, transparent 0.6px), radial-gradient(circle at 70% 80%, rgba(255,255,255,0.15) 0.8px, transparent 0.8px), linear-gradient(180deg, #f4d03f, #ca6f1e) !important;
  border: 1.5px solid #b7950b !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-cape="cape-de-pillard-du-sable"] .charCape,
.charSprite[data-cape="cape-de-pillard-du-sable"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 20% 30%, rgba(0,0,0,0.12) 0.6px, transparent 0.6px), radial-gradient(circle at 70% 80%, rgba(255,255,255,0.15) 0.8px, transparent 0.8px), linear-gradient(180deg, #f4d03f, #ca6f1e) !important;
  border: 1.5px solid #b7950b !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 6px 6px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-pillard-du-sable"] .charCape,
.charSprite[data-cape="cape-de-pillard-du-sable"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 20% 30%, rgba(0,0,0,0.12) 0.6px, transparent 0.6px), radial-gradient(circle at 70% 80%, rgba(255,255,255,0.15) 0.8px, transparent 0.8px), linear-gradient(180deg, #f4d03f, #ca6f1e) !important;
  border: 1.5px solid #b7950b !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 6px 6px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-pillard-du-sable"] .charBoots,
.charSprite[data-boots="bottes-de-pillard-du-sable"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 20% 30%, rgba(0,0,0,0.12) 0.6px, transparent 0.6px), radial-gradient(circle at 70% 80%, rgba(255,255,255,0.15) 0.8px, transparent 0.8px), linear-gradient(180deg, #f4d03f, #ca6f1e) !important;
  border: 1.5px solid #b7950b !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-boots="bottes-de-pillard-du-sable"] .charBoots,
.charSprite[data-boots="bottes-de-pillard-du-sable"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 20% 30%, rgba(0,0,0,0.12) 0.6px, transparent 0.6px), radial-gradient(circle at 70% 80%, rgba(255,255,255,0.15) 0.8px, transparent 0.8px), linear-gradient(180deg, #f4d03f, #ca6f1e) !important;
  border: 1.5px solid #b7950b !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-left="anneau-de-pillard-du-sable"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-pillard-du-sable"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 20% 30%, rgba(0,0,0,0.12) 0.6px, transparent 0.6px), radial-gradient(circle at 70% 80%, rgba(255,255,255,0.15) 0.8px, transparent 0.8px), linear-gradient(180deg, #f4d03f, #ca6f1e) !important;
  border: 1px solid #b7950b !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-left="anneau-de-pillard-du-sable"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-pillard-du-sable"] .charRingLeft.equipped::after {
  content: "⏳";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-pillard-du-sable"] .charRingRight,
.charSprite[data-ring-right="anneau-de-pillard-du-sable"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 20% 30%, rgba(0,0,0,0.12) 0.6px, transparent 0.6px), radial-gradient(circle at 70% 80%, rgba(255,255,255,0.15) 0.8px, transparent 0.8px), linear-gradient(180deg, #f4d03f, #ca6f1e) !important;
  border: 1px solid #b7950b !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-right="anneau-de-pillard-du-sable"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-pillard-du-sable"] .charRingRight.equipped::after {
  content: "⏳";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-pillard-du-sable"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-pillard-du-sable"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 20% 30%, rgba(0,0,0,0.12) 0.6px, transparent 0.6px), radial-gradient(circle at 70% 80%, rgba(255,255,255,0.15) 0.8px, transparent 0.8px), linear-gradient(180deg, #f4d03f, #ca6f1e) !important;
  border: 1px solid #b7950b !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-left="anneau-de-pillard-du-sable"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-pillard-du-sable"] .charRingLeft.equipped::after {
  content: "⏳";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-pillard-du-sable"] .charRingRight,
.charSprite[data-ring-right="anneau-de-pillard-du-sable"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 20% 30%, rgba(0,0,0,0.12) 0.6px, transparent 0.6px), radial-gradient(circle at 70% 80%, rgba(255,255,255,0.15) 0.8px, transparent 0.8px), linear-gradient(180deg, #f4d03f, #ca6f1e) !important;
  border: 1px solid #b7950b !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-right="anneau-de-pillard-du-sable"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-pillard-du-sable"] .charRingRight.equipped::after {
  content: "⏳";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-pillard-du-sable"] .charAmulet,
.charSprite[data-amulet="amulette-de-pillard-du-sable"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 20% 30%, rgba(0,0,0,0.12) 0.6px, transparent 0.6px), radial-gradient(circle at 70% 80%, rgba(255,255,255,0.15) 0.8px, transparent 0.8px), linear-gradient(180deg, #f4d03f, #ca6f1e) !important;
  border: 1.5px solid #b7950b !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 6px 6px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-pillard-du-sable"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-pillard-du-sable"] .charAmulet.equipped::after {
  content: "⏳";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-pillard-du-sable"] .charAmulet,
.charSprite[data-amulet="amulette-de-pillard-du-sable"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 20% 30%, rgba(0,0,0,0.12) 0.6px, transparent 0.6px), radial-gradient(circle at 70% 80%, rgba(255,255,255,0.15) 0.8px, transparent 0.8px), linear-gradient(180deg, #f4d03f, #ca6f1e) !important;
  border: 1.5px solid #b7950b !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 6px 6px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-pillard-du-sable"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-pillard-du-sable"] .charAmulet.equipped::after {
  content: "⏳";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-du-sphinx"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-sphinx"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 2.0px solid #2c3e50 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 6px 6px !important;
}

.charSprite[data-headgear="coiffe-du-sphinx"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-sphinx"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 2.0px solid #2c3e50 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 6px 6px !important;
}

.charSprite[data-cape="cape-du-sphinx"] .charCape,
.charSprite[data-cape="cape-du-sphinx"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 2.0px solid #2c3e50 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 6px 6px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-du-sphinx"] .charCape,
.charSprite[data-cape="cape-du-sphinx"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 2.0px solid #2c3e50 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 6px 6px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-du-sphinx"] .charBoots,
.charSprite[data-boots="bottes-du-sphinx"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 2.0px solid #2c3e50 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 6px 6px !important;
}

.charSprite[data-boots="bottes-du-sphinx"] .charBoots,
.charSprite[data-boots="bottes-du-sphinx"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 2.0px solid #2c3e50 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-left="anneau-du-sphinx"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-sphinx"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 2.0px solid #2c3e50 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-left="anneau-du-sphinx"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-sphinx"] .charRingLeft.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-sphinx"] .charRingRight,
.charSprite[data-ring-right="anneau-du-sphinx"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 2.0px solid #2c3e50 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-right="anneau-du-sphinx"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-sphinx"] .charRingRight.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-du-sphinx"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-sphinx"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 2.0px solid #2c3e50 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-left="anneau-du-sphinx"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-sphinx"] .charRingLeft.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-sphinx"] .charRingRight,
.charSprite[data-ring-right="anneau-du-sphinx"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 2.0px solid #2c3e50 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 6px 6px !important;
}

.charSprite[data-ring-right="anneau-du-sphinx"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-sphinx"] .charRingRight.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-du-sphinx"] .charAmulet,
.charSprite[data-amulet="amulette-du-sphinx"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 2.0px solid #2c3e50 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 6px 6px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-sphinx"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-sphinx"] .charAmulet.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-du-sphinx"] .charAmulet,
.charSprite[data-amulet="amulette-du-sphinx"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%), linear-gradient(225deg, rgba(0,0,0,0.2) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,0.12) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.25) 25%, transparent 25%), linear-gradient(180deg, #95a5a6, #7f8c8d) !important;
  border: 2.0px solid #2c3e50 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 6px 6px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-sphinx"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-sphinx"] .charAmulet.equipped::after {
  content: "🪨";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-yeti-mineur"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-yeti-mineur"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #ffffff, #dcdde1) !important;
  border: 1.5px solid #7f8c8d !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-yeti-mineur"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-yeti-mineur"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #ffffff, #dcdde1) !important;
  border: 1.5px solid #7f8c8d !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-de-yeti-mineur"] .charCape,
.charSprite[data-cape="cape-de-yeti-mineur"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #ffffff, #dcdde1) !important;
  border: 1.5px solid #7f8c8d !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-yeti-mineur"] .charCape,
.charSprite[data-cape="cape-de-yeti-mineur"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #ffffff, #dcdde1) !important;
  border: 1.5px solid #7f8c8d !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-yeti-mineur"] .charBoots,
.charSprite[data-boots="bottes-de-yeti-mineur"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #ffffff, #dcdde1) !important;
  border: 1.5px solid #7f8c8d !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-yeti-mineur"] .charBoots,
.charSprite[data-boots="bottes-de-yeti-mineur"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #ffffff, #dcdde1) !important;
  border: 1.5px solid #7f8c8d !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-de-yeti-mineur"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-yeti-mineur"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #ffffff, #dcdde1) !important;
  border: 1px solid #7f8c8d !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-yeti-mineur"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-yeti-mineur"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-yeti-mineur"] .charRingRight,
.charSprite[data-ring-right="anneau-de-yeti-mineur"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #ffffff, #dcdde1) !important;
  border: 1px solid #7f8c8d !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-yeti-mineur"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-yeti-mineur"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-yeti-mineur"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-yeti-mineur"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #ffffff, #dcdde1) !important;
  border: 1px solid #7f8c8d !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-yeti-mineur"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-yeti-mineur"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-yeti-mineur"] .charRingRight,
.charSprite[data-ring-right="anneau-de-yeti-mineur"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #ffffff, #dcdde1) !important;
  border: 1px solid #7f8c8d !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-yeti-mineur"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-yeti-mineur"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-lievre-givre"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-lievre-givre"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-headgear="coiffe-de-lievre-givre"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-lievre-givre"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-cape="cape-de-lievre-givre"] .charCape,
.charSprite[data-cape="cape-de-lievre-givre"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 12px 12px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-lievre-givre"] .charCape,
.charSprite[data-cape="cape-de-lievre-givre"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 12px 12px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-lievre-givre"] .charBoots,
.charSprite[data-boots="bottes-de-lievre-givre"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-boots="bottes-de-lievre-givre"] .charBoots,
.charSprite[data-boots="bottes-de-lievre-givre"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-ring-left="anneau-de-lievre-givre"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-lievre-givre"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1px solid #8cb2d7 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-ring-left="anneau-de-lievre-givre"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-lievre-givre"] .charRingLeft.equipped::after {
  content: "❄️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-lievre-givre"] .charRingRight,
.charSprite[data-ring-right="anneau-de-lievre-givre"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1px solid #8cb2d7 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-ring-right="anneau-de-lievre-givre"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-lievre-givre"] .charRingRight.equipped::after {
  content: "❄️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-lievre-givre"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-lievre-givre"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1px solid #8cb2d7 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-ring-left="anneau-de-lievre-givre"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-lievre-givre"] .charRingLeft.equipped::after {
  content: "❄️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-lievre-givre"] .charRingRight,
.charSprite[data-ring-right="anneau-de-lievre-givre"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1px solid #8cb2d7 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-ring-right="anneau-de-lievre-givre"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-lievre-givre"] .charRingRight.equipped::after {
  content: "❄️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-lievre-givre"] .charAmulet,
.charSprite[data-amulet="amulette-de-lievre-givre"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 12px 12px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-lievre-givre"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-lievre-givre"] .charAmulet.equipped::after {
  content: "❄️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-lievre-givre"] .charAmulet,
.charSprite[data-amulet="amulette-de-lievre-givre"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 12px 12px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-lievre-givre"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-lievre-givre"] .charAmulet.equipped::after {
  content: "❄️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-loup-blanc"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-loup-blanc"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-loup-blanc"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-loup-blanc"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-de-loup-blanc"] .charCape,
.charSprite[data-cape="cape-de-loup-blanc"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-loup-blanc"] .charCape,
.charSprite[data-cape="cape-de-loup-blanc"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-loup-blanc"] .charBoots,
.charSprite[data-boots="bottes-de-loup-blanc"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-loup-blanc"] .charBoots,
.charSprite[data-boots="bottes-de-loup-blanc"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-de-loup-blanc"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-loup-blanc"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-loup-blanc"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-loup-blanc"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-loup-blanc"] .charRingRight,
.charSprite[data-ring-right="anneau-de-loup-blanc"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-loup-blanc"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-loup-blanc"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-loup-blanc"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-loup-blanc"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-loup-blanc"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-loup-blanc"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-loup-blanc"] .charRingRight,
.charSprite[data-ring-right="anneau-de-loup-blanc"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-loup-blanc"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-loup-blanc"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-loup-blanc"] .charAmulet,
.charSprite[data-amulet="amulette-de-loup-blanc"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-loup-blanc"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-loup-blanc"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-loup-blanc"] .charAmulet,
.charSprite[data-amulet="amulette-de-loup-blanc"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #4b5257, #2c3033) !important;
  border: 1.5px solid rgba(0,0,0,0.5) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-loup-blanc"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-loup-blanc"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-dours-des-glaces"] .charHeadgear,
.charSprite[data-headgear="coiffe-dours-des-glaces"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-headgear="coiffe-d-ours-des-glaces"] .charHeadgear,
.charSprite[data-headgear="coiffe-d-ours-des-glaces"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-headgear="coiffe-d-ours-des-glaces"] .charHeadgear,
.charSprite[data-headgear="coiffe-d-ours-des-glaces"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-cape="cape-dours-des-glaces"] .charCape,
.charSprite[data-cape="cape-dours-des-glaces"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 12px 12px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-d-ours-des-glaces"] .charCape,
.charSprite[data-cape="cape-d-ours-des-glaces"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 12px 12px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-d-ours-des-glaces"] .charCape,
.charSprite[data-cape="cape-d-ours-des-glaces"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 12px 12px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-dours-des-glaces"] .charBoots,
.charSprite[data-boots="bottes-dours-des-glaces"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-boots="bottes-d-ours-des-glaces"] .charBoots,
.charSprite[data-boots="bottes-d-ours-des-glaces"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-boots="bottes-d-ours-des-glaces"] .charBoots,
.charSprite[data-boots="bottes-d-ours-des-glaces"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-ring-left="anneau-dours-des-glaces"] .charRingLeft,
.charSprite[data-ring-left="anneau-dours-des-glaces"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1px solid #8cb2d7 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-ring-left="anneau-dours-des-glaces"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-dours-des-glaces"] .charRingLeft.equipped::after {
  content: "❄️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-dours-des-glaces"] .charRingRight,
.charSprite[data-ring-right="anneau-dours-des-glaces"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1px solid #8cb2d7 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-ring-right="anneau-dours-des-glaces"] .charRingRight::after,
.charSprite[data-ring-right="anneau-dours-des-glaces"] .charRingRight.equipped::after {
  content: "❄️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-d-ours-des-glaces"] .charRingLeft,
.charSprite[data-ring-left="anneau-d-ours-des-glaces"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1px solid #8cb2d7 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-ring-left="anneau-d-ours-des-glaces"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-d-ours-des-glaces"] .charRingLeft.equipped::after {
  content: "❄️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-d-ours-des-glaces"] .charRingRight,
.charSprite[data-ring-right="anneau-d-ours-des-glaces"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1px solid #8cb2d7 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-ring-right="anneau-d-ours-des-glaces"] .charRingRight::after,
.charSprite[data-ring-right="anneau-d-ours-des-glaces"] .charRingRight.equipped::after {
  content: "❄️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-d-ours-des-glaces"] .charRingLeft,
.charSprite[data-ring-left="anneau-d-ours-des-glaces"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1px solid #8cb2d7 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-ring-left="anneau-d-ours-des-glaces"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-d-ours-des-glaces"] .charRingLeft.equipped::after {
  content: "❄️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-d-ours-des-glaces"] .charRingRight,
.charSprite[data-ring-right="anneau-d-ours-des-glaces"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1px solid #8cb2d7 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-ring-right="anneau-d-ours-des-glaces"] .charRingRight::after,
.charSprite[data-ring-right="anneau-d-ours-des-glaces"] .charRingRight.equipped::after {
  content: "❄️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-dours-des-glaces"] .charAmulet,
.charSprite[data-amulet="amulette-dours-des-glaces"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 12px 12px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-dours-des-glaces"] .charAmulet::after,
.charSprite[data-amulet="amulette-dours-des-glaces"] .charAmulet.equipped::after {
  content: "❄️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-d-ours-des-glaces"] .charAmulet,
.charSprite[data-amulet="amulette-d-ours-des-glaces"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 12px 12px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-d-ours-des-glaces"] .charAmulet::after,
.charSprite[data-amulet="amulette-d-ours-des-glaces"] .charAmulet.equipped::after {
  content: "❄️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-d-ours-des-glaces"] .charAmulet,
.charSprite[data-amulet="amulette-d-ours-des-glaces"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 12px 12px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-d-ours-des-glaces"] .charAmulet::after,
.charSprite[data-amulet="amulette-d-ours-des-glaces"] .charAmulet.equipped::after {
  content: "❄️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-du-dragon-de-givre"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-dragon-de-givre"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ffffff, #74b9ff) !important;
  border: 2.0px solid #70a1ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 8px 8px !important;
}

.charSprite[data-headgear="coiffe-du-dragon-de-givre"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-dragon-de-givre"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ffffff, #74b9ff) !important;
  border: 2.0px solid #70a1ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 8px 8px !important;
}

.charSprite[data-cape="cape-du-dragon-de-givre"] .charCape,
.charSprite[data-cape="cape-du-dragon-de-givre"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ffffff, #74b9ff) !important;
  border: 2.0px solid #70a1ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 8px 8px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-du-dragon-de-givre"] .charCape,
.charSprite[data-cape="cape-du-dragon-de-givre"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ffffff, #74b9ff) !important;
  border: 2.0px solid #70a1ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 8px 8px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-ring-left="anneau-du-dragon-de-givre"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-dragon-de-givre"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ffffff, #74b9ff) !important;
  border: 2.0px solid #70a1ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-du-dragon-de-givre"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-dragon-de-givre"] .charRingLeft.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-dragon-de-givre"] .charRingRight,
.charSprite[data-ring-right="anneau-du-dragon-de-givre"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ffffff, #74b9ff) !important;
  border: 2.0px solid #70a1ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-right="anneau-du-dragon-de-givre"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-dragon-de-givre"] .charRingRight.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-du-dragon-de-givre"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-dragon-de-givre"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ffffff, #74b9ff) !important;
  border: 2.0px solid #70a1ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-du-dragon-de-givre"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-dragon-de-givre"] .charRingLeft.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-dragon-de-givre"] .charRingRight,
.charSprite[data-ring-right="anneau-du-dragon-de-givre"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ffffff, #74b9ff) !important;
  border: 2.0px solid #70a1ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-right="anneau-du-dragon-de-givre"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-dragon-de-givre"] .charRingRight.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-du-dragon-de-givre"] .charAmulet,
.charSprite[data-amulet="amulette-du-dragon-de-givre"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ffffff, #74b9ff) !important;
  border: 2.0px solid #70a1ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 8px 8px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-dragon-de-givre"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-dragon-de-givre"] .charAmulet.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-du-dragon-de-givre"] .charAmulet,
.charSprite[data-amulet="amulette-du-dragon-de-givre"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #ffffff, #74b9ff) !important;
  border: 2.0px solid #70a1ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 8px 8px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-dragon-de-givre"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-dragon-de-givre"] .charAmulet.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-magmatique"] .charHeadgear,
.charSprite[data-headgear="coiffe-magmatique"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-magmatique"] .charHeadgear,
.charSprite[data-headgear="coiffe-magmatique"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-magmatique"] .charCape,
.charSprite[data-cape="cape-magmatique"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-magmatique"] .charCape,
.charSprite[data-cape="cape-magmatique"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-magmatiques"] .charBoots,
.charSprite[data-boots="bottes-magmatiques"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-magmatiques"] .charBoots,
.charSprite[data-boots="bottes-magmatiques"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-magmatique"] .charRingLeft,
.charSprite[data-ring-left="anneau-magmatique"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-magmatique"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-magmatique"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-magmatique"] .charRingRight,
.charSprite[data-ring-right="anneau-magmatique"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-magmatique"] .charRingRight::after,
.charSprite[data-ring-right="anneau-magmatique"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-magmatique"] .charRingLeft,
.charSprite[data-ring-left="anneau-magmatique"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-magmatique"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-magmatique"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-magmatique"] .charRingRight,
.charSprite[data-ring-right="anneau-magmatique"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-magmatique"] .charRingRight::after,
.charSprite[data-ring-right="anneau-magmatique"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-magmatique"] .charAmulet,
.charSprite[data-amulet="amulette-magmatique"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-magmatique"] .charAmulet::after,
.charSprite[data-amulet="amulette-magmatique"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-magmatique"] .charAmulet,
.charSprite[data-amulet="amulette-magmatique"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-magmatique"] .charAmulet::after,
.charSprite[data-amulet="amulette-magmatique"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-cape="cape-de-feu"] .charCape,
.charSprite[data-cape="cape-de-feu"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-feu"] .charCape,
.charSprite[data-cape="cape-de-feu"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-feu"] .charBoots,
.charSprite[data-boots="bottes-de-feu"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-feu"] .charBoots,
.charSprite[data-boots="bottes-de-feu"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-de-feu"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-feu"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-feu"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-feu"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-feu"] .charRingRight,
.charSprite[data-ring-right="anneau-de-feu"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-feu"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-feu"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-feu"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-feu"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-feu"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-feu"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-feu"] .charRingRight,
.charSprite[data-ring-right="anneau-de-feu"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-feu"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-feu"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-feu"] .charAmulet,
.charSprite[data-amulet="amulette-de-feu"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-feu"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-feu"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-feu"] .charAmulet,
.charSprite[data-amulet="amulette-de-feu"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-feu"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-feu"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-cendre"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-cendre"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-cendre"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-cendre"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-de-cendre"] .charCape,
.charSprite[data-cape="cape-de-cendre"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-cendre"] .charCape,
.charSprite[data-cape="cape-de-cendre"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-cendre"] .charBoots,
.charSprite[data-boots="bottes-de-cendre"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-cendre"] .charBoots,
.charSprite[data-boots="bottes-de-cendre"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-de-cendre"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-cendre"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-cendre"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-cendre"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-cendre"] .charRingRight,
.charSprite[data-ring-right="anneau-de-cendre"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-cendre"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-cendre"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-cendre"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-cendre"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-cendre"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-cendre"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-cendre"] .charRingRight,
.charSprite[data-ring-right="anneau-de-cendre"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-cendre"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-cendre"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-cendre"] .charAmulet,
.charSprite[data-amulet="amulette-de-cendre"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-cendre"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-cendre"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-cendre"] .charAmulet,
.charSprite[data-amulet="amulette-de-cendre"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-cendre"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-cendre"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-magma"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-magma"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-magma"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-magma"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-boots="bottes-de-magma"] .charBoots,
.charSprite[data-boots="bottes-de-magma"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-magma"] .charBoots,
.charSprite[data-boots="bottes-de-magma"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-de-magma"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-magma"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-magma"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-magma"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-magma"] .charRingRight,
.charSprite[data-ring-right="anneau-de-magma"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-magma"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-magma"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-magma"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-magma"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-magma"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-magma"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-magma"] .charRingRight,
.charSprite[data-ring-right="anneau-de-magma"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-magma"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-magma"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-magma"] .charAmulet,
.charSprite[data-amulet="amulette-de-magma"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-magma"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-magma"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-magma"] .charAmulet,
.charSprite[data-amulet="amulette-de-magma"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-magma"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-magma"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-du-seigneur-des-flammes"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-seigneur-des-flammes"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-du-seigneur-des-flammes"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-seigneur-des-flammes"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-du-seigneur-des-flammes"] .charCape,
.charSprite[data-cape="cape-du-seigneur-des-flammes"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-du-seigneur-des-flammes"] .charCape,
.charSprite[data-cape="cape-du-seigneur-des-flammes"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-du-seigneur-des-flammes"] .charBoots,
.charSprite[data-boots="bottes-du-seigneur-des-flammes"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-du-seigneur-des-flammes"] .charBoots,
.charSprite[data-boots="bottes-du-seigneur-des-flammes"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-du-seigneur-des-flammes"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-seigneur-des-flammes"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-du-seigneur-des-flammes"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-seigneur-des-flammes"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-seigneur-des-flammes"] .charRingRight,
.charSprite[data-ring-right="anneau-du-seigneur-des-flammes"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-du-seigneur-des-flammes"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-seigneur-des-flammes"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-du-seigneur-des-flammes"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-seigneur-des-flammes"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-du-seigneur-des-flammes"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-seigneur-des-flammes"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-seigneur-des-flammes"] .charRingRight,
.charSprite[data-ring-right="anneau-du-seigneur-des-flammes"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1px solid #f1c40f !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-du-seigneur-des-flammes"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-seigneur-des-flammes"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-du-seigneur-des-flammes"] .charAmulet,
.charSprite[data-amulet="amulette-du-seigneur-des-flammes"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-seigneur-des-flammes"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-seigneur-des-flammes"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-du-seigneur-des-flammes"] .charAmulet,
.charSprite[data-amulet="amulette-du-seigneur-des-flammes"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #e74c3c, #c0392b) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-seigneur-des-flammes"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-seigneur-des-flammes"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-dether"] .charHeadgear,
.charSprite[data-headgear="coiffe-dether"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #a29bfe, #6c5ce7) !important;
  border: 1.5px solid #a29bfe !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-headgear="coiffe-d-ether"] .charHeadgear,
.charSprite[data-headgear="coiffe-d-ether"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #a29bfe, #6c5ce7) !important;
  border: 1.5px solid #a29bfe !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-headgear="coiffe-d-ether"] .charHeadgear,
.charSprite[data-headgear="coiffe-d-ether"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #a29bfe, #6c5ce7) !important;
  border: 1.5px solid #a29bfe !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-cape="cape-dether"] .charCape,
.charSprite[data-cape="cape-dether"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #a29bfe, #6c5ce7) !important;
  border: 1.5px solid #a29bfe !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 10px 14px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-d-ether"] .charCape,
.charSprite[data-cape="cape-d-ether"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #a29bfe, #6c5ce7) !important;
  border: 1.5px solid #a29bfe !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 10px 14px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-d-ether"] .charCape,
.charSprite[data-cape="cape-d-ether"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #a29bfe, #6c5ce7) !important;
  border: 1.5px solid #a29bfe !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 10px 14px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-dether"] .charBoots,
.charSprite[data-boots="bottes-dether"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #a29bfe, #6c5ce7) !important;
  border: 1.5px solid #a29bfe !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-boots="bottes-d-ether"] .charBoots,
.charSprite[data-boots="bottes-d-ether"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #a29bfe, #6c5ce7) !important;
  border: 1.5px solid #a29bfe !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-boots="bottes-d-ether"] .charBoots,
.charSprite[data-boots="bottes-d-ether"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #a29bfe, #6c5ce7) !important;
  border: 1.5px solid #a29bfe !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-left="anneau-dether"] .charRingLeft,
.charSprite[data-ring-left="anneau-dether"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #a29bfe, #6c5ce7) !important;
  border: 1px solid #a29bfe !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-left="anneau-dether"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-dether"] .charRingLeft.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-dether"] .charRingRight,
.charSprite[data-ring-right="anneau-dether"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #a29bfe, #6c5ce7) !important;
  border: 1px solid #a29bfe !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-right="anneau-dether"] .charRingRight::after,
.charSprite[data-ring-right="anneau-dether"] .charRingRight.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-d-ether"] .charRingLeft,
.charSprite[data-ring-left="anneau-d-ether"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #a29bfe, #6c5ce7) !important;
  border: 1px solid #a29bfe !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-left="anneau-d-ether"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-d-ether"] .charRingLeft.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-d-ether"] .charRingRight,
.charSprite[data-ring-right="anneau-d-ether"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #a29bfe, #6c5ce7) !important;
  border: 1px solid #a29bfe !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-right="anneau-d-ether"] .charRingRight::after,
.charSprite[data-ring-right="anneau-d-ether"] .charRingRight.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-d-ether"] .charRingLeft,
.charSprite[data-ring-left="anneau-d-ether"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #a29bfe, #6c5ce7) !important;
  border: 1px solid #a29bfe !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-left="anneau-d-ether"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-d-ether"] .charRingLeft.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-d-ether"] .charRingRight,
.charSprite[data-ring-right="anneau-d-ether"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #a29bfe, #6c5ce7) !important;
  border: 1px solid #a29bfe !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-right="anneau-d-ether"] .charRingRight::after,
.charSprite[data-ring-right="anneau-d-ether"] .charRingRight.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-dether"] .charAmulet,
.charSprite[data-amulet="amulette-dether"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #a29bfe, #6c5ce7) !important;
  border: 1.5px solid #a29bfe !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 10px 14px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-dether"] .charAmulet::after,
.charSprite[data-amulet="amulette-dether"] .charAmulet.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-d-ether"] .charAmulet,
.charSprite[data-amulet="amulette-d-ether"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #a29bfe, #6c5ce7) !important;
  border: 1.5px solid #a29bfe !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 10px 14px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-d-ether"] .charAmulet::after,
.charSprite[data-amulet="amulette-d-ether"] .charAmulet.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-d-ether"] .charAmulet,
.charSprite[data-amulet="amulette-d-ether"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #a29bfe, #6c5ce7) !important;
  border: 1.5px solid #a29bfe !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 10px 14px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-d-ether"] .charAmulet::after,
.charSprite[data-amulet="amulette-d-ether"] .charAmulet.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-foudre"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-foudre"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpolygon points='10,0 3,9 8,9 6,16 13,7 8,7' fill='rgba(255,255,255,0.25)'/%3E%3C/svg%3E"), linear-gradient(180deg, #f1c40f, #8e44ad) !important;
  border: 1.5px solid #d35400 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 16px 16px !important;
}

.charSprite[data-headgear="coiffe-de-foudre"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-foudre"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpolygon points='10,0 3,9 8,9 6,16 13,7 8,7' fill='rgba(255,255,255,0.25)'/%3E%3C/svg%3E"), linear-gradient(180deg, #f1c40f, #8e44ad) !important;
  border: 1.5px solid #d35400 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 16px 16px !important;
}

.charSprite[data-cape="cape-de-foudre"] .charCape,
.charSprite[data-cape="cape-de-foudre"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpolygon points='10,0 3,9 8,9 6,16 13,7 8,7' fill='rgba(255,255,255,0.25)'/%3E%3C/svg%3E"), linear-gradient(180deg, #f1c40f, #8e44ad) !important;
  border: 1.5px solid #d35400 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 16px 16px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-foudre"] .charCape,
.charSprite[data-cape="cape-de-foudre"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpolygon points='10,0 3,9 8,9 6,16 13,7 8,7' fill='rgba(255,255,255,0.25)'/%3E%3C/svg%3E"), linear-gradient(180deg, #f1c40f, #8e44ad) !important;
  border: 1.5px solid #d35400 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 16px 16px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-foudre"] .charBoots,
.charSprite[data-boots="bottes-de-foudre"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpolygon points='10,0 3,9 8,9 6,16 13,7 8,7' fill='rgba(255,255,255,0.25)'/%3E%3C/svg%3E"), linear-gradient(180deg, #f1c40f, #8e44ad) !important;
  border: 1.5px solid #d35400 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 16px 16px !important;
}

.charSprite[data-boots="bottes-de-foudre"] .charBoots,
.charSprite[data-boots="bottes-de-foudre"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpolygon points='10,0 3,9 8,9 6,16 13,7 8,7' fill='rgba(255,255,255,0.25)'/%3E%3C/svg%3E"), linear-gradient(180deg, #f1c40f, #8e44ad) !important;
  border: 1.5px solid #d35400 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 16px 16px !important;
}

.charSprite[data-ring-left="anneau-de-foudre"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-foudre"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpolygon points='10,0 3,9 8,9 6,16 13,7 8,7' fill='rgba(255,255,255,0.25)'/%3E%3C/svg%3E"), linear-gradient(180deg, #f1c40f, #8e44ad) !important;
  border: 1px solid #d35400 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 16px 16px !important;
}

.charSprite[data-ring-left="anneau-de-foudre"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-foudre"] .charRingLeft.equipped::after {
  content: "⚡";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-foudre"] .charRingRight,
.charSprite[data-ring-right="anneau-de-foudre"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpolygon points='10,0 3,9 8,9 6,16 13,7 8,7' fill='rgba(255,255,255,0.25)'/%3E%3C/svg%3E"), linear-gradient(180deg, #f1c40f, #8e44ad) !important;
  border: 1px solid #d35400 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 16px 16px !important;
}

.charSprite[data-ring-right="anneau-de-foudre"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-foudre"] .charRingRight.equipped::after {
  content: "⚡";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-foudre"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-foudre"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpolygon points='10,0 3,9 8,9 6,16 13,7 8,7' fill='rgba(255,255,255,0.25)'/%3E%3C/svg%3E"), linear-gradient(180deg, #f1c40f, #8e44ad) !important;
  border: 1px solid #d35400 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 16px 16px !important;
}

.charSprite[data-ring-left="anneau-de-foudre"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-foudre"] .charRingLeft.equipped::after {
  content: "⚡";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-foudre"] .charRingRight,
.charSprite[data-ring-right="anneau-de-foudre"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpolygon points='10,0 3,9 8,9 6,16 13,7 8,7' fill='rgba(255,255,255,0.25)'/%3E%3C/svg%3E"), linear-gradient(180deg, #f1c40f, #8e44ad) !important;
  border: 1px solid #d35400 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 16px 16px !important;
}

.charSprite[data-ring-right="anneau-de-foudre"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-foudre"] .charRingRight.equipped::after {
  content: "⚡";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-foudre"] .charAmulet,
.charSprite[data-amulet="amulette-de-foudre"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpolygon points='10,0 3,9 8,9 6,16 13,7 8,7' fill='rgba(255,255,255,0.25)'/%3E%3C/svg%3E"), linear-gradient(180deg, #f1c40f, #8e44ad) !important;
  border: 1.5px solid #d35400 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 16px 16px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-foudre"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-foudre"] .charAmulet.equipped::after {
  content: "⚡";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-foudre"] .charAmulet,
.charSprite[data-amulet="amulette-de-foudre"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpolygon points='10,0 3,9 8,9 6,16 13,7 8,7' fill='rgba(255,255,255,0.25)'/%3E%3C/svg%3E"), linear-gradient(180deg, #f1c40f, #8e44ad) !important;
  border: 1.5px solid #d35400 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 16px 16px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-foudre"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-foudre"] .charAmulet.equipped::after {
  content: "⚡";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-cape="cape-celeste"] .charCape,
.charSprite[data-cape="cape-celeste"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 1.5px solid #fdcb6e !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 10px 14px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-celeste"] .charCape,
.charSprite[data-cape="cape-celeste"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 1.5px solid #fdcb6e !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 10px 14px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-celestes"] .charBoots,
.charSprite[data-boots="bottes-celestes"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 1.5px solid #fdcb6e !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-boots="bottes-celestes"] .charBoots,
.charSprite[data-boots="bottes-celestes"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 1.5px solid #fdcb6e !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-left="anneau-celeste"] .charRingLeft,
.charSprite[data-ring-left="anneau-celeste"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 1px solid #fdcb6e !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-left="anneau-celeste"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-celeste"] .charRingLeft.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-celeste"] .charRingRight,
.charSprite[data-ring-right="anneau-celeste"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 1px solid #fdcb6e !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-right="anneau-celeste"] .charRingRight::after,
.charSprite[data-ring-right="anneau-celeste"] .charRingRight.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-celeste"] .charRingLeft,
.charSprite[data-ring-left="anneau-celeste"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 1px solid #fdcb6e !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-left="anneau-celeste"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-celeste"] .charRingLeft.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-celeste"] .charRingRight,
.charSprite[data-ring-right="anneau-celeste"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 1px solid #fdcb6e !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-right="anneau-celeste"] .charRingRight::after,
.charSprite[data-ring-right="anneau-celeste"] .charRingRight.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-celeste"] .charAmulet,
.charSprite[data-amulet="amulette-celeste"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 1.5px solid #fdcb6e !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 10px 14px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-celeste"] .charAmulet::after,
.charSprite[data-amulet="amulette-celeste"] .charAmulet.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-celeste"] .charAmulet,
.charSprite[data-amulet="amulette-celeste"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 1.5px solid #fdcb6e !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 10px 14px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-celeste"] .charAmulet::after,
.charSprite[data-amulet="amulette-celeste"] .charAmulet.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-lesprit"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-lesprit"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-l-esprit"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-l-esprit"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-l-esprit"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-l-esprit"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-de-lesprit"] .charCape,
.charSprite[data-cape="cape-de-lesprit"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-l-esprit"] .charCape,
.charSprite[data-cape="cape-de-l-esprit"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-l-esprit"] .charCape,
.charSprite[data-cape="cape-de-l-esprit"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-lesprit"] .charBoots,
.charSprite[data-boots="bottes-de-lesprit"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-l-esprit"] .charBoots,
.charSprite[data-boots="bottes-de-l-esprit"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-l-esprit"] .charBoots,
.charSprite[data-boots="bottes-de-l-esprit"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-de-lesprit"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-lesprit"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-lesprit"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-lesprit"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-lesprit"] .charRingRight,
.charSprite[data-ring-right="anneau-de-lesprit"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-lesprit"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-lesprit"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-l-esprit"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-l-esprit"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-l-esprit"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-l-esprit"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-l-esprit"] .charRingRight,
.charSprite[data-ring-right="anneau-de-l-esprit"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-l-esprit"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-l-esprit"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-l-esprit"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-l-esprit"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-l-esprit"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-l-esprit"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-l-esprit"] .charRingRight,
.charSprite[data-ring-right="anneau-de-l-esprit"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-l-esprit"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-l-esprit"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-lesprit"] .charAmulet,
.charSprite[data-amulet="amulette-de-lesprit"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-lesprit"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-lesprit"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-l-esprit"] .charAmulet,
.charSprite[data-amulet="amulette-de-l-esprit"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-l-esprit"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-l-esprit"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-l-esprit"] .charAmulet,
.charSprite[data-amulet="amulette-de-l-esprit"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-l-esprit"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-l-esprit"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-larchange-dechu"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-larchange-dechu"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 2.0px solid #fdcb6e !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 10px 14px !important;
}

.charSprite[data-headgear="coiffe-de-l-archange-dechu"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-l-archange-dechu"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 2.0px solid #fdcb6e !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 10px 14px !important;
}

.charSprite[data-headgear="coiffe-de-l-archange-dechu"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-l-archange-dechu"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 2.0px solid #fdcb6e !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 10px 14px !important;
}

.charSprite[data-cape="cape-de-larchange-dechu"] .charCape,
.charSprite[data-cape="cape-de-larchange-dechu"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 2.0px solid #fdcb6e !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 10px 14px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-l-archange-dechu"] .charCape,
.charSprite[data-cape="cape-de-l-archange-dechu"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 2.0px solid #fdcb6e !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 10px 14px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-l-archange-dechu"] .charCape,
.charSprite[data-cape="cape-de-l-archange-dechu"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 2.0px solid #fdcb6e !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 10px 14px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-larchange-dechu"] .charBoots,
.charSprite[data-boots="bottes-de-larchange-dechu"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 2.0px solid #fdcb6e !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 10px 14px !important;
}

.charSprite[data-boots="bottes-de-l-archange-dechu"] .charBoots,
.charSprite[data-boots="bottes-de-l-archange-dechu"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 2.0px solid #fdcb6e !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 10px 14px !important;
}

.charSprite[data-boots="bottes-de-l-archange-dechu"] .charBoots,
.charSprite[data-boots="bottes-de-l-archange-dechu"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 2.0px solid #fdcb6e !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-left="anneau-de-larchange-dechu"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-larchange-dechu"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 2.0px solid #fdcb6e !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-left="anneau-de-larchange-dechu"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-larchange-dechu"] .charRingLeft.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-larchange-dechu"] .charRingRight,
.charSprite[data-ring-right="anneau-de-larchange-dechu"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 2.0px solid #fdcb6e !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-right="anneau-de-larchange-dechu"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-larchange-dechu"] .charRingRight.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-l-archange-dechu"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-l-archange-dechu"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 2.0px solid #fdcb6e !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-left="anneau-de-l-archange-dechu"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-l-archange-dechu"] .charRingLeft.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-l-archange-dechu"] .charRingRight,
.charSprite[data-ring-right="anneau-de-l-archange-dechu"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 2.0px solid #fdcb6e !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-right="anneau-de-l-archange-dechu"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-l-archange-dechu"] .charRingRight.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-l-archange-dechu"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-l-archange-dechu"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 2.0px solid #fdcb6e !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-left="anneau-de-l-archange-dechu"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-l-archange-dechu"] .charRingLeft.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-l-archange-dechu"] .charRingRight,
.charSprite[data-ring-right="anneau-de-l-archange-dechu"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 2.0px solid #fdcb6e !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 10px 14px !important;
}

.charSprite[data-ring-right="anneau-de-l-archange-dechu"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-l-archange-dechu"] .charRingRight.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-larchange-dechu"] .charAmulet,
.charSprite[data-amulet="amulette-de-larchange-dechu"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 2.0px solid #fdcb6e !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 10px 14px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-larchange-dechu"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-larchange-dechu"] .charAmulet.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-l-archange-dechu"] .charAmulet,
.charSprite[data-amulet="amulette-de-l-archange-dechu"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 2.0px solid #fdcb6e !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 10px 14px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-l-archange-dechu"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-l-archange-dechu"] .charAmulet.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-l-archange-dechu"] .charAmulet,
.charSprite[data-amulet="amulette-de-l-archange-dechu"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.2) 30%, transparent 35%), radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.1) 60%, transparent 65%), linear-gradient(180deg, #ffffff, #ffeaa7) !important;
  border: 2.0px solid #fdcb6e !important;
  box-shadow: 0 0 8px #ffd700 !important;
  background-size: 10px 14px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-l-archange-dechu"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-l-archange-dechu"] .charAmulet.equipped::after {
  content: "🪶";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-marmouset"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-marmouset"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-marmouset"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-marmouset"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-de-marmouset"] .charCape,
.charSprite[data-cape="cape-de-marmouset"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-marmouset"] .charCape,
.charSprite[data-cape="cape-de-marmouset"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-marmouset"] .charBoots,
.charSprite[data-boots="bottes-de-marmouset"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-marmouset"] .charBoots,
.charSprite[data-boots="bottes-de-marmouset"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-de-marmouset"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-marmouset"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1px solid #1c1511 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-marmouset"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-marmouset"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-marmouset"] .charRingRight,
.charSprite[data-ring-right="anneau-de-marmouset"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1px solid #1c1511 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-marmouset"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-marmouset"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-marmouset"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-marmouset"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1px solid #1c1511 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-marmouset"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-marmouset"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-marmouset"] .charRingRight,
.charSprite[data-ring-right="anneau-de-marmouset"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d5e3a, #5c3a21) !important;
  border: 1px solid #1c1511 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-marmouset"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-marmouset"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-jaguar"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-jaguar"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f39c12, #d35400) !important;
  border: 1.5px solid #3e2723 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-jaguar"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-jaguar"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f39c12, #d35400) !important;
  border: 1.5px solid #3e2723 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-de-jaguar"] .charCape,
.charSprite[data-cape="cape-de-jaguar"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f39c12, #d35400) !important;
  border: 1.5px solid #3e2723 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-jaguar"] .charCape,
.charSprite[data-cape="cape-de-jaguar"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f39c12, #d35400) !important;
  border: 1.5px solid #3e2723 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-jaguar"] .charBoots,
.charSprite[data-boots="bottes-de-jaguar"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f39c12, #d35400) !important;
  border: 1.5px solid #3e2723 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-jaguar"] .charBoots,
.charSprite[data-boots="bottes-de-jaguar"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f39c12, #d35400) !important;
  border: 1.5px solid #3e2723 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-de-jaguar"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-jaguar"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f39c12, #d35400) !important;
  border: 1px solid #3e2723 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-jaguar"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-jaguar"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-jaguar"] .charRingRight,
.charSprite[data-ring-right="anneau-de-jaguar"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f39c12, #d35400) !important;
  border: 1px solid #3e2723 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-jaguar"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-jaguar"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-jaguar"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-jaguar"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f39c12, #d35400) !important;
  border: 1px solid #3e2723 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-jaguar"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-jaguar"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-jaguar"] .charRingRight,
.charSprite[data-ring-right="anneau-de-jaguar"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f39c12, #d35400) !important;
  border: 1px solid #3e2723 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-jaguar"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-jaguar"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-jaguar"] .charAmulet,
.charSprite[data-amulet="amulette-de-jaguar"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f39c12, #d35400) !important;
  border: 1.5px solid #3e2723 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-jaguar"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-jaguar"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-jaguar"] .charAmulet,
.charSprite[data-amulet="amulette-de-jaguar"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f39c12, #d35400) !important;
  border: 1.5px solid #3e2723 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-jaguar"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-jaguar"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-serpent-liane"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-serpent-liane"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1.5px solid #112233 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-headgear="coiffe-de-serpent-liane"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-serpent-liane"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1.5px solid #112233 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-cape="cape-de-serpent-liane"] .charCape,
.charSprite[data-cape="cape-de-serpent-liane"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1.5px solid #112233 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 8px 8px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-serpent-liane"] .charCape,
.charSprite[data-cape="cape-de-serpent-liane"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1.5px solid #112233 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 8px 8px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-serpent-liane"] .charBoots,
.charSprite[data-boots="bottes-de-serpent-liane"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1.5px solid #112233 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-boots="bottes-de-serpent-liane"] .charBoots,
.charSprite[data-boots="bottes-de-serpent-liane"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1.5px solid #112233 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-de-serpent-liane"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-serpent-liane"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1px solid #112233 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-de-serpent-liane"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-serpent-liane"] .charRingLeft.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-serpent-liane"] .charRingRight,
.charSprite[data-ring-right="anneau-de-serpent-liane"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1px solid #112233 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-right="anneau-de-serpent-liane"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-serpent-liane"] .charRingRight.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-serpent-liane"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-serpent-liane"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1px solid #112233 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-de-serpent-liane"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-serpent-liane"] .charRingLeft.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-serpent-liane"] .charRingRight,
.charSprite[data-ring-right="anneau-de-serpent-liane"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1px solid #112233 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-right="anneau-de-serpent-liane"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-serpent-liane"] .charRingRight.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-serpent-liane"] .charAmulet,
.charSprite[data-amulet="amulette-de-serpent-liane"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1.5px solid #112233 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 8px 8px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-serpent-liane"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-serpent-liane"] .charAmulet.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-serpent-liane"] .charAmulet,
.charSprite[data-amulet="amulette-de-serpent-liane"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  border: 1.5px solid #112233 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 8px 8px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-serpent-liane"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-serpent-liane"] .charAmulet.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-gorille"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-gorille"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #303030, #151515) !important;
  border: 1.5px solid #000000 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-gorille"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-gorille"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #303030, #151515) !important;
  border: 1.5px solid #000000 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-de-gorille"] .charCape,
.charSprite[data-cape="cape-de-gorille"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #303030, #151515) !important;
  border: 1.5px solid #000000 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-gorille"] .charCape,
.charSprite[data-cape="cape-de-gorille"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #303030, #151515) !important;
  border: 1.5px solid #000000 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-gorille"] .charBoots,
.charSprite[data-boots="bottes-de-gorille"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #303030, #151515) !important;
  border: 1.5px solid #000000 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-gorille"] .charBoots,
.charSprite[data-boots="bottes-de-gorille"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #303030, #151515) !important;
  border: 1.5px solid #000000 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-de-gorille"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-gorille"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #303030, #151515) !important;
  border: 1px solid #000000 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-gorille"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-gorille"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-gorille"] .charRingRight,
.charSprite[data-ring-right="anneau-de-gorille"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #303030, #151515) !important;
  border: 1px solid #000000 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-gorille"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-gorille"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-gorille"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-gorille"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #303030, #151515) !important;
  border: 1px solid #000000 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-gorille"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-gorille"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-gorille"] .charRingRight,
.charSprite[data-ring-right="anneau-de-gorille"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #303030, #151515) !important;
  border: 1px solid #000000 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-gorille"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-gorille"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-gorille"] .charAmulet,
.charSprite[data-amulet="amulette-de-gorille"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #303030, #151515) !important;
  border: 1.5px solid #000000 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-gorille"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-gorille"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-gorille"] .charAmulet,
.charSprite[data-amulet="amulette-de-gorille"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #303030, #151515) !important;
  border: 1.5px solid #000000 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-gorille"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-gorille"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-du-roi-singe"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-roi-singe"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f1c40f, #e67e22) !important;
  border: 2.0px solid #d35400 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(0% 100%, 0% 30%, 20% 10%, 50% 0%, 80% 10%, 100% 30%, 100% 100%) !important;
}

.charSprite[data-headgear="coiffe-du-roi-singe"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-roi-singe"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f1c40f, #e67e22) !important;
  border: 2.0px solid #d35400 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(0% 100%, 0% 30%, 20% 10%, 50% 0%, 80% 10%, 100% 30%, 100% 100%) !important;
}

.charSprite[data-cape="cape-du-roi-singe"] .charCape,
.charSprite[data-cape="cape-du-roi-singe"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f1c40f, #e67e22) !important;
  border: 2.0px solid #d35400 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(0% 100%, 0% 30%, 20% 10%, 50% 0%, 80% 10%, 100% 30%, 100% 100%) !important;
}

.charSprite[data-cape="cape-du-roi-singe"] .charCape,
.charSprite[data-cape="cape-du-roi-singe"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f1c40f, #e67e22) !important;
  border: 2.0px solid #d35400 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(0% 100%, 0% 30%, 20% 10%, 50% 0%, 80% 10%, 100% 30%, 100% 100%) !important;
}

.charSprite[data-boots="bottes-du-roi-singe"] .charBoots,
.charSprite[data-boots="bottes-du-roi-singe"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f1c40f, #e67e22) !important;
  border: 2.0px solid #d35400 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(0% 100%, 0% 30%, 20% 10%, 50% 0%, 80% 10%, 100% 30%, 100% 100%) !important;
}

.charSprite[data-boots="bottes-du-roi-singe"] .charBoots,
.charSprite[data-boots="bottes-du-roi-singe"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f1c40f, #e67e22) !important;
  border: 2.0px solid #d35400 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(0% 100%, 0% 30%, 20% 10%, 50% 0%, 80% 10%, 100% 30%, 100% 100%) !important;
}

.charSprite[data-amulet="amulette-du-roi-singe"] .charAmulet,
.charSprite[data-amulet="amulette-du-roi-singe"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f1c40f, #e67e22) !important;
  border: 2.0px solid #d35400 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(0% 100%, 0% 30%, 20% 10%, 50% 0%, 80% 10%, 100% 30%, 100% 100%) !important;
}

.charSprite[data-amulet="amulette-du-roi-singe"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-roi-singe"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-du-roi-singe"] .charAmulet,
.charSprite[data-amulet="amulette-du-roi-singe"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #f1c40f, #e67e22) !important;
  border: 2.0px solid #d35400 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(0% 100%, 0% 30%, 20% 10%, 50% 0%, 80% 10%, 100% 30%, 100% 100%) !important;
}

.charSprite[data-amulet="amulette-du-roi-singe"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-roi-singe"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-du-belier"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-belier"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #dcdde1, #7f8c8d) !important;
  border: 1.5px solid #2f3640 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-du-belier"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-belier"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #dcdde1, #7f8c8d) !important;
  border: 1.5px solid #2f3640 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-du-belier"] .charCape,
.charSprite[data-cape="cape-du-belier"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #dcdde1, #7f8c8d) !important;
  border: 1.5px solid #2f3640 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-du-belier"] .charCape,
.charSprite[data-cape="cape-du-belier"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #dcdde1, #7f8c8d) !important;
  border: 1.5px solid #2f3640 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-du-belier"] .charBoots,
.charSprite[data-boots="bottes-du-belier"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #dcdde1, #7f8c8d) !important;
  border: 1.5px solid #2f3640 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-du-belier"] .charBoots,
.charSprite[data-boots="bottes-du-belier"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #dcdde1, #7f8c8d) !important;
  border: 1.5px solid #2f3640 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-du-belier"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-belier"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #dcdde1, #7f8c8d) !important;
  border: 1px solid #2f3640 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-du-belier"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-belier"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-belier"] .charRingRight,
.charSprite[data-ring-right="anneau-du-belier"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #dcdde1, #7f8c8d) !important;
  border: 1px solid #2f3640 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-du-belier"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-belier"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-du-belier"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-belier"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #dcdde1, #7f8c8d) !important;
  border: 1px solid #2f3640 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-du-belier"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-belier"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-belier"] .charRingRight,
.charSprite[data-ring-right="anneau-du-belier"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #dcdde1, #7f8c8d) !important;
  border: 1px solid #2f3640 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-du-belier"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-belier"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-du-belier"] .charAmulet,
.charSprite[data-amulet="amulette-du-belier"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #dcdde1, #7f8c8d) !important;
  border: 1.5px solid #2f3640 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-belier"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-belier"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-du-belier"] .charAmulet,
.charSprite[data-amulet="amulette-du-belier"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #dcdde1, #7f8c8d) !important;
  border: 1.5px solid #2f3640 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-belier"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-belier"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-minotor"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-minotor"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 1.5px solid #190a02 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-minotor"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-minotor"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 1.5px solid #190a02 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-de-minotor"] .charCape,
.charSprite[data-cape="cape-de-minotor"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 1.5px solid #190a02 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-minotor"] .charCape,
.charSprite[data-cape="cape-de-minotor"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 1.5px solid #190a02 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-minotor"] .charBoots,
.charSprite[data-boots="bottes-de-minotor"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 1.5px solid #190a02 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-minotor"] .charBoots,
.charSprite[data-boots="bottes-de-minotor"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 1.5px solid #190a02 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-de-minotor"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-minotor"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 1px solid #190a02 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-minotor"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-minotor"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-minotor"] .charRingRight,
.charSprite[data-ring-right="anneau-de-minotor"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 1px solid #190a02 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-minotor"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-minotor"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-minotor"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-minotor"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 1px solid #190a02 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-minotor"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-minotor"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-minotor"] .charRingRight,
.charSprite[data-ring-right="anneau-de-minotor"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 1px solid #190a02 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-minotor"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-minotor"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-minotor"] .charAmulet,
.charSprite[data-amulet="amulette-de-minotor"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 1.5px solid #190a02 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-minotor"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-minotor"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-minotor"] .charAmulet,
.charSprite[data-amulet="amulette-de-minotor"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 1.5px solid #190a02 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-minotor"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-minotor"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-minotocure"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-minotocure"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 1.5px solid #190a02 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-minotocure"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-minotocure"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 1.5px solid #190a02 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-de-minotocure"] .charCape,
.charSprite[data-cape="cape-de-minotocure"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 1.5px solid #190a02 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-minotocure"] .charCape,
.charSprite[data-cape="cape-de-minotocure"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 1.5px solid #190a02 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-minotocure"] .charBoots,
.charSprite[data-boots="bottes-de-minotocure"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 1.5px solid #190a02 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-minotocure"] .charBoots,
.charSprite[data-boots="bottes-de-minotocure"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 1.5px solid #190a02 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-amulet="amulette-de-minotocure"] .charAmulet,
.charSprite[data-amulet="amulette-de-minotocure"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 1.5px solid #190a02 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-minotocure"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-minotocure"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-minotocure"] .charAmulet,
.charSprite[data-amulet="amulette-de-minotocure"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 1.5px solid #190a02 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-minotocure"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-minotocure"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-cornue"] .charHeadgear,
.charSprite[data-headgear="coiffe-cornue"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-cornue"] .charHeadgear,
.charSprite[data-headgear="coiffe-cornue"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-cornue"] .charCape,
.charSprite[data-cape="cape-cornue"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-cornue"] .charCape,
.charSprite[data-cape="cape-cornue"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-ring-left="anneau-cornue"] .charRingLeft,
.charSprite[data-ring-left="anneau-cornue"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-cornue"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-cornue"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-cornue"] .charRingRight,
.charSprite[data-ring-right="anneau-cornue"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-cornue"] .charRingRight::after,
.charSprite[data-ring-right="anneau-cornue"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-cornue"] .charRingLeft,
.charSprite[data-ring-left="anneau-cornue"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-cornue"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-cornue"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-cornue"] .charRingRight,
.charSprite[data-ring-right="anneau-cornue"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-cornue"] .charRingRight::after,
.charSprite[data-ring-right="anneau-cornue"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-cornue"] .charAmulet,
.charSprite[data-amulet="amulette-cornue"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-cornue"] .charAmulet::after,
.charSprite[data-amulet="amulette-cornue"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-cornue"] .charAmulet,
.charSprite[data-amulet="amulette-cornue"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-cornue"] .charAmulet::after,
.charSprite[data-amulet="amulette-cornue"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-du-minotot"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-minotot"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 2.0px solid #190a02 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-headgear="coiffe-du-minotot"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-minotot"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 2.0px solid #190a02 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-cape="cape-du-minotot"] .charCape,
.charSprite[data-cape="cape-du-minotot"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 2.0px solid #190a02 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-du-minotot"] .charCape,
.charSprite[data-cape="cape-du-minotot"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 2.0px solid #190a02 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-du-minotot"] .charBoots,
.charSprite[data-boots="bottes-du-minotot"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 2.0px solid #190a02 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-boots="bottes-du-minotot"] .charBoots,
.charSprite[data-boots="bottes-du-minotot"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 2.0px solid #190a02 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-left="anneau-du-minotot"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-minotot"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 2.0px solid #190a02 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-left="anneau-du-minotot"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-minotot"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-minotot"] .charRingRight,
.charSprite[data-ring-right="anneau-du-minotot"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 2.0px solid #190a02 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-right="anneau-du-minotot"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-minotot"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-du-minotot"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-minotot"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 2.0px solid #190a02 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-left="anneau-du-minotot"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-minotot"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-minotot"] .charRingRight,
.charSprite[data-ring-right="anneau-du-minotot"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 2.0px solid #190a02 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-right="anneau-du-minotot"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-minotot"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-du-minotot"] .charAmulet,
.charSprite[data-amulet="amulette-du-minotot"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 2.0px solid #190a02 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-minotot"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-minotot"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-du-minotot"] .charAmulet,
.charSprite[data-amulet="amulette-du-minotot"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #5c4033, #2b1a0a) !important;
  border: 2.0px solid #190a02 !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-minotot"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-minotot"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-fossoyeur"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-fossoyeur"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-fossoyeur"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-fossoyeur"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-de-fossoyeur"] .charCape,
.charSprite[data-cape="cape-de-fossoyeur"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-fossoyeur"] .charCape,
.charSprite[data-cape="cape-de-fossoyeur"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-fossoyeur"] .charBoots,
.charSprite[data-boots="bottes-de-fossoyeur"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-fossoyeur"] .charBoots,
.charSprite[data-boots="bottes-de-fossoyeur"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-de-fossoyeur"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-fossoyeur"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-fossoyeur"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-fossoyeur"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-fossoyeur"] .charRingRight,
.charSprite[data-ring-right="anneau-de-fossoyeur"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-fossoyeur"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-fossoyeur"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-fossoyeur"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-fossoyeur"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-fossoyeur"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-fossoyeur"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-fossoyeur"] .charRingRight,
.charSprite[data-ring-right="anneau-de-fossoyeur"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-fossoyeur"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-fossoyeur"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-fossoyeur"] .charAmulet,
.charSprite[data-amulet="amulette-de-fossoyeur"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-fossoyeur"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-fossoyeur"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-fossoyeur"] .charAmulet,
.charSprite[data-amulet="amulette-de-fossoyeur"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-fossoyeur"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-fossoyeur"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-spectre"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-spectre"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-spectre"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-spectre"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-de-spectre"] .charCape,
.charSprite[data-cape="cape-de-spectre"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-spectre"] .charCape,
.charSprite[data-cape="cape-de-spectre"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-spectre"] .charBoots,
.charSprite[data-boots="bottes-de-spectre"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-spectre"] .charBoots,
.charSprite[data-boots="bottes-de-spectre"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-de-spectre"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-spectre"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-spectre"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-spectre"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-spectre"] .charRingRight,
.charSprite[data-ring-right="anneau-de-spectre"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-spectre"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-spectre"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-spectre"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-spectre"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-spectre"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-spectre"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-spectre"] .charRingRight,
.charSprite[data-ring-right="anneau-de-spectre"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-spectre"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-spectre"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-spectre"] .charAmulet,
.charSprite[data-amulet="amulette-de-spectre"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-spectre"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-spectre"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-spectre"] .charAmulet,
.charSprite[data-amulet="amulette-de-spectre"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-spectre"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-spectre"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-squelettique"] .charHeadgear,
.charSprite[data-headgear="coiffe-squelettique"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-squelettique"] .charHeadgear,
.charSprite[data-headgear="coiffe-squelettique"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-boots="bottes-squelettiques"] .charBoots,
.charSprite[data-boots="bottes-squelettiques"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-squelettiques"] .charBoots,
.charSprite[data-boots="bottes-squelettiques"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-amulet="amulette-squelettique"] .charAmulet,
.charSprite[data-amulet="amulette-squelettique"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-squelettique"] .charAmulet::after,
.charSprite[data-amulet="amulette-squelettique"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-squelettique"] .charAmulet,
.charSprite[data-amulet="amulette-squelettique"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-squelettique"] .charAmulet::after,
.charSprite[data-amulet="amulette-squelettique"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-liche"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-liche"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-liche"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-liche"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-de-liche"] .charCape,
.charSprite[data-cape="cape-de-liche"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-liche"] .charCape,
.charSprite[data-cape="cape-de-liche"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-liche"] .charBoots,
.charSprite[data-boots="bottes-de-liche"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-liche"] .charBoots,
.charSprite[data-boots="bottes-de-liche"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-de-liche"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-liche"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-liche"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-liche"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-liche"] .charRingRight,
.charSprite[data-ring-right="anneau-de-liche"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-liche"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-liche"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-liche"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-liche"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-liche"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-liche"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-liche"] .charRingRight,
.charSprite[data-ring-right="anneau-de-liche"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-liche"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-liche"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-liche"] .charAmulet,
.charSprite[data-amulet="amulette-de-liche"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-liche"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-liche"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-liche"] .charAmulet,
.charSprite[data-amulet="amulette-de-liche"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-liche"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-liche"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-du-maitre-des-squelettes"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-maitre-des-squelettes"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 2.0px solid #ffc864 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-headgear="coiffe-du-maitre-des-squelettes"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-maitre-des-squelettes"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 2.0px solid #ffc864 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-cape="cape-du-maitre-des-squelettes"] .charCape,
.charSprite[data-cape="cape-du-maitre-des-squelettes"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 2.0px solid #b496ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-du-maitre-des-squelettes"] .charCape,
.charSprite[data-cape="cape-du-maitre-des-squelettes"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 2.0px solid #b496ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-du-maitre-des-squelettes"] .charBoots,
.charSprite[data-boots="bottes-du-maitre-des-squelettes"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 2.0px solid #1c1511 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-boots="bottes-du-maitre-des-squelettes"] .charBoots,
.charSprite[data-boots="bottes-du-maitre-des-squelettes"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 2.0px solid #1c1511 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-left="anneau-du-maitre-des-squelettes"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-maitre-des-squelettes"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 2.0px solid #624310 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-left="anneau-du-maitre-des-squelettes"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-maitre-des-squelettes"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-maitre-des-squelettes"] .charRingRight,
.charSprite[data-ring-right="anneau-du-maitre-des-squelettes"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 2.0px solid #624310 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-right="anneau-du-maitre-des-squelettes"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-maitre-des-squelettes"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-du-maitre-des-squelettes"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-maitre-des-squelettes"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 2.0px solid #624310 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-left="anneau-du-maitre-des-squelettes"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-maitre-des-squelettes"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-maitre-des-squelettes"] .charRingRight,
.charSprite[data-ring-right="anneau-du-maitre-des-squelettes"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 2.0px solid #624310 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-right="anneau-du-maitre-des-squelettes"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-maitre-des-squelettes"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-du-maitre-des-squelettes"] .charAmulet,
.charSprite[data-amulet="amulette-du-maitre-des-squelettes"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 2.0px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-maitre-des-squelettes"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-maitre-des-squelettes"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-du-maitre-des-squelettes"] .charAmulet,
.charSprite[data-amulet="amulette-du-maitre-des-squelettes"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 2.0px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-maitre-des-squelettes"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-maitre-des-squelettes"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-triceratops"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-triceratops"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d8d8d, #4a4a4a) !important;
  border: 1.5px solid #2d2d2d !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-triceratops"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-triceratops"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d8d8d, #4a4a4a) !important;
  border: 1.5px solid #2d2d2d !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-de-triceratops"] .charCape,
.charSprite[data-cape="cape-de-triceratops"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d8d8d, #4a4a4a) !important;
  border: 1.5px solid #2d2d2d !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-triceratops"] .charCape,
.charSprite[data-cape="cape-de-triceratops"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d8d8d, #4a4a4a) !important;
  border: 1.5px solid #2d2d2d !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-triceratops"] .charBoots,
.charSprite[data-boots="bottes-de-triceratops"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d8d8d, #4a4a4a) !important;
  border: 1.5px solid #2d2d2d !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-triceratops"] .charBoots,
.charSprite[data-boots="bottes-de-triceratops"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d8d8d, #4a4a4a) !important;
  border: 1.5px solid #2d2d2d !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-de-triceratops"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-triceratops"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d8d8d, #4a4a4a) !important;
  border: 1px solid #2d2d2d !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-triceratops"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-triceratops"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-triceratops"] .charRingRight,
.charSprite[data-ring-right="anneau-de-triceratops"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d8d8d, #4a4a4a) !important;
  border: 1px solid #2d2d2d !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-triceratops"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-triceratops"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-triceratops"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-triceratops"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d8d8d, #4a4a4a) !important;
  border: 1px solid #2d2d2d !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-triceratops"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-triceratops"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-triceratops"] .charRingRight,
.charSprite[data-ring-right="anneau-de-triceratops"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d8d8d, #4a4a4a) !important;
  border: 1px solid #2d2d2d !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-triceratops"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-triceratops"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-triceratops"] .charAmulet,
.charSprite[data-amulet="amulette-de-triceratops"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d8d8d, #4a4a4a) !important;
  border: 1.5px solid #2d2d2d !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-triceratops"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-triceratops"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-triceratops"] .charAmulet,
.charSprite[data-amulet="amulette-de-triceratops"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #8d8d8d, #4a4a4a) !important;
  border: 1.5px solid #2d2d2d !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-triceratops"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-triceratops"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-cape="cape-de-pterodactyle"] .charCape,
.charSprite[data-cape="cape-de-pterodactyle"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 8px 8px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-pterodactyle"] .charCape,
.charSprite[data-cape="cape-de-pterodactyle"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 8px 8px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-pterodactyle"] .charBoots,
.charSprite[data-boots="bottes-de-pterodactyle"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-boots="bottes-de-pterodactyle"] .charBoots,
.charSprite[data-boots="bottes-de-pterodactyle"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-de-pterodactyle"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-pterodactyle"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1px solid #1e824c !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-de-pterodactyle"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-pterodactyle"] .charRingLeft.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-pterodactyle"] .charRingRight,
.charSprite[data-ring-right="anneau-de-pterodactyle"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1px solid #1e824c !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-right="anneau-de-pterodactyle"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-pterodactyle"] .charRingRight.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-pterodactyle"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-pterodactyle"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1px solid #1e824c !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-de-pterodactyle"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-pterodactyle"] .charRingLeft.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-pterodactyle"] .charRingRight,
.charSprite[data-ring-right="anneau-de-pterodactyle"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1px solid #1e824c !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-right="anneau-de-pterodactyle"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-pterodactyle"] .charRingRight.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-pterodactyle"] .charAmulet,
.charSprite[data-amulet="amulette-de-pterodactyle"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 8px 8px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-pterodactyle"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-pterodactyle"] .charAmulet.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-pterodactyle"] .charAmulet,
.charSprite[data-amulet="amulette-de-pterodactyle"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 8px 8px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-pterodactyle"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-pterodactyle"] .charAmulet.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-raptor"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-raptor"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-headgear="coiffe-de-raptor"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-raptor"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-cape="cape-de-raptor"] .charCape,
.charSprite[data-cape="cape-de-raptor"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 8px 8px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-raptor"] .charCape,
.charSprite[data-cape="cape-de-raptor"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 8px 8px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-raptor"] .charBoots,
.charSprite[data-boots="bottes-de-raptor"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-boots="bottes-de-raptor"] .charBoots,
.charSprite[data-boots="bottes-de-raptor"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-de-raptor"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-raptor"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1px solid #1e824c !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-de-raptor"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-raptor"] .charRingLeft.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-raptor"] .charRingRight,
.charSprite[data-ring-right="anneau-de-raptor"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1px solid #1e824c !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-right="anneau-de-raptor"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-raptor"] .charRingRight.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-raptor"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-raptor"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1px solid #1e824c !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-left="anneau-de-raptor"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-raptor"] .charRingLeft.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-raptor"] .charRingRight,
.charSprite[data-ring-right="anneau-de-raptor"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1px solid #1e824c !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-ring-right="anneau-de-raptor"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-raptor"] .charRingRight.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-raptor"] .charAmulet,
.charSprite[data-amulet="amulette-de-raptor"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 8px 8px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-raptor"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-raptor"] .charAmulet.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-raptor"] .charAmulet,
.charSprite[data-amulet="amulette-de-raptor"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 8px 8px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-raptor"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-raptor"] .charAmulet.equipped::after {
  content: "🐍";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-prehistorique"] .charHeadgear,
.charSprite[data-headgear="coiffe-prehistorique"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-prehistorique"] .charHeadgear,
.charSprite[data-headgear="coiffe-prehistorique"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-prehistorique"] .charCape,
.charSprite[data-cape="cape-prehistorique"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-prehistorique"] .charCape,
.charSprite[data-cape="cape-prehistorique"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-prehistoriques"] .charBoots,
.charSprite[data-boots="bottes-prehistoriques"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-prehistoriques"] .charBoots,
.charSprite[data-boots="bottes-prehistoriques"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-prehistorique"] .charRingLeft,
.charSprite[data-ring-left="anneau-prehistorique"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-prehistorique"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-prehistorique"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-prehistorique"] .charRingRight,
.charSprite[data-ring-right="anneau-prehistorique"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-prehistorique"] .charRingRight::after,
.charSprite[data-ring-right="anneau-prehistorique"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-prehistorique"] .charRingLeft,
.charSprite[data-ring-left="anneau-prehistorique"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-prehistorique"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-prehistorique"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-prehistorique"] .charRingRight,
.charSprite[data-ring-right="anneau-prehistorique"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-prehistorique"] .charRingRight::after,
.charSprite[data-ring-right="anneau-prehistorique"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-prehistorique"] .charAmulet,
.charSprite[data-amulet="amulette-prehistorique"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-prehistorique"] .charAmulet::after,
.charSprite[data-amulet="amulette-prehistorique"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-prehistorique"] .charAmulet,
.charSprite[data-amulet="amulette-prehistorique"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-prehistorique"] .charAmulet::after,
.charSprite[data-amulet="amulette-prehistorique"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-du-t-rex"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-t-rex"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 2.0px solid #ffc864 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-headgear="coiffe-du-t-rex"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-t-rex"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 2.0px solid #ffc864 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-cape="cape-du-t-rex"] .charCape,
.charSprite[data-cape="cape-du-t-rex"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 2.0px solid #b496ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-du-t-rex"] .charCape,
.charSprite[data-cape="cape-du-t-rex"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 2.0px solid #b496ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-du-t-rex"] .charBoots,
.charSprite[data-boots="bottes-du-t-rex"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 2.0px solid #1c1511 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-boots="bottes-du-t-rex"] .charBoots,
.charSprite[data-boots="bottes-du-t-rex"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 2.0px solid #1c1511 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-left="anneau-du-t-rex"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-t-rex"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 2.0px solid #624310 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-left="anneau-du-t-rex"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-t-rex"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-t-rex"] .charRingRight,
.charSprite[data-ring-right="anneau-du-t-rex"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 2.0px solid #624310 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-right="anneau-du-t-rex"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-t-rex"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-du-t-rex"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-t-rex"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 2.0px solid #624310 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-left="anneau-du-t-rex"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-t-rex"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-t-rex"] .charRingRight,
.charSprite[data-ring-right="anneau-du-t-rex"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 2.0px solid #624310 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-right="anneau-du-t-rex"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-t-rex"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-renne"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-renne"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-renne"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-renne"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-de-renne"] .charCape,
.charSprite[data-cape="cape-de-renne"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-renne"] .charCape,
.charSprite[data-cape="cape-de-renne"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-renne"] .charBoots,
.charSprite[data-boots="bottes-de-renne"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-renne"] .charBoots,
.charSprite[data-boots="bottes-de-renne"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-de-renne"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-renne"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-renne"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-renne"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-renne"] .charRingRight,
.charSprite[data-ring-right="anneau-de-renne"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-renne"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-renne"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-renne"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-renne"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-renne"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-renne"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-renne"] .charRingRight,
.charSprite[data-ring-right="anneau-de-renne"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-renne"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-renne"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-renne"] .charAmulet,
.charSprite[data-amulet="amulette-de-renne"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-renne"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-renne"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-renne"] .charAmulet,
.charSprite[data-amulet="amulette-de-renne"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-renne"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-renne"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-yeti-de-noel"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-yeti-de-noel"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #ffffff, #dcdde1) !important;
  border: 1.5px solid #7f8c8d !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-yeti-de-noel"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-yeti-de-noel"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #ffffff, #dcdde1) !important;
  border: 1.5px solid #7f8c8d !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-de-yeti-de-noel"] .charCape,
.charSprite[data-cape="cape-de-yeti-de-noel"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #ffffff, #dcdde1) !important;
  border: 1.5px solid #7f8c8d !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-yeti-de-noel"] .charCape,
.charSprite[data-cape="cape-de-yeti-de-noel"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #ffffff, #dcdde1) !important;
  border: 1.5px solid #7f8c8d !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-yeti-de-noel"] .charBoots,
.charSprite[data-boots="bottes-de-yeti-de-noel"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #ffffff, #dcdde1) !important;
  border: 1.5px solid #7f8c8d !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-yeti-de-noel"] .charBoots,
.charSprite[data-boots="bottes-de-yeti-de-noel"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #ffffff, #dcdde1) !important;
  border: 1.5px solid #7f8c8d !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-de-yeti-de-noel"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-yeti-de-noel"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #ffffff, #dcdde1) !important;
  border: 1px solid #7f8c8d !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-yeti-de-noel"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-yeti-de-noel"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-yeti-de-noel"] .charRingRight,
.charSprite[data-ring-right="anneau-de-yeti-de-noel"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #ffffff, #dcdde1) !important;
  border: 1px solid #7f8c8d !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-yeti-de-noel"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-yeti-de-noel"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-yeti-de-noel"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-yeti-de-noel"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #ffffff, #dcdde1) !important;
  border: 1px solid #7f8c8d !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-yeti-de-noel"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-yeti-de-noel"] .charRingLeft.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-yeti-de-noel"] .charRingRight,
.charSprite[data-ring-right="anneau-de-yeti-de-noel"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #ffffff, #dcdde1) !important;
  border: 1px solid #7f8c8d !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-yeti-de-noel"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-yeti-de-noel"] .charRingRight.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-yeti-de-noel"] .charAmulet,
.charSprite[data-amulet="amulette-de-yeti-de-noel"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #ffffff, #dcdde1) !important;
  border: 1.5px solid #7f8c8d !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-yeti-de-noel"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-yeti-de-noel"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-yeti-de-noel"] .charAmulet,
.charSprite[data-amulet="amulette-de-yeti-de-noel"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: repeating-linear-gradient(45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 2px, transparent 2px, transparent 6px), linear-gradient(180deg, #ffffff, #dcdde1) !important;
  border: 1.5px solid #7f8c8d !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-yeti-de-noel"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-yeti-de-noel"] .charAmulet.equipped::after {
  content: "🐾";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-lutin"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-lutin"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-lutin"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-lutin"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-de-lutin"] .charCape,
.charSprite[data-cape="cape-de-lutin"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-lutin"] .charCape,
.charSprite[data-cape="cape-de-lutin"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-lutin"] .charBoots,
.charSprite[data-boots="bottes-de-lutin"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-lutin"] .charBoots,
.charSprite[data-boots="bottes-de-lutin"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-de-lutin"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-lutin"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-lutin"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-lutin"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-lutin"] .charRingRight,
.charSprite[data-ring-right="anneau-de-lutin"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-lutin"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-lutin"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-lutin"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-lutin"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-lutin"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-lutin"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-lutin"] .charRingRight,
.charSprite[data-ring-right="anneau-de-lutin"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-lutin"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-lutin"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-lutin"] .charAmulet,
.charSprite[data-amulet="amulette-de-lutin"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-lutin"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-lutin"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-lutin"] .charAmulet,
.charSprite[data-amulet="amulette-de-lutin"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-lutin"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-lutin"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-neige-hargneuse"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-neige-hargneuse"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-headgear="coiffe-de-neige-hargneuse"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-neige-hargneuse"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-cape="cape-de-neige-hargneuse"] .charCape,
.charSprite[data-cape="cape-de-neige-hargneuse"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 12px 12px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-neige-hargneuse"] .charCape,
.charSprite[data-cape="cape-de-neige-hargneuse"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 12px 12px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-eveillees"] .charBoots,
.charSprite[data-boots="bottes-eveillees"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-eveillees"] .charBoots,
.charSprite[data-boots="bottes-eveillees"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-eveillee"] .charRingLeft,
.charSprite[data-ring-left="anneau-eveillee"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-eveillee"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-eveillee"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-eveillee"] .charRingRight,
.charSprite[data-ring-right="anneau-eveillee"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-eveillee"] .charRingRight::after,
.charSprite[data-ring-right="anneau-eveillee"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-eveillee"] .charRingLeft,
.charSprite[data-ring-left="anneau-eveillee"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-eveillee"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-eveillee"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-eveillee"] .charRingRight,
.charSprite[data-ring-right="anneau-eveillee"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-eveillee"] .charRingRight::after,
.charSprite[data-ring-right="anneau-eveillee"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-racineau"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-racineau"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 1.5px solid #1a0f0a !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 12px 24px !important;
}

.charSprite[data-headgear="coiffe-de-racineau"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-racineau"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 1.5px solid #1a0f0a !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 12px 24px !important;
}

.charSprite[data-cape="cape-de-racineau"] .charCape,
.charSprite[data-cape="cape-de-racineau"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 1.5px solid #1a0f0a !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 12px 24px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-racineau"] .charCape,
.charSprite[data-cape="cape-de-racineau"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 1.5px solid #1a0f0a !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  background-size: 12px 24px !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-racineau"] .charBoots,
.charSprite[data-boots="bottes-de-racineau"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 1.5px solid #1a0f0a !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 12px 24px !important;
}

.charSprite[data-boots="bottes-de-racineau"] .charBoots,
.charSprite[data-boots="bottes-de-racineau"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 1.5px solid #1a0f0a !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 12px 24px !important;
}

.charSprite[data-ring-left="anneau-de-racineau"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-racineau"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 1px solid #1a0f0a !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 12px 24px !important;
}

.charSprite[data-ring-left="anneau-de-racineau"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-racineau"] .charRingLeft.equipped::after {
  content: "🪵";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-racineau"] .charRingRight,
.charSprite[data-ring-right="anneau-de-racineau"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 1px solid #1a0f0a !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 12px 24px !important;
}

.charSprite[data-ring-right="anneau-de-racineau"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-racineau"] .charRingRight.equipped::after {
  content: "🪵";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-racineau"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-racineau"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 1px solid #1a0f0a !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 12px 24px !important;
}

.charSprite[data-ring-left="anneau-de-racineau"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-racineau"] .charRingLeft.equipped::after {
  content: "🪵";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-racineau"] .charRingRight,
.charSprite[data-ring-right="anneau-de-racineau"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 1px solid #1a0f0a !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 12px 24px !important;
}

.charSprite[data-ring-right="anneau-de-racineau"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-racineau"] .charRingRight.equipped::after {
  content: "🪵";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-racineau"] .charAmulet,
.charSprite[data-amulet="amulette-de-racineau"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 1.5px solid #1a0f0a !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 12px 24px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-racineau"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-racineau"] .charAmulet.equipped::after {
  content: "🪵";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-racineau"] .charAmulet,
.charSprite[data-amulet="amulette-de-racineau"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath d='M2,0 C3,6 1,12 2,18 C3,20 1,22 2,24 M6,0 C5,8 7,16 6,24 M10,0 C9,6 11,12 10,18 C11,20 9,22 10,24' fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #5c4033, #3d2b1f) !important;
  border: 1.5px solid #1a0f0a !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 12px 24px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-racineau"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-racineau"] .charAmulet.equipped::after {
  content: "🪵";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-brumelin"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-brumelin"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-de-brumelin"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-brumelin"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-boots="bottes-de-neige-hargneuse"] .charBoots,
.charSprite[data-boots="bottes-de-neige-hargneuse"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-boots="bottes-de-neige-hargneuse"] .charBoots,
.charSprite[data-boots="bottes-de-neige-hargneuse"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-ring-left="anneau-de-neige-hargneuse"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-neige-hargneuse"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1px solid #8cb2d7 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-ring-left="anneau-de-neige-hargneuse"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-neige-hargneuse"] .charRingLeft.equipped::after {
  content: "❄️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-neige-hargneuse"] .charRingRight,
.charSprite[data-ring-right="anneau-de-neige-hargneuse"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1px solid #8cb2d7 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-ring-right="anneau-de-neige-hargneuse"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-neige-hargneuse"] .charRingRight.equipped::after {
  content: "❄️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-neige-hargneuse"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-neige-hargneuse"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1px solid #8cb2d7 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-ring-left="anneau-de-neige-hargneuse"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-neige-hargneuse"] .charRingLeft.equipped::after {
  content: "❄️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-neige-hargneuse"] .charRingRight,
.charSprite[data-ring-right="anneau-de-neige-hargneuse"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1px solid #8cb2d7 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
  background-size: 12px 12px !important;
}

.charSprite[data-ring-right="anneau-de-neige-hargneuse"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-neige-hargneuse"] .charRingRight.equipped::after {
  content: "❄️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-neige-hargneuse"] .charAmulet,
.charSprite[data-amulet="amulette-de-neige-hargneuse"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 12px 12px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-neige-hargneuse"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-neige-hargneuse"] .charAmulet.equipped::after {
  content: "❄️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-neige-hargneuse"] .charAmulet,
.charSprite[data-amulet="amulette-de-neige-hargneuse"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.7) 0.8px, transparent 0.8px), radial-gradient(circle at 75% 70%, rgba(255,255,255,0.5) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3) 1.6px, transparent 1.6px), linear-gradient(180deg, #ffffff, #d7edf8) !important;
  border: 1.5px solid #8cb2d7 !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  background-size: 12px 12px !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-neige-hargneuse"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-neige-hargneuse"] .charAmulet.equipped::after {
  content: "❄️";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-du-pere-fouettard"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-pere-fouettard"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 2.0px solid #ffc864 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-headgear="coiffe-du-pere-fouettard"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-pere-fouettard"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 2.0px solid #ffc864 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-cape="cape-du-pere-fouettard"] .charCape,
.charSprite[data-cape="cape-du-pere-fouettard"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 2.0px solid #b496ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-du-pere-fouettard"] .charCape,
.charSprite[data-cape="cape-du-pere-fouettard"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 2.0px solid #b496ff !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-du-pere-fouettard"] .charBoots,
.charSprite[data-boots="bottes-du-pere-fouettard"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 2.0px solid #1c1511 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-boots="bottes-du-pere-fouettard"] .charBoots,
.charSprite[data-boots="bottes-du-pere-fouettard"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 2.0px solid #1c1511 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-left="anneau-du-pere-fouettard"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-pere-fouettard"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 2.0px solid #624310 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-left="anneau-du-pere-fouettard"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-pere-fouettard"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-pere-fouettard"] .charRingRight,
.charSprite[data-ring-right="anneau-du-pere-fouettard"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 2.0px solid #624310 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-right="anneau-du-pere-fouettard"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-pere-fouettard"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-du-pere-fouettard"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-pere-fouettard"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 2.0px solid #624310 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-left="anneau-du-pere-fouettard"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-pere-fouettard"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-pere-fouettard"] .charRingRight,
.charSprite[data-ring-right="anneau-du-pere-fouettard"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 2.0px solid #624310 !important;
  box-shadow: 0 0 8px #ffd700 !important;
}

.charSprite[data-ring-right="anneau-du-pere-fouettard"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-pere-fouettard"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-du-pere-fouettard"] .charAmulet,
.charSprite[data-amulet="amulette-du-pere-fouettard"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 2.0px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-pere-fouettard"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-pere-fouettard"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-du-pere-fouettard"] .charAmulet,
.charSprite[data-amulet="amulette-du-pere-fouettard"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 2.0px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-pere-fouettard"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-pere-fouettard"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-cape="cape-eveillee"] .charCape,
.charSprite[data-cape="cape-eveillee"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-eveillee"] .charCape,
.charSprite[data-cape="cape-eveillee"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-de-brumelin"] .charBoots,
.charSprite[data-boots="bottes-de-brumelin"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-de-brumelin"] .charBoots,
.charSprite[data-boots="bottes-de-brumelin"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-de-brumelin"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-brumelin"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-brumelin"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-brumelin"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-brumelin"] .charRingRight,
.charSprite[data-ring-right="anneau-de-brumelin"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-brumelin"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-brumelin"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-de-brumelin"] .charRingLeft,
.charSprite[data-ring-left="anneau-de-brumelin"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-de-brumelin"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-de-brumelin"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-de-brumelin"] .charRingRight,
.charSprite[data-ring-right="anneau-de-brumelin"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-de-brumelin"] .charRingRight::after,
.charSprite[data-ring-right="anneau-de-brumelin"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-brumelin"] .charAmulet,
.charSprite[data-amulet="amulette-de-brumelin"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-brumelin"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-brumelin"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-de-brumelin"] .charAmulet,
.charSprite[data-amulet="amulette-de-brumelin"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-de-brumelin"] .charAmulet::after,
.charSprite[data-amulet="amulette-de-brumelin"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-scintillante"] .charHeadgear,
.charSprite[data-headgear="coiffe-scintillante"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-scintillante"] .charHeadgear,
.charSprite[data-headgear="coiffe-scintillante"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-scintillante"] .charCape,
.charSprite[data-cape="cape-scintillante"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-scintillante"] .charCape,
.charSprite[data-cape="cape-scintillante"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-scintillantes"] .charBoots,
.charSprite[data-boots="bottes-scintillantes"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-scintillantes"] .charBoots,
.charSprite[data-boots="bottes-scintillantes"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-scintillante"] .charRingLeft,
.charSprite[data-ring-left="anneau-scintillante"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-scintillante"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-scintillante"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-scintillante"] .charRingRight,
.charSprite[data-ring-right="anneau-scintillante"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-scintillante"] .charRingRight::after,
.charSprite[data-ring-right="anneau-scintillante"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-scintillante"] .charRingLeft,
.charSprite[data-ring-left="anneau-scintillante"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-scintillante"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-scintillante"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-scintillante"] .charRingRight,
.charSprite[data-ring-right="anneau-scintillante"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-scintillante"] .charRingRight::after,
.charSprite[data-ring-right="anneau-scintillante"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-scintillante"] .charAmulet,
.charSprite[data-amulet="amulette-scintillante"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-scintillante"] .charAmulet::after,
.charSprite[data-amulet="amulette-scintillante"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-scintillante"] .charAmulet,
.charSprite[data-amulet="amulette-scintillante"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-scintillante"] .charAmulet::after,
.charSprite[data-amulet="amulette-scintillante"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-du-titan-de-brume"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-titan-de-brume"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-du-titan-de-brume"] .charHeadgear,
.charSprite[data-headgear="coiffe-du-titan-de-brume"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-cape="cape-du-titan-de-brume"] .charCape,
.charSprite[data-cape="cape-du-titan-de-brume"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-du-titan-de-brume"] .charCape,
.charSprite[data-cape="cape-du-titan-de-brume"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-du-titan-de-brume"] .charBoots,
.charSprite[data-boots="bottes-du-titan-de-brume"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-boots="bottes-du-titan-de-brume"] .charBoots,
.charSprite[data-boots="bottes-du-titan-de-brume"] .charBoots.equipped {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #644628, #3c2814) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.3) !important;
}

.charSprite[data-ring-left="anneau-du-titan-de-brume"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-titan-de-brume"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-du-titan-de-brume"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-titan-de-brume"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-titan-de-brume"] .charRingRight,
.charSprite[data-ring-right="anneau-du-titan-de-brume"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-du-titan-de-brume"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-titan-de-brume"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-du-titan-de-brume"] .charRingLeft,
.charSprite[data-ring-left="anneau-du-titan-de-brume"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-du-titan-de-brume"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-du-titan-de-brume"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-du-titan-de-brume"] .charRingRight,
.charSprite[data-ring-right="anneau-du-titan-de-brume"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-du-titan-de-brume"] .charRingRight::after,
.charSprite[data-ring-right="anneau-du-titan-de-brume"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-du-titan-de-brume"] .charAmulet,
.charSprite[data-amulet="amulette-du-titan-de-brume"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-titan-de-brume"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-titan-de-brume"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-du-titan-de-brume"] .charAmulet,
.charSprite[data-amulet="amulette-du-titan-de-brume"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-titan-de-brume"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-titan-de-brume"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-eveillee"] .charAmulet,
.charSprite[data-amulet="amulette-eveillee"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-eveillee"] .charAmulet::after,
.charSprite[data-amulet="amulette-eveillee"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-eveillee"] .charAmulet,
.charSprite[data-amulet="amulette-eveillee"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 1.5px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 6px rgba(255,220,0,0.7) !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-eveillee"] .charAmulet::after,
.charSprite[data-amulet="amulette-eveillee"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-cape="cape-de-brumelin"] .charCape,
.charSprite[data-cape="cape-de-brumelin"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-cape="cape-de-brumelin"] .charCape,
.charSprite[data-cape="cape-de-brumelin"] .charCape.equipped {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #6450a0, #322864) !important;
  border: 1.5px solid #b496ff !important;
  box-shadow: 0 0 5px rgba(120,80,200,0.3) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 80%, 75% 65%, 50% 100%, 25% 65%, 0% 80%) !important;
}

.charSprite[data-ring-left="anneau-squelettique"] .charRingLeft,
.charSprite[data-ring-left="anneau-squelettique"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-squelettique"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-squelettique"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-squelettique"] .charRingRight,
.charSprite[data-ring-right="anneau-squelettique"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-squelettique"] .charRingRight::after,
.charSprite[data-ring-right="anneau-squelettique"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-left="anneau-squelettique"] .charRingLeft,
.charSprite[data-ring-left="anneau-squelettique"] .charRingLeft.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 20% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-left="anneau-squelettique"] .charRingLeft::after,
.charSprite[data-ring-left="anneau-squelettique"] .charRingLeft.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-ring-right="anneau-squelettique"] .charRingRight,
.charSprite[data-ring-right="anneau-squelettique"] .charRingRight.equipped {
  width: 14px !important;
  height: 4px !important;
  top: 53px !important;
  left: 80% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe082, #d4a017) !important;
  border: 1px solid #624310 !important;
  box-shadow: 0 0 4px rgba(255,215,0,0.65) !important;
}

.charSprite[data-ring-right="anneau-squelettique"] .charRingRight::after,
.charSprite[data-ring-right="anneau-squelettique"] .charRingRight.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-de-pterodactyle"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-pterodactyle"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-headgear="coiffe-de-pterodactyle"] .charHeadgear,
.charSprite[data-headgear="coiffe-de-pterodactyle"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15) 24%, transparent 26%), radial-gradient(circle at 0% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 100% 50%, rgba(0,0,0,0.08) 24%, transparent 26%), radial-gradient(circle at 50% 100%, rgba(255,255,255,0.12) 24%, transparent 26%), linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #1e824c !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
  background-size: 8px 8px !important;
}

.charSprite[data-amulet="amulette-du-t-rex"] .charAmulet,
.charSprite[data-amulet="amulette-du-t-rex"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 2.0px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-t-rex"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-t-rex"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-amulet="amulette-du-t-rex"] .charAmulet,
.charSprite[data-amulet="amulette-du-t-rex"] .charAmulet.equipped {
  width: 8px !important;
  height: 8px !important;
  top: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #ffe066, #e6ac00) !important;
  border: 2.0px solid rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 8px #ffd700 !important;
  clip-path: circle(50% at 50% 50%) !important;
}

.charSprite[data-amulet="amulette-du-t-rex"] .charAmulet::after,
.charSprite[data-amulet="amulette-du-t-rex"] .charAmulet.equipped::after {
  content: "💎";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.charSprite[data-headgear="coiffe-eveillee"] .charHeadgear,
.charSprite[data-headgear="coiffe-eveillee"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}

.charSprite[data-headgear="coiffe-eveillee"] .charHeadgear,
.charSprite[data-headgear="coiffe-eveillee"] .charHeadgear.equipped {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  background: linear-gradient(180deg, #c89650, #785028) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 4px rgba(255,180,60,0.4) !important;
}
/* --- END_GENERATED_EQUIPMENT_STYLES --- */

/* --- Back-Facing (Perspective) Overrides --- */
.charSprite.facing-back .charCape {
  z-index: 5 !important;
}

.charSprite.facing-back .charBody {
  z-index: 2 !important;
}

.charSprite.facing-back .charFeet {
  z-index: 2 !important;
}

.charSprite.facing-back .charBoots {
  z-index: 3 !important;
}

.charSprite.facing-back .charBelt {
  z-index: 3 !important;
}

.charSprite.facing-back .charAmulet {
  z-index: 1 !important;
  /* Derrière le corps et la tête quand le perso est de dos */
}

.charSprite.facing-back .charRingLeft {
  z-index: 6 !important;
}

.charSprite.facing-back .charRingRight {
  z-index: 6 !important;
}

.charSprite.facing-back .charHead {
  z-index: 4 !important;
}

.charSprite.facing-back .charHeadgear {
  z-index: 7 !important;
}

.charSprite.facing-back .charWeapon {
  z-index: 6 !important;
}

.charSprite.facing-back .charHead::after {
  display: none !important;
}

.charSprite.facing-back .charAmulet::after {
  display: none !important;
}

/* --- Custom Keyframe Animations --- */
@keyframes fireFlicker {

  0%,
  100% {
    filter: brightness(1) drop-shadow(0 0 4px #ff793f);
  }

  50% {
    filter: brightness(1.2) drop-shadow(0 0 8px #ff5252);
  }
}

@keyframes lightningFlicker {

  0%,
  100% {
    filter: brightness(1);
    opacity: 0.95;
  }

  50% {
    filter: brightness(1.4) drop-shadow(0 0 6px #00e5ff);
    opacity: 1;
  }
}


/* =========================
   WEAPONS & CLASS DESIGN (3D METALLIC SHEEN & SHADOWS)
   ========================= */

/* Guerrier - Épée médiévale effilée avec garde dorée et pommeau */
.charSprite.class-guerrier .charWeapon {
  position: absolute;
  width: 6px;
  height: 42px;
  right: -2px;
  top: 32px;
  background: linear-gradient(90deg, #dcdde1 0%, #ffffff 30%, #718093 70%, #2f3640 100%);
  /* Lame chromée avec reflet */
  clip-path: polygon(50% 0%, 100% 12%, 100% 100%, 0% 100%, 0% 12%);
  /* Pointe de lame affûtée */
  box-shadow:
    0 4px 8px rgba(0, 0, 0, 0.65),
    -1px 0 rgba(255, 0, 80, 0.3),
    1px 0 rgba(0, 255, 200, 0.3);
  transform-origin: 50% 90%;
  animation: weaponSway 4s ease-in-out infinite;
  z-index: 5;
}

.charSprite.class-guerrier .charWeapon::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 5px;
  bottom: 8px;
  /* Séparation entre la lame et la poignée */
  left: -7px;
  background: linear-gradient(180deg, #ffd700, #b8860b);
  /* Garde dorée */
  border: 1px solid #1c1511;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.charSprite.class-guerrier .charWeapon::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 10px;
  bottom: -2px;
  /* Poignée */
  left: 1px;
  background: #5c3a21;
  /* Manche en cuir/bois */
  border: 1px solid #1c1511;
  border-radius: 1px;
  box-shadow: 0 2px 0 #ffd700;
  /* Pommeau doré au bout */
}

/* Mage - Sceptre antique runique */
.charSprite.class-mage .charStaff {
  position: absolute;
  width: 6px;
  height: 46px;
  right: -4px;
  top: 28px;
  background: linear-gradient(90deg, #784212, #fad7a0 40%, #784212 80%);
  /* Bois sculpté verni */
  border: 1.5px solid #1c1511;
  border-radius: 3px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
  transform-origin: 50% 90%;
  animation: weaponSway 3.6s ease-in-out infinite;
  z-index: 5;
}

.charSprite.class-mage .charStaff::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: -14px;
  left: -6px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #ffffff 0%, #a29bfe 40%, #6c5ce7 80%, #32107c 100%);
  /* Orbe runique brillant */
  box-shadow:
    0 0 14px #6c5ce7,
    0 0 25px rgba(108, 92, 231, 0.7),
    -2px 0 rgba(255, 0, 80, 0.4),
    2px 0 rgba(0, 255, 200, 0.4);
  animation: orbPulse 1.8s ease-in-out infinite;
}

.charSprite.class-mage .charAura {
  position: absolute;
  width: 68px;
  height: 68px;
  left: 50%;
  top: 4px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(162, 155, 254, 0.3) 0%, rgba(108, 92, 231, 0.08) 50%, transparent 70%);
  filter: blur(2px);
  pointer-events: none;
}

/* Archer - Arc de guerre elfe en if */
.charSprite.class-archer .charBow {
  position: absolute;
  width: 18px;
  height: 38px;
  right: -8px;
  top: 36px;
  border: 4px solid #e58e26;
  border-left: 0;
  border-radius: 0 40px 40px 0;
  background: linear-gradient(180deg, #d35400, #a04000 60%, #5e2700 100%);
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.6),
    -1px 0 rgba(255, 0, 80, 0.25),
    1px 0 rgba(0, 255, 200, 0.25);
  transform-origin: 20% 90%;
  animation: weaponSway 3.8s ease-in-out infinite;
  z-index: 5;
}

.charSprite.class-archer .charBow::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 28px;
  right: -6px;
  top: 5px;
  background: linear-gradient(180deg, #fff, #fad390, #e58e26);
  /* Corde tendue réfléchissante */
  transform: rotate(-10deg);
  border-radius: 2px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.4);
}

/* Nécromancien - Aura spectrale et ornement de mort */
.charSprite.class-necromancien .charAura {
  position: absolute;
  width: 76px;
  height: 76px;
  left: 50%;
  top: 8px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(162, 0, 255, 0.4) 0%, rgba(76, 0, 112, 0.12) 55%, transparent 75%);
  box-shadow:
    0 0 24px rgba(162, 0, 255, 0.25),
    inset 0 0 12px rgba(255, 255, 255, 0.03),
    -3px 0 rgba(255, 0, 80, 0.3),
    3px 0 rgba(0, 255, 200, 0.3);
  filter: blur(1px);
  pointer-events: none;
}

.charSprite.class-necromancien .charHead::after {
  content: "";
}

/* =========================
   MOVEMENT VISUALS OVERHAUL OVERRIDES
   ========================= */

/* Horizontal Flip Support */
.charSprite.facing-left {
  scale: -1 1;
}

/* Active walking animations for equipment */
.charSprite.walking .charCape {
  animation: walkCape 0.34s ease-in-out infinite;
  transform-origin: 50% 0%;
}

.charSprite.walking .charBoots {
  animation: walkFeet 0.34s ease-in-out infinite;
}

.charSprite.walking .charHeadgear {
  animation: walkHead 0.34s ease-in-out infinite;
  transform-origin: 50% 85%;
}

.charSprite.walking .charAmulet,
.charSprite.walking .charBelt,
.charSprite.walking .charWeapon,
.charSprite.walking .charStaff,
.charSprite.walking .charBow {
  animation: walkTorso 0.34s ease-in-out infinite;
  transform-origin: 50% 18%;
}

/* Active running animations for equipment and dynamic tilt */
.charSprite.running {
  animation: runBob 0.22s linear infinite !important;
  transform: rotate(6deg) !important;
}

.charSprite.running.facing-left {
  transform: rotate(-6deg) !important;
}

.charSprite.running::after {
  animation: runShadow 0.22s linear infinite !important;
}

.charSprite.running .charCape {
  animation: runCape 0.22s ease-in-out infinite !important;
}

.charSprite.running .charBoots {
  animation: runBoots 0.22s ease-in-out infinite !important;
}

.charSprite.running .charHeadgear {
  animation: runHead 0.22s ease-in-out infinite !important;
}

.charSprite.running .charAmulet,
.charSprite.running .charBelt,
.charSprite.running .charWeapon,
.charSprite.running .charStaff,
.charSprite.running .charBow {
  animation: runTorso 0.22s ease-in-out infinite !important;
}

.charSprite.running .charBody {
  animation: runTorso 0.22s ease-in-out infinite !important;
}

.charSprite.running .charHead {
  animation: runHead 0.22s ease-in-out infinite !important;
}

.charSprite.running .charBody::before {
  animation: runArmLeft 0.22s ease-in-out infinite !important;
}

.charSprite.running .charBody::after {
  animation: runArmRight 0.22s ease-in-out infinite !important;
}

.charSprite.running .charFeet {
  animation: runFeet 0.22s ease-in-out infinite !important;
}

.charSprite.running .charFeet::before {
  animation: runFootLeft 0.22s ease-in-out infinite !important;
}

.charSprite.running .charFeet::after {
  animation: runFootRight 0.22s ease-in-out infinite !important;
}

/* Back-Facing (Perspective) Overrides - Hair Color */
.charSprite.facing-back.class-guerrier .charHead {
  background: linear-gradient(180deg, #6d4024, #392115) !important;
}

.charSprite.facing-back.class-mage .charHead {
  background: linear-gradient(180deg, #d7edf8, #8cb2d7) !important;
}

.charSprite.facing-back.class-archer .charHead {
  background: linear-gradient(180deg, #7a4c2d, #402414) !important;
}

.charSprite.facing-back.class-necromancien .charHead {
  background: linear-gradient(180deg, #d9d2e9, #8b79a8) !important;
}

/* Headgear layer priority when facing front (must sit on top of the head which has z-index 3) */
.charHeadgear {
  z-index: 4;
}

/* ==========================================================================
   COSMETIC APPEARANCE SETS & CSS PARTICLE EFFECTS OVERRIDES
   ========================================================================== */

/* Style Resets for Cosmetic Items */
[data-headgear="coiffe-cosmique"] .charHeadgear.equipped,
[data-cape="cape-cosmique"] .charCape.equipped,
[data-boots="bottes-cosmiques"] .charBoots.equipped,
[data-ring-left="anneau-cosmique"] .charRingLeft.equipped,
[data-ring-right="anneau-cosmique"] .charRingRight.equipped,
[data-belt="ceinture-cosmique"] .charBelt.equipped,
[data-headgear="coiffe-du-neant"] .charHeadgear.equipped,
[data-cape="cape-du-neant"] .charCape.equipped,
[data-boots="bottes-du-neant"] .charBoots.equipped,
[data-ring-left="anneau-du-neant"] .charRingLeft.equipped,
[data-ring-right="anneau-du-neant"] .charRingRight.equipped,
[data-belt="ceinture-du-neant"] .charBelt.equipped,
[data-headgear="coiffe-solaire"] .charHeadgear.equipped,
[data-cape="cape-solaire"] .charCape.equipped,
[data-boots="bottes-solaires"] .charBoots.equipped,
[data-ring-left="anneau-solaire"] .charRingLeft.equipped,
[data-ring-right="anneau-solaire"] .charRingRight.equipped,
[data-belt="ceinture-solaire"] .charBelt.equipped,
[data-headgear="coiffe-ombrale"] .charHeadgear.equipped,
[data-cape="cape-ombrale"] .charCape.equipped,
[data-boots="bottes-ombrales"] .charBoots.equipped,
[data-ring-left="anneau-ombrale"] .charRingLeft.equipped,
[data-ring-right="anneau-ombrale"] .charRingRight.equipped,
[data-belt="ceinture-ombrale"] .charBelt.equipped,
[data-headgear="coiffe-printaniere"] .charHeadgear.equipped,
[data-cape="cape-printaniere"] .charCape.equipped,
[data-boots="bottes-printanieres"] .charBoots.equipped,
[data-ring-left="anneau-printaniere"] .charRingLeft.equipped,
[data-ring-right="anneau-printaniere"] .charRingRight.equipped,
[data-belt="ceinture-printaniere"] .charBelt.equipped,
[data-headgear="coiffe-arcanique"] .charHeadgear.equipped,
[data-cape="cape-arcanique"] .charCape.equipped,
[data-boots="bottes-arcaniques"] .charBoots.equipped,
[data-ring-left="anneau-arcanique"] .charRingLeft.equipped,
[data-ring-right="anneau-arcanique"] .charRingRight.equipped,
[data-belt="ceinture-arcanique"] .charBelt.equipped,
[data-headgear="coiffe-cybernetique"] .charHeadgear.equipped,
[data-cape="cape-cybernetique"] .charCape.equipped,
[data-boots="bottes-cybernetiques"] .charBoots.equipped,
[data-ring-left="anneau-cybernetique"] .charRingLeft.equipped,
[data-ring-right="anneau-cybernetique"] .charRingRight.equipped,
[data-belt="ceinture-cybernetique"] .charBelt.equipped,
[data-headgear="coiffe-du-faucheur"] .charHeadgear.equipped,
[data-cape="cape-du-faucheur"] .charCape.equipped,
[data-boots="bottes-du-faucheur"] .charBoots.equipped,
[data-ring-left="anneau-du-faucheur"] .charRingLeft.equipped,
[data-ring-right="anneau-du-faucheur"] .charRingRight.equipped,
[data-belt="ceinture-du-faucheur"] .charBelt.equipped {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Custom Sprite Styling - Cosmic Set */
.charSprite[data-headgear="coiffe-cosmique"] .charHeadgear {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(135deg, #1e0b36, #00d2ff) !important;
  border: 1.5px solid #00d2ff !important;
  box-shadow: 0 0 8px rgba(0, 210, 255, 0.8) !important;
  border-radius: 8px 8px 4px 4px !important;
}

.charSprite[data-cape="cape-cosmique"] .charCape {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.15) 10%, transparent 50%), linear-gradient(180deg, #120024, #8e2de2) !important;
  border: 1.5px solid #00d2ff !important;
  box-shadow: 0 0 10px rgba(142, 45, 226, 0.6) !important;
  clip-path: polygon(15% 0%, 85% 0%, 100% 90%, 50% 100%, 0% 90%) !important;
}

.charSprite[data-boots="bottes-cosmiques"] .charBoots {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(180deg, #8e2de2, #00d2ff) !important;
  border: 1.5px solid #00d2ff !important;
  box-shadow: 0 0 5px rgba(0, 210, 255, 0.5) !important;
  border-radius: 2px !important;
}

/* Custom Sprite Styling - Void Set */
.charSprite[data-headgear="coiffe-du-neant"] .charHeadgear {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(135deg, #090514, #4a0e4e) !important;
  border: 1.5px solid #9b59b6 !important;
  box-shadow: 0 0 8px rgba(155, 89, 182, 0.8) !important;
  border-radius: 50% 50% 0 0 !important;
}

.charSprite[data-cape="cape-du-neant"] .charCape {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(180deg, #090514, #2c0c30) !important;
  border: 1.5px solid #9b59b6 !important;
  box-shadow: 0 0 10px rgba(74, 14, 78, 0.7) !important;
  clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 50% 80%, 0% 100%) !important;
}

.charSprite[data-boots="bottes-du-neant"] .charBoots {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(180deg, #2c0c30, #090514) !important;
  border: 1.5px solid #9b59b6 !important;
  border-radius: 2px !important;
}

/* Custom Sprite Styling - Solar Set */
.charSprite[data-headgear="coiffe-solaire"] .charHeadgear {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(135deg, #d35400, #f1c40f) !important;
  border: 1.5px solid #f39c12 !important;
  box-shadow: 0 0 8px rgba(241, 196, 15, 0.8) !important;
  border-radius: 8px 8px 0 0 !important;
}

.charSprite[data-cape="cape-solaire"] .charCape {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(180deg, #e67e22, #e74c3c) !important;
  border: 1.5px solid #f1c40f !important;
  box-shadow: 0 0 10px rgba(230, 126, 34, 0.7) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 70%, 50% 100%, 0% 70%) !important;
}

.charSprite[data-boots="bottes-solaires"] .charBoots {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(180deg, #f1c40f, #d35400) !important;
  border: 1.5px solid #f39c12 !important;
  border-radius: 2px !important;
}

/* Custom Sprite Styling - Shadow Set */
.charSprite[data-headgear="coiffe-ombrale"] .charHeadgear {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(135deg, #111, #333) !important;
  border: 1.5px solid #555 !important;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.8) !important;
  border-radius: 6px 6px 0 0 !important;
}

.charSprite[data-cape="cape-ombrale"] .charCape {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(180deg, #111, #222) !important;
  border: 1.5px solid #444 !important;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 90%, 80% 80%, 65% 100%, 50% 75%, 35% 100%, 20% 80%, 0% 90%) !important;
}

.charSprite[data-boots="bottes-ombrales"] .charBoots {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(180deg, #333, #111) !important;
  border: 1.5px solid #444 !important;
  border-radius: 2px !important;
}

/* Custom Sprite Styling - Spring Set */
.charSprite[data-headgear="coiffe-printaniere"] .charHeadgear {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(135deg, #2ecc71, #ff7675) !important;
  border: 1.5px solid #2ecc71 !important;
  box-shadow: 0 0 6px rgba(46, 204, 113, 0.6) !important;
  border-radius: 12px 12px 0 0 !important;
}

.charSprite[data-cape="cape-printaniere"] .charCape {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #ff7675 !important;
  box-shadow: 0 0 8px rgba(46, 204, 113, 0.4) !important;
  clip-path: polygon(30% 0%, 70% 0%, 100% 70%, 50% 100%, 0% 70%) !important;
}

.charSprite[data-boots="bottes-printanieres"] .charBoots {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(180deg, #27ae60, #2ecc71) !important;
  border: 1.5px solid #ff7675 !important;
  border-radius: 4px !important;
}

/* Custom Sprite Styling - Arcane Set */
.charSprite[data-headgear="coiffe-arcanique"] .charHeadgear {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(135deg, #6c5ce7, #a29bfe) !important;
  border: 1.5px solid #fd79a8 !important;
  box-shadow: 0 0 8px rgba(253, 121, 168, 0.8) !important;
  border-radius: 10px 10px 2px 2px !important;
}

.charSprite[data-cape="cape-arcanique"] .charCape {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(180deg, #6c5ce7, #e84393) !important;
  border: 1.5px solid #a29bfe !important;
  box-shadow: 0 0 10px rgba(108, 92, 231, 0.6) !important;
  clip-path: polygon(15% 0%, 85% 0%, 100% 80%, 75% 100%, 50% 80%, 25% 100%, 0% 80%) !important;
}

.charSprite[data-boots="bottes-arcaniques"] .charBoots {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(180deg, #e84393, #6c5ce7) !important;
  border: 1.5px solid #fd79a8 !important;
  border-radius: 2px !important;
}

/* Custom Sprite Styling - Cyber Set */
.charSprite[data-headgear="coiffe-cybernetique"] .charHeadgear {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(135deg, #00f2fe, #4facfe) !important;
  border: 1.5px solid #00f2fe !important;
  box-shadow: 0 0 8px rgba(0, 242, 254, 0.9) !important;
  clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 10% 100%) !important;
}

.charSprite[data-cape="cape-cybernetique"] .charCape {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(180deg, #00f2fe, #000000) !important;
  border: 1.5px solid #4facfe !important;
  box-shadow: 0 0 10px rgba(0, 242, 254, 0.7) !important;
  clip-path: polygon(20% 0%, 80% 0%, 100% 50%, 70% 60%, 50% 100%, 30% 60%, 0% 50%) !important;
}

.charSprite[data-boots="bottes-cybernetiques"] .charBoots {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(180deg, #000, #4facfe) !important;
  border: 1.5px solid #00f2fe !important;
  border-radius: 0px !important;
}

/* Custom Sprite Styling - Reaper Set */
.charSprite[data-headgear="coiffe-du-faucheur"] .charHeadgear {
  width: 32px !important;
  height: 18px !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(135deg, #1e272e, #dcdde1) !important;
  border: 1.5px solid #2ecc71 !important;
  box-shadow: 0 0 6px rgba(46, 204, 113, 0.7) !important;
  clip-path: polygon(50% 0%, 100% 100%, 0% 100%) !important;
}

.charSprite[data-cape="cape-du-faucheur"] .charCape {
  width: 44px !important;
  height: 40px !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(180deg, #1e272e, #0f1418) !important;
  border: 1.5px solid #27ae60 !important;
  box-shadow: 0 0 8px rgba(39, 174, 96, 0.5) !important;
  clip-path: polygon(10% 0%, 90% 0%, 100% 85%, 85% 75%, 70% 90%, 50% 70%, 30% 95%, 15% 75%, 0% 85%) !important;
}

.charSprite[data-boots="bottes-du-faucheur"] .charBoots {
  width: 32px !important;
  height: 8px !important;
  top: 68px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(180deg, #1e272e, #2ecc71) !important;
  border: 1.5px solid #27ae60 !important;
  border-radius: 1px !important;
}

/* --- COSMETIC SET BELTS & RINGS STYLING --- */
/* Cosmic Set */
.charSprite[data-belt="ceinture-cosmique"] .charBelt {
  background: linear-gradient(180deg, #120024, #8e2de2) !important;
  border: 1.5px solid #00d2ff !important;
  box-shadow: 0 0 6px rgba(0, 210, 255, 0.7) !important;
}

.charSprite[data-ring-left="anneau-cosmique"] .charRingLeft {
  background: radial-gradient(circle, #00d2ff 0%, #8e2de2 70%) !important;
  border: 1px solid #00d2ff !important;
  box-shadow: 0 0 5px rgba(0, 210, 255, 0.8) !important;
}

.charSprite[data-ring-right="anneau-cosmique"] .charRingRight {
  background: radial-gradient(circle, #00d2ff 0%, #8e2de2 70%) !important;
  border: 1px solid #00d2ff !important;
  box-shadow: 0 0 5px rgba(0, 210, 255, 0.8) !important;
}

/* Void Set */
.charSprite[data-belt="ceinture-du-neant"] .charBelt {
  background: linear-gradient(180deg, #090514, #4a0e4e) !important;
  border: 1.5px solid #9b59b6 !important;
  box-shadow: 0 0 6px rgba(155, 89, 182, 0.7) !important;
}

.charSprite[data-ring-left="anneau-du-neant"] .charRingLeft {
  background: radial-gradient(circle, #e0a3ff 0%, #4a0e4e 70%) !important;
  border: 1px solid #9b59b6 !important;
  box-shadow: 0 0 5px rgba(155, 89, 182, 0.8) !important;
}

.charSprite[data-ring-right="anneau-du-neant"] .charRingRight {
  background: radial-gradient(circle, #e0a3ff 0%, #4a0e4e 70%) !important;
  border: 1px solid #9b59b6 !important;
  box-shadow: 0 0 5px rgba(155, 89, 182, 0.8) !important;
}

/* Solar Set */
.charSprite[data-belt="ceinture-solaire"] .charBelt {
  background: linear-gradient(180deg, #d35400, #f1c40f) !important;
  border: 1.5px solid #f39c12 !important;
  box-shadow: 0 0 6px rgba(241, 196, 15, 0.7) !important;
}

.charSprite[data-ring-left="anneau-solaire"] .charRingLeft {
  background: radial-gradient(circle, #ffd700 0%, #d35400 70%) !important;
  border: 1px solid #f39c12 !important;
  box-shadow: 0 0 5px rgba(241, 196, 15, 0.8) !important;
}

.charSprite[data-ring-right="anneau-solaire"] .charRingRight {
  background: radial-gradient(circle, #ffd700 0%, #d35400 70%) !important;
  border: 1px solid #f39c12 !important;
  box-shadow: 0 0 5px rgba(241, 196, 15, 0.8) !important;
}

/* Shadow Set */
.charSprite[data-belt="ceinture-ombrale"] .charBelt {
  background: linear-gradient(180deg, #111, #333) !important;
  border: 1.5px solid #555 !important;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.8) !important;
}

.charSprite[data-ring-left="anneau-ombrale"] .charRingLeft {
  background: radial-gradient(circle, #666 0%, #111 70%) !important;
  border: 1px solid #555 !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.8) !important;
}

.charSprite[data-ring-right="anneau-ombrale"] .charRingRight {
  background: radial-gradient(circle, #666 0%, #111 70%) !important;
  border: 1px solid #555 !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.8) !important;
}

/* Spring Set */
.charSprite[data-belt="ceinture-printaniere"] .charBelt {
  background: linear-gradient(180deg, #2ecc71, #27ae60) !important;
  border: 1.5px solid #ff7675 !important;
  box-shadow: 0 0 6px rgba(46, 204, 113, 0.5) !important;
}

.charSprite[data-ring-left="anneau-printaniere"] .charRingLeft {
  background: radial-gradient(circle, #ff7675 0%, #27ae60 70%) !important;
  border: 1px solid #2ecc71 !important;
  box-shadow: 0 0 5px rgba(46, 204, 113, 0.7) !important;
}

.charSprite[data-ring-right="anneau-printaniere"] .charRingRight {
  background: radial-gradient(circle, #ff7675 0%, #27ae60 70%) !important;
  border: 1px solid #2ecc71 !important;
  box-shadow: 0 0 5px rgba(46, 204, 113, 0.7) !important;
}

/* Arcane Set */
.charSprite[data-belt="ceinture-arcanique"] .charBelt {
  background: linear-gradient(180deg, #6c5ce7, #e84393) !important;
  border: 1.5px solid #a29bfe !important;
  box-shadow: 0 0 6px rgba(108, 92, 231, 0.6) !important;
}

.charSprite[data-ring-left="anneau-arcanique"] .charRingLeft {
  background: radial-gradient(circle, #fd79a8 0%, #6c5ce7 70%) !important;
  border: 1px solid #a29bfe !important;
  box-shadow: 0 0 5px rgba(108, 92, 231, 0.7) !important;
}

.charSprite[data-ring-right="anneau-arcanique"] .charRingRight {
  background: radial-gradient(circle, #fd79a8 0%, #6c5ce7 70%) !important;
  border: 1px solid #a29bfe !important;
  box-shadow: 0 0 5px rgba(108, 92, 231, 0.7) !important;
}

/* Cyber Set */
.charSprite[data-belt="ceinture-cybernetique"] .charBelt {
  background: linear-gradient(180deg, #00f2fe, #000000) !important;
  border: 1.5px solid #4facfe !important;
  box-shadow: 0 0 8px rgba(0, 242, 254, 0.8) !important;
}

.charSprite[data-ring-left="anneau-cybernetique"] .charRingLeft {
  background: radial-gradient(circle, #4facfe 0%, #00f2fe 70%) !important;
  border: 1px solid #00f2fe !important;
  box-shadow: 0 0 6px rgba(0, 242, 254, 0.9) !important;
}

.charSprite[data-ring-right="anneau-cybernetique"] .charRingRight {
  background: radial-gradient(circle, #4facfe 0%, #00f2fe 70%) !important;
  border: 1px solid #00f2fe !important;
  box-shadow: 0 0 6px rgba(0, 242, 254, 0.9) !important;
}

/* Reaper Set */
.charSprite[data-belt="ceinture-du-faucheur"] .charBelt {
  background: linear-gradient(180deg, #1e272e, #0f1418) !important;
  border: 1.5px solid #27ae60 !important;
  box-shadow: 0 0 6px rgba(39, 174, 96, 0.6) !important;
}

.charSprite[data-ring-left="anneau-du-faucheur"] .charRingLeft {
  background: radial-gradient(circle, #dcdde1 0%, #1e272e 70%) !important;
  border: 1px solid #2ecc71 !important;
  box-shadow: 0 0 5px rgba(46, 204, 113, 0.7) !important;
}

.charSprite[data-ring-right="anneau-du-faucheur"] .charRingRight {
  background: radial-gradient(circle, #dcdde1 0%, #1e272e 70%) !important;
  border: 1px solid #2ecc71 !important;
  box-shadow: 0 0 5px rgba(46, 204, 113, 0.7) !important;
}

/* Particle Effects Activation on Sprite elements */
.charSprite[data-headgear="coiffe-cosmique"] .charHeadgear::after {
  content: "" !important;
  position: absolute !important;
  top: -10px !important;
  left: 50% !important;
  width: 2px !important;
  height: 2px !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  animation: cosmicStars 2s linear infinite !important;
}

.charSprite[data-cape="cape-cosmique"] .charCape::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0px !important;
  left: 50% !important;
  width: 2px !important;
  height: 2px !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  animation: cosmicStars 2.5s linear infinite !important;
}

.charSprite[data-headgear="coiffe-du-neant"] .charHeadgear::after {
  content: "" !important;
  position: absolute !important;
  top: -8px !important;
  left: 50% !important;
  width: 3px !important;
  height: 3px !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  animation: voidSwirls 2s ease-in-out infinite !important;
}

.charSprite[data-cape="cape-du-neant"] .charCape::after {
  content: "" !important;
  position: absolute !important;
  bottom: 2px !important;
  left: 50% !important;
  width: 3px !important;
  height: 3px !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  animation: voidSwirls 2.4s ease-in-out infinite !important;
}

.charSprite[data-headgear="coiffe-solaire"] .charHeadgear::after {
  content: "" !important;
  position: absolute !important;
  top: -10px !important;
  left: 50% !important;
  width: 2px !important;
  height: 2px !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  animation: solarEmbers 1.8s linear infinite !important;
}

.charSprite[data-cape="cape-solaire"] .charCape::after {
  content: "" !important;
  position: absolute !important;
  bottom: 2px !important;
  left: 50% !important;
  width: 2px !important;
  height: 2px !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  animation: solarEmbers 2.2s linear infinite !important;
}

.charSprite[data-headgear="coiffe-ombrale"] .charHeadgear::after {
  content: "" !important;
  position: absolute !important;
  top: -8px !important;
  left: 50% !important;
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  filter: blur(1px) !important;
  animation: shadowSmoke 2.2s ease-in-out infinite !important;
}

.charSprite[data-cape="cape-ombrale"] .charCape::after {
  content: "" !important;
  position: absolute !important;
  bottom: 2px !important;
  left: 50% !important;
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  filter: blur(1px) !important;
  animation: shadowSmoke 2.6s ease-in-out infinite !important;
}

.charSprite[data-headgear="coiffe-printaniere"] .charHeadgear::after {
  content: "" !important;
  position: absolute !important;
  top: -10px !important;
  left: 50% !important;
  width: 2px !important;
  height: 2px !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  animation: springLeaves 2.5s linear infinite !important;
}

.charSprite[data-cape="cape-printaniere"] .charCape::after {
  content: "" !important;
  position: absolute !important;
  bottom: 2px !important;
  left: 50% !important;
  width: 2px !important;
  height: 2px !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  animation: springLeaves 3s linear infinite !important;
}

.charSprite[data-headgear="coiffe-arcanique"] .charHeadgear::after {
  content: "" !important;
  position: absolute !important;
  top: -8px !important;
  left: 50% !important;
  width: 2px !important;
  height: 2px !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  animation: arcaneRunes 2s linear infinite !important;
}

.charSprite[data-cape="cape-arcanique"] .charCape::after {
  content: "" !important;
  position: absolute !important;
  bottom: 2px !important;
  left: 50% !important;
  width: 2px !important;
  height: 2px !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  animation: arcaneRunes 2.4s linear infinite !important;
}

.charSprite[data-headgear="coiffe-cybernetique"] .charHeadgear::after {
  content: "" !important;
  position: absolute !important;
  top: -10px !important;
  left: 50% !important;
  width: 3px !important;
  height: 3px !important;
  pointer-events: none !important;
  animation: cyberGlitch 1.5s step-end infinite !important;
}

.charSprite[data-cape="cape-cybernetique"] .charCape::after {
  content: "" !important;
  position: absolute !important;
  bottom: 2px !important;
  left: 50% !important;
  width: 3px !important;
  height: 3px !important;
  pointer-events: none !important;
  animation: cyberGlitch 1.8s step-end infinite !important;
}

.charSprite[data-headgear="coiffe-du-faucheur"] .charHeadgear::after {
  content: "" !important;
  position: absolute !important;
  top: -12px !important;
  left: 50% !important;
  width: 2px !important;
  height: 3px !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  animation: reaperSouls 2.2s linear infinite !important;
}

.charSprite[data-cape="cape-du-faucheur"] .charCape::after {
  content: "" !important;
  position: absolute !important;
  bottom: 2px !important;
  left: 50% !important;
  width: 2px !important;
  height: 3px !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  animation: reaperSouls 2.6s linear infinite !important;
}

/* Keyframes animations for Particle Effects */
@keyframes cosmicStars {
  0% {
    box-shadow:
      -12px 10px rgba(0, 242, 254, 0),
      8px 25px rgba(255, 255, 255, 0),
      -5px 30px rgba(0, 242, 254, 0),
      14px 5px rgba(255, 255, 255, 0);
    transform: translateY(0) scale(0.6);
    opacity: 0;
  }

  15% {
    opacity: 1;
  }

  85% {
    opacity: 1;
  }

  100% {
    box-shadow:
      -16px -25px rgba(0, 242, 254, 0.85),
      12px -10px rgba(255, 255, 255, 0.85),
      -2px -5px rgba(0, 242, 254, 0.85),
      18px -30px rgba(255, 255, 255, 0.85);
    transform: translateY(-25px) scale(1.2);
    opacity: 0;
  }
}

@keyframes voidSwirls {
  0% {
    box-shadow:
      -6px 15px rgba(155, 89, 182, 0),
      6px 20px rgba(74, 14, 78, 0),
      0px 30px rgba(155, 89, 182, 0);
    transform: translateY(0) scale(0.7) rotate(0deg);
    opacity: 0;
  }

  20% {
    opacity: 0.9;
  }

  80% {
    opacity: 0.9;
  }

  100% {
    box-shadow:
      -10px -20px rgba(155, 89, 182, 0.8),
      10px -15px rgba(74, 14, 78, 0.8),
      -2px -35px rgba(155, 89, 182, 0.8);
    transform: translateY(-20px) scale(1.3) rotate(360deg);
    opacity: 0;
  }
}

@keyframes solarEmbers {
  0% {
    box-shadow:
      -8px 8px #f1c40f,
      8px 18px #e67e22,
      -3px 25px #e74c3c,
      10px 4px #f39c12;
    transform: translateY(0) scale(0.5);
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  50% {
    box-shadow:
      -12px -5px #f39c12,
      12px 2px #f1c40f,
      -1px 8px #e67e22,
      6px -8px #e74c3c;
  }

  90% {
    opacity: 1;
  }

  100% {
    box-shadow:
      -15px -20px rgba(241, 196, 15, 0),
      15px -12px rgba(230, 126, 34, 0),
      2px -30px rgba(231, 76, 60, 0),
      8px -25px rgba(243, 156, 18, 0);
    transform: translateY(-25px) scale(1.1);
    opacity: 0;
  }
}

@keyframes shadowSmoke {
  0% {
    box-shadow:
      -5px 12px rgba(50, 50, 50, 0.6),
      5px 18px rgba(20, 20, 20, 0.6),
      -1px 28px rgba(80, 80, 80, 0.6);
    transform: translateY(0) scale(0.8);
    opacity: 0;
  }

  15% {
    opacity: 0.8;
  }

  85% {
    opacity: 0.8;
  }

  100% {
    box-shadow:
      -12px -18px rgba(50, 50, 50, 0),
      12px -12px rgba(20, 20, 20, 0),
      4px -28px rgba(80, 80, 80, 0);
    transform: translateY(-22px) scale(2.2);
    opacity: 0;
  }
}

@keyframes springLeaves {
  0% {
    box-shadow:
      -10px 15px #2ecc71,
      8px 22px #ff7675,
      -3px 32px #27ae60;
    transform: translateY(0) rotate(0deg) scale(0.6);
    opacity: 0;
  }

  15% {
    opacity: 1;
  }

  50% {
    transform: translateY(-12px) rotate(90deg) scale(1);
    box-shadow:
      -14px 2px #2ecc71,
      4px 8px #ff7675,
      -7px 18px #27ae60;
  }

  85% {
    opacity: 1;
  }

  100% {
    box-shadow:
      -18px -25px rgba(46, 204, 113, 0),
      12px -15px rgba(255, 118, 117, 0),
      -10px -35px rgba(39, 174, 96, 0);
    transform: translateY(-28px) rotate(180deg) scale(0.8);
    opacity: 0;
  }
}

@keyframes arcaneRunes {
  0% {
    box-shadow:
      -8px 12px #fd79a8,
      8px 24px #6c5ce7,
      -1px 30px #a29bfe,
      12px 10px #e84393;
    transform: translateY(0) scale(0.5);
    opacity: 0;
  }

  20% {
    opacity: 0.95;
  }

  50% {
    box-shadow:
      -10px -2px #fd79a8,
      10px 10px #6c5ce7,
      3px 15px #a29bfe,
      10px -4px #e84393;
  }

  80% {
    opacity: 0.95;
  }

  100% {
    box-shadow:
      -12px -20px rgba(253, 121, 168, 0),
      12px -16px rgba(108, 92, 231, 0),
      5px -32px rgba(162, 155, 254, 0),
      8px -22px rgba(232, 67, 147, 0);
    transform: translateY(-26px) scale(1.1);
    opacity: 0;
  }
}

@keyframes cyberGlitch {
  0% {
    box-shadow:
      -12px 8px #00f2fe,
      8px 20px #00e676,
      -4px 28px #00f2fe;
    transform: translate(0, 0);
    opacity: 0;
  }

  20% {
    opacity: 1;
    transform: translate(-2px, -5px);
    box-shadow:
      -10px 2px #00e676,
      10px 12px #00f2fe,
      -2px 18px #00e676;
  }

  40% {
    transform: translate(3px, -10px);
    box-shadow:
      -14px -4px #00f2fe,
      6px 4px #00f2fe,
      -6px 8px #00e676;
  }

  60% {
    transform: translate(-3px, -15px);
    box-shadow:
      -8px -10px #00e676,
      12px -4px #00e676,
      -1px -2px #00f2fe;
  }

  80% {
    opacity: 1;
    transform: translate(2px, -20px);
    box-shadow:
      -15px -16px #00f2fe,
      8px -12px #00f2fe,
      -5px -12px #00e676;
  }

  100% {
    box-shadow:
      -18px -26px rgba(0, 242, 254, 0),
      10px -22px rgba(0, 230, 118, 0),
      -8px -24px rgba(0, 242, 254, 0);
    transform: translate(0, -25px);
    opacity: 0;
  }
}

@keyframes reaperSouls {
  0% {
    box-shadow:
      -7px 14px rgba(46, 204, 113, 0.7),
      7px 22px rgba(46, 204, 113, 0.4),
      -2px 30px rgba(39, 174, 96, 0.7);
    transform: translateY(0) scale(0.6) skewX(5deg);
    opacity: 0;
  }

  15% {
    opacity: 0.95;
  }

  50% {
    transform: translateY(-12px) scale(1) skewX(-5deg);
  }

  85% {
    opacity: 0.95;
  }

  100% {
    box-shadow:
      -12px -20px rgba(46, 204, 113, 0),
      12px -16px rgba(46, 204, 113, 0),
      4px -32px rgba(39, 174, 96, 0);
    transform: translateY(-26px) scale(1.4) skewX(5deg);
    opacity: 0;
  }
}

/* ==========================================================================
   THEMED SHOP COSMETIC CARDS
   ========================================================================== */
.shopCosmeticCard {
  position: relative !important;
  overflow: hidden !important;
  border: 1.5px solid rgba(255, 255, 255, 0.1) !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  background: rgba(30, 30, 40, 0.6) !important;
  backdrop-filter: blur(10px) !important;
}

.shopCosmeticCard:hover {
  transform: translateY(-4px) !important;
}

.shopCosmeticCard-cosmic {
  background: radial-gradient(circle at top right, rgba(162, 0, 255, 0.2), rgba(0, 255, 255, 0.05)), rgba(20, 20, 35, 0.95) !important;
  border: 1.5px solid rgba(0, 255, 255, 0.3) !important;
  box-shadow: 0 4px 15px rgba(0, 255, 255, 0.15) !important;
}

.shopCosmeticCard-cosmic:hover {
  box-shadow: 0 8px 25px rgba(0, 255, 255, 0.35) !important;
  border-color: rgba(0, 255, 255, 0.6) !important;
}

.shopCosmeticCard-void {
  background: radial-gradient(circle at top right, rgba(76, 0, 112, 0.4), rgba(15, 10, 25, 0.95)) !important;
  border: 1.5px solid rgba(162, 0, 255, 0.3) !important;
  box-shadow: 0 4px 15px rgba(162, 0, 255, 0.15) !important;
}

.shopCosmeticCard-void:hover {
  box-shadow: 0 8px 25px rgba(162, 0, 255, 0.35) !important;
  border-color: rgba(162, 0, 255, 0.6) !important;
}

.shopCosmeticCard-solar {
  background: radial-gradient(circle at top right, rgba(230, 126, 34, 0.3), rgba(30, 15, 10, 0.95)) !important;
  border: 1.5px solid rgba(230, 126, 34, 0.4) !important;
  box-shadow: 0 4px 15px rgba(230, 126, 34, 0.2) !important;
}

.shopCosmeticCard-solar:hover {
  box-shadow: 0 8px 25px rgba(230, 126, 34, 0.4) !important;
  border-color: rgba(230, 126, 34, 0.7) !important;
}

.shopCosmeticCard-shadow {
  background: radial-gradient(circle at top right, rgba(40, 40, 40, 0.5), rgba(15, 15, 15, 0.95)) !important;
  border: 1.5px solid rgba(100, 100, 100, 0.3) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important;
}

.shopCosmeticCard-shadow:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.8) !important;
  border-color: rgba(150, 150, 150, 0.5) !important;
}

.shopCosmeticCard-spring {
  background: radial-gradient(circle at top right, rgba(46, 204, 113, 0.2), rgba(15, 30, 20, 0.95)) !important;
  border: 1.5px solid rgba(46, 204, 113, 0.3) !important;
  box-shadow: 0 4px 15px rgba(46, 204, 113, 0.15) !important;
}

.shopCosmeticCard-spring:hover {
  box-shadow: 0 8px 25px rgba(46, 204, 113, 0.35) !important;
  border-color: rgba(46, 204, 113, 0.6) !important;
}

.shopCosmeticCard-arcane {
  background: radial-gradient(circle at top right, rgba(155, 89, 182, 0.25), rgba(20, 15, 30, 0.95)) !important;
  border: 1.5px solid rgba(155, 89, 182, 0.4) !important;
  box-shadow: 0 4px 15px rgba(155, 89, 182, 0.2) !important;
}

.shopCosmeticCard-arcane:hover {
  box-shadow: 0 8px 25px rgba(155, 89, 182, 0.4) !important;
  border-color: rgba(155, 89, 182, 0.7) !important;
}

.shopCosmeticCard-cyber {
  background: radial-gradient(circle at top right, rgba(26, 188, 156, 0.2), rgba(10, 20, 25, 0.95)) !important;
  border: 1.5px solid rgba(26, 188, 156, 0.4) !important;
  box-shadow: 0 4px 15px rgba(26, 188, 156, 0.2) !important;
}

.shopCosmeticCard-cyber:hover {
  box-shadow: 0 8px 25px rgba(26, 188, 156, 0.4) !important;
  border-color: rgba(26, 188, 156, 0.7) !important;
}

.shopCosmeticCard-reaper {
  background: radial-gradient(circle at top right, rgba(39, 174, 96, 0.15), rgba(15, 20, 15, 0.95)) !important;
  border: 1.5px solid rgba(39, 174, 96, 0.3) !important;
  box-shadow: 0 4px 15px rgba(39, 174, 96, 0.15) !important;
}

.shopCosmeticCard-reaper:hover {
  box-shadow: 0 8px 25px rgba(39, 174, 96, 0.35) !important;
  border-color: rgba(39, 174, 96, 0.6) !important;
}

/* Custom Overrides for Boots to Align and Fit on Feet Layer */
.charSprite[data-boots] .charBoots {
  z-index: 4 !important;
  top: 64px !important;
  height: 16px !important;
  width: 30px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  border: none !important;
  background-clip: padding-box !important;
  clip-path: path('M 5 0 H 11 V 8 H 13 V 16 H 2 V 8 H 5 Z M 19 0 H 25 V 8 H 28 V 16 H 17 V 8 H 19 Z') !important;
  filter: drop-shadow(1px 0 0 #1c1511) drop-shadow(-1px 0 0 #1c1511) drop-shadow(0 1px 0 #1c1511) drop-shadow(0 -1px 0 #1c1511) !important;
}

/* Hide bare feet skin and ankles when boots are equipped */
.charSprite[data-boots] .charFeet {
  background: none !important;
}

.charSprite[data-boots] .charFeet::before,
.charSprite[data-boots] .charFeet::after {
  opacity: 0 !important;
}

/* ==========================================
   SYSTEME DE MONTURES (DRAGOINDES RENDERING)
   ========================================== */

/* Base container for Mount overlay */
.charPet {
  display: none;
}

.charPet.equipped {
  display: none;
}

/* When non-mount pet (familier) is equipped */
.charSprite[data-pet-type="pet"] .charPet.equipped,
.charSprite[data-pet]:not([data-pet-type="mount"]) .charPet.equipped {
  display: block !important;
  position: absolute;
  left: 50%;
  top: 56px;
  width: 16px;
  height: 16px;
  transform: translateX(-50%);
  z-index: 6;
  border-radius: 50%;
  border: 1.5px solid #1c1511;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3), 0 2px 4px rgba(0, 0, 0, 0.25);
  background: var(--pet-color, linear-gradient(180deg, #3b82f6, #1d4ed8));
}

/* When mount is equipped (Front view by default) */
.charSprite[data-pet-type="mount"] .charPet.equipped {
  display: block !important;
  left: 50%;
  top: 50px;
  width: 32px;
  /* narrow for front view */
  height: 28px;
  transform: translateX(-50%);
  z-index: 3;
  /* In front of cloak/shadow and body to show neck/head and saddle */
  position: absolute;
  background: var(--mount-color, #e05c34);
  border-radius: 12px 12px 8px 8px;
  border: 2px solid #2c1609;
  box-shadow: inset 0 -4px 6px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.2);
}

/* Legs of the mount (Symmetric front view) */
.charSprite[data-pet-type="mount"] .charPet.equipped::before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 3px;
  width: 6px;
  height: 10px;
  background: var(--mount-color, #e05c34);
  border: 2px solid #2c1609;
  border-top: none;
  box-shadow: 16px 0 0 var(--mount-color, #e05c34), 16px 0 0 #2c1609;
  z-index: 1;
}

/* Neck & Head of the mount (Centered in front of character) */
.charSprite[data-pet-type="mount"] .charPet.equipped::after {
  content: "";
  position: absolute;
  top: -18px;
  /* extends up in front of character's torso */
  left: 50%;
  width: 16px;
  height: 24px;
  transform: translateX(-50%);
  background:
    /* left eye */
    radial-gradient(circle at 3px 8px, #fff 0.5px, #000 1.5px, transparent 2px),
    /* right eye */
    radial-gradient(circle at 13px 8px, #fff 0.5px, #000 1.5px, transparent 2px),
    /* nostrils */
    radial-gradient(circle at 5px 19px, #2c1609 1px, transparent 1.5px),
    radial-gradient(circle at 11px 19px, #2c1609 1px, transparent 1.5px),
    /* snout outline */
    linear-gradient(180deg, transparent 60%, #2c1609 61%, #2c1609 85%, transparent 86%),
    /* ear cutout border */
    radial-gradient(circle at 8px -2px, transparent 3px, #2c1609 3.5px, #2c1609 5.5px, transparent 6px),
    /* ear cutout base shape */
    radial-gradient(circle at 8px -2px, transparent 5px, var(--mount-color, #e05c34) 5.5px) !important;
  border: 2px solid #2c1609;
  border-top: none;
  border-radius: 8px 8px 4px 4px;
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.25);
  z-index: 10;
  /* in front of character's chest */
}

/* Specific Mount Colors */
.charSprite[data-pet="monture-rousse"] {
  --mount-color: #e05c34;
}

.charSprite[data-pet="monture-amande"] {
  --mount-color: #8ac082;
}

.charSprite[data-pet="monture-doree"] {
  --mount-color: #e5b33a;
}

.charSprite[data-pet="monture-cameleon"] {
  --mount-color: var(--char-color, #06b6d4);
}

.charSprite[data-pet="belier-de-selle"] {
  --mount-color: #f1f5f9;
}

.charSprite[data-pet="licorne-sauvage"] {
  --mount-color: #c084fc;
}

.charSprite[data-pet="hippocampe-d-ebene"] {
  --mount-color: #1e293b;
}

.charSprite[data-pet="escargot-de-monte"] {
  --mount-color: #a3e635;
}

.charSprite[data-pet="monture-en-armure"] {
  --mount-color: #94a3b8;
}

.charSprite[data-pet="monture-squelette"] {
  --mount-color: #022c22;
}

/* Custom details for mounts (making them look spectacular) */

/* Saddle and Harness straps for Montures (Centered front view) */
.charSprite[data-pet^="monture-"] .charPet.equipped {
  background:
    linear-gradient(90deg, transparent 0%, transparent 20%, #78350f 21%, #78350f 79%, transparent 80%),
    repeating-linear-gradient(135deg,
      rgba(255, 255, 255, 0.25) 0,
      rgba(255, 255, 255, 0.25) 4px,
      transparent 4px,
      transparent 10px),
    linear-gradient(180deg, var(--mount-color) 0%, var(--mount-color) 100%) !important;
}

/* Front View Neck & Head (Bulging eyes + zebra stripes) */
.charSprite[data-pet^="monture-"] .charPet.equipped::after {
  content: "" !important;
  position: absolute !important;
  top: -24px !important;
  /* longer neck */
  left: 50% !important;
  width: 24px !important;
  /* wider for bulging eyes */
  height: 28px !important;
  transform: translateX(-50%) !important;
  background:
    /* Pupil Left */
    radial-gradient(circle at 4px 7px, #000 1.2px, transparent 1.8px),
    /* Eyeball Left (white bulging circle with black outline) */
    radial-gradient(circle at 4px 7px, #fff 3.5px, #2c1609 4.5px, transparent 5px),
    /* Pupil Right */
    radial-gradient(circle at 20px 7px, #000 1.2px, transparent 1.8px),
    /* Eyeball Right (white bulging circle with black outline) */
    radial-gradient(circle at 20px 7px, #fff 3.5px, #2c1609 4.5px, transparent 5px),
    /* Rounded top of the head */
    radial-gradient(circle at 12px 10px, var(--mount-color) 6px, #2c1609 7.5px, transparent 8px),
    /* Nostril Left */
    radial-gradient(circle at 9px 23px, #2c1609 1px, transparent 1.5px),
    /* Nostril Right */
    radial-gradient(circle at 15px 23px, #2c1609 1px, transparent 1.5px),
    /* Mouth line */
    linear-gradient(180deg, transparent 24px, #2c1609 24px, #2c1609 26px, transparent 26px),
    /* Zebra stripes on neck */
    repeating-linear-gradient(135deg,
      rgba(255, 255, 255, 0.25) 0,
      rgba(255, 255, 255, 0.25) 3px,
      transparent 3px,
      transparent 8px),
    /* Neck / Face Body background */
    linear-gradient(90deg, transparent 5px, #2c1609 5px, var(--mount-color) 7px, var(--mount-color) 17px, #2c1609 17px, transparent 19px) !important;
  background-position:
    0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0,
    5px 0,
    /* position for neck stripes */
    0 0 !important;
  background-size:
    100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%,
    14px 100%,
    /* size for neck stripes */
    100% 100% !important;
  background-repeat: no-repeat !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  z-index: 10 !important;
}

/* Monture Caméléon (takes character color + diagonal shadow stripes) */
.charSprite[data-pet="monture-cameleon"] .charPet.equipped {
  background:
    linear-gradient(90deg, transparent 0%, transparent 20%, #78350f 21%, #78350f 79%, transparent 80%),
    repeating-linear-gradient(45deg,
      rgba(255, 255, 255, 0.25) 0,
      rgba(255, 255, 255, 0.25) 4px,
      transparent 4px,
      transparent 10px),
    linear-gradient(180deg, var(--mount-color) 0%, var(--mount-color) 100%) !important;
}

/* Bélier de selle (fluffy wool texture and curly horns) */
.charSprite[data-pet="belier-de-selle"] .charPet.equipped {
  border-radius: 14px 14px 8px 8px !important;
  background: radial-gradient(circle, #f8fafc 40%, #e2e8f0 100%) !important;
  box-shadow:
    inset 0 -4px 6px rgba(0, 0, 0, 0.05),
    0 3px 6px rgba(0, 0, 0, 0.2),
    -4px -2px 0 #f8fafc, 4px -2px 0 #f8fafc;
  /* puffiness! */
}

/* Bélier curly horns on sides of the head */
.charSprite[data-pet="belier-de-selle"] .charPet.equipped::after {
  background:
    radial-gradient(circle at 1px 4px, #451a03 2.5px, transparent 3.5px),
    radial-gradient(circle at 15px 4px, #451a03 2.5px, transparent 3.5px),
    /* left eye */
    radial-gradient(circle at 4px 8px, #fff 0.5px, #000 1.5px, transparent 2px),
    /* right eye */
    radial-gradient(circle at 12px 8px, #fff 0.5px, #000 1.5px, transparent 2px),
    /* nostrils */
    radial-gradient(circle at 5px 19px, #2c1609 0.8px, transparent 1.2px),
    radial-gradient(circle at 11px 19px, #2c1609 0.8px, transparent 1.2px),
    #f1f5f9 !important;
}

/* Licorne sauvage (licorne violette avec corne dorée lumineuse et crinière rose) */
.charSprite[data-pet="licorne-sauvage"] .charPet.equipped::after {
  background:
    /* gold horn */
    linear-gradient(0deg, #eab308 0%, #eab308 30%, transparent 31%),
    /* pink mane on side */
    linear-gradient(90deg, #f472b6 25%, transparent 26%),
    /* left eye */
    radial-gradient(circle at 4px 8px, #fff 0.5px, #000 1.5px, transparent 2px),
    /* right eye */
    radial-gradient(circle at 12px 8px, #fff 0.5px, #000 1.5px, transparent 2px),
    /* nostrils */
    radial-gradient(circle at 5px 19px, #2c1609 0.8px, transparent 1.2px),
    radial-gradient(circle at 11px 19px, #2c1609 0.8px, transparent 1.2px),
    #c084fc !important;
  box-shadow: 0 -4px 10px #facc15, inset 0 2px 4px rgba(255, 255, 255, 0.25);
}

/* Hippocampe d'ébène (Obsidian seahorse with glowing cyan fins) */
.charSprite[data-pet="hippocampe-d-ebene"] .charPet.equipped,
.charSprite[data-pet="hippocampe-debene"] .charPet.equipped {
  background: #1e293b !important;
  box-shadow: 0 0 10px rgba(34, 211, 238, 0.5), inset 0 -4px 6px rgba(0, 0, 0, 0.4);
}

.charSprite[data-pet="hippocampe-d-ebene"] .charPet.equipped::after,
.charSprite[data-pet="hippocampe-debene"] .charPet.equipped::after {
  background:
    /* cyan glowing eyes */
    radial-gradient(circle at 4px 8px, #22d3ee 1.5px, transparent 2.5px),
    /* right eye */
    radial-gradient(circle at 12px 8px, #22d3ee 1.5px, transparent 2.5px),
    /* nostrils */
    radial-gradient(circle at 5px 19px, #22d3ee 0.8px, transparent 1.2px),
    radial-gradient(circle at 11px 19px, #22d3ee 0.8px, transparent 1.2px),
    #1e293b !important;
  box-shadow: 0 0 6px rgba(34, 211, 238, 0.7);
}

/* Escargot de monte (Riding snail with slime trail) */
.charSprite[data-pet="escargot-de-monte"] .charPet.equipped {
  border-radius: 50% !important;
  /* spiral shell */
  background: radial-gradient(circle, #78350f 45%, #451a03 100%) !important;
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.25), 0 3px 6px rgba(0, 0, 0, 0.2);
}

.charSprite[data-pet="escargot-de-monte"] .charPet.equipped::before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  width: 40px;
  height: 6px;
  transform: translateX(-50%);
  background: rgba(217, 249, 157, 0.95);
  border-radius: 4px;
  border: 1.5px solid #2c1609;
  box-shadow: 0 0 6px #d9f99d;
}

.charSprite[data-pet="escargot-de-monte"] .charPet.equipped::after {
  background:
    /* feelers/eyes */
    radial-gradient(circle at 4px 6px, #000 1px, #a3e635 2px, transparent 3px),
    radial-gradient(circle at 12px 6px, #000 1px, #a3e635 2px, transparent 3px),
    #a3e635 !important;
}

/* Monture en armure (Silver armored plate mount with steel helmet and gold crest) */
.charSprite[data-pet="monture-en-armure"] .charPet.equipped {
  background:
    /* metallic armor reflection */
    linear-gradient(135deg, transparent 40%, rgba(255, 255, 255, 0.4) 45%, transparent 50%),
    /* gold straps */
    linear-gradient(90deg, #94a3b8 0%, #94a3b8 20%, #eab308 21%, #eab308 79%, #94a3b8 80%) !important;
  box-shadow: inset 0 2px 6px rgba(255, 255, 255, 0.4), 0 3px 6px rgba(0, 0, 0, 0.3);
}

.charSprite[data-pet="monture-en-armure"] .charPet.equipped::after {
  background:
    /* gold crest helmet line */
    linear-gradient(90deg, transparent 45%, #eab308 45%, #eab308 55%, transparent 55%),
    /* left glowing blue eye slot */
    radial-gradient(circle at 4px 8px, #38bdf8 1.5px, transparent 2px),
    /* right glowing blue eye slot */
    radial-gradient(circle at 12px 8px, #38bdf8 1.5px, transparent 2px),
    #64748b !important;
  /* dark iron helmet */
  border: 2px solid #334155;
  box-shadow: 0 0 6px rgba(56, 189, 248, 0.8), inset 0 2px 4px rgba(255, 255, 255, 0.3);
}

/* Monture squelette (Spooky skeletal mount with glowing green rib cage and red eyes) */
.charSprite[data-pet="monture-squelette"] .charPet.equipped {
  background:
    /* glowing green ribs */
    repeating-linear-gradient(90deg, #10b981, #10b981 3px, transparent 3px, transparent 8px),
    /* saddle strap */
    linear-gradient(90deg, #022c22 0%, #022c22 20%, #78350f 21%, #78350f 79%, #022c22 80%) !important;
  box-shadow: 0 0 8px rgba(16, 185, 129, 0.6), inset 0 -4px 6px rgba(0, 0, 0, 0.6);
}

.charSprite[data-pet="monture-squelette"] .charPet.equipped::after {
  background:
    /* red glowing skeleton eyes */
    radial-gradient(circle at 4px 8px, #ef4444 1.5px, transparent 2.5px),
    radial-gradient(circle at 12px 8px, #ef4444 1.5px, transparent 2.5px),
    /* nasal bone cavity */
    radial-gradient(circle at 8px 14px, #000 1.5px, transparent 2px),
    /* green bone shading */
    radial-gradient(circle, #022c22 20%, #115e59 100%) !important;
  border: 2.5px solid #0f172a;
  box-shadow: 0 0 10px rgba(239, 68, 68, 0.8);
}

/* Dragodinde caméléon */
.charSprite[data-pet="dragodinde-cameleon"] {
  --mount-color: var(--char-color, #06b6d4);
}

.charSprite[data-pet="dragodinde-cameleon"] .charPet.equipped {
  background:
    linear-gradient(90deg, transparent 0%, transparent 20%, #eab308 21%, #eab308 79%, transparent 80%),
    repeating-linear-gradient(45deg,
      rgba(255, 255, 255, 0.3) 0,
      rgba(255, 255, 255, 0.3) 4px,
      transparent 4px,
      transparent 10px),
    linear-gradient(180deg, var(--mount-color, #06b6d4) 0%, var(--mount-color, #06b6d4) 100%) !important;
  box-shadow: 0 0 8px var(--mount-color, #06b6d4), inset 0 -4px 6px rgba(0, 0, 0, 0.2);
}

.charSprite[data-pet="dragodinde-cameleon"] .charPet.equipped::after {
  background:
    radial-gradient(circle at 4px 7px, #000 1.2px, transparent 1.8px),
    radial-gradient(circle at 4px 7px, #fff 3.5px, #2c1609 4.5px, transparent 5px),
    radial-gradient(circle at 20px 7px, #000 1.2px, transparent 1.8px),
    radial-gradient(circle at 20px 7px, #fff 3.5px, #2c1609 4.5px, transparent 5px),
    radial-gradient(circle at 12px 10px, var(--mount-color, #06b6d4) 6px, #2c1609 7.5px, transparent 8px),
    radial-gradient(circle at 9px 23px, #2c1609 1px, transparent 1.5px),
    radial-gradient(circle at 15px 23px, #2c1609 1px, transparent 1.5px),
    linear-gradient(180deg, transparent 24px, #eab308 24px, #eab308 26px, transparent 26px),
    linear-gradient(90deg, transparent 5px, #2c1609 5px, var(--mount-color, #06b6d4) 7px, var(--mount-color, #06b6d4) 17px, #2c1609 17px, transparent 19px) !important;
}

/* Kramkram de lave */
.charSprite[data-pet="kramkram-de-lave"] {
  --mount-color: #1c1917;
}

.charSprite[data-pet="kramkram-de-lave"] .charPet.equipped {
  background:
    repeating-linear-gradient(135deg, #ef4444, #f97316 3px, transparent 3px, transparent 8px),
    linear-gradient(180deg, #1c1917 0%, #292524 100%) !important;
  box-shadow: 0 0 10px rgba(249, 115, 22, 0.7), inset 0 -4px 6px rgba(0, 0, 0, 0.8);
  border-color: #78350f !important;
}

.charSprite[data-pet="kramkram-de-lave"] .charPet.equipped::after {
  background:
    radial-gradient(circle at 4px 8px, #facc15 1.5px, transparent 2.5px),
    radial-gradient(circle at 12px 8px, #facc15 1.5px, transparent 2.5px),
    linear-gradient(0deg, #ea580c 0%, #ef4444 40%, transparent 41%),
    #1c1917 !important;
  border-color: #78350f !important;
  box-shadow: 0 0 8px rgba(239, 68, 68, 0.8);
}

/* Rhinocéros de combat (Massive battle rhino mount with dual horns & steel plate armor) */
.charSprite[data-pet="rhinoceros-de-combat"],
.charSprite[data-pet="rhinoceras-de-combat"] {
  --mount-color: #334155;
}

.charSprite[data-pet="rhinoceros-de-combat"] .charPet.equipped,
.charSprite[data-pet="rhinoceras-de-combat"] .charPet.equipped {
  width: 36px !important;
  height: 30px !important;
  background:
    /* Red battle saddle blanket */
    linear-gradient(90deg, transparent 20%, #991b1b 21%, #dc2626 30%, #eab308 31%, #eab308 69%, #dc2626 70%, #991b1b 79%, transparent 80%),
    /* Steel armor plates with rivets */
    linear-gradient(180deg, #475569 0%, #334155 60%, #1e293b 100%) !important;
  border: 2.5px solid #0f172a !important;
  border-radius: 14px 14px 10px 10px !important;
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.35), 0 4px 10px rgba(0, 0, 0, 0.5) !important;
}

.charSprite[data-pet="rhinoceros-de-combat"] .charPet.equipped::before,
.charSprite[data-pet="rhinoceras-de-combat"] .charPet.equipped::before {
  content: "" !important;
  position: absolute !important;
  bottom: -9px !important;
  left: 2px !important;
  width: 8px !important;
  height: 11px !important;
  background: linear-gradient(180deg, #334155 0%, #1e293b 100%) !important;
  border: 2px solid #0f172a !important;
  border-radius: 2px 2px 4px 4px !important;
  box-shadow: 20px 0 0 #334155, 20px 0 0 #0f172a !important;
}

.charSprite[data-pet="rhinoceros-de-combat"] .charPet.equipped::after,
.charSprite[data-pet="rhinoceras-de-combat"] .charPet.equipped::after {
  content: "" !important;
  position: absolute !important;
  top: -16px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 24px !important;
  height: 22px !important;
  background:
    /* Front Main Curved Horn (Ivory/Gold) */
    radial-gradient(ellipse at 50% 15%, #fef08a 0%, #eab308 40%, transparent 45%),
    /* Secondary Small Horn */
    radial-gradient(circle at 50% 35%, #fef08a 0%, #ca8a04 30%, transparent 35%),
    /* Glowing yellow eye visor slit */
    radial-gradient(circle at 5px 12px, #facc15 1.5px, transparent 2px),
    radial-gradient(circle at 19px 12px, #facc15 1.5px, transparent 2px),
    /* Armored snout & helmet */
    linear-gradient(180deg, #475569 0%, #334155 60%, #1e293b 100%) !important;
  border: 2px solid #0f172a !important;
  border-radius: 12px 12px 6px 6px !important;
  box-shadow: 0 -3px 8px rgba(234, 179, 8, 0.6), inset 0 2px 4px rgba(255, 255, 255, 0.3) !important;
}

/* Muldo céleste */
.charSprite[data-pet="muldo-celeste"] {
  --mount-color: #06b6d4;
}

.charSprite[data-pet="muldo-celeste"] .charPet.equipped {
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.8) 0%, transparent 60%),
    linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%) !important;
  box-shadow: 0 0 14px #38bdf8, inset 0 0 8px #e0f2fe;
  border-color: #0284c7 !important;
}

.charSprite[data-pet="muldo-celeste"] .charPet.equipped::after {
  background:
    radial-gradient(circle at 4px 8px, #fff 1.8px, transparent 2.5px),
    radial-gradient(circle at 12px 8px, #fff 1.8px, transparent 2.5px),
    linear-gradient(90deg, #38bdf8 0%, #818cf8 100%) !important;
  box-shadow: 0 0 10px #38bdf8;
}

/* Volkorne de givre */
.charSprite[data-pet="volkorne-de-givre"] {
  --mount-color: #38bdf8;
}

.charSprite[data-pet="volkorne-de-givre"] .charPet.equipped {
  background:
    linear-gradient(135deg, transparent 40%, rgba(255, 255, 255, 0.7) 45%, transparent 50%),
    linear-gradient(180deg, #38bdf8 0%, #0284c7 100%) !important;
  box-shadow: 0 0 16px #7dd3fc, inset 0 2px 6px #fff;
  border-color: #0369a1 !important;
}

.charSprite[data-pet="volkorne-de-givre"] .charPet.equipped::after {
  background:
    linear-gradient(0deg, #e0f2fe 0%, #7dd3fc 60%, transparent 61%),
    radial-gradient(circle at 4px 8px, #e0f2fe 1.5px, transparent 2px),
    radial-gradient(circle at 12px 8px, #e0f2fe 1.5px, transparent 2px),
    #38bdf8 !important;
  box-shadow: 0 -5px 12px #38bdf8, inset 0 2px 4px #fff;
}

/* Behavior when facing back (Upwards) */
.charSprite.facing-back[data-pet-type="mount"] .charPet.equipped::after {
  display: none !important;
  /* hide head */
}

.charSprite.facing-back[data-pet-type="mount"] .charFeet,
.charSprite.facing-back[data-pet-type="mount"] .charBoots {
  display: none !important;
  /* hide riding legs from behind */
}

/* Shift player body and head upwards to look like riding */
.charSprite[data-pet-type="mount"] .charBody,
.charSprite[data-pet-type="mount"] .charCape,
.charSprite[data-pet-type="mount"] .charHead,
.charSprite[data-pet-type="mount"] .charHeadgear,
.charSprite[data-pet-type="mount"] .charWeapon,
.charSprite[data-pet-type="mount"] .charStaff,
.charSprite[data-pet-type="mount"] .charBow,
.charSprite[data-pet-type="mount"] .charAmulet,
.charSprite[data-pet-type="mount"] .charBelt,
.charSprite[data-pet-type="mount"] .charRingLeft,
.charSprite[data-pet-type="mount"] .charRingRight {
  margin-top: -14px !important;
}

/* Belt should be layered behind the mount body & head/neck */
.charSprite[data-pet-type="mount"] .charBelt {
  z-index: 2 !important;
}

/* Hide walking legs/boots of the character while on mount */
.charSprite[data-pet-type="mount"] .charFeet,
.charSprite[data-pet-type="mount"] .charBoots {
  display: none !important;
}

/* Walking animations for the mount (legs bobbing) */
@keyframes mountWalk {

  0%,
  100% {
    transform: translateY(0) translateX(-50%);
  }

  50% {
    transform: translateY(-2px) translateX(-50%);
  }
}

.charSprite.walking[data-pet-type="mount"] .charPet.equipped {
  animation: mountWalk 0.17s linear infinite;
}

/* ==========================================
   SYSTEME DE FAMILIERS (PETS RENDERING)
   ========================================== */

/* When pet (non-mount) is equipped */
.charSprite[data-pet-type="pet"] .charPet.equipped {
  display: block;
  left: -20px;
  top: 60px;
  width: 20px;
  height: 18px;
  position: absolute;
  z-index: 5;
  background: var(--pet-color, #94a3b8);
  border: 1.5px solid #1e293b;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
}

/* Adjust position based on player direction */
.charSprite.facing-left[data-pet-type="pet"] .charPet.equipped {
  left: auto;
  right: -20px;
}

.charSprite.facing-back[data-pet-type="pet"] .charPet.equipped {
  left: -16px;
  z-index: 1;
}

/* Bobbing animation for walking pets */
@keyframes petFloat {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-3px);
  }
}

.charSprite.walking[data-pet-type="pet"] .charPet.equipped {
  animation: petFloat 0.3s ease-in-out infinite;
}

/* Floating animation for ghost pet (Spectre) */
@keyframes ghostFloat {

  0%,
  100% {
    transform: translateY(0) scale(0.95);
    opacity: 0.7;
  }

  50% {
    transform: translateY(-5px) scale(1);
    opacity: 0.95;
  }
}

.charSprite[data-pet="spectre"] .charPet.equipped {
  animation: ghostFloat 1.8s ease-in-out infinite !important;
}

/* Specific Pet Styles (Spectacular pure CSS rendering) */

/* Félin tigré (Orange cat with dark stripes, eyes, ears and tail) */
.charSprite[data-pet="felin-tigre"] {
  --pet-color: #f97316;
}

.charSprite[data-pet="felin-tigre"] .charPet.equipped {
  background:
    /* left eye */
    radial-gradient(circle at 5px 6px, #000 1px, transparent 1.5px),
    /* right eye */
    radial-gradient(circle at 13px 6px, #000 1px, transparent 1.5px),
    /* nose */
    radial-gradient(circle at 9px 8px, #ea580c 0.8px, #fff 1.2px, transparent 1.5px),
    /* stripes */
    repeating-linear-gradient(90deg, #f97316, #f97316 4px, #ea580c 4px, #ea580c 6px) !important;
}

/* Cat ears */
.charSprite[data-pet="felin-tigre"] .charPet.equipped::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 2px;
  width: 4px;
  height: 4px;
  background: #ea580c;
  border: 1px solid #1e293b;
  border-bottom: none;
  box-shadow: 10px 0 0 #ea580c, 10px 0 0 #1e293b;
}

/* Cat tail */
.charSprite[data-pet="felin-tigre"] .charPet.equipped::after {
  content: "";
  position: absolute;
  bottom: 2px;
  right: -5px;
  width: 6px;
  height: 6px;
  background: #f97316;
  border: 1px solid #1e293b;
  border-radius: 50%;
}

.charSprite.facing-left[data-pet="felin-tigre"] .charPet.equipped::after {
  right: auto;
  left: -5px;
}

/* Oisillon obèse (Fat round yellow bird with orange beak, eyes and wings) */
.charSprite[data-pet="oisillon-obese"] {
  --pet-color: #facc15;
}

/* Default right eye look */
.charSprite[data-pet="oisillon-obese"] .charPet.equipped {
  border-radius: 50% !important;
  width: 18px;
  height: 18px;
  background:
    /* big eye looking forward/right */
    radial-gradient(circle at 4px 6px, #000 1.2px, #fff 2px, transparent 2.2px),
    radial-gradient(circle, #facc15 50%, #eab308 100%) !important;
}

/* Facing left eye look */
.charSprite.facing-left[data-pet="oisillon-obese"] .charPet.equipped {
  background:
    /* big eye looking left */
    radial-gradient(circle at 14px 6px, #000 1.2px, #fff 2px, transparent 2.2px),
    radial-gradient(circle, #facc15 50%, #eab308 100%) !important;
}

/* Tiny orange beak */
.charSprite[data-pet="oisillon-obese"] .charPet.equipped::after {
  content: "";
  position: absolute;
  top: 5px;
  left: -3px;
  width: 5px;
  height: 4px;
  background: #f97316;
  border-radius: 2px;
  border: 1px solid #1e293b;
}

.charSprite.facing-left[data-pet="oisillon-obese"] .charPet.equipped::after {
  left: auto;
  right: -3px;
}

/* Small wings */
.charSprite[data-pet="oisillon-obese"] .charPet.equipped::before {
  content: "";
  position: absolute;
  top: 6px;
  right: -2px;
  width: 4px;
  height: 6px;
  background: #eab308;
  border: 1px solid #1e293b;
  border-radius: 50%;
}

.charSprite.facing-left[data-pet="oisillon-obese"] .charPet.equipped::before {
  right: auto;
  left: -2px;
}

/* Feu follet (Glowing cyan wisp spirit with cute eyes and flame trail) */
.charSprite[data-pet="feu-follet"] {
  --pet-color: #22d3ee;
}

.charSprite[data-pet="feu-follet"] .charPet.equipped {
  border-radius: 50% !important;
  box-shadow: 0 0 12px #06b6d4, 0 0 4px #22d3ee, inset 0 0 6px #fff;
  border: 1.5px solid #0891b2;
  width: 14px;
  height: 14px;
  background:
    /* glowing eyes */
    radial-gradient(circle at 4px 5px, #fff 1.2px, transparent 1.6px),
    radial-gradient(circle at 10px 5px, #fff 1.2px, transparent 1.6px),
    radial-gradient(circle, #fff 10%, #22d3ee 80%) !important;
}

/* Flame spirit trail */
.charSprite[data-pet="feu-follet"] .charPet.equipped::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 3px;
  width: 8px;
  height: 8px;
  background: #22d3ee;
  filter: blur(1px);
  transform: rotate(45deg);
  box-shadow: 0 0 8px #06b6d4;
  border-radius: 50% 0 50% 50%;
}

/* Marcassin (Little brown wild boar with white tusks, eyes and snout) */
.charSprite[data-pet="marcassin"] {
  --pet-color: #78350f;
}

.charSprite[data-pet="marcassin"] .charPet.equipped {
  background:
    /* left eye */
    radial-gradient(circle at 4px 5px, #000 1.2px, #fff 1.8px, transparent 2px),
    /* snout */
    radial-gradient(circle at -1px 8px, #451a03 2px, transparent 2.5px),
    linear-gradient(135deg, #78350f 70%, #451a03 100%) !important;
}

.charSprite.facing-left[data-pet="marcassin"] .charPet.equipped {
  background:
    /* right eye */
    radial-gradient(circle at 14px 5px, #000 1.2px, #fff 1.8px, transparent 2px),
    /* snout */
    radial-gradient(circle at 19px 8px, #451a03 2px, transparent 2.5px),
    linear-gradient(135deg, #78350f 70%, #451a03 100%) !important;
}

/* White tusks */
.charSprite[data-pet="marcassin"] .charPet.equipped::before {
  content: "";
  position: absolute;
  top: 6px;
  left: -3px;
  width: 3px;
  height: 3px;
  background: #f8fafc;
  border: 1px solid #1e293b;
  border-radius: 50%;
}

.charSprite.facing-left[data-pet="marcassin"] .charPet.equipped::before {
  left: auto;
  right: -3px;
}

/* Mini-taure (Tiny red/brown minotaur with white horns, eyes, nose ring) */
.charSprite[data-pet="mini-taure"] {
  --pet-color: #b91c1c;
}

.charSprite[data-pet="mini-taure"] .charPet.equipped {
  background:
    /* left eye */
    radial-gradient(circle at 4px 6px, #000 1px, transparent 1.5px),
    /* right eye */
    radial-gradient(circle at 12px 6px, #000 1px, transparent 1.5px),
    /* nose ring area */
    radial-gradient(circle at 8px 11px, #7f1d1d 2px, transparent 2.5px),
    linear-gradient(180deg, #b91c1c 70%, #7f1d1d 100%) !important;
}

/* White horns */
.charSprite[data-pet="mini-taure"] .charPet.equipped::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 2px;
  width: 2px;
  height: 4px;
  background: #f8fafc;
  border: 1px solid #1e293b;
  border-bottom: none;
  border-radius: 2px 2px 0 0;
  box-shadow: 10px 0 0 #f8fafc, 10px 0 0 #1e293b;
}

/* Golden nose ring */
.charSprite[data-pet="mini-taure"] .charPet.equipped::after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: -2px;
  width: 4px;
  height: 4px;
  border: 1px solid #eab308;
  border-radius: 50%;
}

.charSprite.facing-left[data-pet="mini-taure"] .charPet.equipped::after {
  left: auto;
  right: -2px;
}

/* Chiot peluche (Extremely fluffy pink pup with cute floppy ears and eyes/snout) */
.charSprite[data-pet="chiot-peluche"] {
  --pet-color: #f472b6;
}

.charSprite[data-pet="chiot-peluche"] .charPet.equipped {
  border-radius: 10px 10px 6px 6px !important;
  background:
    /* left eye */
    radial-gradient(circle at 4px 6px, #000 1.5px, transparent 2px),
    /* right eye */
    radial-gradient(circle at 12px 6px, #000 1.5px, transparent 2px),
    /* snout */
    radial-gradient(circle at 8px 10px, #1e293b 1px, transparent 1.5px),
    radial-gradient(circle, #f472b6 40%, #db2777 100%) !important;
  box-shadow: inset -2px -2px 0 rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Fluffy pup ears */
.charSprite[data-pet="chiot-peluche"] .charPet.equipped::before {
  content: "";
  position: absolute;
  top: 1px;
  left: -2px;
  width: 4px;
  height: 8px;
  background: #db2777;
  border: 1px solid #1e293b;
  border-radius: 3px;
  box-shadow: 18px 0 0 #db2777, 18px 0 0 #1e293b;
}

/* Spectre (floating white ghost with glowing red eyes and spooky mouth/tail) */
.charSprite[data-pet="spectre"] {
  --pet-color: #f8fafc;
}

.charSprite[data-pet="spectre"] .charPet.equipped {
  border-radius: 12px 12px 0 0 !important;
  background:
    /* open mouth */
    radial-gradient(circle at 8px 8px, #1e293b 1px, transparent 1.5px),
    linear-gradient(180deg, rgba(248, 250, 252, 0.9) 0%, rgba(248, 250, 252, 0.4) 100%) !important;
  border-bottom: none;
  box-shadow: 0 -2px 6px rgba(255, 255, 255, 0.4);
}

/* Glowing red eyes */
.charSprite[data-pet="spectre"] .charPet.equipped::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 2px;
  height: 2px;
  background: #ef4444;
  box-shadow: 6px 0 0 #ef4444, 0 0 4px #ef4444, 6px 0 4px #ef4444;
}

/* Wavy ghost tail */
.charSprite[data-pet="spectre"] .charPet.equipped::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 6px;
  background:
    radial-gradient(circle at 4px 0, rgba(248, 250, 252, 0.4) 3px, transparent 4px),
    radial-gradient(circle at 12px 0, rgba(248, 250, 252, 0.4) 3px, transparent 4px);
}

/* Capucin (Little brown monkey with cute ears, face mask, belt and banana) */
.charSprite[data-pet="capucin"] {
  --pet-color: #a16207;
}

.charSprite[data-pet="capucin"] .charPet.equipped {
  background:
    /* left eye */
    radial-gradient(circle at 6px 6px, #000 1px, transparent 1.5px),
    /* right eye */
    radial-gradient(circle at 14px 6px, #000 1px, transparent 1.5px),
    /* mouth */
    radial-gradient(circle at 10px 10px, #713f12 0.8px, transparent 1.2px),
    /* face mask */
    radial-gradient(ellipse at 10px 8px, #fed7aa 6px, transparent 7px),
    /* yellow belt */
    linear-gradient(180deg, transparent 14px, #eab308 14px, #eab308 16px, transparent 16px),
    radial-gradient(circle, #a16207 60%, #713f12 100%) !important;
}

/* Monkey ears */
.charSprite[data-pet="capucin"] .charPet.equipped::before {
  content: "";
  position: absolute;
  top: 3px;
  left: -3px;
  width: 4px;
  height: 4px;
  background: #a16207;
  border: 1.5px solid #1c1917;
  border-radius: 50%;
  box-shadow: 20px 0 0 #a16207, 20px 0 2px #1c1917;
}

/* Little banana near head */
.charSprite[data-pet="capucin"] .charPet.equipped::after {
  content: "🍌";
  font-size: 8px;
  line-height: 8px;
  position: absolute;
  top: -4px;
  left: -4px;
}

.charSprite.facing-left[data-pet="capucin"] .charPet.equipped::after {
  left: auto;
  right: -4px;
}

/* Petit dragon (Fire-red baby dragon with yellow horns and tiny wings) */
.charSprite[data-pet="petit-dragon"] {
  --pet-color: #ef4444;
}

.charSprite[data-pet="petit-dragon"] .charPet.equipped {
  border-radius: 8px 8px 4px 4px !important;
  background:
    /* cute glowing yellow eyes */
    radial-gradient(circle at 4px 6px, #facc15 1.5px, transparent 2px),
    /* right eye */
    radial-gradient(circle at 12px 6px, #facc15 1.5px, transparent 2px),
    /* scales */
    linear-gradient(135deg, #ef4444 80%, #b91c1c 100%) !important;
}

/* Dragon horns and tail */
.charSprite[data-pet="petit-dragon"] .charPet.equipped::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 2px;
  width: 2px;
  height: 4px;
  background: #facc15;
  /* gold horns */
  border: 1px solid #78350f;
  border-bottom: none;
  box-shadow: 10px 0 0 #facc15, 10px 0 0 #78350f;
}

/* Tiny dragon wing or fire breath */
.charSprite[data-pet="petit-dragon"] .charPet.equipped::after {
  content: "🔥";
  font-size: 7px;
  line-height: 7px;
  position: absolute;
  bottom: 1px;
  left: -5px;
}

.charSprite.facing-left[data-pet="petit-dragon"] .charPet.equipped::after {
  left: auto;
  right: -5px;
}

/* Gélutin (Bouncing jelly-blue slime with tiny antenna and big cute eyes) */
.charSprite[data-pet="gelutin"] {
  --pet-color: #3b82f6;
}

.charSprite[data-pet="gelutin"] .charPet.equipped {
  border-radius: 50% 50% 40% 40% !important;
  width: 14px;
  height: 14px;
  box-shadow: inset 0 -3px 6px rgba(29, 78, 216, 0.6), 0 2px 4px rgba(0, 0, 0, 0.15);
  background:
    /* big shiny eyes */
    radial-gradient(circle at 4px 5px, #fff 0.8px, #000 1.6px, transparent 2.2px),
    radial-gradient(circle at 10px 5px, #fff 0.8px, #000 1.6px, transparent 2.2px),
    /* body color */
    radial-gradient(circle, #60a5fa 30%, #2563eb 100%) !important;
}

/* Bouncing animation for slime */
@keyframes slimeBounce {

  0%,
  100% {
    transform: scale(1, 1) translateY(0);
  }

  50% {
    transform: scale(1.08, 0.92) translateY(1px);
  }
}

.charSprite[data-pet="gelutin"] .charPet.equipped {
  animation: slimeBounce 1.2s ease-in-out infinite !important;
}

/* Gelutin antenna */
.charSprite[data-pet="gelutin"] .charPet.equipped::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 6px;
  width: 2px;
  height: 4px;
  background: #3b82f6;
  border-radius: 50%;
  border: 1px solid #1d4ed8;
}

/* Souris électrique */
.charSprite[data-pet="souris-electrique"] {
  --pet-color: #facc15;
}

.charSprite[data-pet="souris-electrique"] .charPet.equipped {
  border-radius: 50% 50% 40% 40% !important;
  background:
    radial-gradient(circle at 4px 6px, #ffffff 0.8px, #000000 1.5px, transparent 2px),
    radial-gradient(circle at 12px 6px, #ffffff 0.8px, #000000 1.5px, transparent 2px),
    radial-gradient(circle at 2px 10px, #ef4444 1.8px, transparent 2.4px),
    radial-gradient(circle at 14px 10px, #ef4444 1.8px, transparent 2.4px),
    radial-gradient(circle at 8px 9px, #000000 0.8px, transparent 1.2px),
    #facc15 !important;
  border: 1.5px solid #854d0e !important;
  box-shadow: 0 0 8px rgba(250, 204, 21, 0.8);
}

.charSprite[data-pet="souris-electrique"] .charPet.equipped::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 2px;
  width: 4px;
  height: 7px;
  background: linear-gradient(180deg, #000 0%, #000 35%, #facc15 36%, #facc15 100%);
  border-radius: 4px 4px 0 0;
  border: 1px solid #854d0e;
  border-bottom: none;
  box-shadow: 8px 0 0 #facc15;
}

.charSprite[data-pet="souris-electrique"] .charPet.equipped::after {
  content: "";
  position: absolute;
  bottom: -2px;
  right: -5px;
  width: 5px;
  height: 10px;
  background: #facc15;
  clip-path: polygon(0% 0%, 100% 25%, 40% 50%, 100% 75%, 20% 100%, 0% 60%);
  border: 1px solid #854d0e;
}

/* Phénix flamboyant (Majestic fiery phoenix bird with glowing wings and tail feathers) */
.charSprite[data-pet="phenix-flamboyant"],
.charSprite[data-pet="phoenix-flamboyant"] {
  --pet-color: #f97316;
}

.charSprite[data-pet="phenix-flamboyant"] .charPet.equipped,
.charSprite[data-pet="phoenix-flamboyant"] .charPet.equipped {
  border-radius: 50% 50% 40% 40% !important;
  background:
    /* glowing ruby eye left */
    radial-gradient(circle at 4px 5px, #ffffff 0.8px, #dc2626 1.8px, transparent 2.4px),
    /* glowing ruby eye right */
    radial-gradient(circle at 12px 5px, #ffffff 0.8px, #dc2626 1.8px, transparent 2.4px),
    /* golden beak */
    linear-gradient(180deg, transparent 7px, #eab308 7px, #ca8a04 11px, transparent 11px),
    linear-gradient(180deg, #ef4444 0%, #f97316 60%, #eab308 100%) !important;
  border: 1.5px solid #991b1b !important;
  box-shadow: 0 0 14px #f97316, 0 0 6px #ef4444, inset 0 2px 4px #fef08a !important;
  animation: phoenixAura 1.5s ease-in-out infinite alternate !important;
}

@keyframes phoenixAura {
  0% { box-shadow: 0 0 10px #f97316, 0 0 4px #ef4444; transform: translateX(-50%) translateY(0); }
  100% { box-shadow: 0 0 18px #facc15, 0 0 8px #f97316; transform: translateX(-50%) translateY(-2px); }
}

/* Fiery wing plumes left and right */
.charSprite[data-pet="phenix-flamboyant"] .charPet.equipped::before,
.charSprite[data-pet="phoenix-flamboyant"] .charPet.equipped::before {
  content: "" !important;
  position: absolute !important;
  top: -4px !important;
  left: 4px !important;
  width: 8px !important;
  height: 6px !important;
  background: linear-gradient(180deg, #facc15 0%, #f97316 60%, #dc2626 100%) !important;
  clip-path: polygon(50% 0%, 100% 70%, 75% 100%, 25% 100%, 0% 70%) !important;
  box-shadow: 0 0 6px #facc15 !important;
}

/* Fiery tail feathers */
.charSprite[data-pet="phenix-flamboyant"] .charPet.equipped::after,
.charSprite[data-pet="phoenix-flamboyant"] .charPet.equipped::after {
  content: "" !important;
  position: absolute !important;
  bottom: -6px !important;
  left: 3px !important;
  width: 10px !important;
  height: 8px !important;
  background: radial-gradient(ellipse at 50% 0%, #facc15 10%, #f97316 50%, #dc2626 100%) !important;
  clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 50% 75%, 0% 100%) !important;
}

/* Bébé minotaure */
.charSprite[data-pet="bebe-minotaure"] {
  --pet-color: #78350f;
}

.charSprite[data-pet="bebe-minotaure"] .charPet.equipped {
  border-radius: 40% 40% 45% 45% !important;
  background:
    radial-gradient(circle at 4px 6px, #fff 0.5px, #000 1.5px, transparent 2px),
    radial-gradient(circle at 12px 6px, #fff 0.5px, #000 1.5px, transparent 2px),
    radial-gradient(circle at 8px 10px, #451a03 2.5px, transparent 3px),
    linear-gradient(180deg, #78350f 0%, #451a03 100%) !important;
  border: 1.5px solid #292524 !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.2);
}

.charSprite[data-pet="bebe-minotaure"] .charPet.equipped::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 2px;
  width: 3px;
  height: 6px;
  background: #f8fafc;
  border: 1px solid #1e293b;
  border-radius: 3px 3px 0 0;
  box-shadow: 9px 0 0 #f8fafc;
}

.charSprite[data-pet="bebe-minotaure"] .charPet.equipped::after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 6px;
  width: 4px;
  height: 4px;
  border: 1.5px solid #eab308;
  border-radius: 50%;
  box-shadow: 0 0 4px #facc15;
}

/* Panda gourmand */
.charSprite[data-pet="panda-gourmand"] {
  --pet-color: #f8fafc;
}

.charSprite[data-pet="panda-gourmand"] .charPet.equipped {
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 4px 6px, #fff 0.6px, #000 2px, transparent 2.5px),
    radial-gradient(circle at 12px 6px, #fff 0.6px, #000 2px, transparent 2.5px),
    radial-gradient(circle at 8px 10px, #000 1.2px, transparent 1.6px),
    #f8fafc !important;
  border: 1.5px solid #0f172a !important;
}

.charSprite[data-pet="panda-gourmand"] .charPet.equipped::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 1px;
  width: 4px;
  height: 4px;
  background: #000000;
  border-radius: 50%;
  box-shadow: 10px 0 0 #000000;
}

.charSprite[data-pet="panda-gourmand"] .charPet.equipped::after {
  content: "";
  position: absolute;
  bottom: -2px;
  right: -3px;
  width: 3px;
  height: 10px;
  background: linear-gradient(180deg, #22c55e, #15803d);
  border: 1px solid #14532d;
  border-radius: 2px;
}

/* Chouette de magie */
.charSprite[data-pet="chouette-de-magie"] {
  --pet-color: #1e1b4b;
}

.charSprite[data-pet="chouette-de-magie"] .charPet.equipped {
  border-radius: 50% 50% 40% 40% !important;
  background:
    radial-gradient(circle at 4px 6px, #000 1px, #facc15 2px, transparent 2.5px),
    radial-gradient(circle at 12px 6px, #000 1px, #facc15 2px, transparent 2.5px),
    radial-gradient(circle at 8px 9px, #ea580c 1.2px, transparent 1.6px),
    #1e1b4b !important;
  border: 1.5px solid #0f172a !important;
  box-shadow: 0 0 6px rgba(250, 204, 21, 0.5);
}

.charSprite[data-pet="chouette-de-magie"] .charPet.equipped::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 3px;
  width: 10px;
  height: 7px;
  background: linear-gradient(180deg, #facc15 0%, #6b21a8 40%, #581c87 100%);
  clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}

/* Leg rendering for riding character (draped legs on the sides of the mount) */
.charSprite[data-pet-type="mount"] .charFeet {
  display: block !important;
  left: 50% !important;
  top: 48px !important;
  width: 44px !important;
  height: 18px !important;
  transform: translateX(-50%) !important;
  background: none !important;
  z-index: 5 !important;
  /* draw in front of mount body */
}

.charSprite[data-pet-type="mount"] .charFeet::before {
  content: "" !important;
  position: absolute !important;
  left: 4px !important;
  top: 0px !important;
  width: 8px !important;
  height: 16px !important;
  background: var(--char-skin-start, #d7a378) !important;
  border: 2px solid #1c1511 !important;
  border-radius: 4px !important;
  transform: rotate(20deg) !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.2);
}

.charSprite[data-pet-type="mount"] .charFeet::after {
  content: "" !important;
  position: absolute !important;
  right: 4px !important;
  top: 0px !important;
  width: 8px !important;
  height: 16px !important;
  background: var(--char-skin-start, #d7a378) !important;
  border: 2px solid #1c1511 !important;
  border-radius: 4px !important;
  transform: rotate(-20deg) !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.2);
}

/* Same for boots if equipped */
.charSprite[data-pet-type="mount"] .charBoots {
  display: block !important;
  left: 50% !important;
  top: 48px !important;
  width: 44px !important;
  height: 18px !important;
  transform: translateX(-50%) !important;
  background: none !important;
  z-index: 5 !important;
}

.charSprite[data-pet-type="mount"] .charBoots::before {
  content: "" !important;
  position: absolute !important;
  left: 3px !important;
  top: 4px !important;
  width: 10px !important;
  height: 14px !important;
  background: inherit !important;
  /* inherits boot colors */
  border: 2px solid #1c1511 !important;
  border-radius: 4px !important;
  transform: rotate(20deg) !important;
}

.charSprite[data-pet-type="mount"] .charBoots::after {
  content: "" !important;
  position: absolute !important;
  right: 3px !important;
  top: 4px !important;
  width: 10px !important;
  height: 14px !important;
  background: inherit !important;
  border: 2px solid #1c1511 !important;
  border-radius: 4px !important;
  transform: rotate(-20deg) !important;
}

/* =============================================================================
   PURE CSS EQUIPMENT ITEM ICON RENDERING SYSTEM (Encyclopédie Gold Standard)
   ============================================================================= */
.equipment-css-render-box,
.equipment-css-render,
.item-visual-slot-render,
.item-visual-detail-render,
.item-grid-box {
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

.equipment-css-render-box .charSprite,
.equipment-css-render .charSprite,
.item-visual-slot-render .charSprite,
.item-visual-detail-render .charSprite {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 64px !important;
    height: 96px !important;
    pointer-events: none !important;
    transform-origin: center center !important;
    background: none !important;
}

/* 1. Hide base player body & shadow for equipment icons and large details */
body .equipment-css-render-box .charSprite::before,
body .equipment-css-render-box .charSprite::after,
body .equipment-large-box .charSprite::before,
body .equipment-large-box .charSprite::after,
body .equipment-css-render .charSprite::before,
body .equipment-css-render .charSprite::after,
body .item-visual-slot-render .charSprite::before,
body .item-visual-slot-render .charSprite::after,
body .item-visual-detail-render .charSprite::before,
body .item-visual-detail-render .charSprite::after,
body .equipment-standalone-render::before,
body .equipment-standalone-render::after {
    display: none !important;
    content: "" !important;
    background: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Hide human skin and body layers in standalone item slots */
body .equipment-css-render-box .charSprite > div:not(.charHeadgear):not(.charCape):not(.charBoots):not(.charBelt):not(.charRingLeft):not(.charRingRight):not(.charAmulet):not(.charWeapon):not(.charStaff):not(.charBow):not(.charAxe):not(.charShovel):not(.charShield):not(.charPet):not(.item-custom-icon),
body .equipment-css-render .charSprite > div:not(.charHeadgear):not(.charCape):not(.charBoots):not(.charBelt):not(.charRingLeft):not(.charRingRight):not(.charAmulet):not(.charWeapon):not(.charStaff):not(.charBow):not(.charAxe):not(.charShovel):not(.charShield):not(.charPet):not(.item-custom-icon),
body .item-visual-slot-render .charSprite > div:not(.charHeadgear):not(.charCape):not(.charBoots):not(.charBelt):not(.charRingLeft):not(.charRingRight):not(.charAmulet):not(.charWeapon):not(.charStaff):not(.charBow):not(.charAxe):not(.charShovel):not(.charShield):not(.charPet):not(.item-custom-icon),
body .item-visual-detail-render .charSprite > div:not(.charHeadgear):not(.charCape):not(.charBoots):not(.charBelt):not(.charRingLeft):not(.charRingRight):not(.charAmulet):not(.charWeapon):not(.charStaff):not(.charBow):not(.charAxe):not(.charShovel):not(.charShield):not(.charPet):not(.item-custom-icon) {
    display: none !important;
}

/* Centering offsets for each slot */

/* HEADGEAR: center is at (32px, 23px) */
.equipment-css-render-box .charSprite[data-headgear]:not([data-headgear=""]),
.equipment-css-render .charSprite[data-headgear]:not([data-headgear=""]),
.item-visual-slot-render .charSprite[data-headgear]:not([data-headgear=""]) {
    transform-origin: 32px 23px !important;
    transform: translate(-32px, -23px) scale(1.7) !important;
}

.equipment-large-box .charSprite[data-headgear]:not([data-headgear=""]),
.item-visual-detail-render .charSprite[data-headgear]:not([data-headgear=""]) {
    transform-origin: 32px 23px !important;
    transform: translate(-32px, -23px) scale(2.4) !important;
}

/* CAPE: center is at (32px, 56px) */
.equipment-css-render-box .charSprite[data-cape]:not([data-cape=""]),
.equipment-css-render .charSprite[data-cape]:not([data-cape=""]),
.item-visual-slot-render .charSprite[data-cape]:not([data-cape=""]) {
    transform-origin: 32px 56px !important;
    transform: translate(-32px, -56px) scale(0.95) !important;
}

.equipment-large-box .charSprite[data-cape]:not([data-cape=""]),
.item-visual-detail-render .charSprite[data-cape]:not([data-cape=""]) {
    transform-origin: 32px 56px !important;
    transform: translate(-32px, -56px) scale(1.4) !important;
}

/* BOOTS: center is at (32px, 72px) */
.equipment-css-render-box .charSprite[data-boots]:not([data-boots=""]),
.equipment-css-render .charSprite[data-boots]:not([data-boots=""]),
.item-visual-slot-render .charSprite[data-boots]:not([data-boots=""]) {
    transform-origin: 32px 72px !important;
    transform: translate(-32px, -72px) scale(1.4) !important;
}

.equipment-large-box .charSprite[data-boots]:not([data-boots=""]),
.item-visual-detail-render .charSprite[data-boots]:not([data-boots=""]) {
    transform-origin: 32px 72px !important;
    transform: translate(-32px, -72px) scale(2.0) !important;
}

/* BELT: center is at (32px, 60px) */
.equipment-css-render-box .charSprite[data-belt]:not([data-belt=""]),
.equipment-css-render .charSprite[data-belt]:not([data-belt=""]),
.item-visual-slot-render .charSprite[data-belt]:not([data-belt=""]) {
    transform-origin: 32px 60px !important;
    transform: translate(-32px, -60px) scale(1.4) !important;
}

.equipment-large-box .charSprite[data-belt]:not([data-belt=""]),
.item-visual-detail-render .charSprite[data-belt]:not([data-belt=""]) {
    transform-origin: 32px 60px !important;
    transform: translate(-32px, -60px) scale(2.0) !important;
}

/* RINGS, AMULETS & RELICS: center is at (32px, 48px) */
.equipment-css-render-box .charSprite[data-ring-left]:not([data-ring-left=""]),
.equipment-css-render-box .charSprite[data-amulet]:not([data-amulet=""]),
.equipment-css-render-box .charSprite[data-relic]:not([data-relic=""]),
.equipment-css-render .charSprite[data-ring-left]:not([data-ring-left=""]),
.equipment-css-render .charSprite[data-amulet]:not([data-amulet=""]),
.equipment-css-render .charSprite[data-relic]:not([data-relic=""]),
.item-visual-slot-render .charSprite[data-ring-left]:not([data-ring-left=""]),
.item-visual-slot-render .charSprite[data-amulet]:not([data-amulet=""]),
.item-visual-slot-render .charSprite[data-relic]:not([data-relic=""]) {
    transform-origin: 32px 48px !important;
    transform: translate(-32px, -48px) scale(1.4) !important;
}

.equipment-large-box .charSprite[data-ring-left]:not([data-ring-left=""]),
.equipment-large-box .charSprite[data-amulet]:not([data-amulet=""]),
.equipment-large-box .charSprite[data-relic]:not([data-relic=""]),
.item-visual-detail-render .charSprite[data-ring-left]:not([data-ring-left=""]),
.item-visual-detail-render .charSprite[data-amulet]:not([data-amulet=""]),
.item-visual-detail-render .charSprite[data-relic]:not([data-relic=""]) {
    transform-origin: 32px 48px !important;
    transform: translate(-32px, -48px) scale(2.0) !important;
}

/* WEAPON: center is at (60px, 53px) */
.equipment-css-render-box .charSprite[data-weapon]:not([data-weapon=""]),
.equipment-css-render-box .charSprite[data-shovel]:not([data-shovel=""]),
.equipment-css-render-box .charSprite[data-axe]:not([data-axe=""]),
.equipment-css-render .charSprite[data-weapon]:not([data-weapon=""]),
.equipment-css-render .charSprite[data-shovel]:not([data-shovel=""]),
.equipment-css-render .charSprite[data-axe]:not([data-axe=""]),
.item-visual-slot-render .charSprite[data-weapon]:not([data-weapon=""]),
.item-visual-slot-render .charSprite[data-shovel]:not([data-shovel=""]),
.item-visual-slot-render .charSprite[data-axe]:not([data-axe=""]) {
    transform-origin: 60px 53px !important;
    transform: translate(-60px, -53px) scale(1.1) !important;
}

.equipment-css-render-box .charSprite[data-staff]:not([data-staff=""]),
.equipment-css-render-box .charSprite[data-bow]:not([data-bow=""]),
.equipment-css-render .charSprite[data-staff]:not([data-staff=""]),
.equipment-css-render .charSprite[data-bow]:not([data-bow=""]),
.item-visual-slot-render .charSprite[data-staff]:not([data-staff=""]),
.item-visual-slot-render .charSprite[data-bow]:not([data-bow=""]) {
    transform-origin: 60px 53px !important;
    transform: translate(-60px, -53px) scale(0.72) !important;
}

.equipment-large-box .charSprite[data-weapon]:not([data-weapon=""]),
.equipment-large-box .charSprite[data-shovel]:not([data-shovel=""]),
.equipment-large-box .charSprite[data-axe]:not([data-axe=""]),
.item-visual-detail-render .charSprite[data-weapon]:not([data-weapon=""]),
.item-visual-detail-render .charSprite[data-shovel]:not([data-shovel=""]),
.item-visual-detail-render .charSprite[data-axe]:not([data-axe=""]) {
    transform-origin: 60px 53px !important;
    transform: translate(-60px, -53px) scale(1.5) !important;
}

.equipment-large-box .charSprite[data-staff]:not([data-staff=""]),
.equipment-large-box .charSprite[data-bow]:not([data-bow=""]),
.item-visual-detail-render .charSprite[data-staff]:not([data-staff=""]),
.item-visual-detail-render .charSprite[data-bow]:not([data-bow=""]) {
    transform-origin: 60px 53px !important;
    transform: translate(-60px, -53px) scale(1.0) !important;
}

/* Staff & Bow size clamp inside equipment slots */
body .equipment-css-render-box .charSprite .charStaff.equipped,
body .equipment-css-render .charSprite .charStaff.equipped,
body .item-visual-slot-render .charSprite .charStaff.equipped,
body .equipment-large-box .charSprite .charStaff.equipped,
body .item-visual-detail-render .charSprite .charStaff.equipped {
    height: 28px !important;
    width: 5px !important;
}

body .equipment-css-render-box .charSprite .charStaff.equipped::before,
body .equipment-css-render .charSprite .charStaff.equipped::before,
body .item-visual-slot-render .charSprite .charStaff.equipped::before,
body .equipment-large-box .charSprite .charStaff.equipped::before,
body .item-visual-detail-render .charSprite .charStaff.equipped::before {
    width: 12px !important;
    height: 12px !important;
    top: -10px !important;
    left: -4px !important;
}

body .equipment-css-render-box .charSprite .charBow.equipped,
body .equipment-css-render .charSprite .charBow.equipped,
body .item-visual-slot-render .charSprite .charBow.equipped,
body .equipment-large-box .charSprite .charBow.equipped,
body .item-visual-detail-render .charSprite .charBow.equipped {
    height: 26px !important;
    width: 13px !important;
}

body .equipment-css-render-box .charSprite .charBow.equipped::after,
body .equipment-css-render .charSprite .charBow.equipped::after,
body .item-visual-slot-render .charSprite .charBow.equipped::after,
body .equipment-large-box .charSprite .charBow.equipped::after,
body .item-visual-detail-render .charSprite .charBow.equipped::after {
    height: 18px !important;
    top: 4px !important;
}

/* SHIELD: center is at (4px, 53px) */
.equipment-css-render-box .charSprite[data-shield]:not([data-shield=""]),
.equipment-css-render .charSprite[data-shield]:not([data-shield=""]),
.item-visual-slot-render .charSprite[data-shield]:not([data-shield=""]) {
    transform-origin: 4px 53px !important;
    transform: translate(-4px, -53px) scale(1.1) !important;
}

.equipment-large-box .charSprite[data-shield]:not([data-shield=""]),
.item-visual-detail-render .charSprite[data-shield]:not([data-shield=""]) {
    transform-origin: 4px 53px !important;
    transform: translate(-4px, -53px) scale(1.5) !important;
}

/* MOUNT: center is at (32px, 60px) */
.equipment-css-render-box .charSprite[data-pet-type="mount"]:not([data-pet=""]),
.equipment-css-render .charSprite[data-pet-type="mount"]:not([data-pet=""]),
.item-visual-slot-render .charSprite[data-pet-type="mount"]:not([data-pet=""]) {
    transform-origin: 32px 60px !important;
    transform: translate(-32px, -60px) scale(0.7) !important;
}

.equipment-large-box .charSprite[data-pet-type="mount"]:not([data-pet=""]),
.item-visual-detail-render .charSprite[data-pet-type="mount"]:not([data-pet=""]) {
    transform-origin: 32px 60px !important;
    transform: translate(-32px, -60px) scale(1.15) !important;
}

/* PET (Familier): center is at (32px, 60px) */
.equipment-css-render-box .charSprite[data-pet][data-pet-type="pet"]:not([data-pet=""]),
.equipment-css-render-box .charSprite[data-pet]:not([data-pet-type="mount"]):not([data-pet=""]),
.equipment-css-render .charSprite[data-pet][data-pet-type="pet"]:not([data-pet=""]),
.equipment-css-render .charSprite[data-pet]:not([data-pet-type="mount"]):not([data-pet=""]),
.item-visual-slot-render .charSprite[data-pet][data-pet-type="pet"]:not([data-pet=""]),
.item-visual-slot-render .charSprite[data-pet]:not([data-pet-type="mount"]):not([data-pet=""]) {
    transform-origin: 32px 60px !important;
    transform: translate(-32px, -60px) scale(1.5) !important;
}

.equipment-large-box .charSprite[data-pet][data-pet-type="pet"]:not([data-pet=""]),
.equipment-large-box .charSprite[data-pet]:not([data-pet-type="mount"]):not([data-pet=""]),
.item-visual-detail-render .charSprite[data-pet][data-pet-type="pet"]:not([data-pet=""]),
.item-visual-detail-render .charSprite[data-pet]:not([data-pet-type="mount"]):not([data-pet=""]) {
    transform-origin: 32px 60px !important;
    transform: translate(-32px, -60px) scale(2.4) !important;
}

/* Force display of weapons & pets in visual containers */
body .equipment-css-render-box .charSprite .charWeapon,
body .equipment-css-render-box .charSprite .charStaff,
body .equipment-css-render-box .charSprite .charBow,
body .equipment-css-render-box .charSprite .charShovel,
body .equipment-css-render-box .charSprite .charAxe,
body .equipment-css-render-box .charSprite .charPet,
body .equipment-css-render .charSprite .charWeapon,
body .equipment-css-render .charSprite .charStaff,
body .equipment-css-render .charSprite .charBow,
body .equipment-css-render .charSprite .charShovel,
body .equipment-css-render .charSprite .charAxe,
body .equipment-css-render .charSprite .charPet,
body .item-visual-slot-render .charSprite .charWeapon,
body .item-visual-slot-render .charSprite .charStaff,
body .item-visual-slot-render .charSprite .charBow,
body .item-visual-slot-render .charSprite .charShovel,
body .item-visual-slot-render .charSprite .charAxe,
body .item-visual-slot-render .charSprite .charPet,
body .equipment-large-box .charSprite .charWeapon,
body .equipment-large-box .charSprite .charStaff,
body .equipment-large-box .charSprite .charBow,
body .equipment-large-box .charSprite .charShovel,
body .equipment-large-box .charSprite .charAxe,
body .equipment-large-box .charSprite .charPet,
body .item-visual-detail-render .charSprite .charWeapon,
body .item-visual-detail-render .charSprite .charStaff,
body .item-visual-detail-render .charSprite .charBow,
body .item-visual-detail-render .charSprite .charShovel,
body .item-visual-detail-render .charSprite .charAxe,
body .item-visual-detail-render .charSprite .charPet {
    display: block !important;
}

/* =============================================================================
   CUSTOM ITEM ICONS (Rings, Amulets, Relics Procedural Visuals)
   ============================================================================= */
.charSprite .item-custom-icon {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.equipment-large-box .charSprite .item-custom-icon,
.item-visual-detail-render .charSprite .item-custom-icon {
  transform: translate(-50%, -50%) scale(1.6) !important;
}

.item-custom-icon {
  position: relative;
  box-sizing: border-box;
}

/* Ring Styling */
.item-custom-icon.ring {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 3.5px solid transparent;
  background: var(--metal-gradient, radial-gradient(circle, #fff3e0 0%, #ffb300 70%, #ff8f00 100%)) padding-box, 
              var(--metal-gradient, radial-gradient(circle, #fff3e0 0%, #ffb300 70%, #ff8f00 100%)) border-box;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
}

.item-custom-icon.ring::after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #1a1a24;
  box-shadow: inset 0 1.5px 2px rgba(0, 0, 0, 0.7);
}

.item-custom-icon.ring .gem-stone {
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 6px;
  height: 6px;
  background: var(--gem-color, #ff3366);
  border-radius: 1.5px;
  box-shadow: 0 0 5px var(--gem-shadow, rgba(255,51,102,0.8)), 0 1px 1px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.3);
  z-index: 2;
}

/* Amulet Styling */
.item-custom-icon.amulet {
  width: 20px;
  height: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.item-custom-icon.amulet::before {
  content: '';
  width: 16px;
  height: 10px;
  border: 2px solid transparent;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  background: var(--metal-gradient, radial-gradient(circle, #fff3e0 0%, #ffb300 70%, #ff8f00 100%)) padding-box, 
              var(--metal-gradient, radial-gradient(circle, #fff3e0 0%, #ffb300 70%, #ff8f00 100%)) border-box;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.item-custom-icon.amulet::after {
  content: '';
  width: 3.5px;
  height: 3.5px;
  background: var(--metal-gradient, radial-gradient(circle, #fff3e0 0%, #ffb300 70%, #ff8f00 100%));
  border-radius: 50%;
  margin-top: -2px;
  z-index: 1;
}

.item-custom-icon.amulet .gem-stone {
  width: 8px;
  height: 8px;
  background: var(--gem-color, #ff3366);
  border-radius: 50% 0 50% 50%;
  transform: rotate(-45deg);
  box-shadow: 0 0 6px var(--gem-shadow, rgba(255,51,102,0.8)), 0 1.5px 2px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.3);
  margin-top: -1px;
  z-index: 2;
}

/* Custom Relic Styles */
.item-custom-icon.relic {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.item-custom-icon.relic .relic-glow {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--relic-glow, rgba(255, 215, 0, 0.4));
  filter: blur(6px);
  z-index: 1;
  opacity: 0.8;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
}

.item-custom-icon.relic .relic-shape {
  position: relative;
  width: 18px;
  height: 18px;
  background: var(--relic-bg, linear-gradient(135deg, #ffd700, #ff8c00));
  border: var(--relic-border, 1.5px solid #ffffff);
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  z-index: 2;
  box-sizing: border-box;
}

.item-custom-icon.relic .relic-shape.relic-oct {
  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}

.item-custom-icon.relic .relic-shape.relic-diamond {
  transform: rotate(45deg);
  width: 15px;
  height: 15px;
}

.item-custom-icon.relic .relic-shape.relic-tri {
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  width: 20px;
  height: 18px;
}

.item-custom-icon.relic .relic-shape.relic-teardrop {
  border-radius: 50% 0 50% 50%;
  transform: rotate(-45deg);
}

.item-custom-icon.relic .relic-shape.relic-sphere {
  border-radius: 50%;
}

.item-custom-icon.relic .relic-shape.relic-heart {
  background: var(--relic-bg, #e74c3c);
  transform: rotate(-45deg);
  width: 14px;
  height: 14px;
}

.item-custom-icon.relic .relic-shape.relic-heart::before,
.item-custom-icon.relic .relic-shape.relic-heart::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: inherit;
}

.item-custom-icon.relic .relic-shape.relic-heart::before {
  top: -7px;
  left: 0;
}

.item-custom-icon.relic .relic-shape.relic-heart::after {
  left: 7px;
  top: 0;
}

/* =============================================================================
   SIDE PROFILE VIEW OVERRIDES (facing-side)
   ============================================================================= */
.charSprite.facing-side .charBody {
  transform: translateX(-50%) scaleX(0.65) !important;
}

.charSprite.facing-side .charHead {
  transform: translateX(-50%) scaleX(0.85) !important;
  /* Aligned with centered body */
  background: radial-gradient(circle at 36% 28%, #fff2e3 0%, var(--char-skin-start, #ffdcb6) 34%, var(--char-skin-stop, #d8a06c) 72%, var(--char-skin-shadow, #996742) 100%) !important;
}

.charSprite.facing-side .charHead::after {
  left: auto !important;
  right: 1px !important;
  width: 9px !important;
  background:
    radial-gradient(circle at 65% 45%, var(--char-eyes-color, #2e1b12) 0 1px, transparent 1.5px),
    radial-gradient(circle at 50% 100%, rgba(168, 86, 64, 0.7) 0 1px, transparent 1.6px) !important;
}

.charSprite.facing-side .charFeet::before,
.charSprite.facing-side .charBoots::before {
  left: 4px !important;
  right: auto !important;
  transform: rotate(6deg) skewX(3deg) !important;
}

.charSprite.facing-side .charFeet::after,
.charSprite.facing-side .charBoots::after {
  left: 15px !important;
  right: auto !important;
  transform: rotate(6deg) skewX(3deg) !important;
}

.charSprite.facing-side .charBody::before {
  left: -2px !important;
  z-index: -1 !important;
  /* Back arm placed behind the body */
  transform: rotate(18deg) scale(0.85) !important;
}

.charSprite.facing-side .charBody::after {
  left: 50% !important;
  right: auto !important;
  top: 20px !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  background: var(--char-skin-start, #ffdcb6) !important;
  border: 1.5px solid #1c1511 !important;
  box-shadow: none !important;
  z-index: 4 !important;
  transform: translateX(4px) !important;
}

.charSprite.facing-side .charCape {
  transform: translateX(-70%) scaleX(0.7) !important;
}

.npcSprite.facing-left {
  scale: -1 1 !important;
}

/* =======================================================
   MOUNTS & PETS ORIENTATION OVERRIDES (FACING BACK & SIDE)
   ======================================================= */

/* --- 1. Mounts facing back (Upwards) head overrides --- */
.charSprite.facing-back[data-pet-type="mount"] .charPet.equipped::after {
  display: block !important;
  background: var(--mount-color, #e05c34) !important;
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.2) !important;
}

/* Back View Mount Body (Vertical tail shadow) */
.charSprite.facing-back[data-pet^="monture-"] .charPet.equipped {
  box-shadow:
    /* Vertical tail hanging down */
    0 12px 0 -11px var(--mount-color, #e05c34),
    0 12px 0 -10px #2c1609,
    /* Body shadows */
    inset 0 -4px 6px rgba(0, 0, 0, 0.15),
    0 3px 6px rgba(0, 0, 0, 0.2) !important;
}

.charSprite.facing-back[data-pet="belier-de-selle"] .charPet.equipped::after {
  background:
    radial-gradient(circle at 1px 4px, #451a03 2.5px, transparent 3.5px),
    radial-gradient(circle at 15px 4px, #451a03 2.5px, transparent 3.5px),
    #f1f5f9 !important;
}

.charSprite.facing-back[data-pet="licorne-sauvage"] .charPet.equipped::after {
  background:
    linear-gradient(90deg, #f472b6 25%, transparent 26%),
    #c084fc !important;
}

.charSprite.facing-back[data-pet="hippocampe-d-ebene"] .charPet.equipped::after {
  background: #1e293b !important;
  box-shadow: none !important;
}

.charSprite.facing-back[data-pet="escargot-de-monte"] .charPet.equipped::after {
  background: #fef08a !important;
}

.charSprite.facing-back[data-pet="monture-en-armure"] .charPet.equipped::after {
  background: #475569 !important;
  box-shadow: none !important;
}

.charSprite.facing-back[data-pet="monture-squelette"] .charPet.equipped::after {
  background: radial-gradient(circle, #022c22 20%, #115e59 100%) !important;
  box-shadow: none !important;
}

/* --- 2. Pets facing back overrides (Hide faces) --- */
.charSprite.facing-back[data-pet-type="pet"] .charPet.equipped::before,
.charSprite.facing-back[data-pet-type="pet"] .charPet.equipped::after {
  display: none !important;
}

/* --- 3. Mounts facing side overrides --- */
.charSprite.facing-side[data-pet-type="mount"] .charPet.equipped {
  width: 44px !important;
  height: 28px !important;
  left: -2px !important;
  transform: none !important;
  border-radius: 12px 6px 6px 12px !important;
}

.charSprite.facing-side[data-pet-type="mount"] .charPet.equipped::before {
  left: 6px !important;
  width: 6px !important;
  box-shadow: 26px 0 0 var(--mount-color, #e05c34), 26px 0 0 #2c1609 !important;
}

.charSprite.facing-side[data-pet-type="mount"] .charPet.equipped::after {
  left: auto !important;
  right: -6px !important;
  transform: none !important;
  background:
    radial-gradient(circle at 10px 8px, #fff 0.5px, #000 1.5px, transparent 2px),
    radial-gradient(circle at 12px 19px, #2c1609 1px, transparent 1.5px),
    linear-gradient(180deg, transparent 60%, #2c1609 61%, #2c1609 85%, transparent 86%),
    var(--mount-color, #e05c34) !important;
}

.charSprite.facing-side[data-pet="belier-de-selle"] .charPet.equipped::before {
  box-shadow: 26px 0 0 #f1f5f9, 26px 0 0 #2c1609 !important;
}

.charSprite.facing-side[data-pet="belier-de-selle"] .charPet.equipped::after {
  left: auto !important;
  right: -6px !important;
  transform: none !important;
  background:
    radial-gradient(circle at 10px 4px, #451a03 2.5px, transparent 3.5px),
    radial-gradient(circle at 10px 8px, #fff 0.5px, #000 1.5px, transparent 2px),
    radial-gradient(circle at 12px 19px, #2c1609 0.8px, transparent 1.2px),
    #f1f5f9 !important;
}

.charSprite.facing-side[data-pet="licorne-sauvage"] .charPet.equipped::before {
  box-shadow: 26px 0 0 #c084fc, 26px 0 0 #2c1609 !important;
}

.charSprite.facing-side[data-pet="licorne-sauvage"] .charPet.equipped::after {
  left: auto !important;
  right: -6px !important;
  transform: none !important;
  background:
    linear-gradient(0deg, #eab308 0%, #eab308 30%, transparent 31%),
    linear-gradient(90deg, #f472b6 25%, transparent 26%),
    radial-gradient(circle at 10px 8px, #fff 0.5px, #000 1.5px, transparent 2px),
    radial-gradient(circle at 12px 19px, #2c1609 0.8px, transparent 1.2px),
    #c084fc !important;
}

.charSprite.facing-side[data-pet="hippocampe-d-ebene"] .charPet.equipped::before {
  box-shadow: 26px 0 0 #1e293b, 26px 0 0 #2c1609 !important;
}

.charSprite.facing-side[data-pet="hippocampe-d-ebene"] .charPet.equipped::after {
  left: auto !important;
  right: -6px !important;
  transform: none !important;
  background:
    radial-gradient(circle at 10px 8px, #22d3ee 1.5px, transparent 2.5px),
    radial-gradient(circle at 12px 19px, #22d3ee 0.8px, transparent 1.2px),
    #1e293b !important;
}

.charSprite.facing-side[data-pet="escargot-de-monte"] .charPet.equipped::after {
  left: auto !important;
  right: -6px !important;
  transform: none !important;
  background:
    radial-gradient(circle at 10px 5px, #000 1.5px, transparent 2px),
    radial-gradient(circle at 10px 5px, #fff 3px, transparent 3.5px),
    #fef08a !important;
}

.charSprite.facing-side[data-pet="monture-en-armure"] .charPet.equipped::before {
  box-shadow: 26px 0 0 #94a3b8, 26px 0 0 #2c1609 !important;
}

.charSprite.facing-side[data-pet="monture-en-armure"] .charPet.equipped::after {
  left: auto !important;
  right: -6px !important;
  transform: none !important;
  background:
    linear-gradient(180deg, transparent 7px, #e11d48 7px, #e11d48 10px, transparent 10px),
    #475569 !important;
}

.charSprite.facing-side[data-pet="monture-squelette"] .charPet.equipped::before {
  box-shadow: 26px 0 0 #022c22, 26px 0 0 #2c1609 !important;
}

.charSprite.facing-side[data-pet="monture-squelette"] .charPet.equipped::after {
  left: auto !important;
  right: -6px !important;
  transform: none !important;
  background:
    radial-gradient(circle at 10px 8px, #ef4444 1.5px, transparent 2.5px),
    radial-gradient(circle at 12px 14px, #000 1.5px, transparent 2px),
    radial-gradient(circle, #022c22 20%, #115e59 100%) !important;
}

/* --- 4. Pets facing side overrides --- */
.charSprite.facing-side[data-pet-type="pet"] .charPet.equipped {
  top: 66px !important;
  left: -14px !important;
}

.charSprite.facing-side.facing-left[data-pet-type="pet"] .charPet.equipped {
  left: auto !important;
  right: -14px !important;
}

/* =======================================================
   ENTITIES RELIEF & DEPTH ENHANCEMENT SYSTEM
   ======================================================= */

/* Side-profile weapon alignment to prevent floating weapon bug */
.charSprite.facing-side .charWeapon,
.charSprite.facing-side .charStaff,
.charSprite.facing-side .charBow {
  right: 12px !important;
  z-index: 5 !important;
}

/* Layered depth for mounts: casts clean, soft physical shadows onto the player behind it */
.charSprite[data-pet-type="mount"] .charPet.equipped {
  filter:
    drop-shadow(0 3px 4px rgba(0, 0, 0, 0.45)) !important;
}

/* Layered depth for pets: casts small shadow next to player */
.charSprite[data-pet-type="pet"] .charPet.equipped {
  filter:
    drop-shadow(2px 3px 2px rgba(0, 0, 0, 0.4)) !important;
}

/* --- 5. Mount riding legs side-profile overrides --- */
.charSprite.facing-side[data-pet-type="mount"] .charFeet,
.charSprite.facing-side[data-pet-type="mount"] .charBoots {
  display: block !important;
  left: 50% !important;
  top: 46px !important;
  width: 32px !important;
  height: 32px !important;
  transform: translateX(-50%) !important;
  background: none !important;
  z-index: 5 !important;
}

/* Hide the back leg/boot to avoid flat overlapping paper look */
.charSprite.facing-side[data-pet-type="mount"] .charFeet::after,
.charSprite.facing-side[data-pet-type="mount"] .charBoots::after {
  display: none !important;
}

/* Style the front leg/boot to drop naturally over the side profile mount body */
.charSprite.facing-side[data-pet-type="mount"] .charFeet::before {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  top: 0px !important;
  width: 10px !important;
  height: 22px !important;
  background: var(--char-skin-start, #d7a378) !important;
  border: 2px solid #1c1511 !important;
  border-radius: 4px !important;
  transform: rotate(5deg) !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.2) !important;
}

.charSprite.facing-side[data-pet-type="mount"] .charBoots::before {
  content: "" !important;
  position: absolute !important;
  left: 9px !important;
  top: 4px !important;
  width: 12px !important;
  height: 18px !important;
  background: inherit !important;
  border: 2px solid #1c1511 !important;
  border-radius: 4px !important;
  transform: rotate(5deg) !important;
}

/* --- 6. Mount side-profile background details for thickness and 3D volume --- */
.charSprite.facing-side[data-pet^="monture-"] .charPet.equipped {
  background:
    /* Brown leather seat */
    linear-gradient(180deg, transparent 4px, #451a03 4px, #451a03 10px, transparent 10px),
    /* Red saddle blanket */
    linear-gradient(180deg, transparent 6px, #b91c1c 6px, #b91c1c 14px, transparent 14px),
    /* Vertical harness strap */
    linear-gradient(90deg, transparent 18px, #78350f 18px, #78350f 24px, transparent 24px),
    /* Zebra Stripes */
    repeating-linear-gradient(45deg,
      rgba(255, 255, 255, 0.25) 0,
      rgba(255, 255, 255, 0.25) 4px,
      transparent 4px,
      transparent 10px),
    /* Base mount color */
    linear-gradient(180deg, var(--mount-color, #e05c34), var(--mount-color, #e05c34)) !important;
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0 !important;
  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100% !important;
  background-repeat: no-repeat !important;
  box-shadow:
    /* Tail Tip */
    -22px 6px 0 -11px var(--mount-color, #e05c34),
    -22px 6px 0 -10px #2c1609,
    /* Tail Stem */
    -12px 6px 0 -11px var(--mount-color, #e05c34),
    -12px 6px 0 -10px #2c1609,
    /* Body shadows */
    inset 0 -4px 6px rgba(0, 0, 0, 0.15),
    0 3px 6px rgba(0, 0, 0, 0.2) !important;
}

/* Side View Neck & Head (Bulging eye + zebra stripes) */
.charSprite.facing-side[data-pet^="monture-"] .charPet.equipped::after {
  content: "" !important;
  position: absolute !important;
  top: -22px !important;
  /* height offset */
  left: auto !important;
  right: -10px !important;
  width: 22px !important;
  height: 28px !important;
  transform: none !important;
  background:
    /* Pupil */
    radial-gradient(circle at 8px 8px, #000 1.5px, transparent 2.2px),
    /* Eyeball (Bulging white sphere with outline) */
    radial-gradient(circle at 8px 8px, #fff 4.5px, #2c1609 5.5px, transparent 6px),
    /* Nostril */
    radial-gradient(circle at 16px 20px, #2c1609 1px, transparent 1.5px),
    /* Mouth */
    linear-gradient(180deg, transparent 21px, #2c1609 21px, #2c1609 23px, transparent 23px),
    /* Zebra Stripes on neck */
    repeating-linear-gradient(135deg,
      rgba(255, 255, 255, 0.25) 0,
      rgba(255, 255, 255, 0.25) 3px,
      transparent 3px,
      transparent 8px),
    /* Head/Neck Body base */
    linear-gradient(90deg, transparent 4px, #2c1609 4px, var(--mount-color, #e05c34) 6px, var(--mount-color, #e05c34) 18px, #2c1609 18px, transparent 20px) !important;
  background-position:
    0 0, 0 0, 0 0, 0 0,
    6px 8px,
    /* position for neck stripes */
    0 0 !important;
  background-size:
    100% 100%, 100% 100%, 100% 100%, 100% 100%,
    12px 20px,
    /* size for neck stripes */
    100% 100% !important;
  background-repeat: no-repeat !important;
  border: none !important;
  /* remove default border to use custom gradient borders */
  border-radius: 0 !important;
  box-shadow: none !important;
  z-index: 10 !important;
}

.charSprite.facing-side[data-pet="belier-de-selle"] .charPet.equipped {
  background:
    /* Brown leather seat */
    linear-gradient(180deg, transparent 4px, #451a03 4px, #451a03 10px, transparent 10px),
    /* Girth strap */
    linear-gradient(90deg, transparent 18px, #78350f 18px, #78350f 24px, transparent 24px),
    radial-gradient(circle, #f8fafc 40%, #e2e8f0 100%) !important;
}

.charSprite.facing-side[data-pet="licorne-sauvage"] .charPet.equipped {
  background:
    /* Gold saddle */
    linear-gradient(180deg, transparent 4px, #eab308 4px, #eab308 10px, transparent 10px),
    /* Girth strap */
    linear-gradient(90deg, transparent 18px, #854d0e 18px, #854d0e 24px, transparent 24px),
    #c084fc !important;
}

.charSprite.facing-side[data-pet="hippocampe-d-ebene"] .charPet.equipped {
  background:
    /* Glowing cyan dorsal fin */
    linear-gradient(180deg, #22d3ee 3px, transparent 4px),
    #1e293b !important;
}

.charSprite.facing-side[data-pet="escargot-de-monte"] .charPet.equipped {
  background:
    /* Saddle strap around shell */
    linear-gradient(90deg, transparent 18px, #451a03 18px, #451a03 24px, transparent 24px),
    radial-gradient(circle, #78350f 45%, #451a03 100%) !important;
}

.charSprite.facing-side[data-pet="monture-en-armure"] .charPet.equipped {
  background:
    /* Dark saddle */
    linear-gradient(180deg, transparent 4px, #1e293b 4px, #1e293b 10px, transparent 10px),
    /* Armor plates */
    linear-gradient(90deg, transparent 14px, #475569 14px, #475569 16px, transparent 16px),
    linear-gradient(90deg, transparent 28px, #475569 28px, #475569 30px, transparent 30px),
    #94a3b8 !important;
}

.charSprite.facing-side[data-pet="monture-squelette"] .charPet.equipped {
  background:
    /* Skeleton rib cage lines */
    repeating-linear-gradient(90deg, transparent, transparent 6px, #f1f5f9 6px, #f1f5f9 8px),
    radial-gradient(circle, #022c22 20%, #115e59 100%) !important;
}

/* =======================================================
   QUALITY-SPECIFIC SHADOW ADAPTATIONS (MEDIUM & LOW)
   ======================================================= */

/* --- Medium Quality (Simplified Shadows) --- */
body.quality-medium .charSprite,
body.quality-medium .npcSprite {
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)) !important;
}

body.quality-medium .monsterSprite {
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.4)) !important;
}

body.quality-medium .charPet.equipped {
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.3)) !important;
}

/* --- Low Quality (No Shadows) --- */
body.quality-low .charSprite,
body.quality-low .npcSprite,
body.quality-low .monsterSprite {
  filter: none !important;
}

body.quality-low .charSprite::after,
body.quality-low .npcSprite::after,
body.quality-low .monsterShadow {
  display: none !important;
}

body.quality-low .charPet.equipped {
  filter: none !important;
  box-shadow: none !important;
}

/* =======================================================
   CLASS DISTINCTIVENESS VISUALS SYSTEM (NO WEAPONS)
   ======================================================= */

/* --- 1. Remove weapons from sprite visuals --- */
.charSprite .charWeapon,
.charSprite .charStaff,
.charSprite .charBow,
.charSprite .charShovel,
.charSprite .charAxe {
  display: none !important;
}

/* --- 2. Mage: Long wizard beard --- */
.charSprite.class-mage .charHead::after {
  left: 4px !important;
  top: 9px !important;
  width: 17px !important;
  height: 18px !important;
  background:
    /* eyes */
    radial-gradient(circle at 4.5px 3px, #2e1b12 0 1px, transparent 1.5px),
    radial-gradient(circle at 12.5px 3px, #2e1b12 0 1px, transparent 1.5px),
    /* beard */
    linear-gradient(180deg, transparent 6px, #f8fafc 6px, #cbd5e1 100%) !important;
  border-radius: 0 0 6px 6px !important;
  border: 1.5px solid #1c1511 !important;
  border-top: none !important;
  z-index: 10 !important;
}

/* Hide beard from behind */
.charSprite.facing-back.class-mage .charHead::after {
  display: none !important;
}

/* Side view beard */
.charSprite.facing-side.class-mage .charHead::after {
  left: auto !important;
  right: 4px !important;
  width: 10px !important;
  height: 16px !important;
  background:
    /* one eye */
    radial-gradient(circle at 6px 3px, #2e1b12 0 1px, transparent 1.5px),
    /* beard profile */
    linear-gradient(180deg, transparent 6px, #f8fafc 6px, #cbd5e1 100%) !important;
  border-radius: 0 0 4px 4px !important;
  border: 1.5px solid #1c1511 !important;
  border-top: none !important;
}

/* --- 3. Archer: Forest hood & quiver --- */
/* --- 3. Archer: Forest Ranger look --- */
.charSprite.class-archer .charHead {
  background: radial-gradient(circle at 36% 28%, #fff2e3 0%, var(--char-skin-start, #ffdcb6) 34%, var(--char-skin-stop, #d8a06c) 72%, var(--char-skin-shadow, #996742) 100%) !important;
  border: 2px solid #1c1511 !important;
}

/* Archer Ranger Headband & Centered Hair */
.charSprite.class-archer[data-hair-style="ponytail"] .charHead::before {
  border-radius: 8px 8px 2px 2px !important;
  height: 12px !important;
  top: -2px !important;
  left: 1px !important;
  right: 1px !important;
  background:
    /* Green Ranger Headband across forehead */
    linear-gradient(180deg, #15803d 0%, #15803d 4px, var(--char-hair-color-start, #d97706) 4px, var(--char-hair-color-stop, #92400e) 100%) !important;
  box-shadow:
    0 -5px 0 3px var(--char-hair-color-start, #d97706),
    0 -9px 0 1px var(--char-hair-color-stop, #92400e) !important;
}

.class-archer.charSprite::before {
  content: "" !important;
  position: absolute !important;
  width: 12px !important;
  height: 28px !important;
  left: 12px !important;
  top: 32px !important;
  background:
    /* Arrow fletchings */
    linear-gradient(45deg, transparent 40%, #d97706 40%, #d97706 45%, transparent 45%),
    linear-gradient(45deg, transparent 50%, #d97706 50%, #d97706 55%, transparent 55%),
    /* Quiver body */
    #78350f !important;
  border: 1.5px solid #1c1511 !important;
  border-radius: 3px !important;
  transform: rotate(-15deg) !important;
  z-index: 1 !important;
}

.charSprite.class-archer .charBody {
  background: linear-gradient(180deg, var(--char-color, #15803d) 0%, rgba(0, 0, 0, 0.3) 100%) !important;
}

/* --- 4. Necromancer: Bone Skull head --- */
.charSprite.class-necromancien .charHead {
  background:
    /* Nose cavity */
    radial-gradient(circle at 50% 65%, #0f172a 1.5px, transparent 2px),
    /* Skull bone */
    radial-gradient(circle at 35% 35%, #ffffff 30%, #e2e8f0 100%) !important;
  border: 2px solid #0f172a !important;
}

.charSprite.class-necromancien .charHead::after {
  left: 4px !important;
  top: 6px !important;
  width: 17px !important;
  height: 12px !important;
  background:
    /* Hollow sockets */
    radial-gradient(circle at 4.5px 4px, #0f172a 2.5px, transparent 3px),
    radial-gradient(circle at 12.5px 4px, #0f172a 2.5px, transparent 3px),
    /* Teeth */
    linear-gradient(90deg, transparent 2px, #0f172a 2px, #0f172a 3px, transparent 3px, transparent 6px, #0f172a 6px, #0f172a 7px, transparent 7px, transparent 10px, #0f172a 10px, #0f172a 11px, transparent 11px) !important;
  background-size: 100% 100% !important;
  border: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  z-index: 10 !important;
}

/* Hide skull face from behind */
.charSprite.facing-back.class-necromancien .charHead::after {
  display: none !important;
}

/* Side view skull */
.charSprite.facing-side.class-necromancien .charHead::after {
  left: auto !important;
  right: 2px !important;
  width: 9px !important;
  background:
    /* Single hollow socket */
    radial-gradient(circle at 4px 4px, #0f172a 2.5px, transparent 3px) !important;
}

/* --- 5. Warrior: Heavy muscular build (Grosse corpulence) --- */
.charSprite.class-guerrier .charBody {
  width: 38px !important;
  height: 38px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, var(--char-color, #b91c1c) 20%, rgba(0, 0, 0, 0.3) 80%) !important;
}

.charSprite.class-guerrier .charBody::before {
  width: 11px !important;
  height: 24px !important;
  left: -3px !important;
  transform: rotate(8deg) !important;
}

.charSprite.class-guerrier .charBody::after {
  width: 11px !important;
  height: 24px !important;
  right: -3px !important;
  transform: rotate(-8deg) !important;
}

/* Side profile warrior corpulence adjustment */
.charSprite.facing-side.class-guerrier .charBody {
  transform: translateX(-50%) scaleX(0.65) !important;
}


/* Warrior side profile feet overrides (adjusts for wider 36px base) */
.charSprite.facing-side.class-guerrier .charFeet::before,
.charSprite.facing-side.class-guerrier .charBoots::before {
  left: 5px !important;
  right: auto !important;
  transform: rotate(6deg) skewX(3deg) !important;
}

.charSprite.facing-side.class-guerrier .charFeet::after,
.charSprite.facing-side.class-guerrier .charBoots::after {
  left: 20px !important;
  right: auto !important;
  transform: rotate(6deg) skewX(3deg) !important;
}

/* Warrior feet and boots adjustments for heavy corpulence */
.charSprite.class-guerrier .charFeet,
.charSprite.class-guerrier .charBoots {
  width: 36px !important;
  top: 69px !important;
  z-index: 3 !important;
}

/* =======================================================
   HAIR AND BEARD STYLE OVERRIDES SYSTEM
   ======================================================= */

/* --- Hair Styles --- */
/* Classic / Default Style */
.charSprite[data-hair-style="classic"] .charHead::before {
  border-radius: 50% 50% 30% 30% !important;
  height: 11px !important;
  top: -2px !important;
  left: 1px !important;
  right: 1px !important;
  background:
    radial-gradient(ellipse at 50% 20%, rgba(255,255,255,0.2) 0%, transparent 60%),
    linear-gradient(180deg, var(--char-hair-color-start, #704326) 0%, var(--char-hair-color-stop, #392115) 100%) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.4) !important;
}

/* Spiky Style */
.charSprite[data-hair-style="spiky"] .charHead::before {
  border-radius: 4px 4px 0 0 !important;
  clip-path: polygon(0% 100%, 15% 15%, 35% 85%, 50% 0%, 65% 85%, 85% 15%, 100% 100%) !important;
  height: 18px !important;
  top: -9px !important;
  left: 1px !important;
  right: 1px !important;
  background:
    linear-gradient(180deg, var(--char-hair-color-start, #f59e0b) 0%, var(--char-hair-color-stop, #b45309) 100%) !important;
  box-shadow: 0 -2px 4px rgba(0,0,0,0.3) !important;
}

/* Punk / Mohawk Style (Real Tall Crest) */
.charSprite[data-hair-style="punk"] .charHead::before,
.charSprite[data-hair-style="mohawk"] .charHead::before {
  border-radius: 4px 4px 0 0 !important;
  clip-path: polygon(32% 100%, 36% 40%, 42% 5%, 50% 0%, 58% 5%, 64% 40%, 68% 100%) !important;
  height: 22px !important;
  top: -14px !important;
  left: 0px !important;
  right: 0px !important;
  background:
    linear-gradient(180deg, var(--char-hair-color-start, #f59e0b) 0%, var(--char-hair-color-stop, #b45309) 100%) !important;
  box-shadow: 0 -4px 6px rgba(0,0,0,0.4) !important;
}

/* Long Style */
.charSprite[data-hair-style="long"] .charHead::before {
  border-radius: 12px 12px 4px 4px !important;
  height: 20px !important;
  top: -3px !important;
  left: -1px !important;
  right: -1px !important;
  background:
    radial-gradient(ellipse at 50% 20%, rgba(255,255,255,0.15) 0%, transparent 60%),
    linear-gradient(180deg, var(--char-hair-color-start, #704326) 0%, var(--char-hair-color-stop, #392115) 100%) !important;
  box-shadow:
    -3px 8px 0 -1px var(--char-hair-color-stop, #392115),
    3px 8px 0 -1px var(--char-hair-color-stop, #392115) !important;
}

/* Bald Style */
.charSprite[data-hair-style="bald"] .charHead::before {
  display: none !important;
}

/* --- Beard Styles (Mage specific but generic styling) --- */
/* Short Beard style */
.charSprite[data-beard-style="short"] .charHead::after {
  left: 4px !important;
  top: 9px !important;
  width: 17px !important;
  height: 12px !important;
  background:
    /* eyes */
    radial-gradient(circle at 4.5px 3px, var(--char-eyes-color, #2e1b12) 0 1px, transparent 1.5px),
    radial-gradient(circle at 12.5px 3px, var(--char-eyes-color, #2e1b12) 0 1px, transparent 1.5px),
    /* short beard shadow */
    linear-gradient(180deg, transparent 4px, var(--char-beard-color, #cbd5e1) 4px) !important;
  border-radius: 0 0 4px 4px !important;
  border: 1.5px solid #1c1511 !important;
  border-top: none !important;
  z-index: 10 !important;
}

/* No Beard style override */
.charSprite[data-beard-style="none"] .charHead::after {
  left: 7px !important;
  top: 9px !important;
  width: 11px !important;
  height: 6px !important;
  background:
    radial-gradient(circle at 25% 45%, var(--char-eyes-color, #2e1b12) 0 1px, transparent 1.5px),
    radial-gradient(circle at 75% 45%, var(--char-eyes-color, #2e1b12) 0 1px, transparent 1.5px),
    radial-gradient(circle at 50% 100%, rgba(168, 86, 64, 0.7) 0 1px, transparent 1.6px) !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  z-index: 4 !important;
}

/* Adjust Mage's default beard to support custom colors */
.charSprite.class-mage:not([data-beard-style="none"]):not([data-beard-style="short"]) .charHead::after,
.charSprite.class-mage[data-beard-style="long"] .charHead::after {
  background:
    /* eyes */
    radial-gradient(circle at 4.5px 3px, var(--char-eyes-color, #2e1b12) 0 1px, transparent 1.5px),
    radial-gradient(circle at 12.5px 3px, var(--char-eyes-color, #2e1b12) 0 1px, transparent 1.5px),
    /* beard */
    linear-gradient(180deg, transparent 6px, var(--char-beard-color, #f8fafc) 6px, var(--char-beard-color-dark, #cbd5e1) 100%) !important;
}

/* Saiyan Style */
.charSprite[data-hair-style="saiyan"] .charHead::before {
  border-radius: 4px 4px 0 0 !important;
  clip-path: polygon(0% 100%, 10% 40%, 25% 10%, 40% 70%, 55% 0%, 75% 60%, 90% 15%, 100% 100%) !important;
  height: 22px !important;
  top: -12px !important;
  left: -2px !important;
  right: -2px !important;
  background:
    linear-gradient(180deg, var(--char-hair-color-start, #f1c40f) 0%, var(--char-hair-color-stop, #d35400) 100%) !important;
}

/* Afro Style */
.charSprite[data-hair-style="afro"] .charHead::before {
  border-radius: 50% 50% 45% 45% !important;
  height: 20px !important;
  top: -10px !important;
  left: -3px !important;
  right: -3px !important;
  background:
    radial-gradient(circle at 50% 30%, var(--char-hair-color-start, #362215) 50%, var(--char-hair-color-stop, #1a0f08) 100%) !important;
  box-shadow: inset 0 -3px 6px rgba(0,0,0,0.5), 0 -2px 8px rgba(0,0,0,0.3) !important;
}

/* Dreadlocks / Braids Style - Real Long Dreadlocks Strands */
.charSprite[data-hair-style="dreads"] .charHead::before {
  border-radius: 12px 12px 0 0 !important;
  height: 14px !important;
  top: -3px !important;
  left: 1px !important;
  right: 1px !important;
  background:
    repeating-linear-gradient(90deg,
      var(--char-hair-color-start, #64748b) 0px,
      var(--char-hair-color-start, #64748b) 3px,
      var(--char-hair-color-stop, #334155) 3px,
      var(--char-hair-color-stop, #334155) 5px) !important;
  box-shadow:
    -5px 6px 0 1px var(--char-hair-color-stop, #334155),
    -6px 14px 0 0px var(--char-hair-color-start, #64748b),
    5px 6px 0 1px var(--char-hair-color-stop, #334155),
    6px 14px 0 0px var(--char-hair-color-start, #64748b) !important;
}

/* Princess Buns Style */
.charSprite[data-hair-style="buns"] .charHead::before {
  border-radius: 50% 50% 40% 40% !important;
  height: 10px !important;
  top: -1px !important;
  left: 2px !important;
  right: 2px !important;
  box-shadow:
    -5px -1px 0 3px var(--char-hair-color-start, #704326),
    5px -1px 0 3px var(--char-hair-color-start, #704326) !important;
}

/* Ponytail Style (Centered) */
.charSprite[data-hair-style="ponytail"] .charHead::before {
  border-radius: 8px 8px 2px 2px !important;
  height: 11px !important;
  top: -2px !important;
  left: 1px !important;
  right: 1px !important;
  background:
    linear-gradient(180deg, var(--char-hair-color-start, #704326) 0%, var(--char-hair-color-stop, #392115) 100%) !important;
  box-shadow:
    0 -5px 0 3px var(--char-hair-color-start, #704326),
    0 -9px 0 1px var(--char-hair-color-stop, #392115) !important;
}

/* Topknot Style */
.charSprite[data-hair-style="topknot"] .charHead::before {
  border-radius: 6px 6px 40% 40% !important;
  height: 10px !important;
  top: -1px !important;
  left: 2px !important;
  right: 2px !important;
  box-shadow:
    0 -5px 0 2px var(--char-hair-color-start, #704326) !important;
}

/* =======================================================
   BASE RENDER & CUSTOMIZATIONS FOR SHOVELS AND AXES
   ======================================================= */

/* --- Shovel Base Style --- */
body .charSprite .charShovel.equipped {
  display: block !important;
  position: absolute;
  width: 4px;
  height: 44px;
  right: -1px;
  top: 30px;
  background: linear-gradient(90deg, #8d6e63, #5d4037);
  border: 1px solid #1c1511;
  border-radius: 1px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.55);
  transform-origin: 50% 90%;
  animation: weaponSway 4s ease-in-out infinite;
  z-index: 5;
}

body .charSprite .charShovel.equipped::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 16px;
  top: -12px;
  left: -6px;
  background: var(--shovel-blade-color, linear-gradient(135deg, #dcdde1 0%, #718093 100%));
  border: 1.5px solid #1c1511;
  clip-path: polygon(50% 100%, 100% 50%, 100% 0%, 0% 0%, 0% 50%);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

body .charSprite .charShovel.equipped::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 8px;
  bottom: -6px;
  left: -5px;
  border: 2px solid #5d4037;
  border-radius: 3px;
  background: #1c1511;
  clip-path: polygon(0 0, 100% 0, 100% 50%, 80% 100%, 20% 100%, 0 50%);
}

/* --- Axe Base Style --- */
body .charSprite .charAxe.equipped {
  display: block !important;
  position: absolute;
  width: 4px;
  height: 44px;
  right: -1px;
  top: 30px;
  background: linear-gradient(90deg, #8d6e63, #5d4037);
  border: 1px solid #1c1511;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.55);
  transform-origin: 50% 90%;
  animation: weaponSway 3.8s ease-in-out infinite;
  z-index: 5;
}

body .charSprite .charAxe.equipped::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 20px;
  top: -4px;
  left: 1px;
  background: var(--axe-blade-color, linear-gradient(90deg, #718093 0%, #dcdde1 50%, #ffffff 80%, #2f3640 100%));
  border: 1.5px solid #1c1511;
  border-left: none;
  border-radius: 0 100% 100% 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

body .charSprite .charAxe.equipped::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  top: 3px;
  left: -7px;
  background: #718093;
  border: 1.5px solid #1c1511;
  clip-path: polygon(100% 0%, 0% 50%, 100% 100%);
}

/* --- Biome Customizations: Ice / Frost --- */
.charSprite[data-weapon*="gel"] .charWeapon.equipped,
.charSprite[data-weapon*="givre"] .charWeapon.equipped,
.charSprite[data-shovel*="gel"] .charShovel.equipped,
.charSprite[data-shovel*="givre"] .charShovel.equipped,
.charSprite[data-axe*="gel"] .charAxe.equipped,
.charSprite[data-axe*="givre"] .charAxe.equipped {
  --shovel-blade-color: linear-gradient(135deg, #e0f7fa 0%, #80deea 30%, #26c6da 70%, #0097a7 100%);
  --axe-blade-color: linear-gradient(90deg, #e0f7fa 0%, #80deea 30%, #26c6da 70%, #0097a7 100%);
  background: linear-gradient(90deg, #e0f7fa, #80deea) !important;
  box-shadow: 0 0 10px rgba(0, 151, 167, 0.8) !important;
}

/* --- Biome Customizations: Fire / Magma / Lava --- */
.charSprite[data-weapon*="lave"] .charWeapon.equipped,
.charSprite[data-weapon*="feu"] .charWeapon.equipped,
.charSprite[data-weapon*="magma"] .charWeapon.equipped,
.charSprite[data-staff*="lave"] .charStaff.equipped,
.charSprite[data-staff*="feu"] .charStaff.equipped,
.charSprite[data-axe*="lave"] .charAxe.equipped,
.charSprite[data-axe*="enflammee"] .charAxe.equipped {
  --axe-blade-color: linear-gradient(90deg, #ff7675 0%, #ff7675 30%, #d63031 70%, #2d3436 100%);
  --staff-head-color: radial-gradient(circle, #ff7675 20%, #ff0000 70%);
  background: linear-gradient(90deg, #d63031, #2d3436) !important;
  box-shadow: 0 0 10px rgba(235, 94, 40, 0.9) !important;
}

/* --- Biome Customizations: Celestial / Gold --- */
.charSprite[data-weapon*="celeste"] .charWeapon.equipped,
.charSprite[data-weapon*="foudroyant"] .charWeapon.equipped,
.charSprite[data-bow*="celeste"] .charBow.equipped,
.charSprite[data-shovel*="celeste"] .charShovel.equipped,
.charSprite[data-axe*="celeste"] .charAxe.equipped {
  --shovel-blade-color: linear-gradient(135deg, #ffeaa7 0%, #ffe066 30%, #f1c40f 70%, #ffd700 100%);
  --axe-blade-color: linear-gradient(90deg, #ffeaa7 0%, #ffe066 30%, #f1c40f 70%, #ffd700 100%);
  --bow-limb-color: #ffd700;
  background: linear-gradient(90deg, #ffe066, #b8860b) !important;
  box-shadow: 0 0 10px rgba(241, 196, 15, 0.8) !important;
}

/* --- Biome Customizations: Dark / Obsidian / Bone / Cemetery --- */
.charSprite[data-weapon*="obsidian"] .charWeapon.equipped,
.charSprite[data-weapon*="tenebres"] .charWeapon.equipped,
.charSprite[data-weapon*="mort"] .charWeapon.equipped,
.charSprite[data-weapon*="fosse"] .charWeapon.equipped,
.charSprite[data-shovel*="os"] .charShovel.equipped {
  --shovel-blade-color: linear-gradient(135deg, #6c5ce7 0%, #2d3436 70%, #000000 100%);
  background: #cbd5e1 !important;
  box-shadow: 0 0 8px rgba(108, 92, 231, 0.6) !important;
}


/* ==========================================================================
   DYNAMIC STYLING SYSTEM FOR RINGS, AMULETS, AND BELTS
   ========================================================================== */

.charSprite {
  --ring-metal-color: #ffd700;
  --ring-glow-color: rgba(255, 215, 0, 0.35);
  --ring-gem-color: #ff3366;
  --ring-gem-glow: rgba(255, 51, 102, 0.8);

  --amulet-chain-color: #ffd700;
  --amulet-gem-color: #ff3366;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8);

  --belt-border-color: #624310;
  --belt-bg: linear-gradient(180deg, #785023, #462812);
  --belt-buckle-color: #ffd700;
  --belt-buckle-border: #b7950b;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4);
}


/* Amulette Cornue */
.charSprite[data-ring-left="amulette-cornue"],
.charSprite[data-ring-right="amulette-cornue"],
.charSprite[data-amulet="amulette-cornue"],
.charSprite[data-belt="amulette-cornue"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Amulette Céleste */
.charSprite[data-ring-left="amulette-celeste"],
.charSprite[data-ring-right="amulette-celeste"],
.charSprite[data-amulet="amulette-celeste"],
.charSprite[data-belt="amulette-celeste"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #f39c12 !important;
  --ring-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #f39c12 !important;
  --amulet-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Amulette Magmatique */
.charSprite[data-ring-left="amulette-magmatique"],
.charSprite[data-ring-right="amulette-magmatique"],
.charSprite[data-amulet="amulette-magmatique"],
.charSprite[data-belt="amulette-magmatique"] {
  --ring-metal-color: #d35400 !important;
  --ring-glow-color: rgba(211, 84, 0, 0.5) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #e67e22 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #7f0000 !important;
  --belt-bg: linear-gradient(180deg, #e74c3c, #2c0000) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #e67e22 !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.5) !important;
}

/* Amulette Préhistorique */
.charSprite[data-ring-left="amulette-prehistorique"],
.charSprite[data-ring-right="amulette-prehistorique"],
.charSprite[data-amulet="amulette-prehistorique"],
.charSprite[data-belt="amulette-prehistorique"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Amulette Scintillante */
.charSprite[data-ring-left="amulette-scintillante"],
.charSprite[data-ring-right="amulette-scintillante"],
.charSprite[data-amulet="amulette-scintillante"],
.charSprite[data-belt="amulette-scintillante"] {
  --ring-metal-color: #dcdde1 !important;
  --ring-glow-color: rgba(220, 221, 225, 0.35) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #dcdde1 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #2f3640 !important;
  --belt-bg: linear-gradient(180deg, #7f8c8d, #353b48) !important;
  --belt-buckle-color: #dcdde1 !important;
  --belt-buckle-border: #7f8c8d !important;
  --belt-buckle-glow: rgba(220, 221, 225, 0.3) !important;
}

/* Amulette Squelettique */
.charSprite[data-ring-left="amulette-squelettique"],
.charSprite[data-ring-right="amulette-squelettique"],
.charSprite[data-amulet="amulette-squelettique"],
.charSprite[data-belt="amulette-squelettique"] {
  --ring-metal-color: #353b48 !important;
  --ring-glow-color: rgba(0, 0, 0, 0.6) !important;
  --ring-gem-color: #f39c12 !important;
  --ring-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --amulet-chain-color: #2f3640 !important;
  --amulet-gem-color: #f39c12 !important;
  --amulet-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --belt-border-color: #111111 !important;
  --belt-bg: linear-gradient(180deg, #2f3640, #1e272e) !important;
  --belt-buckle-color: #718093 !important;
  --belt-buckle-border: #353b48 !important;
  --belt-buckle-glow: rgba(0, 0, 0, 0.4) !important;
}

/* Amulette d'Aigle des sommets */
.charSprite[data-ring-left="amulette-daigle-des-sommets"],
.charSprite[data-ring-right="amulette-daigle-des-sommets"],
.charSprite[data-amulet="amulette-daigle-des-sommets"],
.charSprite[data-belt="amulette-daigle-des-sommets"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Amulette d'Araignée sylvestre */
.charSprite[data-ring-left="amulette-daraignee-sylvestre"],
.charSprite[data-ring-right="amulette-daraignee-sylvestre"],
.charSprite[data-amulet="amulette-daraignee-sylvestre"],
.charSprite[data-belt="amulette-daraignee-sylvestre"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Amulette d'Ent jeune */
.charSprite[data-ring-left="amulette-dent-jeune"],
.charSprite[data-ring-right="amulette-dent-jeune"],
.charSprite[data-amulet="amulette-dent-jeune"],
.charSprite[data-belt="amulette-dent-jeune"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Amulette d'Ours des glaces */
.charSprite[data-ring-left="amulette-dours-des-glaces"],
.charSprite[data-ring-right="amulette-dours-des-glaces"],
.charSprite[data-amulet="amulette-dours-des-glaces"],
.charSprite[data-belt="amulette-dours-des-glaces"] {
  --ring-metal-color: #dcdde1 !important;
  --ring-glow-color: rgba(220, 221, 225, 0.35) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #dcdde1 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #2f3640 !important;
  --belt-bg: linear-gradient(180deg, #7f8c8d, #353b48) !important;
  --belt-buckle-color: #dcdde1 !important;
  --belt-buckle-border: #7f8c8d !important;
  --belt-buckle-glow: rgba(220, 221, 225, 0.3) !important;
}

/* Amulette d'Éther */
.charSprite[data-ring-left="amulette-dether"],
.charSprite[data-ring-right="amulette-dether"],
.charSprite[data-amulet="amulette-dether"],
.charSprite[data-belt="amulette-dether"] {
  --ring-metal-color: #dcdde1 !important;
  --ring-glow-color: rgba(220, 221, 225, 0.35) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #dcdde1 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #2f3640 !important;
  --belt-bg: linear-gradient(180deg, #7f8c8d, #353b48) !important;
  --belt-buckle-color: #dcdde1 !important;
  --belt-buckle-border: #7f8c8d !important;
  --belt-buckle-glow: rgba(220, 221, 225, 0.3) !important;
}

/* Amulette de Bouc hargneux */
.charSprite[data-ring-left="amulette-de-bouc-hargneux"],
.charSprite[data-ring-right="amulette-de-bouc-hargneux"],
.charSprite[data-amulet="amulette-de-bouc-hargneux"],
.charSprite[data-belt="amulette-de-bouc-hargneux"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Amulette de Brochet mutant */
.charSprite[data-ring-left="amulette-de-brochet-mutant"],
.charSprite[data-ring-right="amulette-de-brochet-mutant"],
.charSprite[data-amulet="amulette-de-brochet-mutant"],
.charSprite[data-belt="amulette-de-brochet-mutant"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46, 204, 113, 0.35) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #1b4f72 !important;
  --belt-bg: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 10%, transparent 50%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  --belt-buckle-color: #e67e22 !important;
  --belt-buckle-border: #d35400 !important;
  --belt-buckle-glow: rgba(230, 126, 34, 0.3) !important;
}

/* Amulette de Brumelin */
.charSprite[data-ring-left="amulette-de-brumelin"],
.charSprite[data-ring-right="amulette-de-brumelin"],
.charSprite[data-amulet="amulette-de-brumelin"],
.charSprite[data-belt="amulette-de-brumelin"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #f39c12 !important;
  --ring-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #f39c12 !important;
  --amulet-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Amulette de Cendre */
.charSprite[data-ring-left="amulette-de-cendre"],
.charSprite[data-ring-right="amulette-de-cendre"],
.charSprite[data-amulet="amulette-de-cendre"],
.charSprite[data-belt="amulette-de-cendre"] {
  --ring-metal-color: #d35400 !important;
  --ring-glow-color: rgba(211, 84, 0, 0.5) !important;
  --ring-gem-color: #f39c12 !important;
  --ring-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --amulet-chain-color: #e67e22 !important;
  --amulet-gem-color: #f39c12 !important;
  --amulet-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --belt-border-color: #7f0000 !important;
  --belt-bg: linear-gradient(180deg, #e74c3c, #2c0000) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #e67e22 !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.5) !important;
}

/* Amulette de Cobra */
.charSprite[data-ring-left="amulette-de-cobra"],
.charSprite[data-ring-right="amulette-de-cobra"],
.charSprite[data-amulet="amulette-de-cobra"],
.charSprite[data-belt="amulette-de-cobra"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46, 204, 113, 0.35) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #1b4f72 !important;
  --belt-bg: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 10%, transparent 50%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  --belt-buckle-color: #e67e22 !important;
  --belt-buckle-border: #d35400 !important;
  --belt-buckle-glow: rgba(230, 126, 34, 0.3) !important;
}

/* Amulette de Cobra des dunes */
.charSprite[data-ring-left="amulette-de-cobra-des-dunes"],
.charSprite[data-ring-right="amulette-de-cobra-des-dunes"],
.charSprite[data-amulet="amulette-de-cobra-des-dunes"],
.charSprite[data-belt="amulette-de-cobra-des-dunes"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46, 204, 113, 0.35) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #1b4f72 !important;
  --belt-bg: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 10%, transparent 50%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  --belt-buckle-color: #e67e22 !important;
  --belt-buckle-border: #d35400 !important;
  --belt-buckle-glow: rgba(230, 126, 34, 0.3) !important;
}

/* Amulette de Corbeau des plaines */
.charSprite[data-ring-left="amulette-de-corbeau-des-plaines"],
.charSprite[data-ring-right="amulette-de-corbeau-des-plaines"],
.charSprite[data-amulet="amulette-de-corbeau-des-plaines"],
.charSprite[data-belt="amulette-de-corbeau-des-plaines"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #f39c12 !important;
  --ring-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #f39c12 !important;
  --amulet-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Amulette de Crabe des plaines */
.charSprite[data-ring-left="amulette-de-crabe-des-plaines"],
.charSprite[data-ring-right="amulette-de-crabe-des-plaines"],
.charSprite[data-amulet="amulette-de-crabe-des-plaines"],
.charSprite[data-belt="amulette-de-crabe-des-plaines"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46, 204, 113, 0.35) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #1b4f72 !important;
  --belt-bg: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 10%, transparent 50%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  --belt-buckle-color: #e67e22 !important;
  --belt-buckle-border: #d35400 !important;
  --belt-buckle-glow: rgba(230, 126, 34, 0.3) !important;
}

/* Amulette de Crabe des roseaux */
.charSprite[data-ring-left="amulette-de-crabe-des-roseaux"],
.charSprite[data-ring-right="amulette-de-crabe-des-roseaux"],
.charSprite[data-amulet="amulette-de-crabe-des-roseaux"],
.charSprite[data-belt="amulette-de-crabe-des-roseaux"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46, 204, 113, 0.35) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #1b4f72 !important;
  --belt-bg: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 10%, transparent 50%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  --belt-buckle-color: #e67e22 !important;
  --belt-buckle-border: #d35400 !important;
  --belt-buckle-glow: rgba(230, 126, 34, 0.3) !important;
}

/* Amulette de Feu */
.charSprite[data-ring-left="amulette-de-feu"],
.charSprite[data-ring-right="amulette-de-feu"],
.charSprite[data-amulet="amulette-de-feu"],
.charSprite[data-belt="amulette-de-feu"] {
  --ring-metal-color: #d35400 !important;
  --ring-glow-color: rgba(211, 84, 0, 0.5) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #e67e22 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #7f0000 !important;
  --belt-bg: linear-gradient(180deg, #e74c3c, #2c0000) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #e67e22 !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.5) !important;
}

/* Amulette de Fossoyeur */
.charSprite[data-ring-left="amulette-de-fossoyeur"],
.charSprite[data-ring-right="amulette-de-fossoyeur"],
.charSprite[data-amulet="amulette-de-fossoyeur"],
.charSprite[data-belt="amulette-de-fossoyeur"] {
  --ring-metal-color: #353b48 !important;
  --ring-glow-color: rgba(0, 0, 0, 0.6) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #2f3640 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #111111 !important;
  --belt-bg: linear-gradient(180deg, #2f3640, #1e272e) !important;
  --belt-buckle-color: #718093 !important;
  --belt-buckle-border: #353b48 !important;
  --belt-buckle-glow: rgba(0, 0, 0, 0.4) !important;
}

/* Amulette de Foudre */
.charSprite[data-ring-left="amulette-de-foudre"],
.charSprite[data-ring-right="amulette-de-foudre"],
.charSprite[data-amulet="amulette-de-foudre"],
.charSprite[data-belt="amulette-de-foudre"] {
  --ring-metal-color: #dcdde1 !important;
  --ring-glow-color: rgba(220, 221, 225, 0.35) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #dcdde1 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #2f3640 !important;
  --belt-bg: linear-gradient(180deg, #7f8c8d, #353b48) !important;
  --belt-buckle-color: #dcdde1 !important;
  --belt-buckle-border: #7f8c8d !important;
  --belt-buckle-glow: rgba(220, 221, 225, 0.3) !important;
}

/* Amulette de Golem de roc */
.charSprite[data-ring-left="amulette-de-golem-de-roc"],
.charSprite[data-ring-right="amulette-de-golem-de-roc"],
.charSprite[data-amulet="amulette-de-golem-de-roc"],
.charSprite[data-belt="amulette-de-golem-de-roc"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Amulette de Golem de sable */
.charSprite[data-ring-left="amulette-de-golem-de-sable"],
.charSprite[data-ring-right="amulette-de-golem-de-sable"],
.charSprite[data-amulet="amulette-de-golem-de-sable"],
.charSprite[data-belt="amulette-de-golem-de-sable"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Amulette de Gorille */
.charSprite[data-ring-left="amulette-de-gorille"],
.charSprite[data-ring-right="amulette-de-gorille"],
.charSprite[data-amulet="amulette-de-gorille"],
.charSprite[data-belt="amulette-de-gorille"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Amulette de Harpie */
.charSprite[data-ring-left="amulette-de-harpie"],
.charSprite[data-ring-right="amulette-de-harpie"],
.charSprite[data-amulet="amulette-de-harpie"],
.charSprite[data-belt="amulette-de-harpie"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46, 204, 113, 0.35) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #1b4f72 !important;
  --belt-bg: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 10%, transparent 50%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  --belt-buckle-color: #e67e22 !important;
  --belt-buckle-border: #d35400 !important;
  --belt-buckle-glow: rgba(230, 126, 34, 0.3) !important;
}

/* Amulette de Jaguar */
.charSprite[data-ring-left="amulette-de-jaguar"],
.charSprite[data-ring-right="amulette-de-jaguar"],
.charSprite[data-amulet="amulette-de-jaguar"],
.charSprite[data-belt="amulette-de-jaguar"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Amulette de Liche */
.charSprite[data-ring-left="amulette-de-liche"],
.charSprite[data-ring-right="amulette-de-liche"],
.charSprite[data-amulet="amulette-de-liche"],
.charSprite[data-belt="amulette-de-liche"] {
  --ring-metal-color: #353b48 !important;
  --ring-glow-color: rgba(0, 0, 0, 0.6) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #2f3640 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #111111 !important;
  --belt-bg: linear-gradient(180deg, #2f3640, #1e272e) !important;
  --belt-buckle-color: #718093 !important;
  --belt-buckle-border: #353b48 !important;
  --belt-buckle-glow: rgba(0, 0, 0, 0.4) !important;
}

/* Amulette de Lièvre givré */
.charSprite[data-ring-left="amulette-de-lievre-givre"],
.charSprite[data-ring-right="amulette-de-lievre-givre"],
.charSprite[data-amulet="amulette-de-lievre-givre"],
.charSprite[data-belt="amulette-de-lievre-givre"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Amulette de Loup blanc */
.charSprite[data-ring-left="amulette-de-loup-blanc"],
.charSprite[data-ring-right="amulette-de-loup-blanc"],
.charSprite[data-amulet="amulette-de-loup-blanc"],
.charSprite[data-belt="amulette-de-loup-blanc"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Amulette de Loup des bois */
.charSprite[data-ring-left="amulette-de-loup-des-bois"],
.charSprite[data-ring-right="amulette-de-loup-des-bois"],
.charSprite[data-amulet="amulette-de-loup-des-bois"],
.charSprite[data-belt="amulette-de-loup-des-bois"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Amulette de Loup maigre */
.charSprite[data-ring-left="amulette-de-loup-maigre"],
.charSprite[data-ring-right="amulette-de-loup-maigre"],
.charSprite[data-amulet="amulette-de-loup-maigre"],
.charSprite[data-belt="amulette-de-loup-maigre"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Amulette de Lutin */
.charSprite[data-ring-left="amulette-de-lutin"],
.charSprite[data-ring-right="amulette-de-lutin"],
.charSprite[data-amulet="amulette-de-lutin"],
.charSprite[data-belt="amulette-de-lutin"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #f39c12 !important;
  --ring-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #f39c12 !important;
  --amulet-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Amulette de Magma */
.charSprite[data-ring-left="amulette-de-magma"],
.charSprite[data-ring-right="amulette-de-magma"],
.charSprite[data-amulet="amulette-de-magma"],
.charSprite[data-belt="amulette-de-magma"] {
  --ring-metal-color: #d35400 !important;
  --ring-glow-color: rgba(211, 84, 0, 0.5) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #e67e22 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #7f0000 !important;
  --belt-bg: linear-gradient(180deg, #e74c3c, #2c0000) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #e67e22 !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.5) !important;
}

/* Amulette de Marmouset */
.charSprite[data-ring-left="amulette-de-marmouset"],
.charSprite[data-ring-right="amulette-de-marmouset"],
.charSprite[data-amulet="amulette-de-marmouset"],
.charSprite[data-belt="amulette-de-marmouset"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Amulette de Minotocure */
.charSprite[data-ring-left="amulette-de-minotocure"],
.charSprite[data-ring-right="amulette-de-minotocure"],
.charSprite[data-amulet="amulette-de-minotocure"],
.charSprite[data-belt="amulette-de-minotocure"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #f39c12 !important;
  --ring-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #f39c12 !important;
  --amulet-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Amulette de Minotor */
.charSprite[data-ring-left="amulette-de-minotor"],
.charSprite[data-ring-right="amulette-de-minotor"],
.charSprite[data-amulet="amulette-de-minotor"],
.charSprite[data-belt="amulette-de-minotor"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Amulette de Neige Hargneuse */
.charSprite[data-ring-left="amulette-de-neige-hargneuse"],
.charSprite[data-ring-right="amulette-de-neige-hargneuse"],
.charSprite[data-amulet="amulette-de-neige-hargneuse"],
.charSprite[data-belt="amulette-de-neige-hargneuse"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Amulette de Pillard du sable */
.charSprite[data-ring-left="amulette-de-pillard-du-sable"],
.charSprite[data-ring-right="amulette-de-pillard-du-sable"],
.charSprite[data-amulet="amulette-de-pillard-du-sable"],
.charSprite[data-belt="amulette-de-pillard-du-sable"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Amulette de Ptérodactyle */
.charSprite[data-ring-left="amulette-de-pterodactyle"],
.charSprite[data-ring-right="amulette-de-pterodactyle"],
.charSprite[data-amulet="amulette-de-pterodactyle"],
.charSprite[data-belt="amulette-de-pterodactyle"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46, 204, 113, 0.35) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #1b4f72 !important;
  --belt-bg: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 10%, transparent 50%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  --belt-buckle-color: #e67e22 !important;
  --belt-buckle-border: #d35400 !important;
  --belt-buckle-glow: rgba(230, 126, 34, 0.3) !important;
}

/* Amulette de Racineau */
.charSprite[data-ring-left="amulette-de-racineau"],
.charSprite[data-ring-right="amulette-de-racineau"],
.charSprite[data-amulet="amulette-de-racineau"],
.charSprite[data-belt="amulette-de-racineau"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Amulette de Raptor */
.charSprite[data-ring-left="amulette-de-raptor"],
.charSprite[data-ring-right="amulette-de-raptor"],
.charSprite[data-amulet="amulette-de-raptor"],
.charSprite[data-belt="amulette-de-raptor"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46, 204, 113, 0.35) !important;
  --ring-gem-color: #f39c12 !important;
  --ring-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #f39c12 !important;
  --amulet-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --belt-border-color: #1b4f72 !important;
  --belt-bg: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 10%, transparent 50%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  --belt-buckle-color: #e67e22 !important;
  --belt-buckle-border: #d35400 !important;
  --belt-buckle-glow: rgba(230, 126, 34, 0.3) !important;
}

/* Amulette de Renne */
.charSprite[data-ring-left="amulette-de-renne"],
.charSprite[data-ring-right="amulette-de-renne"],
.charSprite[data-amulet="amulette-de-renne"],
.charSprite[data-belt="amulette-de-renne"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Amulette de Sanglier */
.charSprite[data-ring-left="amulette-de-sanglier"],
.charSprite[data-ring-right="amulette-de-sanglier"],
.charSprite[data-amulet="amulette-de-sanglier"],
.charSprite[data-belt="amulette-de-sanglier"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Amulette de Sanglier des bois */
.charSprite[data-ring-left="amulette-de-sanglier-des-bois"],
.charSprite[data-ring-right="amulette-de-sanglier-des-bois"],
.charSprite[data-amulet="amulette-de-sanglier-des-bois"],
.charSprite[data-belt="amulette-de-sanglier-des-bois"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Amulette de Scorpion */
.charSprite[data-ring-left="amulette-de-scorpion"],
.charSprite[data-ring-right="amulette-de-scorpion"],
.charSprite[data-amulet="amulette-de-scorpion"],
.charSprite[data-belt="amulette-de-scorpion"] {
  --ring-metal-color: #353b48 !important;
  --ring-glow-color: rgba(0, 0, 0, 0.6) !important;
  --ring-gem-color: #f39c12 !important;
  --ring-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --amulet-chain-color: #2f3640 !important;
  --amulet-gem-color: #f39c12 !important;
  --amulet-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --belt-border-color: #111111 !important;
  --belt-bg: linear-gradient(180deg, #2f3640, #1e272e) !important;
  --belt-buckle-color: #718093 !important;
  --belt-buckle-border: #353b48 !important;
  --belt-buckle-glow: rgba(0, 0, 0, 0.4) !important;
}

/* Amulette de Serpent liane */
.charSprite[data-ring-left="amulette-de-serpent-liane"],
.charSprite[data-ring-right="amulette-de-serpent-liane"],
.charSprite[data-amulet="amulette-de-serpent-liane"],
.charSprite[data-belt="amulette-de-serpent-liane"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Amulette de Spectre */
.charSprite[data-ring-left="amulette-de-spectre"],
.charSprite[data-ring-right="amulette-de-spectre"],
.charSprite[data-amulet="amulette-de-spectre"],
.charSprite[data-belt="amulette-de-spectre"] {
  --ring-metal-color: #353b48 !important;
  --ring-glow-color: rgba(0, 0, 0, 0.6) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #2f3640 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #111111 !important;
  --belt-bg: linear-gradient(180deg, #2f3640, #1e272e) !important;
  --belt-buckle-color: #718093 !important;
  --belt-buckle-border: #353b48 !important;
  --belt-buckle-glow: rgba(0, 0, 0, 0.4) !important;
}

/* Amulette de Tortue d'eau */
.charSprite[data-ring-left="amulette-de-tortue-deau"],
.charSprite[data-ring-right="amulette-de-tortue-deau"],
.charSprite[data-amulet="amulette-de-tortue-deau"],
.charSprite[data-belt="amulette-de-tortue-deau"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46, 204, 113, 0.35) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #1b4f72 !important;
  --belt-bg: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 10%, transparent 50%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  --belt-buckle-color: #e67e22 !important;
  --belt-buckle-border: #d35400 !important;
  --belt-buckle-glow: rgba(230, 126, 34, 0.3) !important;
}

/* Amulette de Tricératops */
.charSprite[data-ring-left="amulette-de-triceratops"],
.charSprite[data-ring-right="amulette-de-triceratops"],
.charSprite[data-amulet="amulette-de-triceratops"],
.charSprite[data-belt="amulette-de-triceratops"] {
  --ring-metal-color: #353b48 !important;
  --ring-glow-color: rgba(0, 0, 0, 0.6) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #2f3640 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #111111 !important;
  --belt-bg: linear-gradient(180deg, #2f3640, #1e272e) !important;
  --belt-buckle-color: #718093 !important;
  --belt-buckle-border: #353b48 !important;
  --belt-buckle-glow: rgba(0, 0, 0, 0.4) !important;
}

/* Amulette de Yéti de Noël */
.charSprite[data-ring-left="amulette-de-yeti-de-noel"],
.charSprite[data-ring-right="amulette-de-yeti-de-noel"],
.charSprite[data-amulet="amulette-de-yeti-de-noel"],
.charSprite[data-belt="amulette-de-yeti-de-noel"] {
  --ring-metal-color: #dcdde1 !important;
  --ring-glow-color: rgba(220, 221, 225, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #dcdde1 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #2f3640 !important;
  --belt-bg: linear-gradient(180deg, #7f8c8d, #353b48) !important;
  --belt-buckle-color: #dcdde1 !important;
  --belt-buckle-border: #7f8c8d !important;
  --belt-buckle-glow: rgba(220, 221, 225, 0.3) !important;
}

/* Amulette de Yéti mineur */
.charSprite[data-ring-left="amulette-de-yeti-mineur"],
.charSprite[data-ring-right="amulette-de-yeti-mineur"],
.charSprite[data-amulet="amulette-de-yeti-mineur"],
.charSprite[data-belt="amulette-de-yeti-mineur"] {
  --ring-metal-color: #dcdde1 !important;
  --ring-glow-color: rgba(220, 221, 225, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #dcdde1 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #2f3640 !important;
  --belt-bg: linear-gradient(180deg, #7f8c8d, #353b48) !important;
  --belt-buckle-color: #dcdde1 !important;
  --belt-buckle-border: #7f8c8d !important;
  --belt-buckle-glow: rgba(220, 221, 225, 0.3) !important;
}

/* Amulette de l'Arbre Ancestral */
.charSprite[data-ring-left="amulette-de-larbre-ancestral"],
.charSprite[data-ring-right="amulette-de-larbre-ancestral"],
.charSprite[data-amulet="amulette-de-larbre-ancestral"],
.charSprite[data-belt="amulette-de-larbre-ancestral"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Amulette de l'Archange Déchu */
.charSprite[data-ring-left="amulette-de-larchange-dechu"],
.charSprite[data-ring-right="amulette-de-larchange-dechu"],
.charSprite[data-amulet="amulette-de-larchange-dechu"],
.charSprite[data-belt="amulette-de-larchange-dechu"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Amulette de l'Esprit */
.charSprite[data-ring-left="amulette-de-lesprit"],
.charSprite[data-ring-right="amulette-de-lesprit"],
.charSprite[data-amulet="amulette-de-lesprit"],
.charSprite[data-belt="amulette-de-lesprit"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Amulette du Bélier */
.charSprite[data-ring-left="amulette-du-belier"],
.charSprite[data-ring-right="amulette-du-belier"],
.charSprite[data-amulet="amulette-du-belier"],
.charSprite[data-belt="amulette-du-belier"] {
  --ring-metal-color: #dcdde1 !important;
  --ring-glow-color: rgba(220, 221, 225, 0.35) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #dcdde1 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #2f3640 !important;
  --belt-bg: linear-gradient(180deg, #7f8c8d, #353b48) !important;
  --belt-buckle-color: #dcdde1 !important;
  --belt-buckle-border: #7f8c8d !important;
  --belt-buckle-glow: rgba(220, 221, 225, 0.3) !important;
}

/* Amulette du Dragon de Givre */
.charSprite[data-ring-left="amulette-du-dragon-de-givre"],
.charSprite[data-ring-right="amulette-du-dragon-de-givre"],
.charSprite[data-amulet="amulette-du-dragon-de-givre"],
.charSprite[data-belt="amulette-du-dragon-de-givre"] {
  --ring-metal-color: #dcdde1 !important;
  --ring-glow-color: rgba(220, 221, 225, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #dcdde1 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #2f3640 !important;
  --belt-bg: linear-gradient(180deg, #7f8c8d, #353b48) !important;
  --belt-buckle-color: #dcdde1 !important;
  --belt-buckle-border: #7f8c8d !important;
  --belt-buckle-glow: rgba(220, 221, 225, 0.3) !important;
}

/* Amulette du Gardien des berges */
.charSprite[data-ring-left="amulette-du-gardien-des-berges"],
.charSprite[data-ring-right="amulette-du-gardien-des-berges"],
.charSprite[data-amulet="amulette-du-gardien-des-berges"],
.charSprite[data-belt="amulette-du-gardien-des-berges"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46, 204, 113, 0.35) !important;
  --ring-gem-color: #f39c12 !important;
  --ring-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #f39c12 !important;
  --amulet-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --belt-border-color: #1b4f72 !important;
  --belt-bg: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 10%, transparent 50%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  --belt-buckle-color: #e67e22 !important;
  --belt-buckle-border: #d35400 !important;
  --belt-buckle-glow: rgba(230, 126, 34, 0.3) !important;
}

/* Amulette du Golem de Cristal */
.charSprite[data-ring-left="amulette-du-golem-de-cristal"],
.charSprite[data-ring-right="amulette-du-golem-de-cristal"],
.charSprite[data-amulet="amulette-du-golem-de-cristal"],
.charSprite[data-belt="amulette-du-golem-de-cristal"] {
  --ring-metal-color: #dcdde1 !important;
  --ring-glow-color: rgba(220, 221, 225, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #dcdde1 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #2f3640 !important;
  --belt-bg: linear-gradient(180deg, #7f8c8d, #353b48) !important;
  --belt-buckle-color: #dcdde1 !important;
  --belt-buckle-border: #7f8c8d !important;
  --belt-buckle-glow: rgba(220, 221, 225, 0.3) !important;
}

/* Amulette du Grand Groin */
.charSprite[data-ring-left="amulette-du-grand-groin"],
.charSprite[data-ring-right="amulette-du-grand-groin"],
.charSprite[data-amulet="amulette-du-grand-groin"],
.charSprite[data-belt="amulette-du-grand-groin"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Amulette du Léviathan */
.charSprite[data-ring-left="amulette-du-leviathan"],
.charSprite[data-ring-right="amulette-du-leviathan"],
.charSprite[data-amulet="amulette-du-leviathan"],
.charSprite[data-belt="amulette-du-leviathan"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46, 204, 113, 0.35) !important;
  --ring-gem-color: #f39c12 !important;
  --ring-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #f39c12 !important;
  --amulet-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --belt-border-color: #1b4f72 !important;
  --belt-bg: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 10%, transparent 50%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  --belt-buckle-color: #e67e22 !important;
  --belt-buckle-border: #d35400 !important;
  --belt-buckle-glow: rgba(230, 126, 34, 0.3) !important;
}

/* Amulette du Maître des Squelettes */
.charSprite[data-ring-left="amulette-du-maitre-des-squelettes"],
.charSprite[data-ring-right="amulette-du-maitre-des-squelettes"],
.charSprite[data-amulet="amulette-du-maitre-des-squelettes"],
.charSprite[data-belt="amulette-du-maitre-des-squelettes"] {
  --ring-metal-color: #353b48 !important;
  --ring-glow-color: rgba(0, 0, 0, 0.6) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #2f3640 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #111111 !important;
  --belt-bg: linear-gradient(180deg, #2f3640, #1e272e) !important;
  --belt-buckle-color: #718093 !important;
  --belt-buckle-border: #353b48 !important;
  --belt-buckle-glow: rgba(0, 0, 0, 0.4) !important;
}

/* Amulette du Minotot */
.charSprite[data-ring-left="amulette-du-minotot"],
.charSprite[data-ring-right="amulette-du-minotot"],
.charSprite[data-amulet="amulette-du-minotot"],
.charSprite[data-belt="amulette-du-minotot"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Amulette du Père Fouettard */
.charSprite[data-ring-left="amulette-du-pere-fouettard"],
.charSprite[data-ring-right="amulette-du-pere-fouettard"],
.charSprite[data-amulet="amulette-du-pere-fouettard"],
.charSprite[data-belt="amulette-du-pere-fouettard"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Amulette du Roi Singe */
.charSprite[data-ring-left="amulette-du-roi-singe"],
.charSprite[data-ring-right="amulette-du-roi-singe"],
.charSprite[data-amulet="amulette-du-roi-singe"],
.charSprite[data-belt="amulette-du-roi-singe"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Amulette du Seigneur des Flammes */
.charSprite[data-ring-left="amulette-du-seigneur-des-flammes"],
.charSprite[data-ring-right="amulette-du-seigneur-des-flammes"],
.charSprite[data-amulet="amulette-du-seigneur-des-flammes"],
.charSprite[data-belt="amulette-du-seigneur-des-flammes"] {
  --ring-metal-color: #d35400 !important;
  --ring-glow-color: rgba(211, 84, 0, 0.5) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #e67e22 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #7f0000 !important;
  --belt-bg: linear-gradient(180deg, #e74c3c, #2c0000) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #e67e22 !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.5) !important;
}

/* Amulette du Sphinx */
.charSprite[data-ring-left="amulette-du-sphinx"],
.charSprite[data-ring-right="amulette-du-sphinx"],
.charSprite[data-amulet="amulette-du-sphinx"],
.charSprite[data-belt="amulette-du-sphinx"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Amulette du T-Rex */
.charSprite[data-ring-left="amulette-du-t-rex"],
.charSprite[data-ring-right="amulette-du-t-rex"],
.charSprite[data-amulet="amulette-du-t-rex"],
.charSprite[data-belt="amulette-du-t-rex"] {
  --ring-metal-color: #353b48 !important;
  --ring-glow-color: rgba(0, 0, 0, 0.6) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #2f3640 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #111111 !important;
  --belt-bg: linear-gradient(180deg, #2f3640, #1e272e) !important;
  --belt-buckle-color: #718093 !important;
  --belt-buckle-border: #353b48 !important;
  --belt-buckle-glow: rgba(0, 0, 0, 0.4) !important;
}

/* Amulette du Titan de Brume */
.charSprite[data-ring-left="amulette-du-titan-de-brume"],
.charSprite[data-ring-right="amulette-du-titan-de-brume"],
.charSprite[data-amulet="amulette-du-titan-de-brume"],
.charSprite[data-belt="amulette-du-titan-de-brume"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Amulette en Crabe */
.charSprite[data-ring-left="amulette-en-crabe"],
.charSprite[data-ring-right="amulette-en-crabe"],
.charSprite[data-amulet="amulette-en-crabe"],
.charSprite[data-belt="amulette-en-crabe"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46, 204, 113, 0.35) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #1b4f72 !important;
  --belt-bg: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 10%, transparent 50%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  --belt-buckle-color: #e67e22 !important;
  --belt-buckle-border: #d35400 !important;
  --belt-buckle-glow: rgba(230, 126, 34, 0.3) !important;
}

/* Amulette Éveillée */
.charSprite[data-ring-left="amulette-eveillee"],
.charSprite[data-ring-right="amulette-eveillee"],
.charSprite[data-amulet="amulette-eveillee"],
.charSprite[data-belt="amulette-eveillee"] {
  --ring-metal-color: #dcdde1 !important;
  --ring-glow-color: rgba(220, 221, 225, 0.35) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #dcdde1 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #2f3640 !important;
  --belt-bg: linear-gradient(180deg, #7f8c8d, #353b48) !important;
  --belt-buckle-color: #dcdde1 !important;
  --belt-buckle-border: #7f8c8d !important;
  --belt-buckle-glow: rgba(220, 221, 225, 0.3) !important;
}

/* Anneau Cornue */
.charSprite[data-ring-left="anneau-cornue"],
.charSprite[data-ring-right="anneau-cornue"],
.charSprite[data-amulet="anneau-cornue"],
.charSprite[data-belt="anneau-cornue"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Anneau Céleste */
.charSprite[data-ring-left="anneau-celeste"],
.charSprite[data-ring-right="anneau-celeste"],
.charSprite[data-amulet="anneau-celeste"],
.charSprite[data-belt="anneau-celeste"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #f39c12 !important;
  --ring-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #f39c12 !important;
  --amulet-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Anneau Magmatique */
.charSprite[data-ring-left="anneau-magmatique"],
.charSprite[data-ring-right="anneau-magmatique"],
.charSprite[data-amulet="anneau-magmatique"],
.charSprite[data-belt="anneau-magmatique"] {
  --ring-metal-color: #d35400 !important;
  --ring-glow-color: rgba(211, 84, 0, 0.5) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #e67e22 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #7f0000 !important;
  --belt-bg: linear-gradient(180deg, #e74c3c, #2c0000) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #e67e22 !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.5) !important;
}

/* Anneau Préhistorique */
.charSprite[data-ring-left="anneau-prehistorique"],
.charSprite[data-ring-right="anneau-prehistorique"],
.charSprite[data-amulet="anneau-prehistorique"],
.charSprite[data-belt="anneau-prehistorique"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Anneau Scintillante */
.charSprite[data-ring-left="anneau-scintillante"],
.charSprite[data-ring-right="anneau-scintillante"],
.charSprite[data-amulet="anneau-scintillante"],
.charSprite[data-belt="anneau-scintillante"] {
  --ring-metal-color: #dcdde1 !important;
  --ring-glow-color: rgba(220, 221, 225, 0.35) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #dcdde1 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #2f3640 !important;
  --belt-bg: linear-gradient(180deg, #7f8c8d, #353b48) !important;
  --belt-buckle-color: #dcdde1 !important;
  --belt-buckle-border: #7f8c8d !important;
  --belt-buckle-glow: rgba(220, 221, 225, 0.3) !important;
}

/* Anneau Squelettique */
.charSprite[data-ring-left="anneau-squelettique"],
.charSprite[data-ring-right="anneau-squelettique"],
.charSprite[data-amulet="anneau-squelettique"],
.charSprite[data-belt="anneau-squelettique"] {
  --ring-metal-color: #353b48 !important;
  --ring-glow-color: rgba(0, 0, 0, 0.6) !important;
  --ring-gem-color: #f39c12 !important;
  --ring-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --amulet-chain-color: #2f3640 !important;
  --amulet-gem-color: #f39c12 !important;
  --amulet-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --belt-border-color: #111111 !important;
  --belt-bg: linear-gradient(180deg, #2f3640, #1e272e) !important;
  --belt-buckle-color: #718093 !important;
  --belt-buckle-border: #353b48 !important;
  --belt-buckle-glow: rgba(0, 0, 0, 0.4) !important;
}

/* Anneau d'Aigle des sommets */
.charSprite[data-ring-left="anneau-daigle-des-sommets"],
.charSprite[data-ring-right="anneau-daigle-des-sommets"],
.charSprite[data-amulet="anneau-daigle-des-sommets"],
.charSprite[data-belt="anneau-daigle-des-sommets"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Anneau d'Araignée sylvestre */
.charSprite[data-ring-left="anneau-daraignee-sylvestre"],
.charSprite[data-ring-right="anneau-daraignee-sylvestre"],
.charSprite[data-amulet="anneau-daraignee-sylvestre"],
.charSprite[data-belt="anneau-daraignee-sylvestre"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Anneau d'Ent jeune */
.charSprite[data-ring-left="anneau-dent-jeune"],
.charSprite[data-ring-right="anneau-dent-jeune"],
.charSprite[data-amulet="anneau-dent-jeune"],
.charSprite[data-belt="anneau-dent-jeune"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Anneau d'Ours des glaces */
.charSprite[data-ring-left="anneau-dours-des-glaces"],
.charSprite[data-ring-right="anneau-dours-des-glaces"],
.charSprite[data-amulet="anneau-dours-des-glaces"],
.charSprite[data-belt="anneau-dours-des-glaces"] {
  --ring-metal-color: #dcdde1 !important;
  --ring-glow-color: rgba(220, 221, 225, 0.35) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #dcdde1 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #2f3640 !important;
  --belt-bg: linear-gradient(180deg, #7f8c8d, #353b48) !important;
  --belt-buckle-color: #dcdde1 !important;
  --belt-buckle-border: #7f8c8d !important;
  --belt-buckle-glow: rgba(220, 221, 225, 0.3) !important;
}

/* Anneau d'Éther */
.charSprite[data-ring-left="anneau-dether"],
.charSprite[data-ring-right="anneau-dether"],
.charSprite[data-amulet="anneau-dether"],
.charSprite[data-belt="anneau-dether"] {
  --ring-metal-color: #dcdde1 !important;
  --ring-glow-color: rgba(220, 221, 225, 0.35) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #dcdde1 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #2f3640 !important;
  --belt-bg: linear-gradient(180deg, #7f8c8d, #353b48) !important;
  --belt-buckle-color: #dcdde1 !important;
  --belt-buckle-border: #7f8c8d !important;
  --belt-buckle-glow: rgba(220, 221, 225, 0.3) !important;
}

/* Anneau de Bouc */
.charSprite[data-ring-left="anneau-de-bouc"],
.charSprite[data-ring-right="anneau-de-bouc"],
.charSprite[data-amulet="anneau-de-bouc"],
.charSprite[data-belt="anneau-de-bouc"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Anneau de Bouc hargneux */
.charSprite[data-ring-left="anneau-de-bouc-hargneux"],
.charSprite[data-ring-right="anneau-de-bouc-hargneux"],
.charSprite[data-amulet="anneau-de-bouc-hargneux"],
.charSprite[data-belt="anneau-de-bouc-hargneux"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Anneau de Brochet mutant */
.charSprite[data-ring-left="anneau-de-brochet-mutant"],
.charSprite[data-ring-right="anneau-de-brochet-mutant"],
.charSprite[data-amulet="anneau-de-brochet-mutant"],
.charSprite[data-belt="anneau-de-brochet-mutant"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46, 204, 113, 0.35) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #1b4f72 !important;
  --belt-bg: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 10%, transparent 50%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  --belt-buckle-color: #e67e22 !important;
  --belt-buckle-border: #d35400 !important;
  --belt-buckle-glow: rgba(230, 126, 34, 0.3) !important;
}

/* Anneau de Brumelin */
.charSprite[data-ring-left="anneau-de-brumelin"],
.charSprite[data-ring-right="anneau-de-brumelin"],
.charSprite[data-amulet="anneau-de-brumelin"],
.charSprite[data-belt="anneau-de-brumelin"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #f39c12 !important;
  --ring-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #f39c12 !important;
  --amulet-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Anneau de Cendre */
.charSprite[data-ring-left="anneau-de-cendre"],
.charSprite[data-ring-right="anneau-de-cendre"],
.charSprite[data-amulet="anneau-de-cendre"],
.charSprite[data-belt="anneau-de-cendre"] {
  --ring-metal-color: #d35400 !important;
  --ring-glow-color: rgba(211, 84, 0, 0.5) !important;
  --ring-gem-color: #f39c12 !important;
  --ring-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --amulet-chain-color: #e67e22 !important;
  --amulet-gem-color: #f39c12 !important;
  --amulet-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --belt-border-color: #7f0000 !important;
  --belt-bg: linear-gradient(180deg, #e74c3c, #2c0000) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #e67e22 !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.5) !important;
}

/* Anneau de Cobra des dunes */
.charSprite[data-ring-left="anneau-de-cobra-des-dunes"],
.charSprite[data-ring-right="anneau-de-cobra-des-dunes"],
.charSprite[data-amulet="anneau-de-cobra-des-dunes"],
.charSprite[data-belt="anneau-de-cobra-des-dunes"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46, 204, 113, 0.35) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #1b4f72 !important;
  --belt-bg: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 10%, transparent 50%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  --belt-buckle-color: #e67e22 !important;
  --belt-buckle-border: #d35400 !important;
  --belt-buckle-glow: rgba(230, 126, 34, 0.3) !important;
}

/* Anneau de Corbeau des plaines */
.charSprite[data-ring-left="anneau-de-corbeau-des-plaines"],
.charSprite[data-ring-right="anneau-de-corbeau-des-plaines"],
.charSprite[data-amulet="anneau-de-corbeau-des-plaines"],
.charSprite[data-belt="anneau-de-corbeau-des-plaines"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #f39c12 !important;
  --ring-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #f39c12 !important;
  --amulet-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Anneau de Crabe des plaines */
.charSprite[data-ring-left="anneau-de-crabe-des-plaines"],
.charSprite[data-ring-right="anneau-de-crabe-des-plaines"],
.charSprite[data-amulet="anneau-de-crabe-des-plaines"],
.charSprite[data-belt="anneau-de-crabe-des-plaines"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46, 204, 113, 0.35) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #1b4f72 !important;
  --belt-bg: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 10%, transparent 50%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  --belt-buckle-color: #e67e22 !important;
  --belt-buckle-border: #d35400 !important;
  --belt-buckle-glow: rgba(230, 126, 34, 0.3) !important;
}

/* Anneau de Crabe des roseaux */
.charSprite[data-ring-left="anneau-de-crabe-des-roseaux"],
.charSprite[data-ring-right="anneau-de-crabe-des-roseaux"],
.charSprite[data-amulet="anneau-de-crabe-des-roseaux"],
.charSprite[data-belt="anneau-de-crabe-des-roseaux"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46, 204, 113, 0.35) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #1b4f72 !important;
  --belt-bg: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 10%, transparent 50%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  --belt-buckle-color: #e67e22 !important;
  --belt-buckle-border: #d35400 !important;
  --belt-buckle-glow: rgba(230, 126, 34, 0.3) !important;
}

/* Anneau de Feu */
.charSprite[data-ring-left="anneau-de-feu"],
.charSprite[data-ring-right="anneau-de-feu"],
.charSprite[data-amulet="anneau-de-feu"],
.charSprite[data-belt="anneau-de-feu"] {
  --ring-metal-color: #d35400 !important;
  --ring-glow-color: rgba(211, 84, 0, 0.5) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #e67e22 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #7f0000 !important;
  --belt-bg: linear-gradient(180deg, #e74c3c, #2c0000) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #e67e22 !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.5) !important;
}

/* Anneau de Fossoyeur */
.charSprite[data-ring-left="anneau-de-fossoyeur"],
.charSprite[data-ring-right="anneau-de-fossoyeur"],
.charSprite[data-amulet="anneau-de-fossoyeur"],
.charSprite[data-belt="anneau-de-fossoyeur"] {
  --ring-metal-color: #353b48 !important;
  --ring-glow-color: rgba(0, 0, 0, 0.6) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #2f3640 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #111111 !important;
  --belt-bg: linear-gradient(180deg, #2f3640, #1e272e) !important;
  --belt-buckle-color: #718093 !important;
  --belt-buckle-border: #353b48 !important;
  --belt-buckle-glow: rgba(0, 0, 0, 0.4) !important;
}

/* Anneau de Foudre */
.charSprite[data-ring-left="anneau-de-foudre"],
.charSprite[data-ring-right="anneau-de-foudre"],
.charSprite[data-amulet="anneau-de-foudre"],
.charSprite[data-belt="anneau-de-foudre"] {
  --ring-metal-color: #dcdde1 !important;
  --ring-glow-color: rgba(220, 221, 225, 0.35) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #dcdde1 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #2f3640 !important;
  --belt-bg: linear-gradient(180deg, #7f8c8d, #353b48) !important;
  --belt-buckle-color: #dcdde1 !important;
  --belt-buckle-border: #7f8c8d !important;
  --belt-buckle-glow: rgba(220, 221, 225, 0.3) !important;
}

/* Anneau de Golem de roc */
.charSprite[data-ring-left="anneau-de-golem-de-roc"],
.charSprite[data-ring-right="anneau-de-golem-de-roc"],
.charSprite[data-amulet="anneau-de-golem-de-roc"],
.charSprite[data-belt="anneau-de-golem-de-roc"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Anneau de Golem de sable */
.charSprite[data-ring-left="anneau-de-golem-de-sable"],
.charSprite[data-ring-right="anneau-de-golem-de-sable"],
.charSprite[data-amulet="anneau-de-golem-de-sable"],
.charSprite[data-belt="anneau-de-golem-de-sable"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Anneau de Gorille */
.charSprite[data-ring-left="anneau-de-gorille"],
.charSprite[data-ring-right="anneau-de-gorille"],
.charSprite[data-amulet="anneau-de-gorille"],
.charSprite[data-belt="anneau-de-gorille"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Anneau de Harpie */
.charSprite[data-ring-left="anneau-de-harpie"],
.charSprite[data-ring-right="anneau-de-harpie"],
.charSprite[data-amulet="anneau-de-harpie"],
.charSprite[data-belt="anneau-de-harpie"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46, 204, 113, 0.35) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #1b4f72 !important;
  --belt-bg: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 10%, transparent 50%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  --belt-buckle-color: #e67e22 !important;
  --belt-buckle-border: #d35400 !important;
  --belt-buckle-glow: rgba(230, 126, 34, 0.3) !important;
}

/* Anneau de Jaguar */
.charSprite[data-ring-left="anneau-de-jaguar"],
.charSprite[data-ring-right="anneau-de-jaguar"],
.charSprite[data-amulet="anneau-de-jaguar"],
.charSprite[data-belt="anneau-de-jaguar"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Anneau de Liche */
.charSprite[data-ring-left="anneau-de-liche"],
.charSprite[data-ring-right="anneau-de-liche"],
.charSprite[data-amulet="anneau-de-liche"],
.charSprite[data-belt="anneau-de-liche"] {
  --ring-metal-color: #353b48 !important;
  --ring-glow-color: rgba(0, 0, 0, 0.6) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #2f3640 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #111111 !important;
  --belt-bg: linear-gradient(180deg, #2f3640, #1e272e) !important;
  --belt-buckle-color: #718093 !important;
  --belt-buckle-border: #353b48 !important;
  --belt-buckle-glow: rgba(0, 0, 0, 0.4) !important;
}

/* Anneau de Lièvre givré */
.charSprite[data-ring-left="anneau-de-lievre-givre"],
.charSprite[data-ring-right="anneau-de-lievre-givre"],
.charSprite[data-amulet="anneau-de-lievre-givre"],
.charSprite[data-belt="anneau-de-lievre-givre"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Anneau de Loup blanc */
.charSprite[data-ring-left="anneau-de-loup-blanc"],
.charSprite[data-ring-right="anneau-de-loup-blanc"],
.charSprite[data-amulet="anneau-de-loup-blanc"],
.charSprite[data-belt="anneau-de-loup-blanc"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Anneau de Loup des bois */
.charSprite[data-ring-left="anneau-de-loup-des-bois"],
.charSprite[data-ring-right="anneau-de-loup-des-bois"],
.charSprite[data-amulet="anneau-de-loup-des-bois"],
.charSprite[data-belt="anneau-de-loup-des-bois"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Anneau de Loup maigre */
.charSprite[data-ring-left="anneau-de-loup-maigre"],
.charSprite[data-ring-right="anneau-de-loup-maigre"],
.charSprite[data-amulet="anneau-de-loup-maigre"],
.charSprite[data-belt="anneau-de-loup-maigre"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Anneau de Lutin */
.charSprite[data-ring-left="anneau-de-lutin"],
.charSprite[data-ring-right="anneau-de-lutin"],
.charSprite[data-amulet="anneau-de-lutin"],
.charSprite[data-belt="anneau-de-lutin"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #f39c12 !important;
  --ring-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #f39c12 !important;
  --amulet-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Anneau de Magma */
.charSprite[data-ring-left="anneau-de-magma"],
.charSprite[data-ring-right="anneau-de-magma"],
.charSprite[data-amulet="anneau-de-magma"],
.charSprite[data-belt="anneau-de-magma"] {
  --ring-metal-color: #d35400 !important;
  --ring-glow-color: rgba(211, 84, 0, 0.5) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #e67e22 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #7f0000 !important;
  --belt-bg: linear-gradient(180deg, #e74c3c, #2c0000) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #e67e22 !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.5) !important;
}

/* Anneau de Marmouset */
.charSprite[data-ring-left="anneau-de-marmouset"],
.charSprite[data-ring-right="anneau-de-marmouset"],
.charSprite[data-amulet="anneau-de-marmouset"],
.charSprite[data-belt="anneau-de-marmouset"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Anneau de Minotocure */
.charSprite[data-ring-left="anneau-de-minotocure"],
.charSprite[data-ring-right="anneau-de-minotocure"],
.charSprite[data-amulet="anneau-de-minotocure"],
.charSprite[data-belt="anneau-de-minotocure"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #f39c12 !important;
  --ring-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #f39c12 !important;
  --amulet-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Anneau de Minotor */
.charSprite[data-ring-left="anneau-de-minotor"],
.charSprite[data-ring-right="anneau-de-minotor"],
.charSprite[data-amulet="anneau-de-minotor"],
.charSprite[data-belt="anneau-de-minotor"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Anneau de Neige Hargneuse */
.charSprite[data-ring-left="anneau-de-neige-hargneuse"],
.charSprite[data-ring-right="anneau-de-neige-hargneuse"],
.charSprite[data-amulet="anneau-de-neige-hargneuse"],
.charSprite[data-belt="anneau-de-neige-hargneuse"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Anneau de Pillard du sable */
.charSprite[data-ring-left="anneau-de-pillard-du-sable"],
.charSprite[data-ring-right="anneau-de-pillard-du-sable"],
.charSprite[data-amulet="anneau-de-pillard-du-sable"],
.charSprite[data-belt="anneau-de-pillard-du-sable"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Anneau de Ptérodactyle */
.charSprite[data-ring-left="anneau-de-pterodactyle"],
.charSprite[data-ring-right="anneau-de-pterodactyle"],
.charSprite[data-amulet="anneau-de-pterodactyle"],
.charSprite[data-belt="anneau-de-pterodactyle"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46, 204, 113, 0.35) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #1b4f72 !important;
  --belt-bg: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 10%, transparent 50%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  --belt-buckle-color: #e67e22 !important;
  --belt-buckle-border: #d35400 !important;
  --belt-buckle-glow: rgba(230, 126, 34, 0.3) !important;
}

/* Anneau de Racineau */
.charSprite[data-ring-left="anneau-de-racineau"],
.charSprite[data-ring-right="anneau-de-racineau"],
.charSprite[data-amulet="anneau-de-racineau"],
.charSprite[data-belt="anneau-de-racineau"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Anneau de Raptor */
.charSprite[data-ring-left="anneau-de-raptor"],
.charSprite[data-ring-right="anneau-de-raptor"],
.charSprite[data-amulet="anneau-de-raptor"],
.charSprite[data-belt="anneau-de-raptor"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46, 204, 113, 0.35) !important;
  --ring-gem-color: #f39c12 !important;
  --ring-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #f39c12 !important;
  --amulet-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --belt-border-color: #1b4f72 !important;
  --belt-bg: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 10%, transparent 50%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  --belt-buckle-color: #e67e22 !important;
  --belt-buckle-border: #d35400 !important;
  --belt-buckle-glow: rgba(230, 126, 34, 0.3) !important;
}

/* Anneau de Renne */
.charSprite[data-ring-left="anneau-de-renne"],
.charSprite[data-ring-right="anneau-de-renne"],
.charSprite[data-amulet="anneau-de-renne"],
.charSprite[data-belt="anneau-de-renne"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Anneau de Sanglier */
.charSprite[data-ring-left="anneau-de-sanglier"],
.charSprite[data-ring-right="anneau-de-sanglier"],
.charSprite[data-amulet="anneau-de-sanglier"],
.charSprite[data-belt="anneau-de-sanglier"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Anneau de Sanglier des bois */
.charSprite[data-ring-left="anneau-de-sanglier-des-bois"],
.charSprite[data-ring-right="anneau-de-sanglier-des-bois"],
.charSprite[data-amulet="anneau-de-sanglier-des-bois"],
.charSprite[data-belt="anneau-de-sanglier-des-bois"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Anneau de Scorpion */
.charSprite[data-ring-left="anneau-de-scorpion"],
.charSprite[data-ring-right="anneau-de-scorpion"],
.charSprite[data-amulet="anneau-de-scorpion"],
.charSprite[data-belt="anneau-de-scorpion"] {
  --ring-metal-color: #353b48 !important;
  --ring-glow-color: rgba(0, 0, 0, 0.6) !important;
  --ring-gem-color: #f39c12 !important;
  --ring-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --amulet-chain-color: #2f3640 !important;
  --amulet-gem-color: #f39c12 !important;
  --amulet-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --belt-border-color: #111111 !important;
  --belt-bg: linear-gradient(180deg, #2f3640, #1e272e) !important;
  --belt-buckle-color: #718093 !important;
  --belt-buckle-border: #353b48 !important;
  --belt-buckle-glow: rgba(0, 0, 0, 0.4) !important;
}

/* Anneau de Serpent liane */
.charSprite[data-ring-left="anneau-de-serpent-liane"],
.charSprite[data-ring-right="anneau-de-serpent-liane"],
.charSprite[data-amulet="anneau-de-serpent-liane"],
.charSprite[data-belt="anneau-de-serpent-liane"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Anneau de Spectre */
.charSprite[data-ring-left="anneau-de-spectre"],
.charSprite[data-ring-right="anneau-de-spectre"],
.charSprite[data-amulet="anneau-de-spectre"],
.charSprite[data-belt="anneau-de-spectre"] {
  --ring-metal-color: #353b48 !important;
  --ring-glow-color: rgba(0, 0, 0, 0.6) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #2f3640 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #111111 !important;
  --belt-bg: linear-gradient(180deg, #2f3640, #1e272e) !important;
  --belt-buckle-color: #718093 !important;
  --belt-buckle-border: #353b48 !important;
  --belt-buckle-glow: rgba(0, 0, 0, 0.4) !important;
}

/* Anneau de Tortue d'eau */
.charSprite[data-ring-left="anneau-de-tortue-deau"],
.charSprite[data-ring-right="anneau-de-tortue-deau"],
.charSprite[data-amulet="anneau-de-tortue-deau"],
.charSprite[data-belt="anneau-de-tortue-deau"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46, 204, 113, 0.35) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #1b4f72 !important;
  --belt-bg: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 10%, transparent 50%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  --belt-buckle-color: #e67e22 !important;
  --belt-buckle-border: #d35400 !important;
  --belt-buckle-glow: rgba(230, 126, 34, 0.3) !important;
}

/* Anneau de Tricératops */
.charSprite[data-ring-left="anneau-de-triceratops"],
.charSprite[data-ring-right="anneau-de-triceratops"],
.charSprite[data-amulet="anneau-de-triceratops"],
.charSprite[data-belt="anneau-de-triceratops"] {
  --ring-metal-color: #353b48 !important;
  --ring-glow-color: rgba(0, 0, 0, 0.6) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #2f3640 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #111111 !important;
  --belt-bg: linear-gradient(180deg, #2f3640, #1e272e) !important;
  --belt-buckle-color: #718093 !important;
  --belt-buckle-border: #353b48 !important;
  --belt-buckle-glow: rgba(0, 0, 0, 0.4) !important;
}

/* Anneau de Yéti de Noël */
.charSprite[data-ring-left="anneau-de-yeti-de-noel"],
.charSprite[data-ring-right="anneau-de-yeti-de-noel"],
.charSprite[data-amulet="anneau-de-yeti-de-noel"],
.charSprite[data-belt="anneau-de-yeti-de-noel"] {
  --ring-metal-color: #dcdde1 !important;
  --ring-glow-color: rgba(220, 221, 225, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #dcdde1 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #2f3640 !important;
  --belt-bg: linear-gradient(180deg, #7f8c8d, #353b48) !important;
  --belt-buckle-color: #dcdde1 !important;
  --belt-buckle-border: #7f8c8d !important;
  --belt-buckle-glow: rgba(220, 221, 225, 0.3) !important;
}

/* Anneau de Yéti mineur */
.charSprite[data-ring-left="anneau-de-yeti-mineur"],
.charSprite[data-ring-right="anneau-de-yeti-mineur"],
.charSprite[data-amulet="anneau-de-yeti-mineur"],
.charSprite[data-belt="anneau-de-yeti-mineur"] {
  --ring-metal-color: #dcdde1 !important;
  --ring-glow-color: rgba(220, 221, 225, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #dcdde1 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #2f3640 !important;
  --belt-bg: linear-gradient(180deg, #7f8c8d, #353b48) !important;
  --belt-buckle-color: #dcdde1 !important;
  --belt-buckle-border: #7f8c8d !important;
  --belt-buckle-glow: rgba(220, 221, 225, 0.3) !important;
}

/* Anneau de l'Arbre Ancestral */
.charSprite[data-ring-left="anneau-de-larbre-ancestral"],
.charSprite[data-ring-right="anneau-de-larbre-ancestral"],
.charSprite[data-amulet="anneau-de-larbre-ancestral"],
.charSprite[data-belt="anneau-de-larbre-ancestral"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Anneau de l'Archange Déchu */
.charSprite[data-ring-left="anneau-de-larchange-dechu"],
.charSprite[data-ring-right="anneau-de-larchange-dechu"],
.charSprite[data-amulet="anneau-de-larchange-dechu"],
.charSprite[data-belt="anneau-de-larchange-dechu"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Anneau de l'Esprit */
.charSprite[data-ring-left="anneau-de-lesprit"],
.charSprite[data-ring-right="anneau-de-lesprit"],
.charSprite[data-amulet="anneau-de-lesprit"],
.charSprite[data-belt="anneau-de-lesprit"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Anneau du Bélier */
.charSprite[data-ring-left="anneau-du-belier"],
.charSprite[data-ring-right="anneau-du-belier"],
.charSprite[data-amulet="anneau-du-belier"],
.charSprite[data-belt="anneau-du-belier"] {
  --ring-metal-color: #dcdde1 !important;
  --ring-glow-color: rgba(220, 221, 225, 0.35) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #dcdde1 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #2f3640 !important;
  --belt-bg: linear-gradient(180deg, #7f8c8d, #353b48) !important;
  --belt-buckle-color: #dcdde1 !important;
  --belt-buckle-border: #7f8c8d !important;
  --belt-buckle-glow: rgba(220, 221, 225, 0.3) !important;
}

/* Anneau du Dragon de Givre */
.charSprite[data-ring-left="anneau-du-dragon-de-givre"],
.charSprite[data-ring-right="anneau-du-dragon-de-givre"],
.charSprite[data-amulet="anneau-du-dragon-de-givre"],
.charSprite[data-belt="anneau-du-dragon-de-givre"] {
  --ring-metal-color: #dcdde1 !important;
  --ring-glow-color: rgba(220, 221, 225, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #dcdde1 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #2f3640 !important;
  --belt-bg: linear-gradient(180deg, #7f8c8d, #353b48) !important;
  --belt-buckle-color: #dcdde1 !important;
  --belt-buckle-border: #7f8c8d !important;
  --belt-buckle-glow: rgba(220, 221, 225, 0.3) !important;
}

/* Anneau du Gardien des berges */
.charSprite[data-ring-left="anneau-du-gardien-des-berges"],
.charSprite[data-ring-right="anneau-du-gardien-des-berges"],
.charSprite[data-amulet="anneau-du-gardien-des-berges"],
.charSprite[data-belt="anneau-du-gardien-des-berges"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46, 204, 113, 0.35) !important;
  --ring-gem-color: #f39c12 !important;
  --ring-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #f39c12 !important;
  --amulet-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --belt-border-color: #1b4f72 !important;
  --belt-bg: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 10%, transparent 50%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  --belt-buckle-color: #e67e22 !important;
  --belt-buckle-border: #d35400 !important;
  --belt-buckle-glow: rgba(230, 126, 34, 0.3) !important;
}

/* Anneau du Golem de Cristal */
.charSprite[data-ring-left="anneau-du-golem-de-cristal"],
.charSprite[data-ring-right="anneau-du-golem-de-cristal"],
.charSprite[data-amulet="anneau-du-golem-de-cristal"],
.charSprite[data-belt="anneau-du-golem-de-cristal"] {
  --ring-metal-color: #dcdde1 !important;
  --ring-glow-color: rgba(220, 221, 225, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #dcdde1 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #2f3640 !important;
  --belt-bg: linear-gradient(180deg, #7f8c8d, #353b48) !important;
  --belt-buckle-color: #dcdde1 !important;
  --belt-buckle-border: #7f8c8d !important;
  --belt-buckle-glow: rgba(220, 221, 225, 0.3) !important;
}

/* Anneau du Grand Groin */
.charSprite[data-ring-left="anneau-du-grand-groin"],
.charSprite[data-ring-right="anneau-du-grand-groin"],
.charSprite[data-amulet="anneau-du-grand-groin"],
.charSprite[data-belt="anneau-du-grand-groin"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Anneau du Léviathan */
.charSprite[data-ring-left="anneau-du-leviathan"],
.charSprite[data-ring-right="anneau-du-leviathan"],
.charSprite[data-amulet="anneau-du-leviathan"],
.charSprite[data-belt="anneau-du-leviathan"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46, 204, 113, 0.35) !important;
  --ring-gem-color: #f39c12 !important;
  --ring-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #f39c12 !important;
  --amulet-gem-glow: rgba(243, 156, 18, 0.8) !important;
  --belt-border-color: #1b4f72 !important;
  --belt-bg: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 10%, transparent 50%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  --belt-buckle-color: #e67e22 !important;
  --belt-buckle-border: #d35400 !important;
  --belt-buckle-glow: rgba(230, 126, 34, 0.3) !important;
}

/* Anneau du Maître des Squelettes */
.charSprite[data-ring-left="anneau-du-maitre-des-squelettes"],
.charSprite[data-ring-right="anneau-du-maitre-des-squelettes"],
.charSprite[data-amulet="anneau-du-maitre-des-squelettes"],
.charSprite[data-belt="anneau-du-maitre-des-squelettes"] {
  --ring-metal-color: #353b48 !important;
  --ring-glow-color: rgba(0, 0, 0, 0.6) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #2f3640 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #111111 !important;
  --belt-bg: linear-gradient(180deg, #2f3640, #1e272e) !important;
  --belt-buckle-color: #718093 !important;
  --belt-buckle-border: #353b48 !important;
  --belt-buckle-glow: rgba(0, 0, 0, 0.4) !important;
}

/* Anneau du Minotot */
.charSprite[data-ring-left="anneau-du-minotot"],
.charSprite[data-ring-right="anneau-du-minotot"],
.charSprite[data-amulet="anneau-du-minotot"],
.charSprite[data-belt="anneau-du-minotot"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Anneau du Père Fouettard */
.charSprite[data-ring-left="anneau-du-pere-fouettard"],
.charSprite[data-ring-right="anneau-du-pere-fouettard"],
.charSprite[data-amulet="anneau-du-pere-fouettard"],
.charSprite[data-belt="anneau-du-pere-fouettard"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Anneau du Rat */
.charSprite[data-ring-left="anneau-du-rat"],
.charSprite[data-ring-right="anneau-du-rat"],
.charSprite[data-amulet="anneau-du-rat"],
.charSprite[data-belt="anneau-du-rat"] {
  --ring-metal-color: #353b48 !important;
  --ring-glow-color: rgba(0, 0, 0, 0.6) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #2f3640 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #111111 !important;
  --belt-bg: linear-gradient(180deg, #2f3640, #1e272e) !important;
  --belt-buckle-color: #718093 !important;
  --belt-buckle-border: #353b48 !important;
  --belt-buckle-glow: rgba(0, 0, 0, 0.4) !important;
}

/* Anneau du Roi Singe */
.charSprite[data-ring-left="anneau-du-roi-singe"],
.charSprite[data-ring-right="anneau-du-roi-singe"],
.charSprite[data-amulet="anneau-du-roi-singe"],
.charSprite[data-belt="anneau-du-roi-singe"] {
  --ring-metal-color: #8d6e63 !important;
  --ring-glow-color: rgba(141, 110, 99, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #8d6e63 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #3e2723 !important;
  --belt-bg: linear-gradient(180deg, #8d6e63, #4e342e) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.3) !important;
}

/* Anneau du Seigneur des Flammes */
.charSprite[data-ring-left="anneau-du-seigneur-des-flammes"],
.charSprite[data-ring-right="anneau-du-seigneur-des-flammes"],
.charSprite[data-amulet="anneau-du-seigneur-des-flammes"],
.charSprite[data-belt="anneau-du-seigneur-des-flammes"] {
  --ring-metal-color: #d35400 !important;
  --ring-glow-color: rgba(211, 84, 0, 0.5) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #e67e22 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #7f0000 !important;
  --belt-bg: linear-gradient(180deg, #e74c3c, #2c0000) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #e67e22 !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.5) !important;
}

/* Anneau du Sphinx */
.charSprite[data-ring-left="anneau-du-sphinx"],
.charSprite[data-ring-right="anneau-du-sphinx"],
.charSprite[data-amulet="anneau-du-sphinx"],
.charSprite[data-belt="anneau-du-sphinx"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Anneau du T-Rex */
.charSprite[data-ring-left="anneau-du-t-rex"],
.charSprite[data-ring-right="anneau-du-t-rex"],
.charSprite[data-amulet="anneau-du-t-rex"],
.charSprite[data-belt="anneau-du-t-rex"] {
  --ring-metal-color: #353b48 !important;
  --ring-glow-color: rgba(0, 0, 0, 0.6) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #2f3640 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #111111 !important;
  --belt-bg: linear-gradient(180deg, #2f3640, #1e272e) !important;
  --belt-buckle-color: #718093 !important;
  --belt-buckle-border: #353b48 !important;
  --belt-buckle-glow: rgba(0, 0, 0, 0.4) !important;
}

/* Anneau du Titan de Brume */
.charSprite[data-ring-left="anneau-du-titan-de-brume"],
.charSprite[data-ring-right="anneau-du-titan-de-brume"],
.charSprite[data-amulet="anneau-du-titan-de-brume"],
.charSprite[data-belt="anneau-du-titan-de-brume"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #ff3366 !important;
  --ring-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #ff3366 !important;
  --amulet-gem-glow: rgba(255, 51, 102, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Anneau Éveillée */
.charSprite[data-ring-left="anneau-eveillee"],
.charSprite[data-ring-right="anneau-eveillee"],
.charSprite[data-amulet="anneau-eveillee"],
.charSprite[data-belt="anneau-eveillee"] {
  --ring-metal-color: #dcdde1 !important;
  --ring-glow-color: rgba(220, 221, 225, 0.35) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #dcdde1 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #2f3640 !important;
  --belt-bg: linear-gradient(180deg, #7f8c8d, #353b48) !important;
  --belt-buckle-color: #dcdde1 !important;
  --belt-buckle-border: #7f8c8d !important;
  --belt-buckle-glow: rgba(220, 221, 225, 0.3) !important;
}

/* Ceinture de Cobra */
.charSprite[data-ring-left="ceinture-de-cobra"],
.charSprite[data-ring-right="ceinture-de-cobra"],
.charSprite[data-amulet="ceinture-de-cobra"],
.charSprite[data-belt="ceinture-de-cobra"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46, 204, 113, 0.35) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #1b4f72 !important;
  --belt-bg: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 10%, transparent 50%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  --belt-buckle-color: #e67e22 !important;
  --belt-buckle-border: #d35400 !important;
  --belt-buckle-glow: rgba(230, 126, 34, 0.3) !important;
}

/* Ceinture de Crabe */
.charSprite[data-ring-left="ceinture-de-crabe"],
.charSprite[data-ring-right="ceinture-de-crabe"],
.charSprite[data-amulet="ceinture-de-crabe"],
.charSprite[data-belt="ceinture-de-crabe"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46, 204, 113, 0.35) !important;
  --ring-gem-color: #3498db !important;
  --ring-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #3498db !important;
  --amulet-gem-glow: rgba(52, 152, 219, 0.8) !important;
  --belt-border-color: #1b4f72 !important;
  --belt-bg: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 10%, transparent 50%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  --belt-buckle-color: #e67e22 !important;
  --belt-buckle-border: #d35400 !important;
  --belt-buckle-glow: rgba(230, 126, 34, 0.3) !important;
}

/* Ceinture en Sanglier */
.charSprite[data-ring-left="ceinture-en-sanglier"],
.charSprite[data-ring-right="ceinture-en-sanglier"],
.charSprite[data-amulet="ceinture-en-sanglier"],
.charSprite[data-belt="ceinture-en-sanglier"] {
  --ring-metal-color: #ffd700 !important;
  --ring-glow-color: rgba(255, 215, 0, 0.35) !important;
  --ring-gem-color: #e74c3c !important;
  --ring-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --amulet-chain-color: #ffd700 !important;
  --amulet-gem-color: #e74c3c !important;
  --amulet-gem-glow: rgba(231, 76, 60, 0.8) !important;
  --belt-border-color: #624310 !important;
  --belt-bg: linear-gradient(180deg, #785023, #462812) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #b7950b !important;
  --belt-buckle-glow: rgba(255, 215, 0, 0.4) !important;
}

/* Collier de Harpie */
.charSprite[data-ring-left="collier-de-harpie"],
.charSprite[data-ring-right="collier-de-harpie"],
.charSprite[data-amulet="collier-de-harpie"],
.charSprite[data-belt="collier-de-harpie"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46, 204, 113, 0.35) !important;
  --ring-gem-color: #2ecc71 !important;
  --ring-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #2ecc71 !important;
  --amulet-gem-glow: rgba(46, 204, 113, 0.8) !important;
  --belt-border-color: #1b4f72 !important;
  --belt-bg: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 10%, transparent 50%), linear-gradient(180deg, #2ecc71, #1b4f72) !important;
  --belt-buckle-color: #e67e22 !important;
  --belt-buckle-border: #d35400 !important;
  --belt-buckle-glow: rgba(230, 126, 34, 0.3) !important;
}


/* Cosmetic Sets Variable Mappings */

/* Cosmetic Set: anneau-cosmique */
.charSprite[data-ring-left="anneau-cosmique"],
.charSprite[data-ring-right="anneau-cosmique"],
.charSprite[data-belt="ceinture-cosmique"] {
  --ring-metal-color: #00d2ff !important;
  --ring-glow-color: rgba(0,210,255,0.4) !important;
  --ring-gem-color: #00d2ff !important;
  --ring-gem-glow: rgba(0,210,255,0.8) !important;
  --amulet-chain-color: #8e2de2 !important;
  --amulet-gem-color: #8e2de2 !important;
  --amulet-gem-glow: rgba(142,45,226,0.8) !important;
  --belt-border-color: #00d2ff !important;
  --belt-bg: linear-gradient(180deg, #120024, #8e2de2) !important;
  --belt-buckle-color: #00d2ff !important;
  --belt-buckle-border: #00d2ff !important;
  --belt-buckle-glow: rgba(0,210,255,0.6) !important;
}

/* Cosmetic Set: anneau-du-neant */
.charSprite[data-ring-left="anneau-du-neant"],
.charSprite[data-ring-right="anneau-du-neant"],
.charSprite[data-belt="ceinture-du-neant"] {
  --ring-metal-color: #9b59b6 !important;
  --ring-glow-color: rgba(155,89,182,0.4) !important;
  --ring-gem-color: #e0a3ff !important;
  --ring-gem-glow: rgba(224,163,255,0.8) !important;
  --amulet-chain-color: #4a0e4e !important;
  --amulet-gem-color: #4a0e4e !important;
  --amulet-gem-glow: rgba(74,14,78,0.8) !important;
  --belt-border-color: #9b59b6 !important;
  --belt-bg: linear-gradient(180deg, #090514, #4a0e4e) !important;
  --belt-buckle-color: #e0a3ff !important;
  --belt-buckle-border: #9b59b6 !important;
  --belt-buckle-glow: rgba(155,89,182,0.6) !important;
}

/* Cosmetic Set: anneau-solaire */
.charSprite[data-ring-left="anneau-solaire"],
.charSprite[data-ring-right="anneau-solaire"],
.charSprite[data-belt="ceinture-solaire"] {
  --ring-metal-color: #f39c12 !important;
  --ring-glow-color: rgba(243,156,18,0.4) !important;
  --ring-gem-color: #ffd700 !important;
  --ring-gem-glow: rgba(255,215,0,0.8) !important;
  --amulet-chain-color: #d35400 !important;
  --amulet-gem-color: #d35400 !important;
  --amulet-gem-glow: rgba(211,84,0,0.8) !important;
  --belt-border-color: #f39c12 !important;
  --belt-bg: linear-gradient(180deg, #d35400, #f1c40f) !important;
  --belt-buckle-color: #ffd700 !important;
  --belt-buckle-border: #f39c12 !important;
  --belt-buckle-glow: rgba(243,156,18,0.6) !important;
}

/* Cosmetic Set: anneau-ombrale */
.charSprite[data-ring-left="anneau-ombrale"],
.charSprite[data-ring-right="anneau-ombrale"],
.charSprite[data-belt="ceinture-ombrale"] {
  --ring-metal-color: #555555 !important;
  --ring-glow-color: rgba(255,255,255,0.1) !important;
  --ring-gem-color: #666666 !important;
  --ring-gem-glow: rgba(255,255,255,0.2) !important;
  --amulet-chain-color: #111111 !important;
  --amulet-gem-color: #111111 !important;
  --amulet-gem-glow: rgba(0,0,0,0.8) !important;
  --belt-border-color: #555555 !important;
  --belt-bg: linear-gradient(180deg, #111111, #333333) !important;
  --belt-buckle-color: #666666 !important;
  --belt-buckle-border: #555555 !important;
  --belt-buckle-glow: rgba(0,0,0,0.4) !important;
}

/* Cosmetic Set: anneau-printaniere */
.charSprite[data-ring-left="anneau-printaniere"],
.charSprite[data-ring-right="anneau-printaniere"],
.charSprite[data-belt="ceinture-printaniere"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46,204,113,0.4) !important;
  --ring-gem-color: #ff7675 !important;
  --ring-gem-glow: rgba(255,118,117,0.8) !important;
  --amulet-chain-color: #27ae60 !important;
  --amulet-gem-color: #27ae60 !important;
  --amulet-gem-glow: rgba(39,174,96,0.8) !important;
  --belt-border-color: #ff7675 !important;
  --belt-bg: linear-gradient(180deg, #2ecc71, #27ae60) !important;
  --belt-buckle-color: #ff7675 !important;
  --belt-buckle-border: #2ecc71 !important;
  --belt-buckle-glow: rgba(46,204,113,0.4) !important;
}

/* Cosmetic Set: anneau-arcanique */
.charSprite[data-ring-left="anneau-arcanique"],
.charSprite[data-ring-right="anneau-arcanique"],
.charSprite[data-belt="ceinture-arcanique"] {
  --ring-metal-color: #a29bfe !important;
  --ring-glow-color: rgba(162,155,254,0.4) !important;
  --ring-gem-color: #fd79a8 !important;
  --ring-gem-glow: rgba(253,121,168,0.8) !important;
  --amulet-chain-color: #6c5ce7 !important;
  --amulet-gem-color: #6c5ce7 !important;
  --amulet-gem-glow: rgba(108,92,231,0.8) !important;
  --belt-border-color: #a29bfe !important;
  --belt-bg: linear-gradient(180deg, #6c5ce7, #e84393) !important;
  --belt-buckle-color: #fd79a8 !important;
  --belt-buckle-border: #a29bfe !important;
  --belt-buckle-glow: rgba(162,155,254,0.4) !important;
}

/* Cosmetic Set: anneau-cybernetique */
.charSprite[data-ring-left="anneau-cybernetique"],
.charSprite[data-ring-right="anneau-cybernetique"],
.charSprite[data-belt="ceinture-cybernetique"] {
  --ring-metal-color: #00f2fe !important;
  --ring-glow-color: rgba(0,242,254,0.4) !important;
  --ring-gem-color: #4facfe !important;
  --ring-gem-glow: rgba(79,172,254,0.8) !important;
  --amulet-chain-color: #00f2fe !important;
  --amulet-gem-color: #00f2fe !important;
  --amulet-gem-glow: rgba(0,242,254,0.8) !important;
  --belt-border-color: #4facfe !important;
  --belt-bg: linear-gradient(180deg, #00f2fe, #000000) !important;
  --belt-buckle-color: #00f2fe !important;
  --belt-buckle-border: #4facfe !important;
  --belt-buckle-glow: rgba(0,242,254,0.6) !important;
}

/* Cosmetic Set: anneau-du-faucheur */
.charSprite[data-ring-left="anneau-du-faucheur"],
.charSprite[data-ring-right="anneau-du-faucheur"],
.charSprite[data-belt="ceinture-du-faucheur"] {
  --ring-metal-color: #2ecc71 !important;
  --ring-glow-color: rgba(46,204,113,0.4) !important;
  --ring-gem-color: #dcdde1 !important;
  --ring-gem-glow: rgba(220,221,225,0.8) !important;
  --amulet-chain-color: #1e272e !important;
  --amulet-gem-color: #1e272e !important;
  --amulet-gem-glow: rgba(30,39,46,0.8) !important;
  --belt-border-color: #27ae60 !important;
  --belt-bg: linear-gradient(180deg, #1e272e, #0f1418) !important;
  --belt-buckle-color: #2ecc71 !important;
  --belt-buckle-border: #27ae60 !important;
  --belt-buckle-glow: rgba(46,204,113,0.4) !important;
}

/* --- PREMIUM RINGS DYNAMIC RENDERING --- */
/* Exclude cosmetic rings if they define completely custom shapes, or let them render using the new beautiful system */
body .charSprite[data-ring-left] .charRingLeft.equipped,
body .charSprite[data-ring-right] .charRingRight.equipped {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  border: 1.5px solid var(--ring-metal-color) !important;
  background: transparent !important;
  box-shadow: 0 0 3px var(--ring-glow-color), inset 0 1px 1px rgba(255,255,255,0.2) !important;
  z-index: 6 !important;
  top: 51px !important;
}

body .charSprite[data-ring-left] .charRingLeft.equipped {
  left: 22% !important;
}

body .charSprite[data-ring-right] .charRingRight.equipped {
  left: 78% !important;
}

/* Ring Gem overlay */
body .charSprite[data-ring-left] .charRingLeft.equipped::after,
body .charSprite[data-ring-right] .charRingRight.equipped::after {
  content: "" !important;
  position: absolute !important;
  top: -2.5px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(45deg) !important;
  width: 3.5px !important;
  height: 3.5px !important;
  background: var(--ring-gem-color) !important;
  box-shadow: 0 0 3px var(--ring-gem-glow), 0 0.5px 0.5px rgba(0,0,0,0.3) !important;
  border-radius: 0.5px !important;
  display: block !important;
  border: 0.5px solid rgba(255,255,255,0.3) !important;
  text-shadow: none !important;
  font-size: 0 !important;
}

/* --- PREMIUM AMULETS DYNAMIC RENDERING --- */
body .charSprite[data-amulet] .charAmulet.equipped {
  width: 9px !important;
  height: 9px !important;
  top: 42px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  border-radius: 50% !important;
  border: 1.2px solid var(--amulet-chain-color) !important;
  background: transparent !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
  z-index: 4 !important;
}

/* Amulet Teardrop Gem overlay */
body .charSprite[data-amulet] .charAmulet.equipped::after {
  content: "" !important;
  position: absolute !important;
  bottom: -3.5px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(-45deg) !important;
  width: 4px !important;
  height: 4px !important;
  background: var(--amulet-gem-color) !important;
  border-radius: 50% 0 50% 50% !important;
  box-shadow: 0 0 4px var(--amulet-gem-glow), 0 0.5px 1px rgba(0,0,0,0.3) !important;
  display: block !important;
  border: 0.5px solid rgba(255,255,255,0.3) !important;
  text-shadow: none !important;
  font-size: 0 !important;
}

/* --- PREMIUM BELTS DYNAMIC RENDERING --- */
body .charSprite[data-belt] .charBelt.equipped {
  width: 28px !important;
  height: 5px !important;
  top: 60px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(0deg) !important;
  z-index: 3 !important;
  border: 1.5px solid var(--belt-border-color) !important;
  background: var(--belt-bg) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
  border-radius: 1px !important;
}

/* Belt Buckle overlay */
body .charSprite[data-belt] .charBelt.equipped::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 5px !important;
  height: 7px !important;
  background: var(--belt-buckle-color) !important;
  border: 1px solid var(--belt-buckle-border) !important;
  border-radius: 1px !important;
  box-shadow: 0 0 3px var(--belt-buckle-glow) !important;
  display: block !important;
}

/* --- ITEM CUSTOM ICONS (RINGS & AMULETS) FOR INVENTORY & ENCYCLOPEDIA --- */
.ring-amulet-icon-wrapper {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  pointer-events: none !important;
}

.item-custom-icon {
  position: relative !important;
  box-sizing: border-box !important;
}

/* Ring Styling */
.item-custom-icon.ring {
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  border: 3.5px solid transparent !important;
  background: var(--metal-gradient) padding-box, 
              var(--metal-gradient) border-box !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.4) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.item-custom-icon.ring::after {
  content: '' !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: #1a1a24 !important; /* matches slot background */
  box-shadow: inset 0 1.5px 2px rgba(0, 0, 0, 0.7) !important;
}
.item-custom-icon.ring .gem-stone {
  position: absolute !important;
  top: -5px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(45deg) !important;
  width: 6px !important;
  height: 6px !important;
  background: var(--gem-color) !important;
  border-radius: 1.5px !important;
  box-shadow: 0 0 5px var(--gem-shadow), 0 1px 1px rgba(0, 0, 0, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  z-index: 2 !important;
}

/* Amulet Styling */
.item-custom-icon.amulet {
  width: 20px !important;
  height: 22px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
.item-custom-icon.amulet::before {
  content: '' !important;
  width: 16px !important;
  height: 10px !important;
  border: 2px solid transparent !important;
  border-bottom: none !important;
  border-radius: 8px 8px 0 0 !important;
  background: var(--metal-gradient) padding-box, 
              var(--metal-gradient) border-box !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}
.item-custom-icon.amulet::after {
  content: '' !important;
  width: 3.5px !important;
  height: 3.5px !important;
  background: var(--metal-gradient) !important;
  border-radius: 50% !important;
  margin-top: -2px !important;
  z-index: 1 !important;
}
.item-custom-icon.amulet .gem-stone {
  width: 8px !important;
  height: 8px !important;
  background: var(--gem-color) !important;
  border-radius: 50% 0 50% 50% !important;
  transform: rotate(-45deg) !important;
  box-shadow: 0 0 6px var(--gem-shadow), 0 1.5px 2px rgba(0, 0, 0, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  margin-top: -1px !important;
  z-index: 2 !important;
}

/* =======================================================
   BASE RENDER & CUSTOMIZATIONS FOR STAFFS AND BOWS
   ======================================================= */

/* --- Staff (Bâton) Base Style --- */
body .charSprite .charStaff.equipped {
  display: block !important;
  position: absolute;
  width: 6px;
  height: 46px;
  right: -4px;
  top: 28px;
  background: linear-gradient(90deg, #784212, #fad7a0 40%, #784212 80%);
  border: 1.5px solid #1c1511;
  border-radius: 3px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
  transform-origin: 50% 90%;
  animation: weaponSway 3.6s ease-in-out infinite;
  z-index: 5;
}

body .charSprite .charStaff.equipped::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: -14px;
  left: -6px;
  border-radius: 50%;
  background: var(--staff-head-color, radial-gradient(circle at 35% 30%, #ffffff 0%, #a29bfe 40%, #6c5ce7 80%, #32107c 100%));
  box-shadow:
    0 0 14px rgba(108, 92, 231, 0.7),
    0 0 22px rgba(108, 92, 231, 0.4);
  animation: orbPulse 1.8s ease-in-out infinite;
}

/* --- Bow (Arc) Base Style --- */
body .charSprite .charBow.equipped {
  display: block !important;
  position: absolute;
  width: 18px;
  height: 38px;
  right: -8px;
  top: 36px;
  border: 4px solid var(--bow-limb-color, #e58e26);
  border-left: 0;
  border-radius: 0 40px 40px 0;
  background: linear-gradient(180deg, #d35400, #a04000 60%, #5e2700 100%);
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.6),
    inset 1px 0 rgba(255, 255, 255, 0.1);
  transform-origin: 20% 90%;
  animation: weaponSway 3.8s ease-in-out infinite;
  z-index: 5;
}

body .charSprite .charBow.equipped::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 28px;
  right: -6px;
  top: 5px;
  background: linear-gradient(180deg, #fff, #fad390, var(--bow-limb-color, #e58e26));
  transform: rotate(-10deg);
  border-radius: 2px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.4);
}

/* -------------------------------------------------------
   INDIVIDUAL STAFF SKINS
   ------------------------------------------------------- */

/* Bâton d'Apprenti (lvl 1) — Bâton de bois brut, nœud lumineux d'éveil */
.charSprite[data-staff="baton-dapprenti"] .charStaff.equipped {
  background: linear-gradient(90deg, #5d4037, #bcaaa4 45%, #5d4037 85%) !important;
  border-color: #3e2723 !important;
  box-shadow: 0 0 6px rgba(139, 195, 74, 0.4) !important;
}
.charSprite[data-staff="baton-dapprenti"] .charStaff.equipped::before {
  --staff-head-color: radial-gradient(circle at 40% 35%, #f9fbe7 0%, #aed581 40%, #558b2f 80%) !important;
  background: radial-gradient(circle at 40% 35%, #f9fbe7 0%, #aed581 40%, #558b2f 80%) !important;
  box-shadow: 0 0 8px rgba(139, 195, 74, 0.6), 0 0 16px rgba(139, 195, 74, 0.3) !important;
  animation: orbPulse 2.2s ease-in-out infinite !important;
}

/* Bâton d'Érable Poli (lvl 40) — Bois rare à la teinte rousse, orbe de nature */
.charSprite[data-staff="baton-derable-poli"] .charStaff.equipped {
  background: linear-gradient(90deg, #6d4c41, #ff8f00 45%, #6d4c41 85%) !important;
  border-color: #4e342e !important;
  box-shadow: 0 0 8px rgba(255, 143, 0, 0.35) !important;
}
.charSprite[data-staff="baton-derable-poli"] .charStaff.equipped::before {
  background: radial-gradient(circle at 38% 30%, #fff9c4 0%, #ffca28 40%, #f9a825 80%) !important;
  box-shadow: 0 0 12px rgba(249, 168, 37, 0.7), 0 0 24px rgba(249, 168, 37, 0.3) !important;
  animation: orbPulse 2s ease-in-out infinite !important;
}

/* Bâton de Lave Fusionné (lvl 120) — Magma et obsidienne, flammes ardentes */
.charSprite[data-staff="baton-de-lave-fusionne"] .charStaff.equipped {
  background: linear-gradient(90deg, #212121, #ff5722 40%, #b71c1c 75%, #212121 100%) !important;
  border-color: #b71c1c !important;
  box-shadow: 0 0 14px rgba(255, 87, 34, 0.8), 0 0 4px rgba(255, 87, 34, 0.4) !important;
}
.charSprite[data-staff="baton-de-lave-fusionne"] .charStaff.equipped::before {
  background: radial-gradient(circle at 35% 30%, #ffcc02 0%, #ff6f00 35%, #dd2c00 70%) !important;
  box-shadow: 0 0 16px rgba(255, 111, 0, 0.9), 0 0 30px rgba(221, 44, 0, 0.5) !important;
  animation: orbPulse 1.3s ease-in-out infinite !important;
}

/* Bâton Suprême de l'Arbre Ancestral (lvl 45, légendaire) — Racines vivantes, orbe sylvain légendaire */
.charSprite[data-staff="baton-supreme-de-larbre-ancestral"] .charStaff.equipped {
  background: linear-gradient(90deg, #33691e, #a5d6a7 40%, #33691e 80%) !important;
  border-color: #1b5e20 !important;
  box-shadow: 0 0 12px rgba(76, 175, 80, 0.6), 0 0 24px rgba(76, 175, 80, 0.25) !important;
}
.charSprite[data-staff="baton-supreme-de-larbre-ancestral"] .charStaff.equipped::before {
  width: 18px !important;
  height: 18px !important;
  top: -16px !important;
  left: -7px !important;
  background: radial-gradient(circle at 35% 30%, #ffffff 0%, #69f0ae 30%, #00c853 60%, #1b5e20 90%) !important;
  box-shadow: 0 0 16px rgba(105, 240, 174, 0.8), 0 0 32px rgba(0, 200, 83, 0.5) !important;
  animation: orbPulse 1.5s ease-in-out infinite !important;
}

/* Sceptre Omnipotent de l'Archange (lvl 200, légendaire ultime) */
.charSprite[data-staff="sceptre-omnipotent-de-larchange"] .charStaff.equipped {
  background: linear-gradient(90deg, #f57f17, #fff176 40%, #f57f17 80%) !important;
  border-color: #e65100 !important;
  box-shadow: 0 0 18px rgba(255, 241, 118, 0.9), 0 0 36px rgba(255, 193, 7, 0.5) !important;
}
.charSprite[data-staff="sceptre-omnipotent-de-larchange"] .charStaff.equipped::before {
  width: 20px !important;
  height: 20px !important;
  top: -18px !important;
  left: -8px !important;
  background: radial-gradient(circle at 30% 25%, #ffffff 0%, #fff9c4 20%, #ffd54f 50%, #e65100 90%) !important;
  box-shadow:
    0 0 20px rgba(255, 255, 255, 0.9),
    0 0 40px rgba(255, 213, 79, 0.8),
    0 0 60px rgba(230, 81, 0, 0.4) !important;
  animation: orbPulse 1.1s ease-in-out infinite !important;
}

/* Sceptre Immortel du Sphinx (lvl 95, légendaire) — Sable doré, mystère du désert */
.charSprite[data-staff="sceptre-immortel-du-sphinx"] .charStaff.equipped {
  background: linear-gradient(90deg, #795548, #ffe082 45%, #795548 85%) !important;
  border-color: #4e342e !important;
  box-shadow: 0 0 10px rgba(255, 224, 130, 0.6) !important;
}
.charSprite[data-staff="sceptre-immortel-du-sphinx"] .charStaff.equipped::before {
  background: radial-gradient(circle at 38% 30%, #ffffff 0%, #ffe57f 35%, #ffab00 70%) !important;
  box-shadow: 0 0 14px rgba(255, 171, 0, 0.8), 0 0 28px rgba(255, 171, 0, 0.4) !important;
}

/* -------------------------------------------------------
   INDIVIDUAL BOW SKINS
   ------------------------------------------------------- */

/* Arc de Recrue (lvl 1) — Arc simple en bois brut, corde en lin */
.charSprite[data-bow="arc-de-recrue"] .charBow.equipped {
  border-color: #8d6e63 !important;
  background: linear-gradient(180deg, #6d4c41, #5d4037 60%, #4e342e 100%) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5) !important;
}
.charSprite[data-bow="arc-de-recrue"] .charBow.equipped::after {
  background: linear-gradient(180deg, #fffde7, #f5f5f5, #8d6e63) !important;
}

/* Arc en Bambou Flexible (lvl 50) — Bambou vert clair souple et élancé */
.charSprite[data-bow="arc-en-bambou-flexible"] .charBow.equipped {
  border-color: #558b2f !important;
  background: linear-gradient(180deg, #689f38, #33691e 55%, #1b5e20 100%) !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.55), 0 0 6px rgba(85, 139, 47, 0.4) !important;
}
.charSprite[data-bow="arc-en-bambou-flexible"] .charBow.equipped::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  left: 2px;
  top: 0;
  background: repeating-linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.18) 0px,
    rgba(255, 255, 255, 0.18) 4px,
    transparent 4px,
    transparent 8px
  );
  border-radius: 2px;
}
.charSprite[data-bow="arc-en-bambou-flexible"] .charBow.equipped::after {
  background: linear-gradient(180deg, #f9fbe7, #ccff90, #558b2f) !important;
  box-shadow: 0 0 4px rgba(139, 195, 74, 0.5) !important;
}

/* Arc Céleste Foudroyant (lvl 160) — Or et éclairs, aura divine */
.charSprite[data-bow="arc-celeste-foudroyant"] .charBow.equipped {
  border-color: #fdd835 !important;
  background: linear-gradient(180deg, #ffe082, #ffd54f 40%, #f9a825 75%, #e65100 100%) !important;
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.6),
    0 0 16px rgba(253, 216, 53, 0.7),
    0 0 30px rgba(253, 216, 53, 0.3) !important;
}
.charSprite[data-bow="arc-celeste-foudroyant"] .charBow.equipped::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  left: 1px;
  top: 0;
  background: repeating-linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.3) 0px,
    rgba(255, 255, 255, 0.3) 3px,
    transparent 3px,
    transparent 9px
  );
  border-radius: 2px;
}
.charSprite[data-bow="arc-celeste-foudroyant"] .charBow.equipped::after {
  background: linear-gradient(180deg, #ffffff, #fff9c4, #fdd835) !important;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.9), 0 0 16px rgba(253, 216, 53, 0.6) !important;
  width: 2.5px !important;
}

/* Faux Nécromantique du Maître (lvl 145, staff légendaire, Cimetière) — Lame spectrale violette */
.charSprite[data-staff="faux-necromantique-du-maitre"] .charStaff.equipped {
  background: linear-gradient(90deg, #1a1a2e, #7e57c2 40%, #4a148c 75%, #1a1a2e 100%) !important;
  border-color: #311b92 !important;
  box-shadow: 0 0 12px rgba(126, 87, 194, 0.7), 0 0 24px rgba(74, 20, 140, 0.4) !important;
}
.charSprite[data-staff="faux-necromantique-du-maitre"] .charStaff.equipped::before {
  width: 14px !important;
  height: 22px !important;
  top: -18px !important;
  left: -5px !important;
  border-radius: 2px 60% 2px 2px !important;
  background: linear-gradient(135deg, #e1bee7 0%, #ce93d8 30%, #9c27b0 70%) !important;
  box-shadow: 0 0 14px rgba(156, 39, 176, 0.8), 0 0 28px rgba(156, 39, 176, 0.4) !important;
  animation: orbPulse 1.6s ease-in-out infinite !important;
}

/* Arc pour la Faux Nécromantique — variante arc si applicable */
.charSprite[data-bow="arc-de-foudre"] .charBow.equipped {
  border-color: #29b6f6 !important;
  background: linear-gradient(180deg, #e1f5fe, #0288d1 55%, #01579b 100%) !important;
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.6),
    0 0 12px rgba(41, 182, 246, 0.6) !important;
}
.charSprite[data-bow="arc-de-foudre"] .charBow.equipped::after {
  background: linear-gradient(180deg, #ffffff, #e1f5fe, #29b6f6) !important;
  box-shadow: 0 0 6px rgba(41, 182, 246, 0.8) !important;
}

/* Biome glow overrides for bows and staffs (matching existing biome system) */
/* Ice / Frost bows */
.charSprite[data-bow*="givre"] .charBow.equipped,
.charSprite[data-bow*="glace"] .charBow.equipped,
.charSprite[data-bow*="gel"] .charBow.equipped {
  border-color: #80deea !important;
  background: linear-gradient(180deg, #e0f7fa, #26c6da 55%, #0097a7 100%) !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5), 0 0 12px rgba(0, 151, 167, 0.6) !important;
}
.charSprite[data-bow*="givre"] .charBow.equipped::after,
.charSprite[data-bow*="glace"] .charBow.equipped::after,
.charSprite[data-bow*="gel"] .charBow.equipped::after {
  background: linear-gradient(180deg, #fff, #e0f7fa, #80deea) !important;
}

/* Fire / Magma staffs */
.charSprite[data-staff*="lave"] .charStaff.equipped,
.charSprite[data-staff*="feu"] .charStaff.equipped,
.charSprite[data-staff*="magma"] .charStaff.equipped {
  background: linear-gradient(90deg, #212121, #ff5722 40%, #b71c1c 80%, #212121 100%) !important;
  box-shadow: 0 0 14px rgba(255, 87, 34, 0.8) !important;
}
.charSprite[data-staff*="lave"] .charStaff.equipped::before,
.charSprite[data-staff*="feu"] .charStaff.equipped::before,
.charSprite[data-staff*="magma"] .charStaff.equipped::before {
  background: radial-gradient(circle at 35% 30%, #ffcc02 0%, #ff6f00 35%, #dd2c00 70%) !important;
  box-shadow: 0 0 16px rgba(255, 111, 0, 0.9), 0 0 30px rgba(221, 44, 0, 0.5) !important;
}

/* Celestial / Gold staffs */
.charSprite[data-staff*="celeste"] .charStaff.equipped,
.charSprite[data-staff*="archange"] .charStaff.equipped,
.charSprite[data-staff*="divin"] .charStaff.equipped {
  background: linear-gradient(90deg, #f57f17, #fff176 40%, #f57f17 80%) !important;
  box-shadow: 0 0 16px rgba(255, 241, 118, 0.8), 0 0 30px rgba(255, 193, 7, 0.4) !important;
}
.charSprite[data-staff*="celeste"] .charStaff.equipped::before,
.charSprite[data-staff*="archange"] .charStaff.equipped::before,
.charSprite[data-staff*="divin"] .charStaff.equipped::before {
  background: radial-gradient(circle at 30% 25%, #ffffff 0%, #fff9c4 25%, #ffd54f 55%, #e65100 90%) !important;
  box-shadow: 0 0 18px rgba(255, 255, 255, 0.8), 0 0 36px rgba(255, 213, 79, 0.6) !important;
}

/* Forest / Nature staffs */
.charSprite[data-staff*="ancestral"] .charStaff.equipped,
.charSprite[data-staff*="arbre"] .charStaff.equipped,
.charSprite[data-staff*="erable"] .charStaff.equipped {
  background: linear-gradient(90deg, #33691e, #a5d6a7 40%, #33691e 80%) !important;
  box-shadow: 0 0 10px rgba(76, 175, 80, 0.5) !important;
}
.charSprite[data-staff*="ancestral"] .charStaff.equipped::before,
.charSprite[data-staff*="arbre"] .charStaff.equipped::before,
.charSprite[data-staff*="erable"] .charStaff.equipped::before {
  background: radial-gradient(circle at 35% 30%, #ffffff 0%, #a5d6a7 30%, #43a047 65%, #1b5e20 95%) !important;
  box-shadow: 0 0 14px rgba(67, 160, 71, 0.7), 0 0 28px rgba(27, 94, 32, 0.4) !important;
}

/* Dark / Necromancer staffs */
.charSprite[data-staff*="necro"] .charStaff.equipped,
.charSprite[data-staff*="spectre"] .charStaff.equipped,
.charSprite[data-staff*="mort"] .charStaff.equipped,
.charSprite[data-staff*="faux"] .charStaff.equipped {
  background: linear-gradient(90deg, #1a1a2e, #7e57c2 40%, #4a148c 75%, #1a1a2e 100%) !important;
  box-shadow: 0 0 12px rgba(126, 87, 194, 0.7) !important;
}
.charSprite[data-staff*="necro"] .charStaff.equipped::before,
.charSprite[data-staff*="spectre"] .charStaff.equipped::before,
.charSprite[data-staff*="mort"] .charStaff.equipped::before,
.charSprite[data-staff*="faux"] .charStaff.equipped::before {
  background: radial-gradient(circle at 35% 30%, #e1bee7 0%, #ab47bc 40%, #6a1b9a 80%) !important;
  box-shadow: 0 0 14px rgba(171, 71, 188, 0.8) !important;
}

/* Celestial / Gold bows */
.charSprite[data-bow*="celeste"] .charBow.equipped,
.charSprite[data-bow*="foudroyant"] .charBow.equipped,
.charSprite[data-bow*="divin"] .charBow.equipped {
  border-color: #fdd835 !important;
  background: linear-gradient(180deg, #ffe082, #ffd54f 40%, #f9a825 75%, #e65100 100%) !important;
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.6),
    0 0 16px rgba(253, 216, 53, 0.7) !important;
}
.charSprite[data-bow*="celeste"] .charBow.equipped::after,
.charSprite[data-bow*="foudroyant"] .charBow.equipped::after,
.charSprite[data-bow*="divin"] .charBow.equipped::after {
  background: linear-gradient(180deg, #ffffff, #fff9c4, #fdd835) !important;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.9) !important;
}

/* Nature / Forest bows */
.charSprite[data-bow*="bois"] .charBow.equipped,
.charSprite[data-bow*="bambou"] .charBow.equipped,
.charSprite[data-bow*="erable"] .charBow.equipped {
  border-color: #558b2f !important;
  background: linear-gradient(180deg, #689f38, #33691e 55%, #1b5e20 100%) !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.55), 0 0 6px rgba(85, 139, 47, 0.4) !important;
}
.charSprite[data-bow*="bois"] .charBow.equipped::after,
.charSprite[data-bow*="bambou"] .charBow.equipped::after,
.charSprite[data-bow*="erable"] .charBow.equipped::after {
  background: linear-gradient(180deg, #f9fbe7, #ccff90, #558b2f) !important;
}

/* ==========================================
   PURE CSS RESOURCE ICON RENDERING SYSTEM
   ========================================== */

.resource-css-render-box,
.resource-icon-box {
  width: 40px;
  height: 40px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.resource-large-box .resource-icon-box {
  transform: scale(1.8);
}

.resource-icon {
  width: 24px;
  height: 24px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4));
}

.resource-icon-box:hover .resource-icon {
  transform: scale(1.2) rotate(6deg);
}

/* 00A. REAL HORN (Vraie Corne avec Stries) */
.resource-icon.resource-horn {
  width: 22px;
  height: 28px;
  clip-path: polygon(0% 100%, 35% 60%, 75% 20%, 100% 0%, 90% 35%, 65% 85%, 25% 100%) !important;
  background:
    repeating-linear-gradient(135deg, rgba(0,0,0,0.2) 0px, rgba(0,0,0,0.2) 3px, transparent 3px, transparent 6px),
    linear-gradient(150deg, #fef08a 0%, #d97706 45%, #78350f 80%, #451a03 100%) !important;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.6)) !important;
}

/* 00B. REAL TOOTH & FANG (Vraie Dent / Crochet d'Ivoire) */
.resource-icon.resource-tooth {
  width: 18px;
  height: 26px;
  clip-path: polygon(40% 0%, 100% 40%, 75% 80%, 50% 100%, 0% 70%, 15% 35%) !important;
  background: linear-gradient(135deg, #ffffff 0%, #fef3c7 50%, #d97706 80%, #78350f 100%) !important;
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.5)) !important;
}

.resource-icon.resource-tooth::after {
  content: "" !important;
  position: absolute !important;
  top: 2px;
  left: 4px;
  width: 4px;
  height: 10px;
  background: rgba(255, 255, 255, 0.9) !important;
  border-radius: 2px !important;
}

/* 00C. REAL BONE SKULL (Vrai Crâne avec Orbites & Dents) */
.resource-icon.resource-skull {
  width: 24px;
  height: 24px;
  border-radius: 12px 12px 6px 6px !important;
  background:
    radial-gradient(circle at 7px 9px, #0f172a 2.5px, transparent 3px),
    radial-gradient(circle at 17px 9px, #0f172a 2.5px, transparent 3px),
    linear-gradient(180deg, transparent 13px, #0f172a 13px, #0f172a 16px, transparent 16px),
    linear-gradient(180deg, #ffffff 0%, #f1f5f9 50%, #cbd5e1 80%, #94a3b8 100%) !important;
  border: 1.5px solid #475569 !important;
  box-shadow: inset 0 2px 3px rgba(255, 255, 255, 0.8), 0 3px 6px rgba(0, 0, 0, 0.5) !important;
}

.resource-icon.resource-skull::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 14px !important;
  height: 5px !important;
  background: repeating-linear-gradient(90deg, #ffffff 0px, #ffffff 2px, #0f172a 2px, #0f172a 3px) !important;
  border-radius: 0 0 3px 3px !important;
}

/* 00D. REAL 3-TALON DOFUS CLAW (Patte à 3 Griffes / Serres) */
.resource-icon.resource-claw {
  width: 24px;
  height: 26px;
  position: relative;
  background: linear-gradient(160deg, #ffffff 0%, #cbd5e1 30%, #334155 70%, #0f172a 100%) !important;
  clip-path: polygon(45% 0%, 75% 25%, 60% 65%, 85% 100%, 25% 100%, 35% 65%, 15% 25%) !important;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.6)) !important;
}

.resource-icon.resource-claw::before {
  content: "" !important;
  position: absolute !important;
  top: 4px;
  left: -4px;
  width: 14px;
  height: 20px;
  background: linear-gradient(150deg, #fef3c7 0%, #cbd5e1 40%, #1e293b 100%) !important;
  clip-path: polygon(30% 0%, 80% 30%, 50% 100%, 0% 100%, 15% 50%) !important;
}

.resource-icon.resource-claw::after {
  content: "" !important;
  position: absolute !important;
  top: 4px;
  right: -4px;
  width: 14px;
  height: 20px;
  background: linear-gradient(170deg, #fef3c7 0%, #cbd5e1 40%, #1e293b 100%) !important;
  clip-path: polygon(70% 0%, 85% 50%, 100% 100%, 50% 100%, 20% 30%) !important;
}

/* 00E. REAL RUBY HEART (Vrai Cœur Éclatant) */
.resource-icon.resource-heart {
  width: 24px;
  height: 22px;
  clip-path: polygon(50% 100%, 0% 35%, 15% 0%, 50% 25%, 85% 0%, 100% 35%) !important;
  background: linear-gradient(180deg, #f87171 0%, #ef4444 40%, #dc2626 70%, #7f1d1d 100%) !important;
  filter: drop-shadow(0 0 8px rgba(239, 68, 68, 0.8)) !important;
}

/* 00F1. BONNET DE LUTIN (Rouge & Vert avec Grelot - Image User) */
.resource-icon.resource-bonnet,
.resource-icon.resource-bonnet-lutin {
  width: 24px;
  height: 26px;
  position: relative;
  background: linear-gradient(135deg, #f87171 0%, #ef4444 40%, #dc2626 70%, #991b1b 100%) !important;
  clip-path: polygon(20% 100%, 0% 50%, 15% 15%, 50% 0%, 85% 20%, 100% 50%, 80% 100%) !important;
  border-radius: 12px 14px 0 0 !important;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.5)) !important;
}

.resource-icon.resource-bonnet::before,
.resource-icon.resource-bonnet-lutin::before {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 24px !important;
  height: 12px !important;
  background: linear-gradient(180deg, #4ade80 0%, #22c55e 50%, #15803d 100%) !important;
  clip-path: polygon(0% 100%, 15% 0%, 35% 80%, 50% 0%, 65% 80%, 85% 0%, 100% 100%) !important;
}

.resource-icon.resource-bonnet::after,
.resource-icon.resource-bonnet-lutin::after {
  content: "" !important;
  position: absolute !important;
  top: -2px !important;
  left: 3px !important;
  width: 5px !important;
  height: 5px !important;
  background: radial-gradient(circle at 35% 35%, #ffffff 0%, #facc15 60%, #ca8a04 100%) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 3px #facc15 !important;
}

/* 00F2. BONNET DE PÈRE NOËL (Rouge & Blanc avec Pompon) */
.resource-icon.resource-bonnet-noel {
  width: 24px;
  height: 26px;
  position: relative;
  background: linear-gradient(135deg, #f87171 0%, #ef4444 40%, #dc2626 70%, #991b1b 100%) !important;
  clip-path: polygon(15% 100%, 0% 60%, 10% 20%, 45% 0%, 85% 25%, 100% 65%, 85% 100%) !important;
  border-radius: 12px 14px 0 0 !important;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.5)) !important;
}

.resource-icon.resource-bonnet-noel::before {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 24px !important;
  height: 8px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 60%, #cbd5e1 100%) !important;
  border-radius: 4px !important;
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3) !important;
}

.resource-icon.resource-bonnet-noel::after {
  content: "" !important;
  position: absolute !important;
  top: -2px !important;
  left: 2px !important;
  width: 7px !important;
  height: 7px !important;
  background: radial-gradient(circle at 35% 35%, #ffffff 0%, #f1f5f9 70%, #94a3b8 100%) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 3px #ffffff !important;
}

/* 00F3. BONNET VERT / FÉE (Vert & Or) */
.resource-icon.resource-bonnet-vert {
  width: 24px;
  height: 26px;
  position: relative;
  background: linear-gradient(135deg, #86efac 0%, #22c55e 50%, #15803d 85%, #052e16 100%) !important;
  clip-path: polygon(20% 100%, 0% 50%, 15% 15%, 50% 0%, 85% 20%, 100% 50%, 80% 100%) !important;
  border-radius: 12px 14px 0 0 !important;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.5)) !important;
}

.resource-icon.resource-bonnet-vert::before {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 24px !important;
  height: 8px !important;
  background: linear-gradient(180deg, #fef08a 0%, #facc15 60%, #ca8a04 100%) !important;
  border-radius: 3px !important;
}

.resource-icon.resource-bonnet-vert::after {
  content: "" !important;
  position: absolute !important;
  top: -2px !important;
  left: 3px !important;
  width: 5px !important;
  height: 5px !important;
  background: radial-gradient(circle at 35% 35%, #ffffff 0%, #facc15 60%, #ca8a04 100%) !important;
  border-radius: 50% !important;
}

/* 00F. REAL DOFUS ÉTOFFE / FABRIC CLOTH (Étoffe pliée avec bordure rouge) */
.resource-icon.resource-cloth {
  width: 26px;
  height: 26px;
  position: relative;
}

.resource-icon.resource-cloth::before {
  content: "" !important;
  position: absolute !important;
  top: 0;
  right: 0;
  width: 20px;
  height: 22px;
  background:
    linear-gradient(180deg, #dc2626 0%, #dc2626 6px, transparent 6px),
    linear-gradient(135deg, #ffffff 0%, #fef3c7 50%, #e2e8f0 80%, #cbd5e1 100%) !important;
  border-radius: 4px 6px 12px 4px !important;
  border: 1px solid #78350f !important;
  box-shadow: inset 0 2px 3px rgba(255, 255, 255, 0.8), 0 3px 6px rgba(0, 0, 0, 0.4) !important;
  transform: rotate(10deg) skewY(-5deg) !important;
}

.resource-icon.resource-cloth::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0;
  left: 0;
  width: 18px;
  height: 20px;
  background:
    linear-gradient(180deg, #b91c1c 0%, #b91c1c 5px, transparent 5px),
    linear-gradient(135deg, #fef3c7 0%, #cbd5e1 70%, #94a3b8 100%) !important;
  border-radius: 4px 4px 10px 4px !important;
  border: 1px solid #451a03 !important;
  z-index: -1 !important;
  transform: rotate(-15deg) !important;
}

/* 0A. MULTI-GRAIN SEED CLUSTER (Plusieurs Graines de Blé Doré) */
.resource-icon.resource-grain {
  width: 26px;
  height: 24px;
  position: relative;
  background:
    radial-gradient(ellipse at 7px 6px, #fef08a 0%, #facc15 65%, #ca8a04 100%),
    radial-gradient(ellipse at 19px 7px, #fef08a 0%, #facc15 65%, #ca8a04 100%),
    radial-gradient(ellipse at 13px 13px, #ffffff 0%, #fef08a 40%, #eab308 100%),
    radial-gradient(ellipse at 6px 18px, #fef08a 0%, #facc15 65%, #ca8a04 100%),
    radial-gradient(ellipse at 20px 18px, #fef08a 0%, #facc15 65%, #ca8a04 100%) !important;
  filter: drop-shadow(0 3px 5px rgba(161, 98, 7, 0.7)) !important;
}

.resource-icon.resource-grain::before {
  content: "" !important;
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(180deg, transparent 4px, #78350f 5px, transparent 6px),
    linear-gradient(180deg, transparent 11px, #78350f 12px, transparent 13px),
    linear-gradient(180deg, transparent 16px, #78350f 17px, transparent 18px) !important;
  opacity: 0.6 !important;
}

/* 0A1. SEIGLE (Plusieurs Graines de Seigle Bronze) */
.resource-icon.resource-grain-seigle {
  width: 26px;
  height: 24px;
  position: relative;
  background:
    radial-gradient(ellipse at 7px 6px, #fde68a 0%, #d97706 65%, #78350f 100%),
    radial-gradient(ellipse at 19px 7px, #fde68a 0%, #d97706 65%, #78350f 100%),
    radial-gradient(ellipse at 13px 13px, #fffbeb 0%, #d97706 40%, #78350f 100%),
    radial-gradient(ellipse at 6px 18px, #fde68a 0%, #d97706 65%, #78350f 100%),
    radial-gradient(ellipse at 20px 18px, #fde68a 0%, #d97706 65%, #78350f 100%) !important;
  filter: drop-shadow(0 3px 5px rgba(120, 53, 15, 0.8)) !important;
}

.resource-icon.resource-grain-seigle::before {
  content: "" !important;
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(180deg, transparent 4px, #451a03 5px, transparent 6px),
    linear-gradient(180deg, transparent 11px, #451a03 12px, transparent 13px),
    linear-gradient(180deg, transparent 16px, #451a03 17px, transparent 18px) !important;
  opacity: 0.7 !important;
}

/* 0A2. AVOINE (Plusieurs Graines d'Avoine Allongées) */
.resource-icon.resource-grain-avoine {
  width: 26px;
  height: 24px;
  position: relative;
  background:
    radial-gradient(ellipse at 6px 5px, #fffbeb 0%, #facc15 65%, #ca8a04 100%),
    radial-gradient(ellipse at 18px 6px, #fffbeb 0%, #facc15 65%, #ca8a04 100%),
    radial-gradient(ellipse at 12px 13px, #ffffff 0%, #fef08a 40%, #ca8a04 100%),
    radial-gradient(ellipse at 5px 18px, #fffbeb 0%, #facc15 65%, #ca8a04 100%),
    radial-gradient(ellipse at 20px 18px, #fffbeb 0%, #facc15 65%, #ca8a04 100%) !important;
  filter: drop-shadow(0 3px 5px rgba(161, 98, 7, 0.7)) !important;
}

/* 0A3. MAÏS (Plusieurs Grains de Maïs Jaune Bombe) */
.resource-icon.resource-grain-mais {
  width: 26px;
  height: 24px;
  position: relative;
  background:
    radial-gradient(circle at 6px 6px, #ffffff 1px, #fef08a 3px, #eab308 6px, transparent 6.5px),
    radial-gradient(circle at 18px 6px, #ffffff 1px, #fef08a 3px, #eab308 6px, transparent 6.5px),
    radial-gradient(circle at 12px 13px, #ffffff 1.5px, #facc15 4px, #ca8a04 7px, transparent 7.5px),
    radial-gradient(circle at 6px 19px, #ffffff 1px, #fef08a 3px, #eab308 6px, transparent 6.5px),
    radial-gradient(circle at 19px 19px, #ffffff 1px, #fef08a 3px, #eab308 6px, transparent 6.5px) !important;
  filter: drop-shadow(0 3px 5px rgba(161, 98, 7, 0.8)) !important;
}

/* 0A4. RIZ (Plusieurs Grains de Riz Blanc Nacré) */
.resource-icon.resource-grain-riz {
  width: 26px;
  height: 24px;
  position: relative;
  background:
    radial-gradient(ellipse at 6px 6px, #ffffff 0%, #f1f5f9 60%, #cbd5e1 100%),
    radial-gradient(ellipse at 18px 7px, #ffffff 0%, #f1f5f9 60%, #cbd5e1 100%),
    radial-gradient(ellipse at 12px 13px, #ffffff 0%, #f8fafc 40%, #94a3b8 100%),
    radial-gradient(ellipse at 5px 18px, #ffffff 0%, #f1f5f9 60%, #cbd5e1 100%),
    radial-gradient(ellipse at 19px 18px, #ffffff 0%, #f1f5f9 60%, #cbd5e1 100%) !important;
  filter: drop-shadow(0 3px 5px rgba(148, 163, 184, 0.8)) !important;
}

/* 0A5. QUINOA (Plusieurs Perles de Quinoa Bordeaux) */
.resource-icon.resource-grain-quinoa {
  width: 26px;
  height: 24px;
  position: relative;
  background:
    radial-gradient(circle at 6px 6px, #fda4af 1px, #f43f5e 3px, #be185d 5px, transparent 5.5px),
    radial-gradient(circle at 18px 6px, #fda4af 1px, #fb7185 3px, #9f1239 5px, transparent 5.5px),
    radial-gradient(circle at 12px 12px, #ffffff 1px, #f43f5e 3.5px, #881337 6px, transparent 6.5px),
    radial-gradient(circle at 5px 18px, #fda4af 1px, #fb7185 3px, #be185d 5px, transparent 5.5px),
    radial-gradient(circle at 19px 18px, #fda4af 1px, #f43f5e 3px, #9f1239 5px, transparent 5.5px) !important;
  filter: drop-shadow(0 3px 5px rgba(159, 18, 57, 0.8)) !important;
}

/* 0A6. MILLET (Plusieurs Perles de Millet Dorées) */
.resource-icon.resource-grain-millet {
  width: 26px;
  height: 24px;
  position: relative;
  background:
    radial-gradient(circle at 6px 6px, #ffffff 1px, #fef08a 3px, #eab308 5px, transparent 5.5px),
    radial-gradient(circle at 18px 6px, #ffffff 1px, #fef08a 3px, #ca8a04 5px, transparent 5.5px),
    radial-gradient(circle at 12px 12px, #ffffff 1px, #facc15 3.5px, #a16207 6px, transparent 6.5px),
    radial-gradient(circle at 5px 18px, #ffffff 1px, #fef08a 3px, #eab308 5px, transparent 5.5px),
    radial-gradient(circle at 19px 18px, #ffffff 1px, #fef08a 3px, #ca8a04 5px, transparent 5.5px) !important;
  filter: drop-shadow(0 3px 5px rgba(161, 98, 7, 0.8)) !important;
}

/* 0A7. ORGE / SARRASIN / ÉPEAUTRE (Plusieurs Grains Ambrés) */
.resource-icon.resource-grain-orge {
  width: 26px;
  height: 24px;
  position: relative;
  background:
    radial-gradient(ellipse at 6px 6px, #fef08a 0%, #facc15 50%, #a16207 100%),
    radial-gradient(ellipse at 18px 7px, #fde68a 0%, #eab308 50%, #78350f 100%),
    radial-gradient(ellipse at 12px 13px, #ffffff 0%, #fef08a 40%, #a16207 100%),
    radial-gradient(ellipse at 5px 18px, #fef08a 0%, #facc15 50%, #a16207 100%),
    radial-gradient(ellipse at 19px 18px, #fde68a 0%, #eab308 50%, #78350f 100%) !important;
  filter: drop-shadow(0 3px 5px rgba(120, 53, 15, 0.8)) !important;
}

/* 0B. REAL FISH (Vrai Poisson avec Nageoires et Œil) */
.resource-icon.resource-fish {
  width: 26px;
  height: 16px;
  border-radius: 60% 80% 40% 50% !important;
  background:
    radial-gradient(circle at 5px 5px, #ffffff 0.8px, #0f172a 1.8px, transparent 2.4px),
    linear-gradient(180deg, #e0f2fe 0%, #38bdf8 40%, #0284c7 75%, #0f172a 100%) !important;
  border: 1.5px solid #0369a1 !important;
  box-shadow: inset 0 2px 3px rgba(255, 255, 255, 0.5), 0 3px 6px rgba(0, 0, 0, 0.4) !important;
}

.resource-icon.resource-fish::after {
  content: "" !important;
  position: absolute !important;
  right: -8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 9px !important;
  height: 14px !important;
  background: linear-gradient(180deg, #38bdf8 0%, #0284c7 50%, #0369a1 100%) !important;
  clip-path: polygon(0% 40%, 100% 0%, 60% 50%, 100% 100%, 0% 60%) !important;
}

.resource-icon.resource-fish::before {
  content: "" !important;
  position: absolute !important;
  top: -5px !important;
  left: 10px !important;
  width: 8px !important;
  height: 6px !important;
  background: linear-gradient(180deg, #7dd3fc, #0284c7) !important;
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%) !important;
}

/* 0B1. POISSON PANÉ */
.resource-icon.resource-fish-pane {
  width: 28px;
  height: 16px;
  position: relative;
  background:
    repeating-linear-gradient(45deg, #d97706 0px, #b45309 3px, #facc15 5px),
    linear-gradient(180deg, #facc15 0%, #d97706 60%, #78350f 100%) !important;
  border-radius: 6px !important;
  border: 1.5px solid #78350f !important;
  box-shadow: inset 0 2px 3px rgba(255, 255, 255, 0.6), 0 3px 6px rgba(0, 0, 0, 0.4) !important;
}

.resource-icon.resource-fish-pane::after {
  content: "" !important;
  position: absolute !important;
  bottom: -4px !important;
  right: -2px !important;
  width: 9px !important;
  height: 9px !important;
  background: linear-gradient(135deg, #fef08a, #eab308) !important;
  clip-path: polygon(0% 100%, 100% 0%, 100% 100%) !important;
  border: 1px solid #a16207 !important;
}

/* 0B2. POISSON DE FEU & MAGMATIQUE */
.resource-icon.resource-fish-feu {
  width: 26px;
  height: 16px;
  position: relative;
  border-radius: 60% 80% 40% 50% !important;
  background:
    radial-gradient(circle at 5px 5px, #fef08a 0.8px, #dc2626 1.8px, transparent 2.4px),
    repeating-linear-gradient(135deg, #18181b 0px, #18181b 3px, transparent 3px, transparent 6px),
    linear-gradient(180deg, #f97316 0%, #ef4444 50%, #7f1d1d 100%) !important;
  border: 1.5px solid #7f1d1d !important;
  box-shadow: 0 0 10px rgba(249, 115, 22, 0.9), inset 0 2px 3px rgba(254, 240, 138, 0.7) !important;
}

.resource-icon.resource-fish-feu::after {
  content: "" !important;
  position: absolute !important;
  right: -8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 9px !important;
  height: 14px !important;
  background: linear-gradient(180deg, #facc15 0%, #ea580c 60%, #b91c1c 100%) !important;
  clip-path: polygon(0% 40%, 100% 0%, 60% 50%, 100% 100%, 0% 60%) !important;
}

/* 0B3. POISSON DES GLACES */
.resource-icon.resource-fish-glace {
  width: 26px;
  height: 16px;
  position: relative;
  border-radius: 60% 80% 40% 50% !important;
  background:
    radial-gradient(circle at 5px 5px, #ffffff 1px, #0284c7 2px, transparent 2.5px),
    linear-gradient(180deg, #ffffff 0%, #e0f2fe 40%, #38bdf8 75%, #0369a1 100%) !important;
  border: 1.5px solid #0284c7 !important;
  box-shadow: 0 0 10px rgba(56, 189, 248, 0.9), inset 0 2px 4px rgba(255, 255, 255, 0.9) !important;
}

.resource-icon.resource-fish-glace::after {
  content: "" !important;
  position: absolute !important;
  right: -8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 9px !important;
  height: 14px !important;
  background: linear-gradient(180deg, #ffffff 0%, #7dd3fc 60%, #0284c7 100%) !important;
  clip-path: polygon(0% 40%, 100% 0%, 60% 50%, 100% 100%, 0% 60%) !important;
}

/* 0B4. POISSON SPECTRAL */
.resource-icon.resource-fish-spectral {
  width: 26px;
  height: 16px;
  position: relative;
  border-radius: 60% 80% 40% 50% !important;
  background:
    radial-gradient(circle at 5px 5px, #ffffff 1px, #0d9488 2px, transparent 2.5px),
    linear-gradient(180deg, #ccfbf1 0%, #2dd4bf 50%, #0f766e 100%) !important;
  border: 1.5px solid #5eead4 !important;
  box-shadow: 0 0 12px #2dd4bf, 0 0 4px #a7f3d0 !important;
  opacity: 0.9 !important;
}

.resource-icon.resource-fish-spectral::after {
  content: "" !important;
  position: absolute !important;
  right: -8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 9px !important;
  height: 14px !important;
  background: linear-gradient(180deg, #a7f3d0 0%, #2dd4bf 60%, #115e59 100%) !important;
  clip-path: polygon(0% 40%, 100% 0%, 60% 50%, 100% 100%, 0% 60%) !important;
}

/* 0B5. POISSON SQUELETTE */
.resource-icon.resource-fish-squelette {
  width: 26px;
  height: 14px;
  position: relative;
  background:
    repeating-linear-gradient(90deg, #ffffff 0px, #ffffff 2px, #0f172a 2px, #0f172a 4px),
    linear-gradient(180deg, #ffffff 0%, #cbd5e1 100%) !important;
  clip-path: polygon(0% 50%, 30% 0%, 100% 30%, 100% 70%, 30% 100%) !important;
  border: 1px solid #334155 !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5)) !important;
}

/* 0B6. POISSON-GLOBE */
.resource-icon.resource-fish-globe {
  width: 22px;
  height: 22px;
  position: relative;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 6px 6px, #ffffff 1px, #0f172a 2px, transparent 2.5px),
    radial-gradient(circle at 50% 50%, #fef08a 0%, #a3e635 60%, #4d7c0f 100%) !important;
  border: 1.5px solid #3f6212 !important;
  box-shadow: 0 0 6px rgba(132, 204, 22, 0.7) !important;
}

/* 0B7. POISSON NUAGE */
.resource-icon.resource-fish-nuage {
  width: 26px;
  height: 18px;
  position: relative;
  border-radius: 12px 14px 10px 12px !important;
  background:
    radial-gradient(circle at 5px 6px, #38bdf8 1px, transparent 1.8px),
    linear-gradient(180deg, #ffffff 0%, #f1f5f9 60%, #bae6fd 100%) !important;
  border: 1.5px solid #7dd3fc !important;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.9), inset 0 2px 3px #ffffff !important;
}

/* 0B8. POISSON STELLAIRE */
.resource-icon.resource-fish-stellaire {
  width: 26px;
  height: 16px;
  position: relative;
  border-radius: 60% 80% 40% 50% !important;
  background:
    radial-gradient(circle at 4px 5px, #ffffff 1.2px, transparent 1.6px),
    radial-gradient(circle at 12px 8px, #ffffff 1px, transparent 1.4px),
    radial-gradient(circle at 18px 4px, #ffffff 1px, transparent 1.4px),
    linear-gradient(180deg, #818cf8 0%, #312e81 60%, #1e1b4b 100%) !important;
  border: 1.5px solid #a5b4fc !important;
  box-shadow: 0 0 10px #818cf8, inset 0 2px 3px #c7d2fe !important;
}

.resource-icon.resource-fish-stellaire::after {
  content: "" !important;
  position: absolute !important;
  right: -8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 9px !important;
  height: 14px !important;
  background: linear-gradient(180deg, #c7d2fe 0%, #818cf8 60%, #312e81 100%) !important;
  clip-path: polygon(0% 40%, 100% 0%, 60% 50%, 100% 100%, 0% 60%) !important;
}

/* 0B9. POISSON SAUVAGE TRUITE D'EAU DOUCE */
.resource-icon.resource-fish-douce {
  width: 26px;
  height: 16px;
  position: relative;
  border-radius: 60% 80% 40% 50% !important;
  background:
    radial-gradient(circle at 5px 5px, #ffffff 0.8px, #0f172a 1.8px, transparent 2.4px),
    repeating-radial-gradient(circle at 12px 8px, #365314 0px, #365314 1px, transparent 1px, transparent 3px),
    linear-gradient(180deg, #84cc16 0%, #65a30d 50%, #365314 100%) !important;
  border: 1.5px solid #365314 !important;
  box-shadow: inset 0 2px 3px rgba(255, 255, 255, 0.4), 0 3px 6px rgba(0, 0, 0, 0.4) !important;
}

.resource-icon.resource-fish-douce::after {
  content: "" !important;
  position: absolute !important;
  right: -8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 9px !important;
  height: 14px !important;
  background: linear-gradient(180deg, #84cc16 0%, #65a30d 60%, #365314 100%) !important;
  clip-path: polygon(0% 40%, 100% 0%, 60% 50%, 100% 100%, 0% 60%) !important;
}

/* 0C. REAL CARROT / VEGGIE (Vraie Carotte Orange avec Feuilles) */
.resource-icon.resource-veggie {
  width: 18px;
  height: 26px;
  clip-path: polygon(15% 0%, 85% 0%, 75% 40%, 55% 80%, 50% 100%, 45% 80%, 25% 40%) !important;
  background:
    repeating-linear-gradient(180deg, #ea580c 0px, #ea580c 4px, #c2410c 4px, #c2410c 6px),
    linear-gradient(135deg, #fb923c 0%, #f97316 50%, #c2410c 100%) !important;
  filter: drop-shadow(0 2px 4px rgba(194, 65, 12, 0.6)) !important;
}

.resource-icon.resource-veggie::before {
  content: "" !important;
  position: absolute !important;
  top: -5px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 12px !important;
  height: 7px !important;
  background: linear-gradient(135deg, #4ade80, #15803d) !important;
  clip-path: polygon(0% 100%, 30% 0%, 50% 60%, 70% 0%, 100% 100%) !important;
}

/* 0D. REAL MUSHROOM (Vrai Champignon Rouge à Pois Blancs) */
.resource-icon.resource-mushroom {
  width: 22px;
  height: 22px;
  background:
    radial-gradient(circle at 6px 6px, #ffffff 1.2px, transparent 1.6px),
    radial-gradient(circle at 16px 6px, #ffffff 1.2px, transparent 1.6px),
    radial-gradient(circle at 11px 3px, #ffffff 1px, transparent 1.4px),
    linear-gradient(180deg, #f87171 0%, #ef4444 50%, #991b1b 100%) !important;
  border-radius: 12px 12px 4px 4px !important;
  border: 1.5px solid #7f1d1d !important;
  box-shadow: inset 0 2px 3px rgba(255, 255, 255, 0.5), 0 3px 6px rgba(0, 0, 0, 0.4) !important;
}

.resource-icon.resource-mushroom::after {
  content: "" !important;
  position: absolute !important;
  bottom: -6px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 8px !important;
  height: 8px !important;
  background: linear-gradient(180deg, #fef3c7 0%, #d97706 100%) !important;
  border-radius: 2px 2px 4px 4px !important;
  border: 1px solid #78350f !important;
}

/* 0E. REAL RAW MEAT (Vraie Tranche de Viande Rouge Persillée) */
.resource-icon.resource-meat {
  width: 24px;
  height: 22px;
  border-radius: 10px 14px 6px 12px !important;
  background:
    linear-gradient(45deg, transparent 40%, rgba(255, 255, 255, 0.7) 42%, transparent 45%),
    linear-gradient(135deg, #ef4444 0%, #dc2626 50%, #991b1b 100%) !important;
  border: 1.5px solid #7f1d1d !important;
  box-shadow: inset 0 2px 3px rgba(255, 255, 255, 0.4), 0 3px 6px rgba(0, 0, 0, 0.5) !important;
}

.resource-icon.resource-meat::before {
  content: "" !important;
  position: absolute !important;
  top: 3px;
  left: 3px;
  width: 6px;
  height: 6px;
  background: #fef3c7 !important;
  border-radius: 50% !important;
  border: 1px solid #78350f !important;
}

/* 1. REAL 3D WOODEN LOG (Rondin de bois 3D avec cernes et écorce) */
.resource-icon.resource-wood,
.resource-icon.resource-wood-peuplier,
.resource-icon.resource-wood-hetre,
.resource-icon.resource-wood-chene,
.resource-icon.resource-wood-pin,
.resource-icon.resource-wood-acacia,
.resource-icon.resource-wood-teck,
.resource-icon.resource-wood-noyer,
.resource-icon.resource-wood-bambou {
  width: 28px;
  height: 20px;
  position: relative;
  border-radius: 10px 4px 4px 10px !important;
  border: 1.5px solid #292524 !important;
  box-shadow: inset 0 2px 3px rgba(255, 255, 255, 0.4), inset -3px 0 5px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.5) !important;
  transform: rotate(-10deg) !important;
}

.resource-icon.resource-wood {
  background:
    radial-gradient(circle at 8px 10px, #d97706 1.5px, #78350f 3.5px, #b45309 5.5px, #451a03 7.5px, transparent 8.5px),
    linear-gradient(180deg, #92400e 0%, #78350f 45%, #451a03 100%) !important;
}

.resource-icon.resource-wood-peuplier {
  background:
    radial-gradient(circle at 8px 10px, #fffbeb 1.5px, #fef08a 3.5px, #fde68a 5.5px, #d97706 7.5px, transparent 8.5px),
    linear-gradient(180deg, #d97706 0%, #a16207 45%, #713f12 100%) !important;
  border-color: #713f12 !important;
}

.resource-icon.resource-wood-hetre {
  background:
    radial-gradient(circle at 8px 10px, #fff7ed 1.5px, #fed7aa 3.5px, #fb923c 5.5px, #c2410c 7.5px, transparent 8.5px),
    linear-gradient(180deg, #c2410c 0%, #9a3412 45%, #7c2d12 100%) !important;
  border-color: #7c2d12 !important;
}

.resource-icon.resource-wood-chene {
  background:
    radial-gradient(circle at 8px 10px, #f8fafc 1.5px, #cbd5e1 3.5px, #94a3b8 5.5px, #475569 7.5px, transparent 8.5px),
    linear-gradient(180deg, #475569 0%, #334155 45%, #1e293b 100%) !important;
  border-color: #1e293b !important;
}

.resource-icon.resource-wood-pin {
  background:
    radial-gradient(circle at 8px 10px, #fef9c3 1.5px, #facc15 3.5px, #eab308 5.5px, #854d0e 7.5px, transparent 8.5px),
    linear-gradient(180deg, #ca8a04 0%, #854d0e 45%, #451a03 100%) !important;
  border-color: #451a03 !important;
}

.resource-icon.resource-wood-acacia {
  background:
    radial-gradient(circle at 8px 10px, #ffedd5 1.5px, #fb923c 3.5px, #c2410c 5.5px, #451a03 7.5px, transparent 8.5px),
    linear-gradient(180deg, #9a3412 0%, #78350f 45%, #292524 100%) !important;
  border-color: #292524 !important;
}

.resource-icon.resource-wood-teck {
  background:
    radial-gradient(circle at 8px 10px, #fee2e2 1.5px, #f87171 3.5px, #b91c1c 5.5px, #451a03 7.5px, transparent 8.5px),
    linear-gradient(180deg, #991b1b 0%, #7f1d1d 45%, #292524 100%) !important;
  border-color: #292524 !important;
}

.resource-icon.resource-wood-noyer {
  background:
    radial-gradient(circle at 8px 10px, #78350f 1.5px, #451a03 3.5px, #292524 5.5px, #0f172a 7.5px, transparent 8.5px),
    linear-gradient(180deg, #292524 0%, #1c1917 45%, #0f172a 100%) !important;
  border-color: #0f172a !important;
}

.resource-icon.resource-wood-bambou {
  background:
    radial-gradient(circle at 8px 10px, #f0fdf4 1.5px, #86efac 3.5px, #22c55e 5.5px, #052e16 7.5px, transparent 8.5px),
    linear-gradient(180deg, #4ade80 0%, #16a34a 45%, #052e16 100%) !important;
  border-color: #052e16 !important;
}

.resource-icon.resource-wood::before,
.resource-icon.resource-wood-peuplier::before,
.resource-icon.resource-wood-hetre::before,
.resource-icon.resource-wood-chene::before,
.resource-icon.resource-wood-pin::before,
.resource-icon.resource-wood-acacia::before,
.resource-icon.resource-wood-teck::before,
.resource-icon.resource-wood-noyer::before,
.resource-icon.resource-wood-bambou::before {
  content: "" !important;
  position: absolute !important;
  top: -4px !important;
  right: -2px !important;
  width: 9px !important;
  height: 9px !important;
  background: linear-gradient(135deg, #4ade80, #15803d) !important;
  border-radius: 0 85% 0 85% !important;
  border: 1px solid #14532d !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.4) !important;
}

/* 2. ORE & CRYSTAL (Real Rocky Matrix Base with Protruding Gold Crystals) */
.resource-icon.resource-ore {
  width: 24px;
  height: 24px;
  background:
    radial-gradient(circle at 6px 6px, #ffffff 1px, transparent 2px),
    linear-gradient(135deg, #fef08a 0%, #eab308 30%, #475569 31%, #334155 70%, #1e293b 100%) !important;
  clip-path: polygon(25% 0%, 75% 0%, 100% 35%, 85% 100%, 15% 100%, 0% 40%) !important;
  border: 1px solid #0f172a !important;
  box-shadow: 0 0 10px rgba(234, 179, 8, 0.8), inset 0 2px 4px rgba(255, 255, 255, 0.5) !important;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.6)) !important;
}

.resource-icon.resource-ore::after {
  content: "" !important;
  position: absolute !important;
  top: 1px;
  left: 6px;
  width: 7px;
  height: 12px;
  background: linear-gradient(180deg, #ffffff 0%, #facc15 60%, #ca8a04 100%) !important;
  clip-path: polygon(50% 0%, 100% 80%, 70% 100%, 30% 100%, 0% 80%) !important;
  box-shadow: 0 0 4px #fef08a !important;
}

/* 3. FEATHER (Real Feather Quill with Central Shaft & Barb Vanes) */
.resource-icon.resource-feather {
  width: 20px;
  height: 28px;
  clip-path: polygon(50% 0%, 95% 25%, 80% 60%, 95% 75%, 50% 100%, 5% 75%, 20% 60%, 5% 25%) !important;
  background: linear-gradient(180deg, #f0f9ff 0%, #38bdf8 45%, #0284c7 80%, #0369a1 100%) !important;
  filter: drop-shadow(0 2px 5px rgba(2, 132, 199, 0.7)) !important;
}

.resource-icon.resource-feather::before {
  content: "" !important;
  position: absolute !important;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 28px;
  background: linear-gradient(180deg, #ffffff 0%, #e0f2fe 80%, #94a3b8 100%) !important;
  box-shadow: 0 0 2px rgba(255, 255, 255, 0.8) !important;
}

/* 4. REAL DOFUS LEATHER HIDE (Cuir de Bouc avec Fourrure) */
.resource-icon.resource-fur {
  width: 28px;
  height: 24px;
  position: relative;
  background:
    linear-gradient(135deg, transparent 20%, rgba(254, 240, 138, 0.6) 35%, rgba(217, 119, 6, 0.4) 45%, transparent 60%),
    linear-gradient(150deg, #92400e 0%, #78350f 50%, #451a03 100%) !important;
  border-radius: 6px 12px 6px 14px !important;
  border: 1.5px solid #292524 !important;
  box-shadow: inset 0 2px 3px rgba(255, 255, 255, 0.4), 0 4px 8px rgba(0, 0, 0, 0.5) !important;
  transform: rotate(-12deg) !important;
}

.resource-icon.resource-fur::before {
  content: "" !important;
  position: absolute !important;
  bottom: -6px !important;
  left: 2px !important;
  width: 24px !important;
  height: 10px !important;
  background:
    radial-gradient(circle at 4px 5px, #fef3c7 3px, #d97706 4px, transparent 4.5px),
    radial-gradient(circle at 11px 6px, #fef3c7 3.5px, #d97706 4.5px, transparent 5px),
    radial-gradient(circle at 18px 5px, #fef3c7 3px, #d97706 4.5px, transparent 4.5px) !important;
  z-index: -1 !important;
}

.resource-icon.resource-fur::after {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 24px !important;
  height: 8px !important;
  border-top: 1px dashed rgba(254, 240, 138, 0.5) !important;
}

/* 5. REAL CARTOON DOFUS BONE (Os avec 2 têtes d'articulation doubles) */
.resource-icon.resource-bone {
  width: 24px;
  height: 8px;
  position: relative;
  background: linear-gradient(180deg, #ffffff 0%, #fef3c7 40%, #e2e8f0 75%, #94a3b8 100%) !important;
  border-radius: 4px !important;
  border: 1.5px solid #1e293b !important;
  box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.9), 0 3px 6px rgba(0, 0, 0, 0.4) !important;
  transform: rotate(-45deg) !important;
}

.resource-icon.resource-bone::before {
  content: "" !important;
  position: absolute !important;
  top: -5px !important;
  right: -6px !important;
  width: 12px !important;
  height: 14px !important;
  background:
    radial-gradient(circle at 4px 4px, #ffffff 2px, #fef3c7 4px, #94a3b8 6px, transparent 6.5px),
    radial-gradient(circle at 8px 10px, #ffffff 2px, #fef3c7 4px, #94a3b8 6px, transparent 6.5px) !important;
  border-radius: 50% !important;
}

.resource-icon.resource-bone::after {
  content: "" !important;
  position: absolute !important;
  bottom: -5px !important;
  left: -6px !important;
  width: 12px !important;
  height: 14px !important;
  background:
    radial-gradient(circle at 4px 4px, #ffffff 2px, #fef3c7 4px, #94a3b8 6px, transparent 6.5px),
    radial-gradient(circle at 8px 10px, #ffffff 2px, #fef3c7 4px, #94a3b8 6px, transparent 6.5px) !important;
  border-radius: 50% !important;
}

/* 6. POTION BOTTLES (Real Glass Bottles with Cork & Distinct Liquid Colors) */

/* 6A. POTION GREEN (Alchimie / Forêt / Nature) */
.resource-icon.resource-fluid,
.resource-icon.resource-fluid-green {
  width: 20px;
  height: 26px;
  border-radius: 6px 6px 12px 12px !important;
  background:
    linear-gradient(180deg, transparent 35%, rgba(255, 255, 255, 0.4) 35%, rgba(255, 255, 255, 0.4) 38%, transparent 38%),
    radial-gradient(circle at 50% 75%, #4ade80 0%, #22c55e 50%, #15803d 85%, #052e16 100%) !important;
  border: 1.5px solid #dcfce7 !important;
  box-shadow: 0 0 12px rgba(34, 197, 94, 0.8), inset 0 2px 4px rgba(255, 255, 255, 0.7) !important;
}

/* 6B. POTION RED (Soin / Vie / Santé / Vitalité) */
.resource-icon.resource-fluid-red {
  width: 20px;
  height: 26px;
  border-radius: 6px 6px 12px 12px !important;
  background:
    linear-gradient(180deg, transparent 35%, rgba(255, 255, 255, 0.4) 35%, rgba(255, 255, 255, 0.4) 38%, transparent 38%),
    radial-gradient(circle at 50% 75%, #f87171 0%, #ef4444 50%, #b91c1c 85%, #450a0a 100%) !important;
  border: 1.5px solid #fee2e2 !important;
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.85), inset 0 2px 4px rgba(255, 255, 255, 0.7) !important;
}

/* 6C. POTION BLUE (Rappel / Téléportation / Cité / Foyer) */
.resource-icon.resource-fluid-blue {
  width: 20px;
  height: 26px;
  border-radius: 6px 6px 12px 12px !important;
  background:
    linear-gradient(180deg, transparent 35%, rgba(255, 255, 255, 0.4) 35%, rgba(255, 255, 255, 0.4) 38%, transparent 38%),
    radial-gradient(circle at 50% 75%, #38bdf8 0%, #0284c7 50%, #0369a1 85%, #082f49 100%) !important;
  border: 1.5px solid #e0f2fe !important;
  box-shadow: 0 0 12px rgba(56, 189, 248, 0.85), inset 0 2px 4px rgba(255, 255, 255, 0.7) !important;
}

/* 6D. POTION PURPLE (Mana / Énergie / PA / Puissance) */
.resource-icon.resource-fluid-purple {
  width: 20px;
  height: 26px;
  border-radius: 6px 6px 12px 12px !important;
  background:
    linear-gradient(180deg, transparent 35%, rgba(255, 255, 255, 0.4) 35%, rgba(255, 255, 255, 0.4) 38%, transparent 38%),
    radial-gradient(circle at 50% 75%, #c084fc 0%, #a855f7 50%, #7e22ce 85%, #3b0764 100%) !important;
  border: 1.5px solid #f3e8ff !important;
  box-shadow: 0 0 12px rgba(168, 85, 247, 0.85), inset 0 2px 4px rgba(255, 255, 255, 0.7) !important;
}

/* 6E. POTION AMBER / GOLD (Métamorphose / Transformation / Poly) */
.resource-icon.resource-fluid-amber {
  width: 20px;
  height: 26px;
  border-radius: 6px 6px 12px 12px !important;
  background:
    linear-gradient(180deg, transparent 35%, rgba(255, 255, 255, 0.4) 35%, rgba(255, 255, 255, 0.4) 38%, transparent 38%),
    radial-gradient(circle at 50% 75%, #fbbf24 0%, #f59e0b 50%, #b45309 85%, #451a03 100%) !important;
  border: 1.5px solid #fef3c7 !important;
  box-shadow: 0 0 12px rgba(245, 158, 11, 0.85), inset 0 2px 4px rgba(255, 255, 255, 0.7) !important;
}

/* 6F. POTION POISON / TOXIC (Poison / Venin / Malédiction) */
.resource-icon.resource-fluid-poison {
  width: 20px;
  height: 26px;
  border-radius: 6px 6px 12px 12px !important;
  background:
    linear-gradient(180deg, transparent 35%, rgba(255, 255, 255, 0.4) 35%, rgba(255, 255, 255, 0.4) 38%, transparent 38%),
    radial-gradient(circle at 50% 75%, #f472b6 0%, #db2777 50%, #831843 85%, #500724 100%) !important;
  border: 1.5px solid #fce7f3 !important;
  box-shadow: 0 0 12px rgba(219, 39, 119, 0.85), inset 0 2px 4px rgba(255, 255, 255, 0.7) !important;
}

/* Shared cork stopper & glass highlight */
.resource-icon.resource-fluid::before,
.resource-icon[class*="resource-fluid-"]::before {
  content: "" !important;
  position: absolute !important;
  top: -5px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 9px !important;
  height: 5px !important;
  background: linear-gradient(180deg, #a16207, #78350f) !important;
  border-radius: 3px 3px 1px 1px !important;
  border: 1px solid #451a03 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
}

.resource-icon.resource-fluid::after,
.resource-icon[class*="resource-fluid-"]::after {
  content: "" !important;
  position: absolute !important;
  top: 3px;
  left: 3px;
  width: 4px;
  height: 16px;
  background: rgba(255, 255, 255, 0.6) !important;
  border-radius: 2px !important;
}

/* 7. BOTANICAL LEAF (Real Leaf with Stem Vein & Dew Drop) */
.resource-icon.resource-plant {
  width: 24px;
  height: 24px;
  border-radius: 0 85% 0 85% !important;
  background: linear-gradient(135deg, #86efac 0%, #22c55e 50%, #15803d 85%, #052e16 100%) !important;
  border: 1.5px solid #14532d !important;
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.5), 0 3px 6px rgba(0, 0, 0, 0.4) !important;
}

.resource-icon.resource-plant::before {
  content: "" !important;
  position: absolute !important;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 0 0 60% 0 !important;
}

.resource-icon.resource-plant::after {
  content: "" !important;
  position: absolute !important;
  top: 6px;
  right: 6px;
  width: 4px;
  height: 4px;
  background: #ffffff !important;
  border-radius: 50% !important;
  box-shadow: 0 0 4px #ffffff !important;
}

/* 8. REAL DOFUS MAGENTA DRAGON SCALE (Écaille de Dragon / Dragodinde Magenta) */
.resource-icon.resource-scale {
  width: 26px;
  height: 24px;
  position: relative;
  clip-path: polygon(50% 0%, 80% 20%, 100% 60%, 85% 100%, 50% 80%, 15% 100%, 0% 60%, 20% 20%) !important;
  background:
    radial-gradient(ellipse at 30% 30%, rgba(255, 255, 255, 0.7) 0%, transparent 50%),
    linear-gradient(135deg, #f472b6 0%, #db2777 40%, #be185d 75%, #831843 100%) !important;
  filter: drop-shadow(0 3px 6px rgba(131, 24, 67, 0.7)) !important;
}

.resource-icon.resource-scale::before {
  content: "" !important;
  position: absolute !important;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(244, 114, 182, 0.3) 50%, rgba(131, 24, 67, 0.5) 100%) !important;
  clip-path: polygon(0% 0%, 100% 20%, 100% 60%, 70% 100%, 0% 80%) !important;
}

.resource-icon.resource-scale::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: #831843 !important;
  clip-path: polygon(15% 0%, 85% 0%, 100% 100%, 0% 100%) !important;
}

/* 9. MAGIC ORB (Real Ethereal Orb in 3-Claw Pedestal Base) */
.resource-icon.resource-magic {
  width: 24px;
  height: 24px;
  border-radius: 50% !important;
  background: radial-gradient(circle at 40% 35%, #ffffff 0%, #f0abfc 25%, #c084fc 55%, #7e22ce 85%, #3b0764 100%) !important;
  border: 1.5px solid #f5d0fe !important;
  box-shadow: 0 0 16px #e879f9, 0 0 6px #c084fc !important;
  animation: magicPulse 1.8s ease-in-out infinite alternate !important;
}

@keyframes magicPulse {
  0% { box-shadow: 0 0 10px #c084fc, 0 0 4px #a855f7; transform: scale(1); }
  100% { box-shadow: 0 0 18px #f5d0fe, 0 0 8px #c084fc; transform: scale(1.08); }
}

/* 10. ANIMAL HAIR / FUR TUFT */
.resource-icon.resource-hair {
  width: 24px;
  height: 24px;
  border-radius: 50% 50% 10% 50% !important;
  background: linear-gradient(135deg, #d35400 0%, #a04000 50%, #5e2700 85%, #2d1808 100%) !important;
  border: 1.5px solid #ffc864 !important;
  box-shadow: 0 0 8px rgba(211, 84, 0, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  position: relative;
}