#load-screen{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:10vh 8vw;box-sizing:border-box;background:radial-gradient(ellipse at 50% 20%,#263139 0%,#10181e 45%,#090d12 100%);color:#ead9b5;text-align:center;z-index:99999;overflow:auto}
#load-screen::backdrop{background:#090d12}#load-screen h2{font:clamp(28px,5vw,58px) Georgia,serif;margin:24px 0}#load-screen small{letter-spacing:.2em}#load-screen progress{display:block;width:min(460px,80vw);height:8px;margin:30px auto;accent-color:#d2b272}#load-screen footer{max-width:520px;margin:9vh auto 0;color:#aab4b8;line-height:1.7}.load-emblem{font-size:60px;color:#d2b272;animation:ember-breathe 2s ease-in-out infinite}
#load-screen button{min-height:48px;padding:12px 28px;background:#263139;color:#ead9b5;border:1px solid #b29361}
.prologue-scene{position:relative;isolation:isolate;overflow:hidden;min-height:260px;padding:30px clamp(18px,4vw,55px);display:flex;flex-direction:column;justify-content:end;border:1px solid #8c7350;background:#121a20}
.prologue-scene:before{content:'';position:absolute;inset:-10%;z-index:-2;background:url('assets/art/v9-title-world.jpg') center/cover;animation:journey-pan 18s ease-out forwards}.prologue-scene:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#080d15f5,#0b1227a8)}
.prologue-scene span{font-size:12px;letter-spacing:.2em;color:#dec692}.prologue-scene p{font:clamp(18px,2.4vw,25px)/1.55 Georgia,serif;color:#eee2cf;max-width:800px}
#panel[open]{animation:panel-arrive .18s ease-out}button{transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid #edd391;outline-offset:3px}
@keyframes panel-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ember-breathe{50%{opacity:.45;transform:scale(.93)}}@keyframes journey-pan{from{transform:scale(1)}to{transform:scale(1.12) translateX(2%)}}
@media(prefers-reduced-motion:reduce){#panel[open],.load-emblem,.prologue-scene:before{animation:none}button{transition:none}}
@media(max-width:650px){#load-screen{padding:8vh 6vw}.prologue-scene{padding:18px;min-height:210px}}