/* A storybook cover that opens into the actual Everpatch scene. */
#loading,.awakening-start{background:#183b39;color:#fff1cc;font-family:var(--ui-font,Georgia,serif)}
#loading{z-index:90;overflow:hidden;transition:opacity .65s,visibility 0s .65s}#loading.hide{opacity:0;visibility:hidden;pointer-events:none}
.splash-scene{position:absolute;inset:0;background-image:linear-gradient(180deg,#112e3345,transparent 52%,#102a2b16 70%,#102a2bcc),url('./assets/everpatch-splash.webp');background-size:cover;background-position:center;pointer-events:none}
.splash-title{position:absolute;top:clamp(50px,10vh,105px);left:24px;right:24px;text-align:center;color:#fff0c7;text-shadow:0 3px 24px #102b3360}
.splash-overline{display:block;font:500 11px/1.4 var(--hud-font,system-ui);letter-spacing:.28em;color:#cedcc7}
#loading .splash-title h1,#awakening .splash-title h1{font:500 clamp(60px,8.2vw,112px)/.86 Georgia,'Times New Roman',serif;letter-spacing:-.055em;margin:22px 0 17px;color:#ffefc7;text-shadow:0 3px 0 #14332d40,0 8px 30px #102a2b55}
.splash-title h1>span{display:block;letter-spacing:-.04em;margin-top:4px;font-size:1.14em}
#loading .splash-title p,#awakening .splash-title p{font:400 15px/1.5 var(--ui-font,system-ui);letter-spacing:.03em;color:#edf0d6;margin:22px 0 0}
#loading .load-card{background:transparent;color:inherit;border:0;box-shadow:none;backdrop-filter:none;position:absolute;inset:0;max-width:none;padding:0;z-index:1}
.splash-loading,.splash-entry{position:absolute;left:24px;right:24px;bottom:calc(max(32px,6vh) + env(safe-area-inset-bottom,0px));text-align:center}
#loading .splash-loading b{font:400 14px/1.5 var(--ui-font,system-ui);color:#e5e9cb;letter-spacing:.02em}
#loading .load-track{width:190px;max-width:none;height:4px;border-radius:4px;margin:16px auto 14px;overflow:visible;background:#e1dfb22b;box-shadow:0 0 0 1px #f5e6bf10}
#loadProgress{position:relative;background:#edbd73;box-shadow:0 0 12px #f2bd7660;border-radius:4px;height:100%;max-width:100%}
#loadProgress:after{content:'';position:absolute;right:-3px;top:-2px;width:8px;height:8px;border-radius:50%;background:#ffe4a0;box-shadow:0 0 13px #ffe4a090}
.splash-footnote{font:400 12px var(--ui-font,system-ui);color:#bccfba}
#awakening .awakening-start{inset:0;max-width:none;width:100%;height:100%;z-index:1;transform:none;overflow:hidden;transition:opacity .8s ease,visibility 0s .8s;pointer-events:auto}
#awakening.playing .awakening-start{opacity:0;visibility:hidden;pointer-events:none;transform:none}
#awakening:not(.playing) .cinema-bar,#awakening:not(.playing) .cinema-caption{visibility:hidden}
#skipAwakening{z-index:3}
#awakening .splash-entry #wakeKnight{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:56px;min-width:238px;padding:15px 25px;border:1px solid #ffe6b1;border-radius:18px;background:#f5dca4;color:#294c40;box-shadow:0 4px 0 #a88d59,0 8px 25px #102a2b55;font:600 16px var(--ui-font,system-ui);transition:transform .2s,background .2s,box-shadow .2s;touch-action:manipulation}
#awakening .splash-entry #wakeKnight:hover{background:#fff0c7;transform:translateY(-2px);box-shadow:0 6px 0 #a88d59,0 12px 28px #102a2b55}
#awakening .splash-entry #wakeKnight:active{transform:translateY(3px);box-shadow:0 1px 0 #a88d59}
#wakeKnight .icon{width:18px;height:18px}#awakening .splash-entry p{font:400 13px/1.5 var(--ui-font,system-ui);color:#d4dfc6;margin:20px 0 0}
.splash-motes{position:absolute;inset:0;pointer-events:none;overflow:hidden}.splash-motes i{position:absolute;width:3px;height:3px;left:var(--x);top:var(--y);border-radius:50%;background:#ffe19a;box-shadow:0 0 10px 3px #fbd37335;animation:splash-glow 5s var(--delay) ease-in-out infinite}
.splash-motes i:nth-child(1){--x:22%;--y:67%;--delay:-1s}.splash-motes i:nth-child(2){--x:71%;--y:55%;--delay:-3s}.splash-motes i:nth-child(3){--x:63%;--y:75%;--delay:-2s}.splash-motes i:nth-child(4){--x:43%;--y:57%;--delay:-4s}.splash-motes i:nth-child(5){--x:81%;--y:73%;--delay:0s}.splash-motes i:nth-child(6){--x:35%;--y:80%;--delay:-2.5s}
@keyframes splash-glow{0%,100%{opacity:.15;transform:translate(0,5px)}50%{opacity:.8;transform:translate(6px,-9px)}}
@media(max-width:600px){.splash-title{top:calc(max(64px,12vh) + env(safe-area-inset-top,0px))}#loading .splash-title h1,#awakening .splash-title h1{font-size:clamp(58px,17vw,85px);margin-top:18px}.splash-scene{background-position:54% center}.splash-loading,.splash-entry{bottom:calc(35px + env(safe-area-inset-bottom,0px))}.splash-overline{font-size:10px}#loading .splash-title p,#awakening .splash-title p{font-size:14px;margin-top:18px}}
@media(max-height:540px) and (min-width:601px){.splash-title{top:24px}#loading .splash-title h1,#awakening .splash-title h1{font-size:57px;margin:12px 0}#loading .splash-title p,#awakening .splash-title p{margin-top:12px}.splash-entry,.splash-loading{bottom:22px}#awakening .splash-entry p{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.splash-motes i{animation:none;opacity:.45}#awakening .awakening-start,#loading{transition:none}#awakening .splash-entry #wakeKnight{transition:none}}

#loading .load-card.has-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;background:#102e30b8}#loading .has-error p{max-width:310px;color:#e4e7c9}#loading .has-error .primary{max-width:260px}