/* Flashcard content modes must win over the legacy theme's !important rules. */
body.mode-game.mode-flashcard .yh-fc-card.is-term-only .yh-fc-visual {
    display: none !important;
}

body.mode-game.mode-flashcard .yh-fc-card.is-term-only .yh-fc-copy {
    display: flex !important;
}

body.mode-game.mode-flashcard .yh-fc-card.is-image-only .yh-fc-copy {
    display: none !important;
}

body.mode-game.mode-flashcard .yh-fc-card.is-image-only .yh-fc-visual {
    display: flex !important;
}

/* Keep the entire illustration inside its frame, including on narrow phones.
   The arcade theme otherwise overrides contain and retains taller inner frames. */
body.theme-notebook.theme-arcade.mode-game.mode-flashcard .yh-fc-visual .yh-fc-polaroid,
body.theme-notebook.theme-arcade.mode-game.mode-flashcard .yh-fc-visual .yh-fc-media {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
}

body.theme-notebook.theme-arcade.mode-game.mode-flashcard .yh-fc-media > img.yh-fc-animal {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
}