:root{--night-0: #07060c;--night-1: #0d0b14;--night-2: #15111d;--night-3: #1f1828;--night-edge: #2a2233;--vellum: #ece0bf;--vellum-2: #e2d3a8;--vellum-aged: #cdba85;--vellum-shadow: #94824f;--ink: #281a0d;--ink-2: #4a3520;--ink-faded: #7a5e3a;--gold: oklch(.78 .13 80);--gold-bright: oklch(.86 .13 84);--gold-deep: oklch(.62 .13 70);--gold-dim: oklch(.55 .09 75);--warden: oklch(.66 .13 140);--eons: oklch(.66 .13 310);--shadows: oklch(.62 .13 245);--salt: oklch(.72 .12 220);--dragon: oklch(.62 .16 28);--talinor: oklch(.74 .14 55);--third-titans: oklch(.7 .13 175);--fresh: oklch(.74 .14 150);--stale: oklch(.74 .13 78);--font-display: "Cinzel", "Trajan Pro", serif;--font-body: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--night-0);color:var(--vellum);font-family:var(--font-body);font-size:16px;height:100%;overflow:hidden}#root{height:100%}.display{font-family:var(--font-display);font-weight:500;letter-spacing:.06em;color:var(--gold-bright)}.display-sm{font-family:var(--font-display);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-size:11px}.mono{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dim)}.italic{font-style:italic}.body{font-family:var(--font-body);font-size:15px;line-height:1.5}.body-sm{font-family:var(--font-body);font-size:13px;line-height:1.5}.chronicle-figure>div{transition:box-shadow .2s ease,transform .2s ease}.chronicle-figure:hover>div{transform:translateY(-2px);box-shadow:0 16px 40px #000000b3,inset 0 0 0 1px #d6a64e2e}.gold-rule{height:1px;background:linear-gradient(to right,transparent,var(--gold-dim) 18%,var(--gold-dim) 82%,transparent);opacity:.7}.btn{font-family:var(--font-display);font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:7px 14px;border:1px solid var(--gold-deep);color:var(--gold-bright);background:transparent;cursor:pointer;transition:background .12s ease,border-color .12s ease;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.btn:hover{background:#d2a64e1f;border-color:var(--gold)}.btn.solid{background:var(--gold);color:var(--night-1);border-color:var(--gold)}.btn.solid:hover{background:var(--gold-bright)}.btn.ghost{border-color:transparent;color:var(--gold-dim)}.btn.ghost:hover{color:var(--gold-bright);background:transparent}.panel{background:linear-gradient(180deg,var(--night-2) 0%,var(--night-1) 100%);border:1px solid rgba(210,166,78,.18);box-shadow:inset 0 1px #ffffff08,0 8px 24px #00000080;color:var(--vellum)}.scroll::-webkit-scrollbar{width:5px}.scroll::-webkit-scrollbar-thumb{background:var(--gold-deep);border-radius:3px}.scroll::-webkit-scrollbar-track{background:transparent}.dropcap:first-letter{font-family:var(--font-display);color:var(--gold-bright);font-size:3.2em;line-height:.88;float:left;padding:6px 8px 0 0}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.fade-in{animation:fade-in .22s ease forwards}.meta-tag{font-size:9px;letter-spacing:.1em}.flex-fill{flex:1;min-width:0}.flex-row-10{display:flex;align-items:center;gap:10px}