/* Calques Armurerie — échelle / pivot cohérents sur le cadre 128×192 */

.armory-avatar--stage .armory-layer {
  object-fit: contain;
  object-position: center center;
  transform-origin: center center;
}

/* Perso = référence d’échelle (occupe le corps du cadre) */
.armory-avatar--stage .armory-char-base {
  padding: 10% 22% 8%;
  z-index: 10;
}

/* Aura derrière, légèrement plus large */
.armory-avatar--stage .armory-layer--aura {
  transform: scale(1.12);
  opacity: 0.85;
  z-index: 5;
}

/* Torse / vêtements collés au corps */
.armory-avatar--stage .armory-layer--torso {
  transform: scale(0.72) translateY(6%);
  z-index: 20;
}

.armory-avatar--stage .armory-layer--pants {
  transform: scale(0.7) translateY(22%);
  z-index: 15;
}

.armory-avatar--stage .armory-layer--shoes {
  transform: scale(0.55) translateY(48%);
  z-index: 12;
}

.armory-avatar--stage .armory-layer--necklace {
  transform: scale(0.45) translateY(-2%);
  z-index: 25;
}

/* Chapeau sur la tête */
.armory-avatar--stage .armory-layer--hat {
  transform: scale(0.58) translateY(-32%);
  z-index: 45;
}

/* Marques / yeux : fond noir → screen (le noir disparaît) */
.armory-avatar--stage .armory-layer--effect2 {
  transform: scale(0.5) translateY(-28%);
  mix-blend-mode: screen;
  z-index: 30;
}

.armory-avatar--stage .armory-layer--effect1 {
  transform: scale(0.48) translateY(-30%);
  mix-blend-mode: screen;
  z-index: 55;
}

.armory-avatar--stage .armory-layer--shield {
  transform: scale(0.5) translate(-28%, 8%);
  z-index: 35;
}

.armory-avatar--stage .armory-layer--weapon {
  transform: scale(0.52) translate(30%, 10%);
  z-index: 50;
}

.armory-avatar--stage .armory-layer--mascot {
  transform: scale(0.35) translate(38%, -20%);
  z-index: 60;
}

/* Preview dressing compte — même logique relative */
.armory-dressing-overlays .armory-dressing-overlay {
  object-fit: contain;
  transform-origin: center center;
}
.armory-dressing-overlay--hat {
  transform: scale(0.55) translateY(-28%);
}
.armory-dressing-overlay--weapon {
  transform: scale(0.5) translate(28%, 8%);
}
.armory-dressing-overlay--effect1,
.armory-dressing-overlay--effect2 {
  transform: scale(0.48) translateY(-26%);
  mix-blend-mode: screen;
}
.armory-dressing-overlay--torso {
  transform: scale(0.7) translateY(4%);
}
.armory-dressing-overlay--aura {
  transform: scale(1.1);
  opacity: 0.8;
}