/* Shinobi Eternal — portrait layout. */
.ninja-portrait {
  position: relative;
  display: block;
  width: 240px;
  aspect-ratio: 60 / 74;
  background: #cfcfcd;
  max-width: 100%;
  overflow: hidden;
  isolation: isolate;
  flex-shrink: 0;
  border: 1px solid #92998e;
  border-radius: 5px;
  background: radial-gradient(ellipse at 44% 34%, #e2dfcf 0, #b8c0b5 58%, #8c9c95 100%);
  box-shadow: inset 0 0 20px #52645c18;
}
.ninja-svg { display:block; width:100%; height:100%; }
.portrait-creator { width:288px; }
.portrait-sheet { width:288px; }
.portrait-combat, .portrait-battle { width:216px; }
.portrait-mini { width:60px; border-radius:5px; }
.creator-preview-stage, .inventory-avatar-stage {
  display:grid;
  place-items:center;
  min-height:340px;
  padding:16px;
  overflow:hidden;
  border-radius:12px;
  border:1px solid #ffffff12;
  background:linear-gradient(135deg,#202c36,#151e29);
}
.creator-preview-stage { margin-top:2px; }
.character-sheet .badges { justify-content:center; margin-top:12px; }
.character-sheet h3 { text-align:center; }
.player-avatar-custom {
  width:234px;
  height:auto;
  aspect-ratio:12 / 13;
  max-width:100%;
  padding:8px;
  overflow:hidden;
  border-radius:10px;
  background:#1c2732;
  display:block;
}
.battle-avatar-shell { display:grid; place-items:center; width:100%; height:100%; }
.battle-avatar-shell .ninja-portrait { width:100%; height:auto; }
.creator-choice:focus-visible { outline:2px solid #f5b84b; outline-offset:3px; }
@media(max-width:980px) {
  .creator-layout { grid-template-columns:1fr; }
  .creator-preview-card { position:static; }
  .creator-section { grid-template-columns:1fr; }
  .creator-options + .creator-options { grid-column:1; }
}
@media(max-width:600px) {
  .creator-choice { min-width:78px; font-size:11px; }
  .creator-section, .creator-preview-card { padding:14px; }
  .creator-preview-stage, .inventory-avatar-stage { min-height:280px; padding:12px; }
  .portrait-creator, .portrait-sheet { width:252px; }
  .player-avatar-custom { width:210px; }
}

/* V44.29 — coiffures féminines copiées depuis la planche de référence */
.creator-reference-hair-female{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  pointer-events:none;
  z-index:3;
}

/* Same paper-doll stack as the creator, used in village / academy / combat. */
.ninja-portrait-paper{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background:#cfcfcd;
}
.ninja-portrait-paper .creator-new-skin{
  position:relative;
  width:100%;
  height:100%;
}
.ninja-portrait-paper .creator-pixel-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.ninja-portrait-paper .creator-native-body,
.ninja-portrait-paper .creator-native-armor,
.ninja-portrait-paper .creator-native-clothing,
.ninja-portrait-paper .creator-native-mouth,
.ninja-portrait-paper .creator-native-eyes,
.ninja-portrait-paper .creator-native-beard,
.ninja-portrait-paper .creator-native-hair,
.ninja-portrait-paper .creator-native-headband,
.ninja-portrait-paper .creator-native-weapon{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:top center;
  image-rendering:pixelated;
  pointer-events:none;
}
.ninja-portrait-paper .creator-native-body{z-index:1;}
.ninja-portrait-paper .creator-native-armor{z-index:2;}
.ninja-portrait-paper .creator-native-clothing{z-index:3;}
.ninja-portrait-paper .creator-native-mouth{z-index:4;}
.ninja-portrait-paper .creator-native-eyes{z-index:5;}
.ninja-portrait-paper .creator-native-beard{z-index:6;}
.ninja-portrait-paper .creator-native-hair{z-index:7;}
.ninja-portrait-paper .creator-native-headband{z-index:8;}
.ninja-portrait-paper .creator-native-weapon{z-index:9;}
