/* Scene portrait hard rule:
   every character in one battle scene uses the same face-distance target.
   Per-character source composition is calibrated in app.js; CSS only selects the scene standard. */
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(--scene-duel-portrait-size, auto 112%),
    cover,
    cover !important;
  background-position:
    var(--scene-duel-portrait-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(--scene-duel-portrait-size-mobile, var(--scene-duel-portrait-size, auto 112%)),
      cover,
      cover !important;
    background-position:
      var(--scene-duel-portrait-position-mobile, var(--scene-duel-portrait-position, 50% 44%)),
      center center,
      center center !important;
  }
}

html body:not(.maintenance-mode)
  #appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot.app.battle-app
  #battle#battle#battle#battle#battle#battle.battle.team-mode:not(.identity-battle):not([hidden])
  .team-art.team-art.team-art[data-character] {
  background:
    linear-gradient(180deg, transparent 58%, rgba(5, 7, 11, 0.76)),
    var(--team-art) var(--scene-team-portrait-position, 50% 42%) / var(--scene-team-portrait-size, auto 118%) no-repeat !important;
}

html body:not(.maintenance-mode)
  #appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot.app.battle-app
  #battle#battle#battle#battle#battle#battle.battle.identity-battle:not([hidden])
  .team-art.team-art.team-art[data-character] {
  background:
    linear-gradient(180deg, transparent 62%, rgba(5, 7, 11, 0.76)),
    var(--team-art) var(--scene-identity-portrait-position, 50% 40%) / var(--scene-identity-portrait-size, auto 126%) no-repeat !important;
}