/* Chapter links lead straight to the story. Modes are a small inline switch. */
html.story-review-open{overflow:hidden}
.story-review-trigger{margin-left:auto;min-height:44px;padding:8px 12px;border:0;background:none;color:#d7c49e;font:inherit;font-size:.9375rem;cursor:pointer}
#app > .murdle-page.story-review-page{--review-line:#c4ab7733;max-width:900px;width:100%;margin:0 auto;padding:24px 40px 0;background:#0e1d17}
#app .story-review-reader-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 0 18px;border-bottom:1px solid var(--review-line);font-family:var(--font-ui,sans-serif)}
#app .story-review-reader-nav>a{display:inline-flex;align-items:center;min-height:44px;color:#c3c8b6;text-decoration:none;font-size:.9375rem}
#app .story-review-mode-toggle{display:inline-flex;gap:0;max-width:100%;margin-left:auto;border-bottom:1px solid #c4ab7733;font-family:var(--font-ui,sans-serif)}
#app .story-review-mode-toggle button{appearance:none;min-height:44px;margin:0 0 -1px;padding:8px 12px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;box-shadow:none;color:#a8b4a3;font:inherit;font-size:.875rem;line-height:1.5;white-space:normal;cursor:pointer}
#app .story-review-mode-toggle button[aria-pressed=true]{color:#ebd3a1;border-bottom-color:#d0b279}
#app .story-review-mode-toggle button:hover{color:#f1dfb9}
#app .story-review-section-label{margin:22px 0 0;color:#c6ad7e;font:500 .9375rem/1.6 var(--font-ui,sans-serif)}
#app .story-review-page :focus-visible,#app .story-review-mode-toggle :focus-visible,.story-review-trigger:focus-visible{outline:2px solid #e2c58f;outline-offset:4px}
#app .story-review-pager button{font:inherit;min-height:44px;line-height:1.5;border-radius:3px;padding:10px 12px;cursor:pointer;background:none;touch-action:manipulation}
#app .story-review-pager button:disabled{opacity:.35;cursor:default}
#app .story-current h2>a{color:inherit;text-decoration:none}
#app .story-current h2>a:hover{color:#f1dfb9}
#app .story-review-reading{padding:28px 40px 40px;outline:none;min-width:0;max-width:none;width:auto;border:0;background:none}
#app .story-review-reading>.murdle-page{padding:0;margin:0;border:0;box-shadow:none;max-width:100%;width:auto;background:transparent}
#app .story-review-reading h1,#app .story-review-reading .morning-scene-heading h1{font:400 clamp(1.75rem,3vw,2.35rem)/1.5 var(--font-heading,serif);color:#eee0bf;margin:18px 0 26px;letter-spacing:.02em;text-wrap:balance}
#app .story-review-reading .morning-scene-heading,#app .story-review-reading .morning-prose{max-width:740px}
#app .story-review-reading .morning-scene-heading.is-transition{margin-bottom:18px}
#app .story-review-reading .morning-time{font-size:.875rem;color:#b3bea9;margin-top:0;gap:10px 24px}
#app .story-review-reading .morning-time time{color:#c6ad7e;letter-spacing:.04em}
#app .story-review-reading .morning-scene-image{width:min(100%,420px,48dvh);max-width:420px;margin:24px auto 32px;border-color:#c4ab773b;box-shadow:0 12px 24px #0002}
#app .story-review-reading .morning-prose{margin:26px auto}
#app .story-review-reading .morning-prose>p,#app .story-review-reading .chronicle-speech p,#app .story-review-reading .chronicle-narrative p,#app .story-review-reading .chronicle-preface-text p,#app .story-review-reading .chronicle-arrival-copy>p:not(.chronicle-eyebrow){font-size:1.125rem;line-height:1.95;color:#e0e0d1;letter-spacing:normal;text-align:start;text-wrap:wrap;word-break:normal;overflow-wrap:break-word}
#app .story-review-reading blockquote.chronicle-speech{display:flex;align-items:flex-start;gap:18px;margin:28px 0;padding:20px;border:0;border-left:2px solid #9d895b66;background:linear-gradient(90deg,#b7a57708,transparent);border-radius:0 4px 4px 0}
#app .story-review-reading blockquote.chronicle-speech.is-you{border-left-color:#6d957775}
#app .story-review-reading .chronicle-speech>.chronicle-portrait,#app .story-review-reading .chronicle-speech>.cafecup-art{display:block;width:48px;height:48px;flex:0 0 48px;margin:0;border:1px solid #baa57560;border-radius:4px}
#app .story-review-reading .chronicle-speech-body{min-width:0}
#app .story-review-reading .chronicle-speech cite{display:block;margin:0 0 8px;font:500 .9375rem/1.6 var(--font-ui,sans-serif);color:#d3bb8c}
#app .story-review-reading .chronicle-speech p{margin:0}
#app .story-review-reading .chronicle-speech p+p{margin-top:12px}
#app .story-review-reading .chronicle-preface-copy,#app .story-review-reading .chronicle-arrival-copy,#app .story-review-reading .epilogue-copy{padding:0}
#app .story-review-reading .chronicle-preface,#app .story-review-reading .chronicle-arrival,#app .story-review-reading .epilogue-shot{display:block;min-height:0}
#app .story-review-reading .chronicle-preface-scene,#app .story-review-reading .chronicle-arrival-screen,#app .story-review-reading .epilogue-frame{width:min(100%,420px);max-width:420px;max-height:none;min-height:0;margin:0 auto 28px;display:block}
#app .story-review-reading .chronicle-preface-scene figcaption{display:block;margin:0;padding:10px 0;border:0;text-align:center}
#app .story-review-reading .chronicle-preface-scene figcaption>span,#app .story-review-reading .chronicle-preface-scene figcaption>strong{display:none}
#app .story-review-reading img{max-width:100%}
#app .story-review-reading .chronicle-ending{margin:0}
#app .story-review-reading .morning-finished{padding:12px 0}
#app .story-review-reading .chronicle-eyelids{display:none}
#app .story-review-reading .morning-story,#app .story-review-reading .chronicle-arrival-copy{animation:none}
#app .story-review-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;max-width:780px;margin:0 auto;padding:24px 0 40px;border-top:1px solid var(--review-line)}
#app .story-review-pager button{border:0;color:#cfbc94;justify-self:start}
#app .story-review-pager button:last-child{justify-self:end;border:1px solid #a78f5b88;background:#cbb078;color:#102119;padding-inline:23px}
#app .story-review-pager button:last-child:hover{background:#e3c896}
.story-review-pager>span{font-size:.875rem;color:#9ba991;font-variant-numeric:tabular-nums}

#app .story-review-reading{padding:22px 0 32px;max-width:740px;margin:auto}
#app .story-review-reader-nav,#app .story-review-section-label{max-width:740px;margin-inline:auto}
/* Destructive puzzle reset is the only remaining dialog. */
#app .story-review-dialog{--review-line:#c4ab7733;box-sizing:border-box;width:min(520px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #bb9e665e;border-radius:4px;background:#13221c;color:#e9e4d7;box-shadow:0 24px 70px #0008;overflow:auto;font-family:var(--font-ui,sans-serif);color-scheme:dark}
#app .story-review-dialog::backdrop{background:#020906b8}
#app .story-review-dialog button{font:inherit;font-size:.9375rem;line-height:1.5;min-height:44px;cursor:pointer;color:inherit;border:1px solid var(--review-line);border-radius:3px;background:none;padding:10px 16px}
.story-review-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--review-line)}
#app .story-review-header h2{margin:0;font:500 1.125rem/1.5 var(--font-heading,serif);color:#e6d1a8}
.story-review-confirm{padding:24px}
.story-review-confirm>p{font-size:1rem;line-height:1.9;margin:0 0 24px}
.story-review-confirm>div{display:flex;flex-wrap:wrap;gap:12px}
#app .story-review-confirm button:last-child{color:#14221a;background:#c9af7a;border-color:#c9af7a}
@media(max-width:680px){
 #app > .murdle-page.story-review-page{padding:16px 20px 0}
 #app .story-review-reader-nav{gap:8px;padding-bottom:12px}
 #app .story-review-mode-toggle button{padding-inline:10px}
 #app .story-review-section-label{margin-top:20px;font-size:.875rem}
 #app .story-review-reading h1,#app .story-review-reading .morning-scene-heading h1{font-size:1.75rem;margin:16px 0 23px}
 #app .story-review-reading .morning-scene-image{width:min(100%,300px,40dvh);margin:20px auto 26px}
 #app .story-review-reading .morning-prose>p,#app .story-review-reading .chronicle-speech p,#app .story-review-reading .chronicle-narrative p,#app .story-review-reading .chronicle-preface-text p,#app .story-review-reading .chronicle-arrival-copy>p:not(.chronicle-eyebrow){font-size:1.0625rem;line-height:1.9}
 #app .story-review-reading blockquote.chronicle-speech{padding:17px 12px;gap:12px;margin:24px 0}
 #app .story-review-reading .chronicle-speech>.chronicle-portrait,#app .story-review-reading .chronicle-speech>.cafecup-art{width:40px;height:40px;flex-basis:40px}
 #app .story-review-reading .chronicle-speech cite{font-size:.875rem}
 #app .story-review-reading .chronicle-preface-scene,#app .story-review-reading .chronicle-arrival-screen,#app .story-review-reading .epilogue-frame{width:min(100%,300px);margin-inline:auto}
 #app .story-review-reading .shore-visit-papers{grid-template-columns:1fr}
 #app .story-review-pager{margin-inline:0;padding:20px 0 calc(28px + env(safe-area-inset-bottom));gap:8px}
 #app .story-review-pager button{font-size:.875rem;padding:10px 6px}#app .story-review-pager button:last-child{padding-inline:14px}

 #app .story-review-reading{padding:18px 0 24px}
 #app .story-review-pager{margin-inline:0}
}
