:root{--night:#171724;--paper:#f4e3d0;--paper-edge:#c49a83;--ink:#432d31;--muted:#735355;--accent:#855036;--thread:#5ab3b1;--rule:#b79684;--wash:#ead3bf;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--night);color:#ead6c5;font:18px/1.6 Georgia,'Times New Roman',serif}body{margin:0}button,input,select,summary{font:inherit}button,a,summary{touch-action:manipulation}button,summary{cursor:pointer}button{color:inherit;background:transparent;border:1px solid currentColor;padding:10px 20px;min-height:46px;border-radius:3px}button:hover{background:#8b67401a}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #52bfc4;outline-offset:5px}button[aria-pressed=true],button[aria-current=page]{box-shadow:inset 0 -3px var(--thread)}.skip{position:fixed;top:-100px;left:12px;background:var(--paper);color:var(--ink);padding:12px;z-index:20}.skip:focus{top:4px}.masthead{max-width:1600px;margin:auto;padding:24px 5vw 12px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;letter-spacing:.2em;font-size:16px;white-space:nowrap}.brand span{display:block;font-size:29px;letter-spacing:.06em;color:#e4b49a}.masthead nav{display:flex;align-items:center;gap:4px;border-bottom:1px solid #a07865}.masthead nav>button,.classic>summary{border:0;padding:10px 14px;font-size:16px;list-style:none;min-height:46px}.classic{position:relative}.classic>div{position:absolute;right:0;top:100%;padding:12px;min-width:230px;background:#232130;border:1px solid #a88062;z-index:10;box-shadow:0 12px 32px #0008}.classic a{display:block;padding:10px;text-decoration:none;font-size:16px}.book-tools{max-width:1440px;margin:0 auto;padding:0 3vw;display:flex;justify-content:space-between;gap:16px;align-items:center;font:13px/1.5 system-ui;color:#c7b9b4}.book-tools>div{display:flex;gap:12px;align-items:center}.book-tools button{font-size:13px;padding:8px 12px;border-color:#8a7770}.audio{position:relative}.audio>summary{padding:12px;min-height:46px}.site-audio{position:absolute;right:0;width:250px;padding:18px;background:#232130;border:1px solid #a88062;z-index:9;display:grid;gap:10px}.site-audio input{width:100%;min-height:44px;accent-color:#dcaa88}.site-audio button{color:#ead6c5}.site-audio small{font-size:12px}main{max-width:1420px;margin:0 auto;padding:0 4vw 70px;outline:none}.view{animation:arrive .25s ease-out}.opening{padding:34px 0 30px;text-align:center}.eyebrow,.folio{font:11px/1.6 system-ui;letter-spacing:.18em;text-transform:uppercase}.eyebrow{color:#c1a396}.opening h1,.section-title h1{font-weight:400;font-size:clamp(42px,5.4vw,82px);line-height:1.05;letter-spacing:-.035em;margin:14px 0 18px}.opening h1 em,.section-title h1 em{font-weight:400;color:#dfa48b}.opening>p:last-child{font-size:17px;line-height:1.6;color:#cbbdb7}.spread{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;border:1px solid #ae8069;background:var(--paper);color:var(--ink);box-shadow:0 4px #b58b75,0 7px #e4c4aa,0 10px #816b65,0 14px #453638,0 35px 60px #0008;transform:perspective(1600px) rotateX(1deg);position:relative}.leaf{padding:clamp(25px,4vw,62px);background:var(--paper);color:var(--ink);min-width:0}.spread>.leaf+ .leaf,.discovery-copy{border-left:1px solid var(--rule);box-shadow:inset 12px 0 20px -19px #422832}.leaf h2{font-weight:400;font-size:clamp(30px,3vw,46px);line-height:1.12;margin:15px 0 24px}.leaf .folio{color:var(--muted)}.art-leaf{margin:0;padding:20px;display:flex;flex-direction:column;justify-content:center;background:#251e2a;min-height:520px}.art-leaf img{display:block;width:100%;aspect-ratio:3/2;object-fit:contain}.art-leaf figcaption{font-size:22px;font-style:italic;text-align:center;color:#e6c2a8;margin:24px 0}.discovery-copy>p{max-width:38ch}.world-paths{margin-top:26px}.world-paths button{display:flex;gap:18px;width:100%;align-items:center;text-align:left;border:0;border-top:1px solid var(--rule);padding:17px 0}.world-paths button>span{font-style:italic;color:var(--accent);font-size:22px}.world-paths b{font-size:24px;font-weight:400}.world-paths small{display:block;font:12px/1.8 system-ui;color:var(--muted)}.text-button{margin-top:24px;border:0;text-decoration:underline;padding:4px 0;font-size:15px}.section-title{margin:48px 0 30px}.section-title.compact h1{font-size:clamp(38px,4vw,60px)}.section-title.compact{margin-top:25px}.section-title p{max-width:62ch}.world-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.world-leaf{padding:34px 28px;min-height:390px;border:1px solid #b98b73;box-shadow:7px 10px 0 #06060c66;display:flex;flex-direction:column;background:#ead2bb;color:#46312d}.world-leaf h2{font-size:34px;font-weight:400;line-height:1.15}.world-leaf p{font-size:17px}.world-leaf button{margin-top:auto}.world-leaf.peachfall{background:#f0dfd9;color:#59393e}.world-leaf.europa{background:#d7e6e6;color:#243d54}.afterword{font-size:15px;margin:30px 0;color:#c3b4b0}.chapter{grid-template-columns:.8fr 1.2fr}.margin-leaf{background:var(--wash);display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid var(--rule)}.portrait-plate{width:100%;max-height:270px;object-fit:contain;object-position:center;margin:5px 0 0}.margin-leaf>p:not(.folio){font-size:14px;margin:12px 0}.margin-leaf blockquote{font-style:italic;font-size:24px;line-height:1.4;margin:20px 0 32px;color:var(--muted)}.margin-leaf button{margin:6px 0;font-size:16px;width:100%}.prose{padding-top:54px;padding-bottom:44px}.prose h2{font-size:clamp(33px,3.1vw,49px)}.prose #chapter-text{font-size:clamp(18px,1.5vw,21px);line-height:1.85;max-width:43ch}.prose #chapter-text p:first-child:first-letter{font-size:3.5em;line-height:.9;float:left;margin:8px 9px 0 0}.passage-hint,#passage-status{font:12px/1.6 system-ui;color:var(--muted)}.primary{background:var(--ink);color:var(--paper);border-color:var(--ink);margin-top:12px;font-size:16px}.primary:hover{background:var(--muted)}.page-turner{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:28px 0 8px;touch-action:pan-y;user-select:none}.page-turner span{font-size:15px}.page-turner button{font-size:15px}.gesture-note{font:12px/1.6 system-ui;text-align:center;color:#bdb0ac}.return-story{font-size:15px}.activity-tabs{display:flex;gap:10px;margin:24px 0;flex-wrap:wrap}.activity-tabs button{font-size:16px}.activity-note{font-size:15px;color:#cebfba;max-width:80ch}.activity iframe{width:100%;height:min(70vh,720px);min-height:380px;border:1px solid #a28371;background:#251d24}.game-spread{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule)}.game-spread h2{font-size:36px}#board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;max-width:510px;border:1px solid #866b59;background:#ebd9bf;gap:3px;padding:8px}.cell{display:flex;align-items:center;justify-content:center;background:#d8bfa7;font:12px/1 system-ui;color:#44313b;min-width:0}.cell.wall{background:#8f7774;box-shadow:2px -3px #645360}.cell.light{background:#efc678}.cell.traveller{background:#8dcecf;color:#183e46;font-weight:700}.cell.gate{border-left:4px solid #794a41}#position{font:13px/1.6 system-ui}.dpad{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.dpad button{min-width:70px}#plate{width:100%;max-width:430px;aspect-ratio:1;image-rendering:auto;border:1px solid var(--rule)}.plate-controls{display:flex;flex-direction:column;gap:14px}.plate-controls input{min-height:44px;width:100%;accent-color:#a76445}.plate-controls select{background:var(--paper);color:var(--ink);padding:12px;min-height:48px}footer{max-width:1300px;margin:0 auto;padding:15px 5vw 45px;display:flex;gap:28px;justify-content:space-between;align-items:start;font-size:14px;color:#bdada7}footer details{max-width:600px}footer summary{min-height:44px}footer p{font:13px/1.7 system-ui}[data-world=peachfall]{--night:#261c29;--paper:#f3e3dd;--wash:#e6c9c7;--ink:#53333d;--muted:#79535c;--rule:#b79294;--accent:#965b5e}[data-world=europa]{--night:#151c2c;--paper:#e1e9e7;--wash:#c8d8dc;--ink:#2d4353;--muted:#526e78;--rule:#9aafb3;--accent:#456b81}[data-depth=off] .spread{box-shadow:none;transform:none}[data-depth=off] .world-leaf{box-shadow:none}@keyframes arrive{from{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.masthead{flex-direction:column;align-items:flex-start;padding:20px 4vw}.masthead nav{width:100%;justify-content:space-between}.art-leaf{min-height:420px}.leaf{padding:28px}.world-shelf{gap:14px}.world-leaf{padding:25px 20px}.world-leaf h2{font-size:29px}}@media(max-width:680px){html{font-size:17px}.masthead nav>button,.classic>summary{font-size:14px;padding:10px 8px}.brand span{font-size:25px}.book-tools{align-items:flex-start}.book-tools>p{max-width:40%}.book-tools>div{gap:0}main{padding:0 5vw 40px}.opening{padding-top:24px}.opening h1{font-size:49px}.spread,.chapter,.game-spread,.world-shelf{grid-template-columns:1fr}.art-leaf{min-height:0;padding:18px}.art-leaf img{max-height:300px}.art-leaf figcaption{margin:14px 0;font-size:20px}.leaf{padding:28px}.margin-leaf{display:grid;grid-template-columns:100px 1fr;gap:10px 18px;align-items:center}.margin-leaf .folio{grid-column:1/-1}.portrait-plate{height:130px;grid-row:2/4}.margin-leaf blockquote{font-size:18px;margin:0}.margin-leaf>p:not(.folio){margin:0}.margin-leaf button{grid-column:1/-1}.world-leaf{min-height:290px}.prose #chapter-text{font-size:19px}.page-turner{gap:8px}.page-turner button{padding:10px;font-size:13px}.activity iframe{height:60vh;min-height:350px}footer{flex-direction:column;gap:12px}.discovery-copy{border-left:0!important}.site-audio{right:0}.audio{position:static}.audio .site-audio{right:4vw}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.spread{transform:none}}
/* Keep the book itself above the fold on a landscape desk. */
@media(min-width:981px){.opening{display:grid;grid-template-columns:1.4fr 1fr;text-align:left;align-items:end;padding:20px 0 24px;gap:0 24px}.opening .eyebrow{grid-column:1/-1;margin:0}.opening h1{font-size:clamp(40px,3.6vw,64px);margin:10px 0 0}.opening>p:last-child{text-align:right;margin:0 0 5px}}

/* v0.7: actual display-relative presence, with bounded reading measure. */
.masthead,.book-tools,main,footer{max-width:none;width:94vw;margin-left:auto;margin-right:auto}.masthead{padding:24px 0 12px}.book-tools{padding:0}main{padding:0 0 60px}.masthead nav>button,.classic>summary{font-size:clamp(16px,.7vw,28px);min-height:48px}.brand{font-size:clamp(16px,.65vw,25px)}.brand span{font-size:clamp(28px,1.3vw,50px)}.book-tools{font-size:clamp(13px,.6vw,22px)}.book-tools button{font-size:inherit}.opening h1{font-size:clamp(42px,3.2vw,100px)}.opening>p:last-child{font-size:clamp(18px,.9vw,32px)}.spread.discovery{grid-template-columns:1.25fr 1fr;min-height:62svh}.art-leaf{padding:clamp(12px,1.2vw,40px);min-height:0}.art-leaf img{width:100%;height:100%;max-height:68svh;object-fit:contain}.art-leaf figcaption{font-size:clamp(21px,1vw,34px)}.discovery-copy{display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:clamp(28px,3vw,100px)}.discovery-copy>*{width:100%;max-width:44ch;margin-left:auto;margin-right:auto}.leaf{font-size:clamp(18px,.85vw,30px)}.leaf h2{font-size:clamp(34px,1.8vw,68px)}.world-paths b{font-size:clamp(25px,1.2vw,43px)}.world-paths small,.folio,.eyebrow{font-size:clamp(12px,.55vw,20px)}.world-paths button{padding:clamp(18px,1vw,34px) 0}.chapter{min-height:66svh;grid-template-columns:1fr 1.25fr}.prose{display:flex;flex-direction:column;justify-content:center}.prose>*{width:100%;max-width:48ch;margin-left:auto;margin-right:auto}.prose #chapter-text{font-size:clamp(20px,.95vw,32px);max-width:43ch}.margin-leaf{justify-content:center;align-items:center;background-image:url('art/courtyard.png');background-size:cover;background-position:center;position:relative;padding:3vw}.margin-leaf>*{position:relative;background:var(--paper);padding:10px 18px;max-width:520px}.margin-leaf .portrait-plate{object-fit:contain;max-height:35svh;background:#f4e3d0ee}.margin-leaf blockquote{font-size:clamp(22px,1vw,36px)}.page-turner button,.return-story,.activity-tabs button{font-size:clamp(16px,.75vw,27px)}.view{animation:none}.spread{transform:none}.quiet-version{font:12px system-ui;color:#baaaa1}.plate-controls{font-size:clamp(17px,.7vw,25px)}#plate{max-width:none;width:min(100%,68svh);box-shadow:0 18px 24px #0004;border:3px solid #a28663}.experiment{margin-top:24px;padding-top:20px;border-top:1px solid var(--rule)}.experiment iframe{width:100%;aspect-ratio:16/9;height:auto;min-height:0;border:0}.experiment button{margin:4px 8px 4px 0}.experiment p,.experiment a{font-size:15px}.experiment .fallback{display:block;margin:8px 0}.mode-explanation{font-size:18px;max-width:65ch}
@media(max-width:680px){.spread.discovery,.chapter{grid-template-columns:1fr}.art-leaf img{height:auto;max-height:45svh}.masthead{padding:16px 0}.masthead nav>button,.classic>summary{font-size:14px;padding:10px 7px}.brand span{font-size:27px}.opening h1{font-size:44px}.leaf{font-size:18px}.prose #chapter-text{font-size:20px}.margin-leaf{padding:20px;display:flex}.margin-leaf .portrait-plate{height:170px;width:140px}.margin-leaf>*{margin:4px 0}.book-tools{width:94vw}.chapter .prose{padding:28px}.plate-controls{font-size:17px}}
[data-depth=on] .discovery-copy,[data-depth=on] .prose{background-image:url('art/paper-material.png');background-size:100% 100%;background-color:var(--paper);background-blend-mode:multiply;border-bottom:8px solid #caa788;box-shadow:inset 14px 0 22px -20px #381e24,8px 18px 25px #0005}[data-quality=calm] .spread{box-shadow:0 5px #b59c87;filter:none}[data-depth=off] .prose,[data-depth=off] .discovery-copy{background-image:none}

.experiment iframe{min-height:220px}

/* v0.7.1: calm chapter guide grouping and readable primary actions. */
.margin-leaf .guide-paper{width:100%;max-width:820px;padding:clamp(20px,1.4vw,54px);background:var(--paper);border:1px solid var(--rule);display:flex;flex-direction:column;align-items:center;gap:clamp(12px,.6vw,24px);box-shadow:0 12px 32px #17172440}
.guide-paper>*{max-width:100%;margin:0}
.guide-paper .folio{align-self:flex-start}
.margin-leaf .guide-paper .portrait-plate{width:100%;height:auto;max-height:35svh;padding:0;background:none;margin:0}
.guide-paper #companion-name{font-size:clamp(18px,.7vw,27px);text-align:center}
.margin-leaf .guide-paper blockquote{margin:0;padding:0;font-size:clamp(22px,.9vw,34px);max-width:32ch}
#meet-guide,#story-play,#take-passage{font-size:clamp(18px,.75vw,29px);line-height:1.35;min-height:56px;padding:clamp(14px,.5vw,20px) clamp(16px,.75vw,28px);white-space:normal;overflow-wrap:break-word}
.margin-leaf .guide-paper button{margin:0;width:100%}
[data-depth=off] .guide-paper,[data-quality=calm] .guide-paper{box-shadow:none}
@media(max-width:680px){.margin-leaf .guide-paper{padding:20px;gap:16px}.margin-leaf .guide-paper .portrait-plate{width:100%;height:auto;max-height:280px}.guide-paper .folio{font-size:12px}}