/* ============================= */
/* Winner Overlay */
/* ============================= */

#winnerOverlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,0.65);

    display:none;

    justify-content:center;

    align-items:center;

    z-index:999;

    padding:16px;
}

/* ============================= */

#winnerCard{

    width:min(360px, 92vw);

    background:black;

    border-radius:20px;

    padding:25px;

    text-align:center;

    animation:bounce .45s;

    box-shadow:0 0 40px gold;
}

/* ============================= */

#winnerCard img{

    width:160px;

    height:160px;

    object-fit:contain;

    margin:20px;

    max-width:70%;
}

/* ============================= */

.winner-actions{

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:10px;

    margin-top:15px;
}

.winner-actions button{

    width:200px;

    max-width:100%;

    margin-top:0;
}

/* ============================= */

#spinAgainBtn{

    padding:12px 28px;

    border:none;

    border-radius:12px;

    font-size:20px;

    cursor:pointer;

    background:#22c55e;

    color:white;
}

/* ============================= */

@keyframes bounce{

0%{

transform:scale(.2);

}

60%{

transform:scale(1.15);

}

100%{

transform:scale(1);

}

}