/* The supplied portrait composition stays whole on every viewport. */
body.booting #game>*:not(#loading){visibility:hidden}
body.booting #loading{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0;gap:0;background:#031a0e;border:0;border-radius:0;transform:none;text-align:center;color:#fff}
body.booting #loading::before{content:none}
.loading-poster{position:relative;width:min(calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right)),calc((100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * .75));aspect-ratio:3/4;container-type:inline-size;flex-shrink:0}
.loading-poster>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
#loading-percent{position:absolute;top:70.6%;right:14.6%;height:4.3%;display:flex;align-items:center;color:#caff00;font:900 italic 5.15cqw/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.08cqw;text-shadow:0 .12cqw .3cqw #041b05}
#loading-track{position:absolute;left:14.15%;top:76.35%;width:71.75%;height:2.78%;border-radius:999px;overflow:hidden;--load-progress:0;background:repeating-linear-gradient(90deg,transparent 0 7.8%,#5a8c381f 7.8% 8%)}
#loading-fill{position:relative;display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b0f000,#caff00 80%,#d8ff69);transform:scaleX(var(--load-progress));transform-origin:left;transition:transform .18s linear;box-shadow:0 0 1.1cqw #bdff00;will-change:transform}
#loading-fill::after{content:'';position:absolute;right:0;top:0;height:100%;width:.42cqw;background:#ffffe1;box-shadow:0 0 .9cqw .25cqw #d4ff73}
#loading-resources{position:absolute;left:10%;right:10%;top:81.2%;margin:0;color:#f5f5ef;font:400 2.9cqw/1.3 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.02cqw;text-shadow:0 .15cqw .2cqw #00170a}
#loading-error{position:absolute;left:9%;right:9%;top:80.9%;margin:0;background:#062316f5;padding:1.2cqw;border:1px solid #d4ff57;border-radius:1cqw;color:#fff;font:600 2.6cqw/1.3 system-ui,sans-serif}
#loading-error[hidden]{display:none}
@media(prefers-reduced-motion:reduce){#loading-fill{transition:none}}