#loading{position:fixed;inset:0;z-index:6;background:#000 url(loading.png) center/100% 100% no-repeat;pointer-events:none}
#loading canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
body:not([data-failed=true]) #status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;border:0;margin:-1px}
body[data-ready=true] #loading,body[data-failed=true] #loading{display:none}
body:not([data-ready=true]):not([data-failed=true]):not([data-idle=true]) footer{visibility:hidden}
body[data-idle=true] footer{z-index:8}
.loading-turntable{position:absolute;pointer-events:none;background-repeat:no-repeat;background-size:800% 600%;animation:jack-turn-x .5s steps(8,end) infinite,jack-turn-y 3s steps(6,end) infinite}
@keyframes jack-turn-x{from{background-position-x:0%}to{background-position-x:114.2857142857%}}
@keyframes jack-turn-y{from{background-position-y:0%}to{background-position-y:120%}}
@media(prefers-reduced-motion:reduce){.loading-turntable{animation-duration:1s,6s}}