#worldLoading { display: none; }
html.world-loading #foyer { visibility: hidden; }
html.world-loading { background: #39291b; }
html.world-loading #worldLoading {
  position: fixed; inset: 0; z-index: 200000; display: grid; place-items: center;
  padding: 24px; background: #39291b; color: #f4e4c2; text-align: center;
}
#worldLoading > div { max-width: 520px; padding: 36px; border: 6px double #c2a477; background: #435637; box-shadow: 10px 10px #231a12; }
#worldLoading p { letter-spacing: .15em; font: 12px Georgia, serif; }
#worldLoading h1 { font: 24px/1.5 Georgia, serif; margin: 22px 0; }
#worldLoading a { display: inline-block; padding: 12px 18px; background: #e7d4ad; color: #39291b; }

#worldLoading{overflow-y:auto}
#worldLoading > div{width:min(100%,480px);box-sizing:border-box;padding:20px 28px;background:radial-gradient(ellipse at top,#665334,#34432d 80%)}
#worldLoading .loading-aura{display:block;width:auto;height:clamp(150px,40vh,350px);max-width:100%;object-fit:contain;margin:12px auto;border:2px solid #c2a477;border-radius:48% 48% 8px 8px}
#worldLoading h1{font-size:21px;margin:14px 0 10px}
#worldLoading .loading-reassurance{letter-spacing:normal;font:italic 15px/1.5 Georgia,serif;margin:12px 0 18px}
.loading-lights{display:flex;justify-content:center;gap:12px;margin:12px 0}
.loading-lights span{width:10px;height:10px;border-radius:50%;background:#f5d185;box-shadow:0 0 10px #f5d18588;animation:midway-light 1.5s ease-in-out infinite}
.loading-lights span:nth-child(2){animation-delay:.2s}.loading-lights span:nth-child(3){animation-delay:.4s}
@keyframes midway-light{0%,80%,100%{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.15)}}
#worldLoading.loading-failed .loading-lights,#worldLoading.loading-failed .loading-reassurance{display:none}
@media(prefers-reduced-motion:reduce){.loading-lights span{animation:none}}
@media(max-height:560px){#worldLoading{place-items:start center;padding:10px}#worldLoading .loading-aura{height:140px}#worldLoading > div{padding:12px 20px}}