/* A complete illustrated spread. Choices are lines written onto the next page. */
:root{--zc-book-cloth:color-mix(in srgb,var(--zc-accent) 22%,var(--zc-background));--zc-book-paper:color-mix(in srgb,var(--zc-surface) 85%,#e5d4b6);--zc-book-ochre:#bda173;--zc-book-scene:#ccc3a3;--zc-book-sun:#f5deb1;--zc-book-mark:#735e3e}
:root[data-mode=dark]{--zc-book-paper:color-mix(in srgb,var(--zc-surface) 90%,#a58a5f);--zc-book-scene:#49564c;--zc-book-sun:#beb897;--zc-book-mark:#dde0cb}
body{background:var(--zc-book-cloth);background-image:repeating-linear-gradient(90deg,transparent 0 2px,color-mix(in srgb,var(--zc-ink) 2%,transparent) 2px 3px)}.life{position:relative;max-width:1140px;margin:30px auto;padding:0;gap:0;background:var(--zc-book-paper);box-shadow:0 25px 80px -45px var(--zc-ink),0 4px 0 var(--zc-border),0 8px 0 var(--zc-book-paper);border:1px solid var(--zc-border)}.top{position:relative;overflow:hidden;min-height:590px;padding:30px;align-self:stretch;top:auto;display:flex;flex-direction:column}.brand-row{position:relative;z-index:1}.stage-row{z-index:1;margin-top:26px}.stage-row h1{font:400 clamp(35px,4vw,55px)/1.05 var(--zc-font);letter-spacing:-.035em}.stage-row #stage-ages{font-size:11px;margin-top:10px}.chapter-art{position:absolute;z-index:0;inset:0;border-radius:0;margin:0;width:100%;height:100%;pointer-events:none}.chapter-illustration{height:100%;width:100%;object-fit:cover}.stage-row,.brand-row,.path,.intro,.chapter-number{position:relative;z-index:1}.path{margin-top:auto;padding-top:26px;margin-bottom:0}.intro{max-width:25em;font-size:11px;line-height:1.7;margin:12px 0 0}.chapter-number{font-size:8px;line-height:1.7;margin:12px 0 0;letter-spacing:.13em}.top .eyebrow,.top #stage-ages,.top .intro,.top .chapter-number{color:var(--zc-book-mark)}.top h1{color:var(--zc-book-mark)}.chapter-stop-a{stop-color:var(--zc-book-paper)}.chapter-stop-b{stop-color:var(--zc-book-scene)}.chapter-distance{opacity:.25}.chapter-ground{fill:var(--zc-book-ochre);opacity:.12}.chapter-foreground{fill:var(--zc-book-scene);opacity:.6}.chapter-sun{fill:var(--zc-book-sun);opacity:.8}.chapter-orbit{fill:none;stroke:var(--zc-book-ochre);stroke-width:.5;opacity:.5}.chapter-line{stroke:var(--zc-book-mark);stroke-width:1.4}.chapter-solid{fill:var(--zc-book-mark)}.chapter-wall,.chapter-book{fill:var(--zc-book-paper);stroke:var(--zc-book-mark)}.chapter-tree{fill:var(--zc-book-mark);stroke-width:.8;opacity:.55}.chapter-scatter{fill:var(--zc-book-ochre)}.chapter-land-line{fill:none;stroke:var(--zc-book-mark);stroke-width:.6;opacity:.18}.chapter-fibre{stroke:var(--zc-book-mark);stroke-width:.35;opacity:.08}.chapter-1,.chapter-2{--zc-book-scene:#b1bdba;--zc-book-ochre:#879c9b}.chapter-3,.chapter-4{--zc-book-scene:#bbc0a1;--zc-book-ochre:#98a279}.chapter-5{--zc-book-scene:#aeb4be;--zc-book-ochre:#87919f}.chapter-6,.chapter-7{--zc-book-scene:#c8b396;--zc-book-ochre:#b28a5b}:root[data-mode=dark] .chapter-illustration{--zc-book-scene:#49534e;--zc-book-ochre:#918265}.chapter-baseline{stroke:var(--zc-book-mark);opacity:.45}
.play{padding:34px 38px 26px;gap:20px;background:linear-gradient(90deg,#281b0710,transparent 18px),var(--zc-book-paper);border-left:1px solid color-mix(in srgb,var(--zc-book-ochre) 20%,transparent)}.card{padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:22px;border-bottom:1px solid var(--zc-border)}.page-head .kicker{font-size:8px;letter-spacing:.15em;margin:0}.page-number{font:8px sans-serif;letter-spacing:.14em;color:var(--zc-muted);white-space:nowrap}#beat-title{font:400 clamp(28px,3vw,38px)/1.15 var(--zc-font);margin:27px 0 19px;letter-spacing:-.035em}.beat-text{font:17px/1.85 var(--zc-font);margin-bottom:25px}.beat-text::first-letter{font-size:1.6em;line-height:1;color:var(--zc-accent)}.choice{border:0;border-top:1px solid var(--zc-border);border-radius:0;box-shadow:none;padding:16px 0;min-height:65px;gap:14px;text-align:left}.choice:last-child{border-bottom:1px solid var(--zc-border)}.choice:hover:not(:disabled){background:color-mix(in srgb,var(--zc-accent) 5%,transparent)}.choice-key{border:1px solid var(--zc-border);width:24px;height:24px;border-radius:50%;font:12px var(--zc-font);flex:none;display:grid;place-items:center}.choice-label{font:17px/1.5 var(--zc-font)}.choices{gap:0}.leanings{font-size:9px}.threads{border:0;padding:0;margin-top:auto}.small-title{font-size:8px;letter-spacing:.14em}.thread-row{font-size:10px}.controls{font-size:11px;padding-top:12px}.watch,#restart{font-size:11px}.status{margin:0;padding:8px 25px;font-size:9px;grid-column:1/-1;text-align:right;border-top:1px solid var(--zc-border)}.after-choice .outcome{border-left:2px solid var(--zc-book-ochre);padding-left:20px}.outcome p{font:18px/1.85 var(--zc-font)}.you-chose{font:italic 13px/1.6 var(--zc-font)}.continue{border-radius:0;min-height:48px}.end{padding:24px}.end .paper{box-shadow:none;background:transparent}.end .question{padding:18px 0}
@media(min-width:860px){.life{display:grid;grid-template-columns:43% 57%;gap:0}.top{grid-column:1;grid-row:1;position:relative}.play,.end{grid-column:2;grid-row:1}.status{grid-column:1/-1}.brand-row{flex-direction:column}.play{min-height:590px}}
@media(max-width:859px){.life{display:flex;max-width:580px;margin:16px auto 25px}.top{min-height:245px;padding:22px 25px}.chapter-art{width:100%;height:100%;top:0;right:0}.chapter-illustration{object-fit:cover;object-position:center 57%}.stage-row{margin-top:17px}.stage-row h1{font-size:38px;max-width:65%}.stage-row #stage-ages{font-size:10px;margin-top:6px}.path{width:54%;margin-top:auto;padding-top:18px}.intro{display:none}.chapter-number{max-width:70%;font-size:7px;margin-top:8px}.play{padding:22px 26px;border-left:0;border-top:1px solid var(--zc-border);gap:18px}.page-head{padding-bottom:13px}#beat-title{margin:18px 0 13px;font-size:29px}.beat-text{font-size:16px;line-height:1.75;margin-bottom:16px}.choice{padding:11px 0;min-height:55px}.choice-label{font-size:15px}.leanings{font-size:8px}.threads{padding-top:0}.status{text-align:left;padding:8px 25px}.preview-tag{position:static;font-size:8px;max-width:none}.top .brand-row{display:flex;gap:6px}.end{padding:18px}.top .eyebrow{font-size:8px}.chapter-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--zc-book-paper),transparent 80%);opacity:.55}}
@media(max-width:600px){.life{margin:10px 10px 22px;max-width:calc(100% - 20px)}.top{min-height:182px;padding:18px 20px}.stage-row h1{font-size:31px}.path{padding-top:14px}.chapter-number{max-width:85%}.play{padding:18px 20px}.page-head .kicker,.page-number{font-size:7px}.choice-label{font-size:14px}.choice-key{width:20px;height:20px;font-size:10px}.choice{gap:10px}.choices{margin-bottom:2px}.beat-text{font-size:15px;line-height:1.7}.threads{margin-top:0}.controls{flex-wrap:wrap}#threads-list{grid-template-columns:1fr 1fr}}