.tale-crumb{padding:40px 0 32px}.tale-crumb a{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-dim);border-bottom:none}.tale-crumb a:hover{color:var(--gold)}.codex-nav-center{display:flex;flex-direction:column;align-items:center;gap:4px}.codex-permalink{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);border-bottom:none}.codex-permalink:hover{color:var(--gold);border-bottom:none}.layout-picker{display:flex;gap:8px;align-items:center;margin:32px 0 48px;padding:16px 20px;border:1px solid var(--rule);background:var(--bg-raised);flex-wrap:wrap}.layout-picker .label{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin-right:16px}.layout-picker .opt{padding:8px 16px;border:1px solid var(--rule-strong);background:transparent;color:var(--ink-dim);font-family:var(--f-caps);font-variant:small-caps;letter-spacing:.1em;font-size:.95rem;cursor:pointer;border-radius:2px;transition:all .15s}.layout-picker .opt:hover{color:var(--ink);border-color:var(--gold-dim)}.layout-picker .opt.active{color:var(--bg);background:var(--gold);border-color:var(--gold)}.variation{display:none}.variation.active{display:block;animation:fadeUp .4s both}.tales-flow>.variation+.variation{margin-top:64px}.tales-flow>.variation[data-var=codex]{scroll-margin-top:80px}.scroll-library{display:grid;grid-template-columns:320px 1fr;gap:40px;align-items:start}@media(max-width:900px){.scroll-library{grid-template-columns:1fr}}.scroll-list{border:1px solid var(--rule);background:var(--bg-raised);max-height:80vh;overflow-y:auto}.scroll-list .sl-head{padding:14px 18px;border-bottom:1px solid var(--rule);font-family:var(--f-mono);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.sl-item{padding:14px 18px;border-bottom:1px dashed var(--rule);cursor:pointer;transition:background .12s,padding .12s}.sl-item:last-child{border-bottom:none}.sl-item:hover{background:var(--bg-sunk);padding-left:22px}.sl-item.active{background:var(--bg-sunk);border-left:2px solid var(--gold);padding-left:16px}.sl-item .teller{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:4px}.sl-item h4{font-style:italic;font-size:1.15rem;line-height:1.2;margin-bottom:4px}.sl-item p{margin:0;font-size:.82rem;color:var(--ink-faint);font-style:italic}.scroll-reader{border:1px solid var(--rule);padding:48px 56px 56px;background:linear-gradient(180deg,color-mix(in oklab,var(--gold) 3%,transparent) 0 60px,transparent 60px),var(--bg-raised);position:relative;min-height:600px}.scroll-reader:before,.scroll-reader:after{content:"";position:absolute;left:0;right:0;height:20px;background:repeating-linear-gradient(90deg,transparent 0 12px,var(--gold-dim) 12px 13px);opacity:.3}.scroll-reader:before{top:0}.scroll-reader:after{bottom:0}.sr-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--rule)}.sr-header .sr-teller{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}.sr-header h2{font-style:italic;font-size:2.4rem;line-height:1.1;margin-bottom:10px}.sr-header .sr-occasion{font-style:italic;color:var(--ink-dim);font-size:.95rem}.sr-body p{font-size:1.1rem;line-height:1.75;margin:0 0 16px}.sr-body p:first-child:first-letter{font-family:var(--f-display);font-style:italic;font-size:4.2em;line-height:.85;float:left;padding:.08em .14em 0 0;color:var(--gold);font-weight:500}.sr-body blockquote{margin:24px 20px;padding:0 20px;font-family:var(--f-body);font-style:italic;font-size:1.25rem;color:var(--ink);border-left:2px solid var(--gold-dim)}.sr-footer{margin-top:32px;padding-top:20px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-faint)}.sr-footer .ornament-inline{color:var(--gold-dim)}.tavern{border:1px solid var(--rule);background:radial-gradient(circle at 50% 0%,color-mix(in oklab,var(--gold) 6%,transparent),transparent 60%),var(--bg-raised);padding:40px 40px 20px}.tavern-head{text-align:center;padding-bottom:24px;border-bottom:1px solid var(--rule);margin-bottom:32px}.tavern-head h3{font-style:italic;font-size:1.8rem;margin-bottom:6px}.tavern-head p{color:var(--ink-dim);font-style:italic;margin:0;font-size:.95rem}.booths{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0;border-top:1px solid var(--rule)}.booth{padding:28px 24px 32px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);cursor:pointer;transition:background .15s;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.booth:last-child{border-right:none}.booth:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:10px solid var(--rule)}.booth:hover{background:color-mix(in oklab,var(--gold) 5%,transparent)}.booth:hover:before{border-top-color:var(--gold-dim)}.booth.active{background:color-mix(in oklab,var(--gold) 8%,transparent)}.booth.active:before{border-top-color:var(--gold)}.booth-portrait{width:64px;height:64px;border-radius:50%;background:var(--bg-sunk);border:1px solid var(--gold-dim);display:grid;place-items:center;font-family:var(--f-display);font-style:italic;font-size:1.6rem;color:var(--gold);margin-bottom:16px;position:relative}.booth-portrait:after{content:"";position:absolute;inset:-5px;border:1px dashed var(--rule-strong);border-radius:50%}.booth-name{font-family:var(--f-display);font-style:italic;font-size:1.3rem;margin-bottom:4px}.booth-role{font-family:var(--f-mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:14px}.booth-count{font-family:var(--f-caps);font-variant:small-caps;letter-spacing:.08em;font-size:.9rem;color:var(--gold-dim);border-top:1px solid var(--rule);padding-top:10px;margin-top:auto;width:100%}.booth-stage{padding:40px 56px 48px;border:1px solid var(--gold-dim);border-top:none;background:radial-gradient(ellipse at top,color-mix(in oklab,var(--seal) 10%,transparent),transparent 40%),var(--bg-raised);display:none}.booth-stage.active{display:block;animation:fadeUp .3s both}.bs-head{display:flex;gap:20px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--rule);margin-bottom:24px}.bs-head .portrait-small{width:56px;height:56px;border-radius:50%;background:var(--bg-sunk);border:1px solid var(--gold-dim);display:grid;place-items:center;font-family:var(--f-display);font-style:italic;font-size:1.4rem;color:var(--gold);flex-shrink:0}.bs-head .bs-teller{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:4px}.bs-head h3{font-style:italic;font-size:1.6rem}.bs-tale-list{display:grid;gap:8px}.bs-tale{padding:14px 18px;border:1px solid var(--rule);cursor:pointer;transition:background .12s;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.bs-tale:hover{background:var(--bg-sunk);border-color:var(--gold-dim)}.bs-tale .rune{width:28px;height:28px;border:1px solid var(--gold-dim);display:grid;place-items:center;font-family:var(--f-display);font-style:italic;color:var(--gold);border-radius:50%}.bs-tale h5{font-style:italic;font-size:1.1rem;margin:0 0 2px}.bs-tale p{margin:0;color:var(--ink-dim);font-size:.88rem;font-style:italic}.bs-tale .read{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.15em;color:var(--gold-dim);text-transform:uppercase}.codex{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--rule);background:var(--bg-raised);min-height:720px;position:relative}.codex:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,var(--gold-dim) 10%,var(--gold-dim) 90%,transparent)}.codex:after{content:"";position:absolute;left:calc(50% - 6px);top:0;bottom:0;width:12px;background:radial-gradient(ellipse at center,rgba(0,0,0,.2),transparent 70%);pointer-events:none}@media(max-width:900px){.codex{grid-template-columns:1fr}.codex:before,.codex:after{display:none}}.codex-page{padding:48px 56px;position:relative}.codex-page.left{border-right:none}.codex-folio{position:absolute;top:20px;font-family:var(--f-display);font-style:italic;color:var(--gold-dim);font-size:1rem}.codex-page.left .codex-folio{left:56px}.codex-page.right .codex-folio{right:56px}.codex-chapter-tag{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}.codex-title{font-family:var(--f-display);font-style:italic;font-size:2.6rem;line-height:1;margin-bottom:10px}.codex-attribution{font-style:italic;color:var(--ink-dim);font-size:1.05rem;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--rule)}.codex-body p{font-size:1.02rem;line-height:1.75;margin:0 0 14px}.codex-body p:first-child:first-letter{font-family:var(--f-display);font-style:italic;font-size:4.8em;line-height:.82;float:left;padding:.06em .1em 0 0;color:var(--seal-ink);font-weight:500;text-shadow:0 2px 0 color-mix(in oklab,var(--seal) 30%,transparent)}.codex-body blockquote{margin:24px 0;padding-left:18px;border-left:2px solid var(--gold-dim);font-style:italic;font-size:1.12rem}.codex-nav{display:flex;justify-content:space-between;margin-top:32px;padding-top:20px;border-top:1px solid var(--rule);font-family:var(--f-caps);font-variant:small-caps;letter-spacing:.08em}.codex-nav button{background:transparent;border:none;color:var(--ink-dim);font-family:inherit;font-variant:inherit;letter-spacing:inherit;font-size:1rem;cursor:pointer}.codex-nav button:hover{color:var(--gold)}.codex-nav button:disabled{opacity:.3;cursor:default}.codex-page.right .index-head{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}.codex-index{list-style:none;padding:0;margin:0}.codex-index li{padding:12px 0;border-bottom:1px dotted var(--rule);display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:baseline;cursor:pointer}.codex-index li:hover,.codex-index li.active{color:var(--gold)}.codex-index .chnum{font-family:var(--f-display);font-style:italic;color:var(--gold-dim);font-size:1.1rem}.codex-index li.active .chnum{color:var(--gold)}.codex-index .ch{font-family:var(--f-display);font-style:italic;font-size:1.15rem}.codex-index .by{font-family:var(--f-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}@media(max-width:600px){.scroll-reader{padding:28px 20px 32px}.scroll-reader:before,.scroll-reader:after{display:none}.booth-stage{padding:28px 20px 32px}.codex-page{padding:32px 20px}.codex-page.left .codex-folio{left:20px}.codex-page.right .codex-folio{right:20px}}