#loading-overlay{background-color:#282a2d;height:100vh;left:0;overflow:hidden;position:absolute;top:0;width:100vw;z-index:110}.loading-container{left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);width:40%}.logo-container{height:120px;margin:auto;position:relative;text-align:center;width:260px}@media (max-width:1024px){.logo-container{height:80px;width:180px}}@media (max-width:768px){.logo-container{height:70px;width:150px}}.progress-bar{background-color:hsla(0,0%,100%,.25);border-radius:60px;overflow:hidden;position:relative;width:100%}.bar{background:rgba(0,0,0,.075)}.bar,.progress{position:relative}.progress{animation:progress-shadow-animation 1s infinite;background:#cf001c;color:#fff;height:5px;width:5%}.fade-out{animation-delay:.4s;animation-direction:normal;animation-duration:.2s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:fadeout;animation-play-state:running;animation-timing-function:ease-in-out}@keyframes progress-shadow-animation{0%{box-shadow:3px 0 3px hsla(0,0%,100%,.6)}to{box-shadow:3px 0 3px hsla(0,0%,100%,.9)}}@keyframes fadeout{0%{opacity:1}20%{opacity:.8}40%{opacity:.6}60%{opacity:.4}80%{opacity:.2}to{opacity:0}}
#loading-overlay[hidden]{display:none}.logo-container img{width:90%;height:auto;vertical-align:middle}.loading-error{display:block;margin-top:20px;text-align:center}.loading-error[hidden]{display:none}

/* Native iOS document scrolling lets Safari collapse its browser chrome. */
html.mobile-scroll-screen{height:auto;overflow-x:hidden;overflow-y:auto;scroll-behavior:auto}
html.mobile-scroll-screen body{height:var(--mobile-scroll-height);min-height:var(--mobile-scroll-height);overflow:visible;touch-action:pan-y}
.mobile-scroll-screen #game{position:fixed;inset:0;touch-action:none}
.mobile-scroll-screen #loading-overlay{position:fixed;height:100%;height:100dvh}
#iOSFullscreen{position:absolute;top:0;left:0;width:100%;height:var(--mobile-scroll-height);z-index:1001;touch-action:pan-y}
#iOSFullscreenAnimation{background:#0000007f;position:fixed;inset:0;z-index:1000;pointer-events:none;overflow:hidden}
.full-screen-hand{animation:fullscreen-swipe 1.8s infinite;height:112px;width:114px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
@keyframes fullscreen-swipe{from{top:80%}to{top:40%}}
#ios-hand-close{position:fixed;top:env(safe-area-inset-top,0px);right:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;background:transparent;border:0;cursor:pointer;z-index:1002;touch-action:manipulation}
#ios-hand-close svg{fill:#fff;flex:none}
#iOSFullscreen[hidden],#iOSFullscreenAnimation[hidden],#ios-hand-close[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.full-screen-hand{animation:none;top:40%}}

html.mobile-scroll-screen{scrollbar-width:none}html.mobile-scroll-screen::-webkit-scrollbar{display:none}