/* The opening illustration leaves clear sky for the title and ground for progress. */
#startup-loading-screen{position:absolute;inset:0;z-index:999999;overflow:hidden;background:#f7ebd5;color:#705035}
.startup-illustration{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 53%}
.startup-sky-wash{position:absolute;inset:0 0 auto;height:30%;background:linear-gradient(#f9efdbaa,transparent);pointer-events:none}
.startup-ground-wash{position:absolute;inset:auto 0 0;height:25%;background:linear-gradient(transparent,#f4dbac66);pointer-events:none}
#startup-title-area{position:absolute;top:8.5%;left:4%;width:92%;text-align:center;z-index:2}
#startup-title{display:block;width:100%;height:auto;max-width:none;object-fit:contain;animation:startupTitleIn .5s ease-out both}
.startup-progress{position:absolute;bottom:13%;left:0;right:0;margin:auto;width:72%;max-width:280px;text-align:center;z-index:2;animation:startupTitleIn .5s .12s ease-out both}
#startup-loading-text{font-size:13px;font-weight:600;letter-spacing:1px;margin-bottom:10px;color:#735130;text-shadow:0 1px 0 #fff3d7}
.startup-progress-track{height:9px;overflow:hidden;border-radius:8px;border:1.5px solid #9f784d;background:#f9edd5;box-shadow:0 2px 0 #9f784d20,inset 0 1px 2px #9f784d25;padding:1px}
#startup-loading-bar{height:100%;width:0;border-radius:5px;background:linear-gradient(90deg,#d49344,#eabc61);box-shadow:inset 0 1px #fff1b4;transition:width .3s ease}
#startup-loading-percent{color:#8f6a42;font-family:var(--font-game-number,sans-serif);font-size:12px;letter-spacing:.04em;margin-top:7px}
#startup-loading-tip{color:#98764e;font-size:10px;margin-top:13px}
@keyframes startupTitleIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#startup-title,.startup-progress{animation:none}#startup-loading-bar{transition:none}}