#world-preload{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse 62% 56% at 50% 72%,var(--af-stone-600) 0%,var(--af-stone-800) 40%,var(--af-stone-950) 100%);color:var(--af-bone);opacity:1;visibility:visible;transition:opacity .55s ease,visibility .55s ease;isolation:isolate}
#world-preload.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
#world-preload.is-hidden .world-preload-inner{opacity:0;transition:opacity .12s ease}
#world-preload::before{content:"";position:absolute;inset:-20%;background:repeating-radial-gradient(circle at 50% 68%,transparent 0 48px,color-mix(in srgb, var(--af-gold-500) 7%, transparent) 49px 50px,transparent 51px 92px);opacity:.5;transform:perspective(600px) rotateX(66deg) scale(1.4);animation:preload-breathe 9s ease-in-out infinite alternate}
#world-preload::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb, var(--af-void) 73%, transparent),transparent 27% 73%,color-mix(in srgb, var(--af-void) 73%, transparent)),linear-gradient(0deg,color-mix(in srgb, var(--af-void) 79%, transparent),transparent 30% 75%,color-mix(in srgb, var(--af-void) 65%, transparent));pointer-events:none}
.world-preload-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:min(540px,calc(100vw - 48px));padding:24px;text-align:center}
.world-preload-sigil{position:relative;width:166px;height:166px;margin-bottom:10px;filter:drop-shadow(0 0 27px color-mix(in srgb, var(--af-ember-400) 40%, transparent))}
.world-preload-ring{position:absolute;inset:6px;border:1px solid color-mix(in srgb, var(--af-gold-500) 33%, transparent);border-radius:50%;box-shadow:inset 0 0 0 8px color-mix(in srgb, var(--af-stone-850) 33%, transparent),0 0 0 8px color-mix(in srgb, var(--af-gold-500) 4%, transparent);animation:preload-turn 24s linear infinite}
.world-preload-ring::before,.world-preload-ring::after{content:"";position:absolute;width:5px;height:5px;background:var(--af-ember-300);border-radius:50%;box-shadow:0 0 13px var(--af-ember-300);left:50%;top:-3px}.world-preload-ring::after{top:auto;bottom:-3px}
.world-preload-lantern{position:absolute;inset:38px 56px 27px;border:2px solid var(--af-gold-500);border-radius:var(--af-cut-lg) var(--af-cut-lg) var(--af-cut-md) var(--af-cut-md);corner-shape:bevel;background:linear-gradient(90deg,var(--af-iron-900) 0 20%,color-mix(in srgb, var(--af-ember-700) 27%, transparent) 47%,var(--af-iron-900) 80%);box-shadow:inset 0 0 25px color-mix(in srgb, var(--af-ember-300) 13%, transparent),0 15px 30px color-mix(in srgb, var(--af-void) 53%, transparent)}
.world-preload-lantern::before{content:"";position:absolute;left:9px;right:9px;top:-14px;height:14px;border:2px solid var(--af-gold-500);border-bottom:0;border-radius:20px 20px 0 0}
.world-preload-lantern::after{content:"";position:absolute;left:50%;top:29%;width:28px;height:43px;transform:translateX(-50%) rotate(-5deg);border-radius:75% 5% 65% 60%;background:radial-gradient(circle at 49% 70%,var(--af-ember-100) 0 15%,var(--af-ember-300) 25%,var(--af-ember-500) 66%,var(--af-ember-700) 100%);box-shadow:0 0 16px 7px color-mix(in srgb, var(--af-ember-300) 60%, transparent),0 0 51px 17px color-mix(in srgb, var(--af-ember-500) 27%, transparent);animation:preload-flame 1.8s ease-in-out infinite alternate}
.world-preload-kicker{font:700 12px Cinzel,serif;letter-spacing:.34em;text-transform:uppercase;color:var(--af-gold-500);margin:8px 0 7px}
#world-preload h2{font:800 clamp(40px,9vw,78px)/1 Cinzel,serif;letter-spacing:.045em;color:var(--af-gold-300);margin:0;text-shadow:0 4px 24px var(--af-void),0 0 36px color-mix(in srgb, var(--af-gold-600) 47%, transparent)}
.world-preload-rule{width:64px;height:1px;background:var(--af-gold-500);margin:24px auto 18px;box-shadow:0 0 15px var(--af-ember-300)}
#world-preload-status{min-height:1.5em;font:500 17px/1.4 "Alegreya Sans",sans-serif;color:var(--af-bone);margin:0 0 24px}
.world-preload-track{width:min(300px,100%);height:3px;background:color-mix(in srgb, var(--af-ash) 20%, transparent);overflow:hidden;border-radius:5px}.world-preload-track i{display:block;height:100%;width:var(--loaded,8%);background:linear-gradient(90deg,var(--af-ember-700),var(--af-ember-300),var(--af-ember-100));box-shadow:0 0 13px var(--af-ember-300);transition:width .5s ease}
.world-preload-foot{margin-top:14px;color:var(--af-ash);font:700 10px Cinzel,serif;letter-spacing:.22em;text-transform:uppercase}
.world-preload-actions{display:flex;justify-content:center;flex-wrap:wrap;margin-top:10px}.world-preload-actions button{font-size:13px;padding:8px 14px}
.world-preload-actions[hidden]{display:none!important}
@keyframes preload-turn{to{transform:rotate(360deg)}}@keyframes preload-flame{to{transform:translateX(-50%) rotate(7deg) scale(.9,1.1)}}@keyframes preload-breathe{to{opacity:.85;transform:perspective(600px) rotateX(66deg) scale(1.55)}}
@media (prefers-reduced-motion:reduce){#world-preload *{animation:none!important;transition:none!important}}