.codex-stage{background:radial-gradient(ellipse at center, #d8b46a14 0%, transparent 55%), radial-gradient(ellipse at 30% 20%, #c4d4ff0f 0%, transparent 50%), var(--midnight);border:2px solid var(--rule);min-height:calc(100vh - 220px);box-shadow:inset 0 0 0 2px var(--midnight-deep);justify-content:center;align-items:center;padding:32px 8px;display:flex;position:relative;overflow:hidden}.codex-stars{pointer-events:none;background-image:radial-gradient(1px 1px at 12% 18%, var(--moon) 50%, transparent 51%), radial-gradient(1px 1px at 22% 60%, var(--moon) 50%, transparent 51%), radial-gradient(1px 1px at 38% 32%, #c4d4ffb3 50%, transparent 51%), radial-gradient(1px 1px at 55% 78%, var(--moon) 50%, transparent 51%), radial-gradient(1px 1px at 71% 22%, #c4d4ffb3 50%, transparent 51%), radial-gradient(1px 1px at 84% 64%, var(--moon) 50%, transparent 51%), radial-gradient(1px 1px at 92% 12%, #d8b46a99 50%, transparent 51%), radial-gradient(1px 1px at 8% 80%, #d8b46a8c 50%, transparent 51%);opacity:.7;animation:6s steps(6,end) infinite codex-twinkle;position:absolute;inset:0}@keyframes codex-twinkle{0%,to{opacity:.65}50%{opacity:.95}}.codex-tome-wrap{flex-direction:column;align-items:center;gap:18px;display:flex;position:relative}.codex-tome-btn{cursor:pointer;filter:drop-shadow(0 8px 18px #0009);background:0 0;border:0;padding:0;transition:transform .22s cubic-bezier(.4,1.6,.5,1);animation:4.2s ease-in-out infinite codex-bob}.codex-tome-btn:hover{transform:translateY(-4px)scale(1.02)}@keyframes codex-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.codex-tome-title{font-family:var(--font-pixel-display), monospace;color:var(--gold-bright);letter-spacing:.18em;text-transform:uppercase;text-shadow:0 0 4px #f1d08899,0 0 12px #d8b46a4d;font-size:.7rem}.codex-tome-hint{font-family:var(--font-pixel-mono), monospace;color:var(--steam);opacity:.85;margin-top:4px;font-size:.95rem}.codex-candle{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:24px;right:24px}.codex-candle--desk{z-index:3;bottom:14px;right:14px}@media (max-width:640px){.codex-candle--desk{transform-origin:100% 100%;bottom:10px;right:10px;transform:scale(.85)}}.codex-candle .flame{background:radial-gradient(ellipse at 50% 70%, var(--gold-bright), var(--gold) 60%, transparent 100%);filter:drop-shadow(0 0 6px #f1d088cc)drop-shadow(0 0 18px #d8b46a66);border-radius:50%/60% 60% 40% 40%;width:6px;height:10px;animation:.4s steps(4,end) infinite codex-flicker}.codex-candle .stick{background:var(--cream);width:4px;height:16px;margin-top:1px}.codex-candle .holder{background:var(--gold);border:1px solid var(--ink);width:12px;height:4px}@keyframes codex-flicker{0%{transform:scaleY(1)scaleX(1)}25%{transform:scaleY(.95)scaleX(1.05)}50%{transform:scaleY(1.05)scaleX(.97)}75%{transform:scaleY(.98)scaleX(1.02)}to{transform:scaleY(1)scaleX(1)}}.codex-stage.is-opening .codex-tome-btn{pointer-events:none;animation:.7s cubic-bezier(.6,0,.2,1) forwards codex-lift}@keyframes codex-lift{0%{filter:drop-shadow(0 8px 18px #0009);transform:translateY(0)scale(1)}60%{filter:drop-shadow(0 0 24px #f1d088b3)drop-shadow(0 0 60px #d8b46a8c);transform:translateY(-12px)scale(1.08)}to{opacity:0;filter:drop-shadow(0 0 36px #f1d088e6);transform:translateY(-30px)scale(1.4)}}.codex-burst{pointer-events:none;opacity:0;background:radial-gradient(circle,#f1d088d9 0%,#d8b46a66 30%,#0000 70%);border-radius:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;position:absolute;top:50%;left:50%}.codex-stage.is-opening .codex-burst{animation:.9s cubic-bezier(.2,.8,.3,1) .2s forwards codex-burst}@keyframes codex-burst{0%{opacity:0;transform:scale(.4)}40%{opacity:.95}to{opacity:0;transform:scale(40)}}.codex-spread{background:var(--parchment);width:100%;max-width:720px;color:var(--ink);border:3px solid var(--ink);box-shadow:inset 0 0 60px #5b3e222e, 0 0 0 6px var(--leather), 0 0 0 8px var(--gold), 0 30px 60px #0009;font-family:var(--font-pixel-body), serif;background-image:radial-gradient(at 30% 20%,#ffffff2e 0%,#0000 40%),repeating-linear-gradient(0deg,#0000 0 19px,#5b3e220a 19px 20px);grid-template-columns:240px 1fr;gap:0;animation:.6s cubic-bezier(.2,.8,.3,1) both codex-spread-in;display:grid;position:relative}.codex-stage.is-opening .codex-spread{animation-delay:.7s}@keyframes codex-spread-in{0%{opacity:0;transform:scale(.92)rotateX(8deg)}to{opacity:1;transform:scale(1)rotateX(0)}}@media (max-width:640px){.codex-spread{grid-template-columns:1fr}}.codex-spread:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#5b3e2240,#0000);width:4px;position:absolute;top:0;bottom:0;left:240px}@media (max-width:640px){.codex-spread:before{display:none}}.codex-toc{border-right:1px dashed #5b3e2259;padding:24px 18px 24px 24px}@media (max-width:640px){.codex-toc{border-bottom:1px dashed #5b3e2259;border-right:0}}.codex-toc-title{font-family:var(--font-pixel-display), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:14px;font-size:.7rem}.codex-toc-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.codex-toc-link{text-align:left;cursor:pointer;width:100%;color:var(--ink);font-family:var(--font-pixel-body), serif;letter-spacing:.02em;background:0 0;border:0;align-items:baseline;gap:8px;padding:6px 8px;font-size:1rem;display:flex}.codex-toc-link:hover,.codex-toc-link:focus-visible{background:#d8b46a2e;outline:none}.codex-toc-link[aria-current=true]{color:var(--ink);background:#d8b46a47}.codex-toc-numeral{font-family:var(--font-pixel-display), monospace;color:var(--ink-soft);min-width:28px;font-size:.7rem}.codex-toc-count{font-family:var(--font-pixel-mono), monospace;color:var(--ink-soft);margin-left:auto;font-size:.85rem}.codex-page{min-height:360px;padding:28px 26px 56px;position:relative}.codex-chapter-eyebrow{font-family:var(--font-pixel-display), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);font-size:.65rem}.codex-chapter-title{font-family:var(--font-pixel-display), monospace;color:var(--ink);letter-spacing:.04em;margin:4px 0 6px;font-size:1.4rem}.codex-chapter-desc{font-family:var(--font-pixel-body), serif;color:var(--ink-soft);margin-bottom:18px;font-size:.95rem;font-style:italic}.codex-divider{color:var(--ink-soft);align-items:center;gap:8px;margin-bottom:14px;display:flex}.codex-divider .line{background:#5b3e2266;flex:1;height:1px}.codex-divider .glyph{font-family:var(--font-pixel-mono), monospace;letter-spacing:.2em;font-size:.9rem}.codex-sample{border-bottom:1px dotted #5b3e224d;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:10px 4px;display:grid}.codex-sample:last-child{border-bottom:0}.codex-sample-sigil{font-family:var(--font-pixel-mono), monospace;color:var(--ink-soft);text-align:center;text-shadow:0 0 8px #d8b46a00;font-size:1.4rem;transition:text-shadow .2s steps(2,end),color .2s steps(2,end)}.codex-sample.is-playing .codex-sample-sigil{color:var(--gold);text-shadow:0 0 8px #d8b46ab3}.codex-sample-name{font-family:var(--font-pixel-body), serif;color:var(--ink);letter-spacing:.01em;align-items:baseline;gap:8px;font-size:1.05rem;display:flex}.codex-sample-meta{font-family:var(--font-pixel-mono), monospace;color:var(--ink-soft);text-transform:lowercase;margin-top:2px;font-size:.78rem}.codex-cast{border:2px solid var(--ink);background:var(--gold);color:var(--ink);font-family:var(--font-pixel-display), monospace;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-shadow:2px 2px 0 var(--ink);align-items:center;gap:6px;padding:4px 10px;font-size:.7rem;transition:transform 80ms steps(2,end),box-shadow 80ms steps(2,end),background-color .12s steps(2,end);display:inline-flex}.codex-cast:hover{background:var(--gold-bright)}.codex-cast:active,.codex-cast.is-playing{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.codex-cast.is-playing{background:var(--gold-bright)}.codex-download{font-family:var(--font-pixel-mono), monospace;color:var(--ink-soft);align-items:center;margin-left:6px;font-size:.75rem;text-decoration:underline;display:inline-flex}.codex-download:hover{color:var(--ink)}.codex-empty{text-align:center;color:var(--ink-soft);padding:28px 12px}.codex-empty-quote{font-family:var(--font-pixel-body), serif;color:var(--ink);margin:12px 0;font-size:1.05rem;font-style:italic;line-height:1.4}.codex-empty-cmd{font-family:var(--font-pixel-mono), monospace;color:var(--ink);background:#5b3e221f;border:1px solid #5b3e2266;margin:6px 0;padding:2px 8px;display:inline-block}.codex-dropcap:first-letter{font-family:var(--font-pixel-display), monospace;color:var(--gold);float:left;text-shadow:0 0 6px #d8b46a66;padding:4px 8px 0 0;font-size:2.2rem;line-height:.9}.codex-close{font-family:var(--font-pixel-display), monospace;letter-spacing:.14em;text-transform:uppercase;background:var(--midnight-deep);color:var(--moon);border:2px solid var(--gold);cursor:pointer;z-index:5;box-shadow:2px 2px 0 var(--midnight-deep);padding:4px 8px;font-size:.6rem;position:absolute;top:12px;left:12px}.codex-close:hover{background:var(--midnight);color:var(--gold-bright)}.codex-owl{z-index:4;filter:drop-shadow(0 4px 6px #0006);position:absolute;top:-42px;right:16px}@media (max-width:640px){.codex-owl{top:-38px;right:8px}}@media (prefers-reduced-motion:reduce){.codex-tome-btn,.codex-burst,.codex-spread,.codex-candle .flame,.codex-stars{animation:none}}