body{

    min-height:100vh;

    background:
    linear-gradient(
    135deg,
    #020617,
    #0f172a,
    #1e3a8a);

    transition:.5s;
}

.card-juego{

    width:500px;

    background:
    rgba(255,255,255,.08);

    backdrop-filter:
    blur(12px);

    border-radius:20px;

    box-shadow:
    0 8px 32px
    rgba(0,0,0,.4);
}

.form-control{

    background:#f8fafc;
}

.animacion{

    animation:
    aparecer .5s ease;
}

@keyframes aparecer{

    from{

        opacity:0;
        transform:
        translateY(-10px);

    }

    to{

        opacity:1;
        transform:
        translateY(0);

    }
}

.gano{

    background:
    linear-gradient(
    135deg,
    #052e16,
    #166534,
    #22c55e);
}

.perdio{

    background:
    linear-gradient(
    135deg,
    #450a0a,
    #991b1b,
    #dc2626);
}

.btn-juego{
    min-height:55px;
    font-size:1.1rem;
    font-weight:bold;
    border-radius:12px;
}

#resultado{
    min-height:90px;
}