.esm-modal-overlay {

    position: fixed;

    inset: 0;

    background: rgba(0,0,0,.65);

    backdrop-filter: blur(6px);

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 9999;

    animation: esmFade .18s ease;
}

.esm-modal {

    width: 700px;

    max-width: 92vw;

    background: rgba(20,20,20,.96);

    border: 2px solid rgba(212,175,55,.65);

    border-radius: 18px;

    padding: 35px;

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

    animation: esmScale .18s ease;

    color: white;
}

@keyframes esmFade {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes esmScale {

    from {

        opacity: 0;

        transform: scale(.95);
    }

    to {

        opacity: 1;

        transform: scale(1);
    }
}