/* Shomrei HaOtzar — isolated hero portrait proportion patch, 2026-11-15.
   Applied equally to easy, medium and world engines; no logic or assets changed. */
html body #app #menu #v2-selection-panel #heroes .face,
html.royal-design body #app#app#app #menu#menu#menu #v2-selection-panel #heroes#heroes#heroes .face {
  min-width:0!important; box-sizing:border-box!important; overflow:hidden!important;
  display:flex!important; flex-direction:column!important; height:auto!important;
}
html body #app #menu #v2-selection-panel #heroes .face > .roster-picture,
html.royal-design body #app#app#app #menu#menu#menu #v2-selection-panel #heroes#heroes#heroes .face > .roster-picture {
  display:block!important; position:relative!important; flex:0 0 auto!important;
  width:100%!important; height:auto!important; aspect-ratio:1 / 1!important;
  object-fit:contain!important; object-position:center center!important;
  max-width:100%!important; max-height:none!important; min-height:0!important;
  padding:0!important; margin:0!important; transform:none!important;
  border:0!important; background:transparent!important;
}
html body #app #menu #v2-selection-panel #heroes .face > .w545-label,
html.royal-design body #app#app#app #menu#menu#menu #v2-selection-panel #heroes#heroes#heroes .face > .w545-label {
  position:relative!important; inset:auto!important; flex:0 0 auto!important;
  width:100%!important; max-width:100%!important; box-sizing:border-box!important;
  min-height:24px!important; padding:3px 4px!important; margin:0!important;
  overflow-wrap:anywhere!important; white-space:normal!important;
  font-size:clamp(10px,2.7vw,13px)!important; line-height:1.2!important;
  text-align:center!important; transform:none!important;
}
/* Preserve the original proportions of portraits in the game header too. */
html body #v401-player img, html body #v401-guardian img,
html body #w396-guard-portrait img, html body #hero-avatar348 img {
  object-fit:contain!important; object-position:center center!important;
}