#msod-opening-screen{

    position:fixed;

    inset:0;

    background:#000;

    display:flex;

    justify-content:center;

    align-items:center;

    z-index:999999;

}

.msod-opening-content{

    text-align:center;

}

.msod-opening-cover{

    width:92vw;

    max-width:380px;
    
    border-radius:24px;

    display:block;

    margin:0 auto 40px;

}
@media (min-width:800px){

    .msod-opening-cover{

        width:650px;

        max-width:80vw;

    }

    .msod-opening-content{

        transform:translateY(-40px);

    }

}
#msod-enter-button{

    padding:8px 28px;

    background:linear-gradient(

        180deg,

        #f5d07a 0%,

        #d9a74c 55%,

        #a66b24 100%

    );

    color:#2b1705;

    font-weight:700;

    letter-spacing:1px;

    border-radius:999px;

    border:2px solid rgba(255,230,170,.35);

    cursor:pointer;

    transition:.3s;
    
    text-decoration:none;

    box-shadow:

        0 0 12px rgba(255,190,80,.55),

        0 0 35px rgba(255,180,60,.25),

        inset 0 0 12px rgba(255,255,255,.15);

}
#msod-enter-button:hover{

    transform:scale(1.04);

    box-shadow:

        0 0 20px rgba(255,205,90,.8),

        0 0 50px rgba(255,180,50,.45);

}
.msod-footer-links{

    display:flex;

    justify-content:center;

    gap:40px;

    margin-top:30px;

}
.msod-footer-links a{

    color:#cfa15a;

    text-decoration:none;

    font-family:Georgia, serif;

    font-size:15px;

    transition:all .3s ease;

}

.msod-footer-links a:hover{

    color:#f3d9a4;

    text-shadow:0 0 12px rgba(207,161,90,.6);

}

.msod-copyright{

    margin-top:20px;

    margin-bottom:22px;

    color:#d8a94c;

    font-family:Georgia, serif;

    font-size:15px;

    letter-spacing:2px;

    text-align:center;

    opacity:.8;

    text-shadow:0 0 8px rgba(216,169,76,.35);

    transition:all .3s ease;

}

.msod-copyright:hover{

    opacity:1;

}

#msod-enter-button {

    padding: 8px 28px !important;

    font-size: 15px !important;

}

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

   MSOD MODAL

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

.msod-modal {

    position: fixed;

    inset: 0;

    z-index: 999999;

    display: none;

    align-items: center;

    justify-content: center;

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

    padding: 20px;

}

.msod-modal-box {

    position: relative;

    width: min(680px, 92vw);

    max-height: 80vh;

    overflow-y: auto;

    background: #0b0b0b;

    border: 1px solid #a66b24;

    border-radius: 14px;

    padding: 45px 35px 35px;

    box-shadow:

        0 0 30px rgba(166, 107, 36, 0.25),

        0 0 80px rgba(0, 0, 0, 0.8);

    color: #d9a74c;

}

.msod-modal-close {

    position: absolute;

    top: 12px;

    right: 16px;

    border: none;

    background: transparent;

    color: #d9a74c;

    font-size: 32px;

    line-height: 1;

    cursor: pointer;
    
    transition: transform 0.3s ease, color 0.3s ease;

}

.msod-modal-close:hover {

    color: #f5d07a;

    transform: rotate(90deg);
}

#msod-modal-content {

    color: #e8d7b5;

    font-size: 16px;

    line-height: 1.7;

}