/* MagicMu Premium Loader FORCE PATCH */
#loading{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    z-index:999999!important;
    display:none;
    align-items:center!important;
    justify-content:center!important;
    background:
        radial-gradient(circle at 50% 45%, rgba(25,191,255,.14), transparent 34%),
        linear-gradient(180deg, rgba(0,18,36,.98), rgba(0,4,10,.99))!important;
    overflow:hidden!important;
}

#loading.mmv-loading[style*="display: block"],
#loading.mmv-loading[style*="display:block"]{
    display:flex!important;
}

#loading .mmv-loading-bg{
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 18% 22%, rgba(85,223,255,.16) 0 1px, transparent 2px),
        radial-gradient(circle at 72% 18%, rgba(255,255,255,.10) 0 1px, transparent 2px),
        radial-gradient(circle at 48% 78%, rgba(25,191,255,.12) 0 1px, transparent 2px);
    background-size:190px 190px,270px 270px,330px 330px;
    opacity:.75;
    animation:mmvStarsMove 9s linear infinite;
}

#loading .mmv-loading-box{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:34px;
    min-width:320px;
    border-radius:28px;
    border:1px solid rgba(85,223,255,.22);
    background:
        radial-gradient(circle at 50% 30%, rgba(25,191,255,.18), transparent 42%),
        linear-gradient(180deg, rgba(3,18,34,.66), rgba(0,5,12,.86));
    box-shadow:0 0 60px rgba(0,145,255,.20), inset 0 1px 0 rgba(255,255,255,.05);
}

#loading .mmv-loading-runes{
    position:relative;
    width:190px;
    height:190px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
    filter:drop-shadow(0 0 22px rgba(25,191,255,.35));
}

#loading .mmv-loading-ring{
    position:absolute;
    inset:0;
    border-radius:50%;
    border:2px solid transparent;
}

#loading .ring-1{
    border-top-color:#55dfff;
    border-right-color:rgba(85,223,255,.45);
    box-shadow:0 0 22px rgba(25,191,255,.35);
    animation:mmvSpin 1.7s linear infinite;
}

#loading .ring-2{
    inset:15px;
    border-left-color:#0b8cff;
    border-bottom-color:rgba(11,140,255,.55);
    animation:mmvSpinReverse 2.4s linear infinite;
}

#loading .ring-3{
    inset:31px;
    border-top-color:rgba(255,210,92,.72);
    border-bottom-color:rgba(85,223,255,.44);
    border-style:dashed;
    animation:mmvSpin 4.8s linear infinite;
}

#loading .mmv-loading-runes:before{
    content:"";
    position:absolute;
    inset:47px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(25,191,255,.20), transparent 56%), rgba(0,8,18,.76);
    border:1px solid rgba(85,223,255,.30);
    box-shadow:inset 0 0 30px rgba(0,145,255,.22), 0 0 25px rgba(0,145,255,.18);
}

#loading .mmv-loading-logo{
    position:relative;
    z-index:2;
    width:104px;
    height:104px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
}

#loading .mmv-loading-logo img{
    max-width:150px;
    max-height:120px;
    object-fit:contain;
    animation:mmvPulse 1.8s ease-in-out infinite;
}

#loading .mmv-loading-kicker{
    display:block;
    color:#55dfff;
    font-weight:900;
    letter-spacing:5px;
    font-size:12px;
    text-transform:uppercase;
    margin-top:2px;
    text-shadow:0 0 18px rgba(85,223,255,.65);
}

#loading .mmv-loading-title{
    display:block;
    margin-top:9px;
    color:#fff;
    font-family:Cinzel, Georgia, 'Times New Roman', serif;
    font-size:28px;
    letter-spacing:1px;
    text-shadow:0 3px 0 rgba(0,0,0,.75),0 0 24px rgba(25,191,255,.36);
}

#loading .mmv-loading-sub{
    display:block;
    margin-top:7px;
    color:#9fb4cf;
    font-size:13px;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

@keyframes mmvSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes mmvSpinReverse{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}
@keyframes mmvPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 8px rgba(255,210,92,.28))}50%{transform:scale(1.045);filter:drop-shadow(0 0 20px rgba(85,223,255,.38))}}
@keyframes mmvStarsMove{from{background-position:0 0,0 0,0 0}to{background-position:190px 190px,-270px 270px,330px -330px}}

@media(max-width:640px){
    #loading .mmv-loading-box{min-width:260px;padding:26px 20px}
    #loading .mmv-loading-runes{width:150px;height:150px}
    #loading .mmv-loading-logo img{max-width:122px}
    #loading .mmv-loading-title{font-size:23px}
}