/* Estado activo del juego (Clase en Body) */
body.game-active .logo-bienvenida {
    display: none !important;
}

body.game-active #chrome-dino-wrapper {
    display: flex !important;
}

/* Ajuste para que el botón muestre estado activo */
body.game-active .dino-fab {
    background-color: #dc3545 !important; /* Forzar color rojo */
    z-index: 10002; /* Asegurar que esté por encima de todo al jugar */
}

/* Icono de Flappy Bird (Sprite) */
.flappy-icon {
    display: inline-block;
    width: 34px;
    height: 24px;
    background: url('../img/flappy/sprite.png') -276px -112px no-repeat;
    transform: scale(0.8); /* Tamaño reducido solicitado */
    image-rendering: pixelated;
}

/* Cambiar a X cuando está activo */
body.game-active .dino-fab .flappy-icon {
    background: none !important;
    width: auto;
    height: auto;
    transform: scale(1.2); /* La X un poquito más grande para que sea fácil de tocar */
}

body.game-active .dino-fab .flappy-icon::before {
    content: "\f00d"; /* fa-times */
    font-family: "Font Awesome 5 Free"; /* Revertido a FA5 que es la versión del proyecto */
    font-weight: 900;
    font-size: 22px;
    color: white;
}