body.game-loading{overflow:hidden}
#loading-screen,#area-loading[open]{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;background:#090e19;color:#ffe1b5;font-family:Georgia,serif;padding:0}
#loading-screen[hidden]{display:none}
.loading-art{position:relative;width:min(100vw,150vh);width:min(100vw,150dvh);aspect-ratio:3/2;flex:none}
.loading-art>img{display:block;width:100%;height:100%;object-fit:contain}
#loading-progress,#area-loading-progress{position:absolute;left:35.1%;top:66.95%;width:29.8%;height:3.7%;appearance:none;border:0;border-radius:999px;overflow:hidden;background:#0b1018;color:#e9ab82}
:is(#loading-progress,#area-loading-progress)::-webkit-progress-bar{background:#0b1018}
:is(#loading-progress,#area-loading-progress)::-webkit-progress-value{border-radius:999px;background:linear-gradient(90deg,#99526e,#e9ad82,#ffe4aa);box-shadow:0 0 12px #eb9e8e}
:is(#loading-progress,#area-loading-progress)::-moz-progress-bar{border-radius:999px;background:linear-gradient(90deg,#99526e,#e9ad82,#ffe4aa)}
.loading-message{position:absolute;top:77%;left:5%;width:90%;text-align:center;font-size:clamp(12px,1.5vw,19px);text-shadow:0 2px 4px #000}
#loading-status,#area-loading-status{display:inline-block;margin:0;padding:8px 14px;border-radius:8px;background:#090e19de}
#loading-login,#loading-retry,#area-loading-retry{display:block;margin:8px auto 0;padding:9px 22px;border:1px solid #d6aa79;border-radius:5px;background:#18202d;color:#ffe1b5;font:inherit;cursor:pointer}
#loading-login[hidden],#loading-retry[hidden],#area-loading-retry[hidden]{display:none}
@media(max-aspect-ratio:3/4){.loading-message{top:100%;font-size:14px}.loading-art{margin-top:-12vh}}

:is(#loading-login,#loading-retry,#area-loading-retry):hover{background:#303047;border-color:#ffe1b5}
:is(#loading-login,#loading-retry,#area-loading-retry):focus-visible{outline:2px solid #ffe1b5;outline-offset:4px}

/* Cover the painted Loading label with the ready action. */
.loading-art{container-type:inline-size}
#loading-login{position:absolute;left:43%;top:57.8%;width:14%;height:5.5%;margin:0;padding:0;box-sizing:border-box;font:clamp(12px,2.1cqw,34px) Georgia,serif;background:#101620;border:2px solid #d6aa79;border-radius:6px;box-shadow:0 0 0 2px #101620}
.loading-complete .loading-message{display:none}

#area-loading{max-width:none;max-height:none;width:100vw;height:100vh;height:100dvh;margin:0;padding:0;border:0;border-radius:0;box-sizing:border-box}
#area-loading::backdrop{background:#090e19}
#area-loading-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}