#world-loading{position:fixed;inset:0;z-index:10000;display:flex;align-items:flex-end;justify-content:center;box-sizing:border-box;background:#100b17;transition:opacity .25s;pointer-events:auto;padding:26px max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));color:#f5e5c8;isolation:isolate;overflow:hidden}
#world-loading[hidden]{display:none}
.loading-art{position:absolute;inset:0;z-index:-3;background:var(--loading-art,url('/client/assets/loading/praia.webp')) center/cover no-repeat}
#world-loading::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#08051070 0%,transparent 30%,#0b07124d 54%,#0b0712ed 100%)}
#world-loading::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,transparent 40%,#08051055);pointer-events:none}
#world-loading.leaving{opacity:0;pointer-events:none}.world-loading #hud{visibility:hidden!important}
.loading-brand{position:absolute;top:max(28px,env(safe-area-inset-top));left:15px;right:15px;text-align:center}
.loading-logo{font:clamp(50px,8vw,92px)/.95 Pix,monospace;color:#f4d89b;letter-spacing:7px;text-shadow:3px 4px #641a33,0 3px 24px #090412}
.loading-motto{font:11px/1.5 Txt,Arial,sans-serif;letter-spacing:3px;color:#f3ddbe;margin:12px 0 0;text-shadow:0 2px 4px #000}
.loading-card{position:relative;width:min(560px,100%);text-align:center;color:#ecddc4;text-shadow:0 2px 3px #090510}
.loading-scene{font:11px/1.3 Txt,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#edc47e;margin:0 0 8px}
#loading-story{font:15px/1.5 Txt,Arial,sans-serif;color:#e9ded4;margin:0 auto 16px;max-width:480px}
.loading-title{font:36px/1 Pix,monospace;letter-spacing:1px;margin:0 0 10px;color:#f7e6bc}
.loading-word{display:inline-block;animation:loadingBreath 1.8s ease-in-out infinite}
.loading-dots{display:inline-flex;width:27px;text-align:left;gap:2px;margin-left:2px}
.loading-dots i{font-style:normal;animation:loadingDot 1.2s infinite both}.loading-dots i:nth-child(2){animation-delay:.18s}.loading-dots i:nth-child(3){animation-delay:.36s}
#loading-label{font:12px/1.5 Txt,Arial,sans-serif;color:#c6b7d2;margin:0 0 10px;min-height:18px}
.loading-meter{display:flex;align-items:center;gap:12px}
#loading-progress{height:12px;border:1px solid #ac8151;padding:3px;background:#09060fcc;overflow:hidden;flex:1;box-shadow:0 2px 12px #0008}
#loading-fill{height:100%;width:0;background:linear-gradient(90deg,#922943,#e9806a,#f1d393);transition:width .2s linear;position:relative}
#loading-fill::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,#fff6 50%,transparent 75%);background-size:100px 100%;animation:loadingShine 1.7s linear infinite}
#loading-percent{font:12px Txt,Arial,sans-serif;color:#e9c98e;min-width:32px;text-align:right}
.loading-card a{display:inline-block;margin-top:12px;color:#d2bfa4;font:11px Txt,Arial,sans-serif;text-decoration:underline;text-underline-offset:3px}
#world-loading.failed .loading-word,#world-loading.failed .loading-dots i,#world-loading.failed #loading-fill::after{animation:none}
@keyframes loadingDot{0%,65%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@keyframes loadingBreath{50%{opacity:.7}}
@keyframes loadingShine{to{background-position:100px 0}}
@media(max-height:500px){#world-loading{padding-top:14px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.loading-brand{top:max(16px,env(safe-area-inset-top))}.loading-logo{font-size:56px}.loading-motto{font-size:9px;margin-top:6px;letter-spacing:2px}.loading-card{width:min(500px,88%)}#loading-story{font-size:12px;margin-bottom:9px}.loading-scene{font-size:10px;margin-bottom:5px}.loading-title{font-size:30px;margin-bottom:5px}#loading-label{font-size:11px;margin-bottom:6px}.loading-card a{margin-top:7px}}
@media(max-width:500px) and (min-height:501px){.loading-brand{top:12%}.loading-logo{font-size:64px;letter-spacing:5px}.loading-motto{font-size:10px;letter-spacing:1px}#world-loading{padding-bottom:max(36px,env(safe-area-inset-bottom))}#loading-story{font-size:14px}.loading-art{background-position:58% center}}
@media(prefers-reduced-motion:reduce){#world-loading,#loading-fill{transition:none}.loading-word,.loading-dots i,#loading-fill::after{animation:none}.loading-dots i{opacity:1}}