#scene-loading{position:fixed;inset:0;transform:none;margin:auto;width:min(440px,90vw);max-width:90vw;height:fit-content;max-height:90dvh;overflow:auto;box-sizing:border-box;padding:28px;border:1px solid #bca16e;border-radius:18px;background:#102d2c;color:#f4e8c8;text-align:center;box-shadow:0 18px 65px #0008}
#scene-loading::backdrop{background:#071716b8}
#scene-loading h2{font:600 28px Georgia,serif;margin:0 0 14px}
#scene-loading p{line-height:1.5}
#scene-loading progress,#opening-load-progress{display:block;width:100%;height:12px;accent-color:#d4b57b;margin:20px auto}
#scene-loading button{min-height:44px;margin:6px;padding:10px 20px;border:1px solid #c2a56d;border-radius:8px;background:#21463c;color:#fff1cf;font:inherit;cursor:pointer}
#opening-video.loading #opening-film{visibility:hidden}
#opening-video.loading .opening-video-playback{visibility:hidden}
#opening-loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 24px 110px;text-align:center;background:radial-gradient(ellipse at 50% 40%,#214b41,#071b20 70%)}
#opening-loading h1{font:600 clamp(36px,6vw,68px) Georgia,serif;letter-spacing:.04em;color:#eddbac;margin:0 0 14px}
#opening-loading p{max-width:32em;line-height:1.5;color:#e2dfca}
#opening-loading progress{width:min(360px,75vw)}
#opening-video.loading #opening-video-status{bottom:auto;top:58%;font-size:16px}
#opening-load-retry{position:absolute;top:70%;left:50%;transform:translateX(-50%)}