/* Optional immersive reader: the story graph and saved place are shared with Story view. */
@font-face{font-family:"Book Cinzel";src:url("fonts/cinzel.woff2") format("woff2");font-display:swap}
@font-face{font-family:"Book Garamond";src:url("fonts/eb-garamond.woff2") format("woff2");font-display:swap}
@font-face{font-family:"Book Garamond";src:url("fonts/eb-garamond-italic.woff2") format("woff2");font-style:italic;font-display:swap}

body[data-page="reader"] .view-toggle{font-family:Georgia,serif;font-size:23px;line-height:1}
body[data-page="reader"] #segView button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}

html[data-reading-view="book"] body[data-page="reader"]:has(main.reading:not(.intro)){
  background:radial-gradient(ellipse at 50% 32%,#2b2419,#0f0d0b 72%) fixed;
  color:#e7dcc9;overflow:hidden;
}
html[data-reading-view="book"] body[data-page="reader"]:has(main.reading:not(.intro)) .aa-bar{display:none}
html[data-reading-view="book"] body[data-page="reader"]:has(main.reading:not(.intro)) > .bar{
  position:fixed;inset:0 0 auto;height:56px;padding:0 max(12px,env(safe-area-inset-left));
  border-bottom:1px solid rgba(201,164,92,.3);background:rgba(15,13,11,.94);
  color:#e9dfcc;backdrop-filter:none;
}
html[data-reading-view="book"] body[data-page="reader"]:has(main.reading:not(.intro)) > .bar .brand{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  margin:0 auto 0 0;color:#e9dfcc;font:italic 16px/1.1 "Book Garamond",Georgia,serif;
}
html[data-reading-view="book"] body[data-page="reader"]:has(main.reading:not(.intro)) > .bar .brand::before{
  content:"ANTONY ADDY";color:#d1ab67;font:500 10px/1 "Book Cinzel",Georgia,serif;letter-spacing:.18em;
}
html[data-reading-view="book"] body[data-page="reader"]:has(main.reading:not(.intro)) > .bar .brand .dot{display:none}
html[data-reading-view="book"] body[data-page="reader"]:has(main.reading:not(.intro)) > .bar .iconbtn{
  width:40px;height:40px;border-radius:3px;border:1px solid rgba(201,164,92,.5);
  background:transparent;color:#e2c17e;
}
html[data-reading-view="book"] body[data-page="reader"]:has(main.reading:not(.intro)) #theme{display:none}
html[data-reading-view="book"] body[data-page="reader"]:has(main.reading:not(.intro)) > .bar .progress{background:#c9a45c}

html[data-reading-view="book"] body[data-page="reader"] main.reading:not(.intro){
  position:fixed;inset:56px 0 40px;width:100%;max-width:none;margin:0;
  padding:12px clamp(10px,2vw,28px);display:grid;place-items:center;overflow:hidden;perspective:none;
}
html[data-reading-view="book"] body[data-page="reader"] .reader-heading{display:none}
html[data-reading-view="book"] body[data-page="reader"] .moment-card{
  position:relative;display:block;width:min(1120px,100%);height:min(900px,100%);min-height:0;
  overflow:visible;border:1px solid #d8c8a5;border-radius:4px;
  background:#f4ecda;color:#2a2119;
  box-shadow:0 2px 0 #e3d6b9,0 5px 0 #c9b99a,0 8px 0 #a9997c,
    0 24px 65px rgba(0,0,0,.55);
  perspective:2600px;transform-style:preserve-3d;
}
html[data-reading-view="book"] body[data-page="reader"] .moment-card::after{
  content:"";position:absolute;inset:12px -7px 12px auto;width:6px;
  background:repeating-linear-gradient(180deg,#eee1c6 0 1px,#c5b497 1px 2px);
  border-radius:0 3px 3px 0;pointer-events:none;
}
html[data-reading-view="book"] body[data-page="reader"] .moment-visual{display:none}
html[data-reading-view="book"] body[data-page="reader"] .reading-page,
html[data-reading-view="book"] body[data-page="reader"] .reading-page.end{
  display:grid;grid-template-columns:1fr 1fr;width:100%;height:100%;min-height:0;padding:0;
  background:none;color:#2a2119;
}
html[data-reading-view="book"] body[data-page="reader"] .book-page-left,
html[data-reading-view="book"] body[data-page="reader"] .book-page-right{
  position:relative;min-width:0;height:100%;padding:clamp(34px,5vh,65px) clamp(35px,5vw,74px) 42px;
  overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbb994 transparent;
  display:flex;flex-direction:column;
}
html[data-reading-view="book"] body[data-page="reader"] .book-page-left{
  border-radius:3px 0 0 3px;border-right:1px solid #c9b998;
  background:linear-gradient(90deg,#e9dec6,#f5eddb 5%,#f4ecda 80%,#e3d5b8);
  box-shadow:inset -13px 0 22px -18px #604d30;
}
html[data-reading-view="book"] body[data-page="reader"] .book-page-right{
  border-radius:0 3px 3px 0;
  background:linear-gradient(90deg,#e4d6b8,#f4ecda 7%,#f4ecda 90%,#eadfc8);
  box-shadow:inset 13px 0 22px -18px #604d30;
}
html[data-reading-view="book"] body[data-page="reader"] .book-page-left::before,
html[data-reading-view="book"] body[data-page="reader"] .book-page-right::before{
  content:"ANTONY ADDY";position:absolute;top:19px;left:10%;right:10%;text-align:center;
  color:#897455;font:500 10px/1 "Book Cinzel",Georgia,serif;letter-spacing:.17em;
}
html[data-reading-view="book"] body[data-page="reader"] .book-page-right::before{content:"THE STORY CONTINUES"}
/* "more below" cue: a soft fade at the foot of a page that scrolls, hidden once it reaches the end */
html[data-reading-view="book"] body[data-page="reader"] .book-page-left::after,
html[data-reading-view="book"] body[data-page="reader"] .book-page-right::after{
  content:"";flex:none;position:sticky;bottom:-42px;z-index:2;
  display:block;height:62px;margin:-62px 0 0;pointer-events:none;
  opacity:0;transition:opacity .25s ease;
  background:linear-gradient(rgba(244,236,218,0),#f4ecda 80%);
}
html[data-reading-view="book"] body[data-page="reader"] .book-page-left.can-scroll:not(.at-end)::after,
html[data-reading-view="book"] body[data-page="reader"] .book-page-right.can-scroll:not(.at-end)::after{opacity:1}
html[data-reading-view="book"] body[data-page="reader"] .reading-kicker{
  text-align:center;color:#94723d;font:500 10px/1.4 "Book Cinzel",Georgia,serif;
  letter-spacing:.18em;text-transform:uppercase;
}
html[data-reading-view="book"] body[data-page="reader"] .moment-heading{
  margin:15px 0 31px;color:#3a2b1b;text-align:center;text-wrap:balance;
  font:500 clamp(24px,2.3vw,35px)/1.3 "Book Cinzel",Georgia,serif;letter-spacing:.02em;
}
html[data-reading-view="book"] body[data-page="reader"] .moment-heading::after{
  content:"";display:block;width:7px;height:7px;margin:19px auto 0;
  background:#a7803d;transform:rotate(45deg);
}
html[data-reading-view="book"] body[data-page="reader"] .para,
html[data-reading-view="book"] body[data-page="reader"] .reading-page.end .para{
  color:#2a2119;max-width:none;font:calc(23px * var(--reading-scale,1))/1.5 "Book Garamond",Georgia,serif !important;
  white-space:pre-line;text-align:justify;hyphens:auto;
}
html[data-reading-view="book"] body[data-page="reader"] .para::first-letter{
  float:left;font:500 3.15em/.83 "Book Cinzel",Georgia,serif;
  padding:.07em .08em 0 0;color:#9a7633;
}
html[data-reading-view="book"] body[data-page="reader"] .book-illustration{
  align-self:center;width:auto;max-width:min(62%,210px);max-height:24vh;
  margin:30px auto 0;object-fit:contain;opacity:.72;
  filter:sepia(.35) saturate(.64);mix-blend-mode:multiply;
}
html[data-reading-view="book"] body[data-page="reader"] .decision,
html[data-reading-view="book"] body[data-page="reader"] .ending-collection{
  margin:0;padding:22px 0 0;border:0;
}
html[data-reading-view="book"] body[data-page="reader"] .decision h3,
html[data-reading-view="book"] body[data-page="reader"] .ending-collection h3{
  margin:0 0 21px;padding-bottom:18px;border-bottom:1px solid #d2c19e;
  text-align:center;color:#725a37;font:500 12px/1.6 "Book Cinzel",Georgia,serif;
  letter-spacing:.1em;text-transform:uppercase;
}
html[data-reading-view="book"] body[data-page="reader"] .choices{gap:10px}
html[data-reading-view="book"] body[data-page="reader"] .choices button{
  min-height:56px;padding:10px 12px;gap:11px;border:1px solid #d5c6a6;
  border-radius:2px;background:rgba(255,255,255,.2);color:#35291c;
  font:21px/1.24 "Book Garamond",Georgia,serif;
}
html[data-reading-view="book"] body[data-page="reader"] .choices button:hover,
html[data-reading-view="book"] body[data-page="reader"] .choices button:focus-visible{
  border-color:#a7803d;background:#fff8e9;
}
html[data-reading-view="book"] body[data-page="reader"] .choice-letter{
  width:26px;height:26px;border-radius:50%;background:#e9dabb;color:#795b2c;
  font:500 12px/1 "Book Cinzel",Georgia,serif;
}
html[data-reading-view="book"] body[data-page="reader"] .choice-destination{color:#8c7554;font:12px/1 "Book Garamond",Georgia,serif}
html[data-reading-view="book"] body[data-page="reader"] .choices button svg{width:15px;color:#8c6b35}
html[data-reading-view="book"] body[data-page="reader"] .page-folio{
  margin-top:auto;padding-top:24px;border:0;color:#806d50;
  font:12px/1.4 "Book Cinzel",Georgia,serif;letter-spacing:.03em;
}
html[data-reading-view="book"] body[data-page="reader"] .page-back,
html[data-reading-view="book"] body[data-page="reader"] .cover-link{
  color:#795b2c;font-family:"Book Garamond",Georgia,serif;font-size:18px;
}
html[data-reading-view="book"] body[data-page="reader"] .reader-footer{
  position:fixed;inset:auto 0 0;height:40px;margin:0;
  color:#c7b694;font:italic 16px/1 "Book Garamond",Georgia,serif;
}
html[data-reading-view="book"] body[data-page="reader"] .reader-footer svg{color:#d5b671}
html[data-reading-view="book"] body[data-page="reader"] .reading-page .gloss-word{border-color:#a7803d;color:inherit}
html[data-reading-view="book"] body[data-page="reader"] .reading-page .gloss-word:hover{background:#e9dabb}
html[data-reading-view="book"] body[data-page="reader"] .collection-note{color:#6b5b48;font:19px/1.4 "Book Garamond",Georgia,serif}
html[data-reading-view="book"] body[data-page="reader"] .stamps li{border-color:#c8b894;color:#695634}
html[data-reading-view="book"] body[data-page="reader"] .stamps li.got{background:#9a7633;border-color:#9a7633;color:#fff6e6}
html[data-reading-view="book"] body[data-page="reader"] .again .start{background:#9a7633;color:#fff6e6}

/* A real paper leaf crosses the spine when a choice or Back turns the page. */
html[data-reading-view="book"] body[data-page="reader"] .book-turn-leaf{
  position:absolute;z-index:5;left:50%;top:0;width:50%;height:100%;
  transform-origin:left center;transform-style:preserve-3d;pointer-events:none;
}
html[data-reading-view="book"] body[data-page="reader"] .book-turn-front,
html[data-reading-view="book"] body[data-page="reader"] .book-turn-back{
  position:absolute;inset:0;padding:clamp(34px,5vh,65px) clamp(35px,5vw,74px) 42px;
  overflow:hidden;backface-visibility:hidden;color:#2a2119;
  background:linear-gradient(90deg,#e4d6b8,#f4ecda 7%,#f4ecda 90%,#eadfc8);
  box-shadow:12px 0 32px rgba(54,34,12,.38);
}
html[data-reading-view="book"] body[data-page="reader"] .book-turn-front::after,
html[data-reading-view="book"] body[data-page="reader"] .book-turn-back::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(65,42,15,.22),transparent 20%,transparent 76%,rgba(65,42,15,.12));
}
html[data-reading-view="book"] body[data-page="reader"] .book-turn-back{
  transform:rotateY(180deg);background:linear-gradient(90deg,#e9ddc3,#f4ecda 92%,#e0d1b1);
  box-shadow:-12px 0 32px rgba(54,34,12,.35);
}
@media(max-width:760px){
  html[data-reading-view="book"] body[data-page="reader"] main.reading:not(.intro){padding:9px 10px}
  html[data-reading-view="book"] body[data-page="reader"] .moment-card{width:100%;height:100%}
  html[data-reading-view="book"] body[data-page="reader"] .reading-page,
  html[data-reading-view="book"] body[data-page="reader"] .reading-page.end{
    display:block;overflow-y:auto;scrollbar-width:thin;
    background:linear-gradient(90deg,#e8dcc2,#f4ecda 5%,#f4ecda 91%,#ebddc2);
  }
  html[data-reading-view="book"] body[data-page="reader"] .book-page-left,
  html[data-reading-view="book"] body[data-page="reader"] .book-page-right{
    height:auto;padding:38px clamp(24px,6vw,40px) 0;
    overflow:visible;border:0;background:none;box-shadow:none;
  }
  html[data-reading-view="book"] body[data-page="reader"] .book-page-left::before,
  html[data-reading-view="book"] body[data-page="reader"] .book-page-right::before{display:none}
  html[data-reading-view="book"] body[data-page="reader"] .book-page-right{padding-top:4px;padding-bottom:22px}
  html[data-reading-view="book"] body[data-page="reader"] .para,
  html[data-reading-view="book"] body[data-page="reader"] .reading-page.end .para{
    font-size:calc(21px * var(--reading-scale,1)) !important;text-align:left;
  }
  html[data-reading-view="book"] body[data-page="reader"] .moment-heading{font-size:25px;margin-bottom:24px}
  html[data-reading-view="book"] body[data-page="reader"] .book-illustration{max-height:120px;max-width:40%;margin-top:14px}
  html[data-reading-view="book"] body[data-page="reader"] .decision,
  html[data-reading-view="book"] body[data-page="reader"] .ending-collection{padding-top:16px}
  html[data-reading-view="book"] body[data-page="reader"] .choice-destination{display:none}
  html[data-reading-view="book"] body[data-page="reader"] .choices button{font-size:19px}
  html[data-reading-view="book"] body[data-page="reader"] .book-turn-leaf{left:0;width:100%;transform-origin:left center}
  html[data-reading-view="book"] body[data-page="reader"] .book-turn-front.whole-page{padding:0}
  html[data-reading-view="book"] body[data-page="reader"] .book-turn-front.whole-page .reading-page{
    width:100%;height:100%;overflow-y:auto;scrollbar-width:none;
  }
  html[data-reading-view="book"] body[data-page="reader"] .reader-footer{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  html[data-reading-view="book"] body[data-page="reader"] .book-turn-leaf{display:none}
}