/* chronocairn-v111-world-loader · chronocairn-v112-loader-watchdog */
#loading{z-index:110;background:#05040af2;overflow:hidden;padding:20px}
#loading.open{display:grid}
#loading::before{content:"";position:absolute;inset:-5%;background:linear-gradient(180deg,rgba(5,4,12,.35),rgba(4,3,10,.82)),url("../../assets/ui/chronocairn-main-menu.webp") center/cover no-repeat;filter:blur(10px) saturate(.58) brightness(.42);transform:scale(1.08)}
#loading::after{content:"";position:absolute;inset:14px;border:1px solid #8844b8aa;box-shadow:inset 0 0 32px #6d288544;pointer-events:none}
.cc-world-loader{position:relative;z-index:1;width:min(620px,88vw);padding:38px 42px 32px;text-align:center;background:linear-gradient(180deg,#100b1ce8,#06050df4);border:1px solid #a64ed0;box-shadow:0 26px 90px #000e,inset 0 0 42px #762c9126}
.cc-world-loader h2{margin:0;color:#f4e5ff;font-size:clamp(30px,5vw,54px);font-weight:900;letter-spacing:.13em;text-shadow:0 0 22px #a64ed066}
.cc-world-loader-status{min-height:26px;margin:12px 0 20px;color:#d9b8e8;font-size:14px;letter-spacing:.11em}
.cc-world-loader-rune{position:relative;width:82px;height:82px;margin:0 auto 12px;display:grid;place-items:center;font-size:24px;color:#f4ddff}
.cc-world-loader-rune::before,.cc-world-loader-rune::after{content:"";position:absolute;border-radius:50%;border:1px solid #c55cffaa}
.cc-world-loader-rune::before{inset:0;border-left-color:transparent;animation:ccWorldSpin 2.2s linear infinite}
.cc-world-loader-rune::after{inset:12px;border-color:#e9c87988;border-right-color:transparent;animation:ccWorldSpin 1.45s linear infinite reverse}
.cc-world-loader-track{height:9px;padding:1px;background:#040309;border:1px solid #75408e;box-shadow:inset 0 0 10px #000}
.cc-world-loader-bar{display:block;width:0;height:100%;background:linear-gradient(90deg,#7130a1,#c65eff,#e9c774);box-shadow:0 0 15px #b84cffaa;transition:width .22s ease}
.cc-world-loader-meta{display:flex;justify-content:space-between;margin-top:10px;color:#8f7e98;font-size:10px;letter-spacing:.15em}
@keyframes ccWorldSpin{to{transform:rotate(360deg)}}
@media(max-width:650px){#loading::after{inset:7px}.cc-world-loader{padding:28px 20px 24px}.cc-world-loader-status{font-size:12px}}
@media(prefers-reduced-motion:reduce){.cc-world-loader-rune::before,.cc-world-loader-rune::after{animation:none}}