/* V1.28Beta-qizong-bigcard-anchor1
   Qizong opened card: lower the portrait, then scale from top center so both lower sides grow evenly. */
html body:not(.maintenance-mode)
  #appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot.app.character-select-app
  #characterSelect#characterSelect#characterSelect#characterSelect#characterSelect#characterSelect#characterSelect#characterSelect.character-select.preview-open:not([hidden])
  #characterPreview#characterPreview#characterPreview#characterPreview#characterPreview#characterPreview#characterPreview.character-preview.character-preview[data-character="Qizong"]:not([hidden])
  #previewArt#previewArt#previewArt#previewArt#previewArt.preview-art.preview-art[data-character="Qizong"] {
  --art-size: auto 128% !important;
  --art-position: 50% clamp(10px, 1.55dvh, 20px) !important;
  background-size: var(--art-size), cover, cover !important;
  background-position: var(--art-position), center center, center center !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
  transform-origin: 50% 0 !important;
}

@media (max-width: 899px) {
  html body:not(.maintenance-mode)
    #appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot.app.character-select-app
    #characterSelect#characterSelect#characterSelect#characterSelect#characterSelect#characterSelect#characterSelect#characterSelect.character-select.preview-open:not([hidden])
    #characterPreview#characterPreview#characterPreview#characterPreview#characterPreview#characterPreview#characterPreview.character-preview.character-preview[data-character="Qizong"]:not([hidden])
    #previewArt#previewArt#previewArt#previewArt#previewArt.preview-art.preview-art[data-character="Qizong"] {
    --art-size: auto 126% !important;
    --art-position: 50% clamp(7px, 2.1dvw, 13px) !important;
  }
}