.spin-result-modal{

    position:fixed;

    inset:0;

    display:none;

    justify-content:center;

    align-items:center;

    background:rgba(15,23,42,.65);

    backdrop-filter:blur(10px);

    padding:20px;

    z-index:99999;

}

.spin-result-modal.show{

    display:flex;

}

.spin-result-card{

    width:440px;

    max-width:100%;

    background:#fff;

    border-radius:28px;

    padding:45px 35px;

    text-align:center;

    box-shadow:0 25px 60px rgba(0,0,0,.18);

    animation:popupScale .35s ease;

}

.result-emoji{

    font-size:80px;

    animation:bounce 1.2s infinite;

    margin-bottom:18px;

}

#resultTitle{

    font-size:2.4rem;

    font-weight:800;

    color:#14213d;

    margin-bottom:12px;

    line-height:1.2;

}

.result-message{

    font-size:17px;

    color:#64748b;

    line-height:1.8;

    max-width:300px;

    margin:0 auto 30px;

}

.reward-highlight{

    background:linear-gradient(
        135deg,
        #eef5ff,
        #ffffff
    );

    border:2px solid #dbeafe;

    border-radius:22px;

    padding:28px 22px;

    margin:30px 0;

    box-shadow:0 15px 35px rgba(37,99,235,.12);

}

.reward-highlight .reward-icon{

    font-size:48px;

    margin-bottom:15px;

}

.reward-highlight h3{

    font-size:2rem;

    font-weight:800;

    color:#14213d;

    margin-bottom:12px;

}

.reward-highlight p{

    color:#64748b;

    line-height:1.7;

}

.remaining-spins{

    display:flex;

    justify-content:space-between;

    align-items:center;

    background:#f8fbff;

    border-radius:18px;

    padding:18px 22px;

    margin-top:25px;

    font-size:18px;

    font-weight:600;

}

.remaining-spins strong{

    font-size:28px;

    color:#14213d;

}

.result-buttons{

    margin-top:35px;

    display:flex;

    gap:15px;

}

.result-buttons>*{

    flex:1;

}

.primary-btn{

    background:#2563eb;

    color:#fff;

    border:none;

    height:56px;

    border-radius:16px;

    font-size:17px;

    font-weight:700;

    cursor:pointer;

    transition:.25s;

}

.primary-btn:hover{

    transform:translateY(-2px);

    background:#1d4ed8;

}

.secondary-btn{

    background:#eef2ff;

    color:#2563eb;

    border:none;

    height:56px;

    border-radius:16px;

    font-size:17px;

    font-weight:600;

    cursor:pointer;

    transition:.25s;

}

.secondary-btn:hover{

    background:#dbeafe;

}

@keyframes popupScale{

    from{

        opacity:0;

        transform:scale(.88);

    }

    to{

        opacity:1;

        transform:scale(1);

    }

}

@keyframes bounce{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-10px);

    }

}