:root{--paper: #f1e7cd;--paper-warm: #ebdfbe;--paper-shade: #e0d2ad;--paper-bright: #faf2da;--ink: #221610;--ink-soft: #4d3a2c;--ink-mute: #836c52;--ink-ghost: #b9a282;--rule: #bba480;--rule-soft: #d6c39e;--terra: #b04a30;--terra-deep: #843522;--terra-pale: #e8c5b4;--sage: #5e7048;--sage-deep: #3f4c30;--sage-pale: #c5cdb1;--font-display: "Fraunces", "EB Garamond", "Georgia", serif;--font-body: "Source Serif 4", "Source Serif Pro", "Georgia", serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", ui-monospace, monospace;--fraunces-display: "opsz" 144, "SOFT" 100, "WONK" 1;--fraunces-numeral: "opsz" 144, "SOFT" 50, "WONK" 1;--fraunces-title: "opsz" 72, "SOFT" 50, "WONK" 0;--fraunces-small: "opsz" 14, "SOFT" 0, "WONK" 0;--nav-h: 56px;--strip-h: 72px;--gutter: clamp(1rem, 3vw, 2.5rem);--col-max: 72ch;--ease-paper: cubic-bezier(.32, .72, 0, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-weight:400;font-feature-settings:"kern","liga","onum","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.55 0 0 0 0 0.45 0 0 0 0 0.3 0 0 0 0.08 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:101;background:radial-gradient(ellipse at 12% 8%,rgba(94,60,30,.06),transparent 55%),radial-gradient(ellipse at 88% 92%,rgba(94,60,30,.06),transparent 55%),radial-gradient(ellipse at 50% 50%,transparent 60%,rgba(94,60,30,.04))}a{color:var(--terra);text-decoration:none}a:hover{color:var(--terra-deep);text-decoration:underline;text-underline-offset:3px}button{background:none;border:none;font:inherit;color:inherit;cursor:pointer}.viewer{position:relative;height:100vh;height:100dvh;display:grid;grid-template-rows:var(--nav-h) 1fr var(--strip-h);isolation:isolate;overflow:hidden}.viewer-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--gutter);background:var(--paper);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:50;gap:1rem}.viewer-brand{font-family:var(--font-display);font-variation-settings:var(--fraunces-small);font-style:italic;font-size:1.05rem;color:var(--ink);letter-spacing:.005em;display:flex;align-items:baseline;gap:.6rem}.viewer-brand .colophon{font-family:var(--font-mono);font-style:normal;font-size:.625rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);padding:2px 6px;border:1px solid var(--rule);border-radius:1px}.viewer-counter{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);display:flex;align-items:center;gap:.5rem;white-space:nowrap}.viewer-counter .now{font-family:var(--font-display);font-variation-settings:var(--fraunces-title);font-size:1.5rem;font-style:italic;color:var(--terra);letter-spacing:0;text-transform:none;line-height:1}.viewer-counter .sep{color:var(--ink-ghost);font-size:1rem;line-height:1}.viewer-counter .total{font-variant-numeric:tabular-nums}.viewer-controls{justify-self:end;display:flex;align-items:center;gap:.5rem}.btn-ghost{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);padding:.45rem .75rem;border:1px solid var(--rule);border-radius:1px;background:transparent;transition:all .12s var(--ease-paper)}.btn-ghost:hover{color:var(--terra);border-color:var(--terra)}.btn-ghost[aria-pressed=true]{color:var(--paper);background:var(--terra);border-color:var(--terra)}.btn-arrow{font-family:var(--font-display);font-variation-settings:var(--fraunces-title);font-size:1.5rem;color:var(--ink-soft);padding:0 .5rem;line-height:1;border-radius:1px;transition:color .12s var(--ease-paper)}.btn-arrow:hover{color:var(--terra)}.btn-arrow:disabled{color:var(--ink-ghost);cursor:not-allowed}.viewer-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 var(--gutter);background:var(--paper);border-top:1px solid var(--rule);gap:1rem;position:sticky;bottom:0;z-index:50}.thumbs{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.4rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:none}.thumbs::-webkit-scrollbar{display:none}.thumb{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--rule);font-family:var(--font-mono);font-size:.7rem;letter-spacing:0;color:var(--ink-soft);background:transparent;transition:all .12s var(--ease-paper);flex-shrink:0;font-variant-numeric:tabular-nums}.thumb:hover{border-color:var(--terra);color:var(--terra);transform:translateY(-1px)}.thumb.active{background:var(--ink);border-color:var(--ink);color:var(--paper);font-family:var(--font-display);font-variation-settings:var(--fraunces-title);font-size:.95rem;font-style:italic}.thumb.kind-cover{font-style:italic}.thumb.kind-game{border-style:dashed}.thumb.kind-close{font-style:italic}.viewer-stage{position:relative;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:thin;scrollbar-color:var(--rule) transparent}.spread{display:none;padding:clamp(.75rem,2vh,1.5rem) var(--gutter) clamp(1rem,3vh,2rem);max-width:100%;margin:0 auto}.spread.active{display:block}.spread-inner{max-width:1280px;margin:0 auto}.spread-head{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:clamp(1rem,3vw,2rem);margin-bottom:.9rem;padding-bottom:.6rem;border-bottom:1px solid var(--rule-soft)}.spread-numeral{font-family:var(--font-display);font-variation-settings:var(--fraunces-numeral);font-size:clamp(3.5rem,9vh,5.5rem);font-weight:350;line-height:.85;color:var(--ink);letter-spacing:-.03em;font-variant-numeric:oldstyle-nums;transform:translateY(.05em)}.spread-numeral .small{font-size:.4em;font-style:italic;color:var(--ink-mute);vertical-align:top;margin-right:.15em;font-variation-settings:var(--fraunces-title)}.spread-title-block{align-self:end;min-width:0}.spread-title{font-family:var(--font-display);font-variation-settings:var(--fraunces-title);font-size:clamp(1.5rem,3.6vh,2.4rem);font-weight:450;font-style:italic;color:var(--ink);margin:0 0 .15rem;letter-spacing:-.01em;line-height:1}.spread-location{font-family:var(--font-body);font-size:.95rem;font-style:italic;color:var(--ink-soft);margin:0;line-height:1.2}.spread-status{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;padding:.35rem .7rem;border-radius:1px;align-self:end;white-space:nowrap}.spread-status.locked{color:var(--terra);border:1px solid var(--terra)}.spread-status.draft{color:var(--ink-mute);border:1px solid var(--ink-mute);border-style:dashed}.spread-status.game{color:var(--sage);border:1px solid var(--sage)}.image-plate{--plate-vh: calc(100dvh - var(--nav-h) - var(--strip-h) - 9.5rem);width:100%;max-width:min(100%,calc(var(--plate-vh) * 2));max-height:var(--plate-vh);aspect-ratio:2 / 1;margin:0 auto;position:relative;background:var(--paper-bright);border:1px solid var(--rule);box-shadow:0 1px 0 var(--paper-shade),0 8px 24px -12px #46280f40;overflow:hidden}.image-plate img{width:100%;height:100%;display:block;object-fit:contain}.image-plate .plate-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--ink-mute)}.image-plate .plate-empty .glyph{font-family:var(--font-display);font-variation-settings:var(--fraunces-display);font-size:4rem;font-style:italic;opacity:.4;line-height:1}.image-plate .plate-empty .label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase}.spread.kind-cover .image-plate,.spread.kind-back-cover .image-plate{--plate-vh: calc(100dvh - var(--nav-h) - var(--strip-h) - 8rem);max-width:min(100%,var(--plate-vh));aspect-ratio:1 / 1}.verse{margin:1.4rem auto 0;max-width:56ch;font-family:var(--font-body);font-size:1.15rem;line-height:1.55;color:var(--ink-soft);text-align:center}.verse .stanza{margin:0 0 .7rem}.verse .stanza:last-child{margin-bottom:0}.verse .stanza.dialogue{font-style:italic;color:var(--ink)}.verse .stanza.dialogue:before{content:"“";font-family:var(--font-display);font-variation-settings:var(--fraunces-display);font-style:normal;color:var(--terra);font-size:1.5em;line-height:0;vertical-align:-.25em;margin-right:.05em;font-weight:400}.verse .stanza.dialogue:after{content:"”";font-family:var(--font-display);font-variation-settings:var(--fraunces-display);font-style:normal;color:var(--terra);font-size:1.5em;line-height:0;vertical-align:-.25em;margin-left:.05em;font-weight:400}.verse strong{color:var(--terra);font-weight:500;font-style:normal;font-feature-settings:"smcp" 1;letter-spacing:.04em}.verse .fleuron{text-align:center;color:var(--terra);font-family:var(--font-display);font-variation-settings:"opsz" 144;font-size:1.7rem;font-style:italic;line-height:1;margin:.85rem 0 .7rem;opacity:.78;letter-spacing:0}.e-trail{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.25rem;margin:1.4rem auto 0;padding:.9rem 0;max-width:78ch;border-top:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft)}.e-digit{font-family:var(--font-display);font-variation-settings:var(--fraunces-numeral);font-size:4rem;font-weight:400;color:var(--sage);line-height:.85;letter-spacing:-.02em;font-variant-numeric:oldstyle-nums;position:relative;padding-right:1.25rem;border-right:1px solid var(--rule-soft)}.e-info{min-width:0}.e-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:var(--sage);margin-bottom:.25rem}.e-where{font-family:var(--font-body);font-size:.95rem;color:var(--ink-soft);line-height:1.4}.e-where strong{font-weight:500;color:var(--ink);font-style:italic}.e-note{font-family:var(--font-body);font-size:.85rem;font-style:italic;color:var(--ink-mute);margin-top:.2rem}.side-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:1.4rem;gap:0;border-top:1px solid var(--rule-soft)}.side-grid>.side-cell{padding:.85rem 1rem;border-right:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft)}.side-grid>.side-cell:last-child{border-right:none}@media(max-width:880px){.side-grid{grid-template-columns:repeat(2,1fr)}.side-grid>.side-cell:nth-child(2){border-right:none}}@media(max-width:520px){.side-grid{grid-template-columns:1fr}.side-grid>.side-cell{border-right:none}}.side-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--terra);margin-bottom:.4rem;display:flex;align-items:center;gap:.5rem}.side-label:before{content:"";display:inline-block;width:.5rem;height:1px;background:var(--terra)}.side-body{font-family:var(--font-body);font-size:.92rem;color:var(--ink-soft);line-height:1.4}.side-body strong{color:var(--ink);font-weight:500}.side-body em{color:var(--ink)}.dev-section{margin-top:1rem;border-top:1px solid var(--rule-soft)}details.dev{padding:.6rem 0}details.dev>summary{list-style:none;cursor:pointer;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-mute);padding:.25rem 0;display:flex;align-items:center;gap:.6rem}details.dev>summary::-webkit-details-marker{display:none}details.dev>summary:before{content:"+";font-family:var(--font-display);font-size:1rem;color:var(--terra);width:.8rem;display:inline-block;transition:transform .2s var(--ease-paper)}details.dev[open]>summary:before{content:"−"}details.dev>summary:hover{color:var(--terra)}.dev-body{padding:.7rem 0 .4rem;color:var(--ink-soft);font-size:.92rem}.dev-body pre{font-family:var(--font-mono);font-size:.78rem;line-height:1.5;background:var(--paper-warm);border:1px solid var(--rule-soft);border-radius:2px;padding:.85rem 1rem;overflow-x:auto;color:var(--ink);white-space:pre}.dev-body p{margin:0 0 .6rem}.dev-body p:last-child{margin-bottom:0}.dev-body strong{color:var(--ink);font-weight:500}.dev-note{font-family:var(--font-body);font-style:italic;color:var(--ink-mute);margin-bottom:.5rem}body.images-only .viewer-nav,body.images-only .viewer-strip{background:transparent;border-color:transparent}body.images-only .spread-head,body.images-only .verse,body.images-only .e-trail,body.images-only .side-grid,body.images-only .dev-section{display:none}body.images-only .image-plate{--plate-vh: calc(100dvh - var(--nav-h) - var(--strip-h) - 2rem);border-color:transparent;background:transparent;box-shadow:0 12px 40px -16px #28140a66}body.images-only{background:#1a1410}body.images-only:after{opacity:.3}body.images-only .viewer-stage{display:flex;align-items:center;justify-content:center}body.images-only .spread.active{display:flex!important;align-items:center;justify-content:center;width:100%;padding:0}body.images-only .spread-inner{width:100%;max-width:none;padding:1rem var(--gutter)}body.images-only .viewer-counter .now,body.images-only .viewer-brand,body.images-only .viewer-brand .colophon,body.images-only .viewer-counter,body.images-only .btn-ghost,body.images-only .btn-arrow,body.images-only .thumb{color:#f1e7cdb3;border-color:#f1e7cd33}body.images-only .thumb.active{background:var(--terra);border-color:var(--terra);color:var(--paper)}body.solo{background:var(--paper);padding:clamp(1.5rem,4vh,3rem) var(--gutter)}body.solo .spread{display:block;padding:0}body.solo .image-plate{--plate-vh: 80vh}.spread.kind-cover .spread-head,.spread.kind-close .spread-head{border-bottom-color:transparent}.spread.kind-cover .verse{font-size:1.3rem}@media print{body:before,body:after{display:none}.viewer-nav,.viewer-strip,.dev-section{display:none!important}.spread{display:block!important;page-break-after:always}.image-plate{box-shadow:none;border:1px solid var(--rule)}}