/* The approved key art is visible before the game module and session are ready. */
.startup-screen{position:fixed;inset:0 0 auto;width:100%;max-width:var(--sc-game-max-width,440px);height:var(--sc-game-viewport-height,100svh);margin:0 auto;box-sizing:border-box;border:1px solid #594831;container-type:size;z-index:10000;isolation:isolate;overflow:hidden;background:#080c13;color:#d8c8aa;opacity:1;transition:opacity .28s ease;font-family:Vollkorn,Georgia,serif}
.startup-screen[hidden]{display:none}
.startup-screen.is-leaving{opacity:0;pointer-events:none}
.startup-screen picture,.startup-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.startup-shade{position:absolute;inset:0;background:linear-gradient(180deg,#04081722,transparent 28%,transparent 82%,#080c13 100%)}
.startup-title{position:absolute;top:max(9%,env(safe-area-inset-top));left:8%;width:84%;text-align:center;font-weight:500;line-height:.95;text-shadow:0 2px 15px #0008}
.startup-title span{display:block}
.startup-title-first{font-size:clamp(28px,10cqw,72px);letter-spacing:.11em;color:#e4d4b4}
.startup-title-second{font-size:clamp(36px,13cqw,94px);letter-spacing:.065em;color:#ba544c;margin-top:.13em}
.startup-title:after{content:'';display:block;margin:20px auto 0;height:1px;width:58%;background:linear-gradient(90deg,transparent,#a17f4b,transparent)}
.startup-status{position:absolute;bottom:max(3.5%,calc(env(safe-area-inset-bottom) + 16px));left:15%;width:70%;text-align:center;font-family:var(--sc-font-ui,'PT Sans',sans-serif);font-size:12px;color:#d0c3ae;text-shadow:0 1px 4px #000}
.startup-track{height:4px;border:1px solid #766345;background:#080b11;margin-bottom:12px;overflow:hidden}
.startup-fill{height:100%;width:var(--startup-progress,8%);background:linear-gradient(90deg,#5c1d28,#b64a49);transition:width .3s ease}
.startup-screen[data-phase="waiting"] .startup-fill{width:24%;animation:startup-wait 1.8s ease-in-out infinite alternate}
.startup-screen[data-phase="error"] .startup-status{padding:16px;background:#100e13e8;border:1px solid #766345;border-radius:3px}
.startup-retry{display:block;margin:12px auto 0;padding:9px 22px;border:1px solid #a17f4b;border-radius:3px;color:#e4d4b4;background:#4c1823;font:inherit;cursor:pointer}
.startup-retry[hidden]{display:none}.startup-retry:focus-visible{outline:2px solid #e4d4b4;outline-offset:4px}
@keyframes startup-wait{to{transform:translateX(315%)}}
@container(min-aspect-ratio:1/1){.startup-title{top:7%;left:20%;width:32%}.startup-title-first{font-size:clamp(23px,3.8cqw,72px)}.startup-title-second{font-size:clamp(30px,5cqw,94px)}.startup-status{left:25%;width:50%}}
@media(prefers-reduced-motion:reduce){.startup-screen,.startup-fill{transition:none}.startup-screen[data-phase="waiting"] .startup-fill{animation:none}}

.startup-no-script{position:fixed;inset:auto 10% 10%;z-index:10001;padding:20px;background:#100e13;color:#e4d4b4;text-align:center}
