/* DamageMU Ranking Loader */
#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% 42%,rgba(214,164,62,.075),transparent 28%),
        radial-gradient(circle at 50% 100%,rgba(255,255,255,.018),transparent 38%),
        linear-gradient(180deg,#080808 0%,#030303 55%,#000 100%)!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(214,164,62,.12) 0 1px,transparent 2px),
    radial-gradient(circle at 72% 18%,rgba(255,255,255,.06) 0 1px,transparent 2px),
    radial-gradient(circle at 48% 78%,rgba(214,164,62,.08) 0 1px,transparent 2px);
    background-size:190px 190px,270px 270px,330px 330px;opacity:.7;animation:dmgStars 10s 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:32px 42px;min-width:330px;border-radius:18px;border:1px solid rgba(214,164,62,.28);
    background:linear-gradient(180deg,rgba(17,17,16,.94),rgba(5,5,5,.985));
    box-shadow:0 24px 70px rgba(0,0,0,.60),0 0 40px rgba(214,164,62,.10),inset 0 1px 0 rgba(255,255,255,.035)}
#loading .mmv-loading-runes{position:relative;width:158px;height:158px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
#loading .mmv-loading-ring{position:absolute;inset:0;border-radius:50%;border:2px solid transparent}
#loading .ring-1{border-top-color:#f0c766;border-right-color:rgba(214,164,62,.35);box-shadow:0 0 18px rgba(214,164,62,.16);animation:dmgSpin 1.5s linear infinite}
#loading .ring-2{inset:13px;border-left-color:#b77a20;border-bottom-color:rgba(214,164,62,.42);animation:dmgSpinR 2.2s linear infinite}
#loading .ring-3{inset:27px;border-top-color:rgba(255,220,135,.60);border-bottom-color:rgba(214,164,62,.28);border-style:dashed;animation:dmgSpin 4.5s linear infinite}
#loading .mmv-loading-runes:before{content:"";position:absolute;inset:41px;border-radius:50%;background:radial-gradient(circle,rgba(214,164,62,.12),transparent 58%),#070707;border:1px solid rgba(214,164,62,.24);box-shadow:inset 0 0 28px rgba(214,164,62,.08)}
#loading .mmv-loading-logo{position:relative;z-index:2;width:96px;height:96px;display:flex;align-items:center;justify-content:center}
#loading .mmv-loading-logo img{max-width:132px;max-height:102px;object-fit:contain;animation:dmgPulse 1.8s ease-in-out infinite}
#loading .mmv-loading-kicker{display:block;color:#d9aa48;font-weight:900;letter-spacing:4px;font-size:11px;text-transform:uppercase}
#loading .mmv-loading-title{display:block;margin-top:8px;color:#f4f4f4;font-family:Georgia,'Times New Roman',serif;font-size:26px;letter-spacing:1px;text-shadow:0 3px 12px #000}
#loading .mmv-loading-sub{display:block;margin-top:7px;color:#8f8a80;font-size:11px;letter-spacing:1.2px;text-transform:uppercase}
@keyframes dmgSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dmgSpinR{from{transform:rotate(360deg)}to{transform:rotate(0)}}
@keyframes dmgPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 7px rgba(214,164,62,.18))}50%{transform:scale(1.035);filter:drop-shadow(0 0 16px rgba(214,164,62,.28))}}
@keyframes dmgStars{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:140px;height:140px}#loading .mmv-loading-title{font-size:22px}}


/* DamageMU loader final background override */
html body #loading.mmv-loading{
    background:
        radial-gradient(circle at 50% 42%,rgba(214,164,62,.075),transparent 28%),
        radial-gradient(circle at 50% 100%,rgba(255,255,255,.018),transparent 38%),
        linear-gradient(180deg,#080808 0%,#030303 55%,#000 100%)!important;
}
html body #loading.mmv-loading .mmv-loading-box{
    background:linear-gradient(180deg,rgba(17,17,16,.96),rgba(4,4,4,.99))!important;
}