/*
 * OpenMoji sizing. This file must load after the game styles (and after
 * Tailwind on sequence.html) so the preflight img reset cannot turn emoji
 * images into block-level elements.
 */

.game-emoji {
    display: inline-block;
    width: 1.15em;
    height: 1.15em;
    max-width: none;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    vertical-align: -0.15em;
    flex: 0 0 auto;
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
}

.game-emoji-fallback {
    display: inline;
}

/* Standalone icon containers already have a font-size chosen for the glyph. */
.topic-icon .game-emoji,
.topic-arrow .game-emoji,
.adv-kicker .game-emoji,
.gender-emoji .game-emoji,
.resume-icon .game-emoji,
.zone-complete-emoji .game-emoji,
.result-trophy .game-emoji,
.situation-fallback span:first-child .game-emoji,
.footer .game-emoji {
    width: 1em;
    height: 1em;
    vertical-align: 0;
}

.zone-emoji .game-emoji {
    width: 1.08em;
    height: 1.08em;
    vertical-align: 0;
}

.action-btn .game-emoji {
    width: 1.05em;
    height: 1.05em;
    vertical-align: 0;
}

#header-brand .game-emoji {
    width: 1.2em;
    height: 1.2em;
    vertical-align: 0;
}

.floating .game-emoji,
#victory-screen .animate-bounce .game-emoji {
    width: 1em;
    height: 1em;
    vertical-align: 0;
}