/* V1.28Beta-lollipopz-mode-visible1:
   The special-mode crop must not affect the normal/closed-state portrait. */
html body:not(.maintenance-mode) #modeDialog.mode-dialog[data-preview-mode-active="false"] .mode-dialog-art {
  background-size: cover !important;
  background-position: 50% 50% !important;
}

html body:not(.maintenance-mode) #modeDialog.mode-dialog[data-mode="magic-assassin"][data-preview-mode-active="true"] .mode-dialog-art {
  background-position: 50% 9% !important;
}

html body:not(.maintenance-mode) #modeDialog.mode-dialog[data-character="Lollipopz"][data-preview-mode-active="false"] .mode-dialog-art {
  background-size: cover !important;
  background-position: 54% 44% !important;
}

html body:not(.maintenance-mode) #appRoot#appRoot#appRoot.app.character-select-app #characterSelect#characterSelect#characterSelect.character-select:not([hidden]) .character-option.character-option[data-character="Lollipopz"][data-mode-active="magic-assassin"] .mini-art.mini-art,
html body:not(.maintenance-mode) #appRoot#appRoot#appRoot.app #characterSelect#characterSelect#characterSelect.character-select:not([hidden]) .character-option.character-option[data-character="Lollipopz"][data-mode-active="magic-assassin"] .mini-art.mini-art {
  --art-size: auto 116% !important;
  --art-position: center 62% !important;
  background-size: var(--art-size), cover, cover !important;
  background-position: var(--art-position), center center, center center !important;
}

@media (max-width: 720px) {
  html body:not(.maintenance-mode) #modeDialog.mode-dialog[data-mode="magic-assassin"][data-preview-mode-active="true"] .mode-dialog-art {
    background-position: 50% 7% !important;
  }

  html body:not(.maintenance-mode) #modeDialog.mode-dialog[data-character="Lollipopz"][data-preview-mode-active="false"] .mode-dialog-art {
    background-position: 54% 44% !important;
  }

  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot.app.character-select-app #characterSelect#characterSelect#characterSelect.character-select:not([hidden]) .character-option.character-option[data-character="Lollipopz"][data-mode-active="magic-assassin"] .mini-art.mini-art,
  html body:not(.maintenance-mode) #appRoot#appRoot#appRoot.app #characterSelect#characterSelect#characterSelect.character-select:not([hidden]) .character-option.character-option[data-character="Lollipopz"][data-mode-active="magic-assassin"] .mini-art.mini-art {
    --art-size: auto 114% !important;
    --art-position: center 60% !important;
  }
}