.mf-game{

    position:relative;

}

.mf-game-content{

    opacity:0;

    transition:opacity .2s ease;

}

.mf-game-content.ready{

    opacity:1;

}

.mf-loader{

    position:absolute;

    inset:0;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-direction:column;

    gap:10px;

    background:#faf8f4;

    z-index:1000;

    transition:opacity .2s ease;

}

.mf-loader.hidden{

    opacity:0;

    pointer-events:none;

}

.mf-loader-spinner{

    width:28px;

    height:28px;

    border-radius:50%;

    border:3px solid #d8d8d8;

    border-top-color:#0F766E;

    animation:mf-loader-spin .8s linear infinite;

}

@keyframes mf-loader-spin{

    to{

        transform:rotate(360deg);

    }

}