/* V1.28Beta: one readable face-distance baseline for every 1v1 battle portrait. */
html body:not(.maintenance-mode)
  #appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app)
  #battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)
  .avatar.avatar.avatar.avatar.avatar[data-character] {
  background-size:
    var(--portrait-crop-size, auto 112%),
    cover,
    cover !important;
  background-position:
    var(--portrait-crop-position, 50% 44%),
    center center,
    center center !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
}

@media (max-width: 899px) {
  html body:not(.maintenance-mode)
    #appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot.app.battle-app.duel-battle-app:not(.team-battle-app):not(.identity-battle-app)
    #battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle#battle.battle:not([hidden]):not(.team-mode):not(.identity-battle)
    .avatar.avatar.avatar.avatar.avatar[data-character] {
    background-size:
      var(--portrait-crop-size-mobile, var(--portrait-crop-size, auto 112%)),
      cover,
      cover !important;
    background-position:
      var(--portrait-crop-position-mobile, var(--portrait-crop-position, 50% 44%)),
      center center,
      center center !important;
  }
}