/* A single leaf in an automatic storybook cutscene. */
#prologueBook.prologue-book{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:var(--screen-height,100dvh);max-height:none;padding:0;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 45%,#354638,#12241f 80%);box-shadow:none;color:#3a392a;overflow:auto;overscroll-behavior:contain}
#prologueBook::backdrop{background:#13251e;backdrop-filter:none}
.book-surround{min-height:100%;width:min(780px,100%);margin:auto;padding:calc(env(safe-area-inset-top) + 16px) 24px calc(env(safe-area-inset-bottom) + 12px);display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}
.book-masthead{display:flex;align-items:center;justify-content:space-between;color:#d8c99e;gap:20px;margin-bottom:12px;font-size:12px;letter-spacing:.15em}
.book-binding{perspective:1600px;position:relative;padding:0 4px 5px 0;border-radius:2px 6px 8px 2px;background:repeating-linear-gradient(#c9bb99 0 2px,#ebdfba 2px 4px);box-shadow:0 28px 65px #08161188,0 0 0 5px #4c4730,0 0 0 7px #97845355}
.book-leaf{position:relative;display:flex;flex-direction:column;min-height:620px;background:#eee3c5;border-radius:1px 4px 3px 1px;transform-origin:left center;box-shadow:inset 12px 0 14px -12px #473f27aa;overflow:hidden;touch-action:pan-y}
.book-leaf.turning-back{transform-origin:right center}.book-picture{position:relative;width:100%;height:310px;flex-shrink:0;overflow:hidden;background:#e7dcc0}
.book-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply;transition:filter .5s,opacity .5s}
.book-picture:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#3b352e18,transparent 5%),linear-gradient(transparent 80%,#eee3c5)}
.book-leaf[data-mood=fog] .book-picture img{filter:grayscale(.8) saturate(.45);opacity:.57}.book-leaf[data-mood=fog] .book-picture{background:#b3bbad}
.book-leaf[data-mood=decree] .book-picture img{object-position:50% 35%;filter:saturate(.65)}.book-leaf[data-mood=arrival] .book-picture img{object-position:60% center}
.book-prose{padding:10px 50px 20px;flex:1;text-align:center}.book-chapter{font:14px Georgia,serif;letter-spacing:.12em;color:#8a7750;display:block;margin-bottom:7px}
#prologueBook #bookHeading{font:400 clamp(25px,3vw,34px)/1.14 Georgia,'Times New Roman',serif;color:#3b402b;margin:0 0 15px;letter-spacing:-.025em}
#prologueBook #bookText{font:400 19px/1.55 Georgia,'Times New Roman',serif;white-space:pre-line;max-width:560px;margin:0 auto;color:#4c4935;text-wrap:pretty}
.reading-prologue .game-ui,.reading-prologue #campObjective,.reading-prologue .joystick,.reading-prologue .toast{visibility:hidden!important;pointer-events:none!important}
@media(max-width:600px){
 .book-surround{padding:calc(env(safe-area-inset-top) + 8px) 14px calc(env(safe-area-inset-bottom) + 10px);justify-content:flex-start}.book-masthead{margin-bottom:8px;gap:10px;font-size:12px;letter-spacing:.09em}.book-masthead>span{max-width:190px}
 .book-leaf{min-height:calc(var(--screen-height,100dvh) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 115px)}.book-picture{height:clamp(170px,29dvh,290px)}
 .book-prose{padding:10px 23px 18px}#prologueBook #bookHeading{font-size:27px;margin-bottom:15px}#prologueBook #bookText{font-size:18px;line-height:1.5}.book-navigation{margin:0 20px;padding:10px 0 12px;gap:8px}#prologueBook .book-navigation button{font-size:15px;gap:5px}.book-footnote{margin-top:12px}
}
@media(max-height:620px) and (min-width:601px){.book-surround{width:920px}.book-leaf{min-height:350px;display:grid;grid-template-columns:44% 56%;grid-template-rows:1fr auto}.book-picture{height:100%;grid-row:1 / 3}.book-prose{padding:24px 25px 12px}.book-navigation{margin:0 25px}.book-masthead{margin-bottom:7px}.book-footnote{display:none}#prologueBook #bookHeading{font-size:27px}#prologueBook #bookText{font-size:17px}.book-picture:after{background:linear-gradient(90deg,transparent 85%,#eee3c5)}}
@media(prefers-reduced-motion:reduce){.book-picture img{transition:none}}

#prologueBook .book-masthead{justify-content:center;padding:10px 0 12px;pointer-events:none}.book-prose{padding-bottom:35px}.book-leaf{pointer-events:none}#bookHeading:focus{outline:none}
@media(max-width:600px){.book-leaf{min-height:calc(var(--screen-height,100dvh) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 70px)}.book-masthead>span{max-width:none}.book-prose{padding-bottom:28px}}
@media(max-width:600px){.book-picture{height:clamp(200px,37dvh,330px)}.book-prose{display:flex;flex-direction:column;justify-content:center;padding-top:18px;padding-bottom:36px}}