/* A short, read-only prologue on the same whole authored scenes as the game. */
#before-day.screen{position:fixed;inset:0;z-index:20;display:block;min-height:0;margin:0;padding:0!important;background:#202521}
#before-day .first-day-guide{max-width:none;width:100%;height:100dvh;--guide-pad:clamp(14px,4vw,24px)}
.first-day-guide .lo-visual{inset:0;width:100%;height:100%}
.first-day-guide .lo-still{object-position:50% 18%}
.fdg-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#17172255,transparent 30%,#1c17243d 60%,#141421a8)}
.first-day-guide .lo-top-controls{left:auto;right:max(12px,env(safe-area-inset-right));top:max(8px,var(--safe-top));gap:3px}
.first-day-guide .hp-balance{left:max(12px,env(safe-area-inset-left));top:max(8px,var(--safe-top))}
.fdg-card{position:absolute;left:var(--guide-pad);right:var(--guide-pad);bottom:max(16px,var(--safe-bottom));max-width:580px;margin:auto;border:1px solid #dacdec5c;border-radius:26px;padding:20px 22px 16px;background:linear-gradient(135deg,#3b3446ed,#252635f5);box-shadow:0 14px 55px #10101850;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:4;color:#fff7ef}
.fdg-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#e1cfe9;font-size:10px;letter-spacing:.13em;line-height:1.4}
.fdg-card h2{font:400 clamp(23px,5.6vw,29px)/1.13 Georgia,serif;letter-spacing:-.02em;margin:10px 0 14px;max-width:430px;color:#fff7ef;outline:none}
.fdg-copy p{font-size:17px;line-height:1.43;letter-spacing:0;margin:0 0 12px;color:#f6eff4}.fdg-copy p:last-child{margin-bottom:0}
.fdg-nav{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;margin-top:18px}
.first-day-guide .fdg-nav button{border:1px solid #edddf254;border-radius:24px;min-height:48px;background:#e6c9e112;color:#fff3df;padding:10px 14px;font-size:15px;line-height:1.25}
.first-day-guide .fdg-back{font-size:22px!important;padding:0!important}.first-day-guide .fdg-next{background:linear-gradient(110deg,#e4d0c932,#edd7c915)!important}
.fdg-hint{position:absolute;right:max(17px,env(safe-area-inset-right));top:calc(max(8px,var(--safe-top)) + 51px);z-index:6;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}
.fdg-hint svg{width:36px;height:34px;margin-right:1px;fill:none;stroke:#fff0cf;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fdg-hint span{font-size:12px;line-height:1.3;color:#fff2da;padding:7px 10px;border:1px solid #eadab05c;border-radius:12px;background:#302b3be8;box-shadow:0 4px 20px #16112150}
.first-day-guide .fdg-highlight{outline:2px solid #f7e0b4;outline-offset:3px;box-shadow:0 0 0 7px #efd7ad30,0 0 24px #efc88160}
.first-day-guide.hp-open .fdg-hint{visibility:hidden}
.fdg-arrived .fdg-card{animation:fdg-enter .4s .18s both}.fdg-arrived .lo-visual{animation:fdg-scene .35s ease-out both}
.fdg-error{position:absolute;inset:auto 14px max(20px,var(--safe-bottom));z-index:9;padding:20px;border:1px solid #e3ced8;border-radius:20px;background:#302836}.fdg-error button{background:transparent;border:0;text-decoration:underline}
@keyframes fdg-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes fdg-scene{from{opacity:.5}to{opacity:1}}
@media(min-width:700px) and (min-height:601px){
 .first-day-guide .lo-visual{width:min(58vw,calc(100dvh * .74));left:calc((58vw - min(58vw,100dvh * .74))/2);right:auto}.first-day-guide .fdg-card{left:49%;right:4%;bottom:8%;max-width:620px}.first-day-guide .fdg-shade{background:linear-gradient(90deg,transparent 22%,#25202c60 52%,#221e29b0)}
}
@media(max-height:740px) and (orientation:portrait){.fdg-card{padding:16px 18px 14px}.fdg-card h2{font-size:24px;margin:8px 0 12px}.fdg-copy p{font-size:16px;line-height:1.38;margin-bottom:10px}.fdg-nav{margin-top:14px}}
@media(max-height:570px) and (orientation:portrait){.fdg-card{padding:12px 14px 10px;border-radius:20px;bottom:max(10px,var(--safe-bottom))}.fdg-card h2{font-size:21px;margin:6px 0 9px}.fdg-copy p{font-size:15px;line-height:1.32;margin-bottom:8px}.fdg-eyebrow{font-size:9px}.fdg-nav{margin-top:10px;gap:8px}.first-day-guide .fdg-nav button{min-height:44px;padding:8px 10px;font-size:14px}.fdg-hint svg{height:24px}.fdg-hint span{font-size:11px;padding:5px 8px}}
@media(orientation:landscape) and (max-height:600px){
 .first-day-guide .lo-visual{width:42%;left:0;right:auto}.first-day-guide .fdg-shade{background:linear-gradient(90deg,transparent,#25202c80 45%,#221e29b0)}
 .first-day-guide .lo-top-controls{left:calc(40% - 142px);right:auto;gap:2px}.first-day-guide .hp-balance{display:none}
 .fdg-card{left:42%;right:max(12px,env(safe-area-inset-right));top:max(8px,var(--safe-top));bottom:max(8px,var(--safe-bottom));max-width:none;padding:12px 14px;border-radius:20px;display:flex;flex-direction:column;justify-content:center}
 .fdg-card h2{font-size:21px;margin:6px 0 9px}.fdg-copy p{font-size:15px;line-height:1.32;margin-bottom:8px}.fdg-eyebrow{font-size:9px}.fdg-nav{margin-top:10px}.first-day-guide .fdg-nav button{min-height:44px;padding:8px;font-size:14px}
 .fdg-hint{right:62%;top:calc(max(8px,var(--safe-top)) + 51px)}.fdg-hint span{font-size:11px;max-width:160px}.fdg-hint svg{height:25px}
}
@media(orientation:landscape) and (max-height:360px){.fdg-card{left:34%;padding:9px 12px}.first-day-guide .lo-visual{width:34%}.first-day-guide .lo-top-controls{left:calc(33% - 142px)}.fdg-hint{right:68%}.fdg-card h2{font-size:19px;margin:4px 0 7px}.fdg-copy p{font-size:14px;line-height:1.3;margin-bottom:7px}.fdg-nav{margin-top:8px}.fdg-eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){.fdg-arrived .fdg-card,.fdg-arrived .lo-visual{animation:none}}
.first-day-guide.lo-paused .fdg-card,.first-day-guide.lo-paused .lo-visual{animation:none}
.fdg-copy-compact{display:none}
.fdg-hint-short{display:none}
@media(max-width:699px){.fdg-hint-long{display:none}.fdg-hint-short{display:block}}
@media(max-height:570px) and (orientation:portrait),(max-height:360px) and (orientation:landscape){.fdg-has-compact .fdg-copy-full{display:none}.fdg-copy-compact{display:block}}
@media(max-width:350px) and (max-height:570px){.fdg-hint-long{display:none}.fdg-hint-short{display:block}.fdg-hint{top:calc(max(8px,var(--safe-top)) + 47px)}.fdg-hint svg{height:12px;width:24px;margin-right:8px}}