/* Animation d'emojis flottants — fond de page, tous vers le coin haut-gauche */

.emoji-bg-overlay {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    overflow: visible;
    opacity: 0.14;
}

.site-content {
    position: relative;
    z-index: 1;
}

.emoji-bg-overlay__item {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 2rem;
    white-space: nowrap;
    will-change: transform;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: backwards;
}

/* Trajectoire vers le bord gauche (coin haut-gauche) */
@keyframes emojiFloat {
    0% { transform: translate(var(--start-x), var(--start-y)); }
    100% { transform: translate(var(--end-x), var(--end-y)); }
}