/* The player sees this immediately, before modules, fonts or portrait art load. */
#welcome-loading[hidden]{display:none}
#welcome-loading{position:fixed;inset:0;z-index:10001;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 41%,#263322 0,#102018 45%,#07100c 100%);color:#ead8b1;text-align:center;transition:opacity .22s ease}
#welcome-loading.loading-finished{opacity:0}
.welcome-loading-card{width:min(290px,100%);display:grid;justify-items:center;gap:17px}
.welcome-loading-card>p{font:8px/1.5 'Knightle Quill',Georgia;letter-spacing:3px;color:#b6aa79;margin:6px 0 0}
.welcome-loading-card h1{font:28px/1.25 'Knightle Herald',Georgia;margin:0;color:#eedcb0;text-shadow:0 3px #08130c}
.welcome-loading-card small{font:13px/1.5 Georgia;color:#acb59e;min-height:40px}
.welcome-lantern{position:relative;width:32px;height:46px;border:3px solid #ad8950;border-radius:8px 8px 3px 3px;box-shadow:inset 0 0 0 3px #151e13,0 0 45px #ddae3d28;background:linear-gradient(90deg,#34301b,#6b5224,#292c1b);margin:12px 0 7px}
.welcome-lantern:before{content:'';position:absolute;left:8px;top:-13px;width:10px;height:10px;border:2px solid #ad8950;border-bottom:0;border-radius:8px 8px 0 0}
.welcome-lantern:after{content:'';position:absolute;left:-5px;right:-5px;bottom:-6px;height:6px;background:#7c6338;box-shadow:0 -1px #dbc38a}
.welcome-lantern i{position:absolute;inset:11px 8px 7px;background:#f2d684;box-shadow:0 0 15px #e8b95e;clip-path:polygon(50% 0,100% 45%,85% 100%,15% 100%,0 45%);animation:welcome-flame 1.8s ease-in-out infinite;transform-origin:50% 100%}
.welcome-loading-track{width:185px;height:7px;padding:2px;background:#050d08;border:1px solid #726441;box-shadow:0 0 0 3px #101c12}
.welcome-loading-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#8c7745,#e0c783);box-shadow:0 0 9px #d8b25f55;transition:width .14s linear}
.welcome-loading-card button{padding:12px 22px;background:#263925;border:1px solid #9d8956;color:#eddbad;font:10px 'Knightle Quill',Georgia}
body.game-loading #app,body.game-loading #opening,body.game-loading #advertisement-space{visibility:hidden;pointer-events:none}
body.game-loading #app *{animation-play-state:paused!important}
@keyframes welcome-flame{50%{scale:.86 1.08;filter:brightness(1.18)}}
@media(prefers-reduced-motion:reduce){.welcome-lantern i{animation:none}#welcome-loading,.welcome-loading-track i{transition:none}}
/* The warp cover is present before app.js and its image requests finish. */
#dev-loading[hidden]{display:none}
#dev-loading{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px 24px calc(24px + var(--ad-space,60px));background:radial-gradient(ellipse at 50% 44%,#1c2727 0,#10191c 48%,#080e12 100%);color:#e9dbb6;text-align:center;isolation:isolate}
.dev-loading-card{width:min(100%,300px);display:flex;flex-direction:column;align-items:center;gap:16px}
.dev-loading-card>p{margin:0;font:700 10px/1.4 'Knightle Quill',Georgia,serif;letter-spacing:3px;color:#a99d7e}
.dev-loading-card h1{margin:0;font:700 26px/1.3 'Knightle Herald',Georgia,serif;letter-spacing:2px;color:#f4dfaa}
.dev-loading-card small{min-height:36px;font:14px/1.5 'Knightle Quill',Georgia,serif;color:#b9b7a5}
.dev-loading-blade{width:6px;height:58px;position:relative;margin:8px 0 22px;background:linear-gradient(90deg,#cbd8d3 50%,#7b9293 50%);box-shadow:0 -4px #e9edce,0 0 24px #a9dac021;animation:warp-breathe 1.4s steps(12,end) infinite}
.dev-loading-blade:before{content:'';position:absolute;width:30px;height:6px;left:-12px;bottom:4px;background:#ba965a;box-shadow:0 2px #5a4430}
.dev-loading-blade:after{content:'';position:absolute;width:6px;height:18px;bottom:-14px;left:0;background:#775037;box-shadow:0 5px #c6a267}
.dev-loading-track{width:184px;height:8px;padding:2px;background:#070d10;border:1px solid #5e6554;box-shadow:0 0 0 3px #0a1215}
.dev-loading-track i{display:block;width:0;height:100%;background:#cfb575;box-shadow:0 0 9px #d8ad5360;transition:width .12s linear}
.dev-loading-card button,.dev-loading-card a{font:700 12px 'Knightle Quill',Georgia,serif;letter-spacing:1px;color:#e9d7ad;background:#202c2c;border:1px solid #82765c;padding:12px 18px;text-decoration:none}
.dev-loading-card a{background:none;border:0;color:#a6ad9d;font-size:10px}
.dev-loading-actions{display:flex;flex-direction:column;gap:8px}
.dev-loading-actions[hidden]{display:none}
body.dev-loading #app,body.dev-loading #opening,body.dev-loading #achievement-toast,body.dev-loading #toast{visibility:hidden;pointer-events:none}
body.dev-loading #app *,body.dev-loading #app *:before,body.dev-loading #app *:after{animation-play-state:paused!important}
@keyframes warp-breathe{50%{filter:brightness(1.35);transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.dev-loading-blade{animation:none}.dev-loading-track i{transition:none}}