:root{color-scheme:dark;--charcoal:#171512;--charcoal-2:#201c17;--ink:#25211b;--ink-blue:#202630;--paper:#c3aa7d;--paper-light:#e2cfaa;--paper-dark:#8f744f;--text:#f8efdc;--text-paper:#2b2117;--muted:#c9b98e;--dim:#806f55;--line:#34261947;--line-light:#f6ebd23d;--red:#a92f31;--red-dark:#6f1d21;--ochre:#d5a44b;--bone:#fff5de;--shadow:#120c0661}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%}body{min-height:100vh;color:var(--text);background:#20160d;margin:0;font-family:Georgia,Times New Roman,serif;line-height:1.62}body:before{content:"";z-index:-2;pointer-events:none;background:url(/assets/layout/chronicle-triptych-master-v2.png) 50%/112% 100% no-repeat;position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0a08063d,#0000 22% 78%,#0a08063d),linear-gradient(#ffffff0f,#00000014);position:fixed;inset:0}button,input{font:inherit}button{color:inherit}a{color:var(--red)}.encyclopedia-shell{background:0 0;grid-template-columns:300px minmax(0,1fr);min-height:100vh;display:grid;position:relative}.encyclopedia-shell:before{content:"";z-index:4;pointer-events:none;-webkit-backdrop-filter:blur(8px)saturate(.88);background:linear-gradient(90deg,#120e0ab8,#342a1f9e 18% 78%,#120e0ab8),linear-gradient(#ffffff0a,#00000014);border-bottom:1px solid #f6ebd229;height:82px;position:fixed;top:0;left:0;right:0}.sidebar{z-index:6;height:100vh;box-shadow:none;background:linear-gradient(90deg,#0a0806b8,#0a08064d 72%,#0000 100%);border-right:0;position:sticky;top:0;overflow:auto}.sidebar-header{border-bottom:1px solid var(--line-light);grid-template-columns:50px minmax(0,1fr);align-items:center;gap:11px;padding:15px 16px 13px;display:grid}.sidebar-home-link{color:inherit;text-decoration:none;transition:background .16s,filter .16s}.sidebar-home-link:hover{filter:drop-shadow(0 0 12px #fff5de1a);background:linear-gradient(90deg,#fff5de0f,#0000)}.campaign-mark{object-fit:contain;filter:drop-shadow(0 10px 18px #00000073);width:50px;height:50px}.eyebrow{color:var(--ochre);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-family:Arial,sans-serif;font-size:.72rem;font-weight:800;display:inline-block}.note-hero .eyebrow,.inspector-card .eyebrow{color:var(--bone);background:var(--red);clip-path:polygon(0 16%,92% 0,100% 48%,94% 100%,6% 88%);padding:4px 10px}h1,h2,h3{letter-spacing:0;margin:0;font-weight:800;line-height:1.04}h1{color:var(--bone);text-shadow:2px 2px #00000080,0 0 14px #fff5de1a;font-size:1.58rem}.sidebar-header h1 span{display:block}.sidebar-header h1 span+span{letter-spacing:0;color:#eadfca;text-transform:uppercase;margin-top:0;font-size:.52em}h2{font-size:clamp(1.8rem,3.2vw,3.2rem)}h3{font-size:1.06rem}.search-field{border-bottom:1px solid var(--line-light);color:var(--muted);gap:9px;padding:15px 16px 16px;font-family:Georgia,Times New Roman,serif;font-size:.88rem;display:grid}.search-field span{color:#dcc78d;text-transform:uppercase;text-shadow:1px 1px #00000094;font-size:.82rem;font-weight:800;line-height:1}.search-field input{width:100%;min-height:40px;color:var(--bone);background:linear-gradient(90deg,#fff4d80d,#0000 64%),#08080852;border:1px solid #f4e6c438;border-radius:0;outline:none;padding:8px 12px 9px;font-size:.92rem;box-shadow:inset 0 0 0 1px #00000047,inset 0 0 18px #0000002e}.search-field input::placeholder{color:#f6ebd275;font-style:italic}.search-field input:focus{background:linear-gradient(90deg,#fff4d814,#0000 64%),#08080866;border-color:#d5a44bad;box-shadow:inset 0 0 0 1px #d5a44b29,0 0 18px #d5a44b1f}.category-nav{padding:10px 12px 28px}.category-nav [hidden]{display:none!important}.category-group{border-bottom:1px solid #f6ebd21a;margin-bottom:8px;position:relative}.category-toggle{width:100%;min-height:42px;color:var(--bone);text-align:left;cursor:pointer;text-transform:uppercase;background:0 0;border:0;justify-content:space-between;align-items:center;gap:9px;padding:7px;transition:color .16s,text-shadow .16s,background .16s;display:flex}.category-toggle:before{content:"";opacity:.86;filter:drop-shadow(0 0 5px #fff5de2e)drop-shadow(1px 1px #00000059);background:50%/contain no-repeat;flex:0 0 28px;width:28px;height:28px;transition:opacity .16s,filter .16s}.category-toggle[data-category=sessions]:before{background-image:url(/assets/icons/category-sessions-20260706.png)}.category-toggle[data-category=overview]:before{background-image:url(/assets/icons/category-overview-20260706.png)}.category-toggle[data-category=party]:before{background-image:url(/assets/icons/category-party-20260706.png)}.category-toggle[data-category=npcs]:before{background-image:url(/assets/icons/category-npcs-20260706.png)}.category-toggle[data-category=locations]:before{background-image:url(/assets/icons/category-locations-20260706.png)}.category-toggle[data-category=storylines]:before{background-image:url(/assets/icons/category-storylines-20260706.png)}.category-toggle[data-category=hypotheses]:before{background-image:url(/assets/icons/category-hypotheses-20260706.png)}.category-toggle[data-category=open-questions]:before{background-image:url(/assets/icons/category-open-questions-20260706.png)}.category-toggle[data-category=items]:before{background-image:url(/assets/icons/category-items-20260706.png)}.category-toggle[data-category=lore]:before{background-image:url(/assets/icons/category-lore-20260706.png)}.category-toggle:after{content:"";opacity:.72;border-bottom:2px solid;border-right:2px solid;width:9px;height:9px;transition:transform .16s,opacity .16s;transform:rotate(-45deg)}.category-toggle.expanded:after{opacity:1;transform:rotate(45deg)}.category-toggle:hover{color:#fff8e8;text-shadow:0 0 10px #fff5de52,0 0 18px #a92f313d;background:linear-gradient(90deg,#fff5de14,#0000)}.category-toggle:hover:before,.category-toggle.expanded:before{opacity:1;filter:drop-shadow(0 0 7px #fff5de5c)drop-shadow(1px 1px #0000006b)}.category-toggle span:first-child{flex:1;font-size:.86rem}.note-list{gap:7px;padding:0 0 9px 36px;display:grid}.note-list.collapsed{display:none}.folder-group{gap:3px;display:grid}.folder-group+.folder-group{margin-top:5px}.folder-toggle{color:#d5a44b;cursor:pointer;text-align:left;text-transform:uppercase;text-shadow:1px 1px #00000080;background:linear-gradient(90deg,#0000002e,#0000);border:0;border-left:2px solid #a92f315c;align-items:center;gap:8px;width:100%;min-height:30px;padding:4px 7px 4px 10px;font-size:.72rem;font-weight:800;line-height:1.25;transition:color .16s,background .16s,text-shadow .16s;display:flex}.folder-toggle:after{content:"";opacity:.72;border-bottom:2px solid;border-right:2px solid;flex:0 0 7px;width:7px;height:7px;margin-left:auto;transition:opacity .16s,transform .16s;transform:rotate(-45deg)}.folder-toggle.expanded:after{opacity:1;transform:rotate(45deg)}.folder-toggle:hover,.folder-toggle.expanded{color:#f0d28a;text-shadow:0 0 9px #d5a44b3d,1px 1px #00000080;background:linear-gradient(90deg,#a92f312e,#0000)}.folder-items{gap:3px;display:grid}.folder-items.collapsed{display:none}.folder-label{color:#d5a44b;text-transform:uppercase;text-shadow:1px 1px #00000080;margin:3px 0 1px;padding-left:10px;font-size:.7rem;font-weight:800;line-height:1.25;position:relative}.folder-label:before{content:"";background:#a92f31b8;width:3px;position:absolute;top:.18em;bottom:.18em;left:0;box-shadow:0 0 8px #a92f3138}.note-nav-button{color:#d8caad;text-align:left;cursor:pointer;background:0 0;border:0;border-left:2px solid #fff5de2e;width:100%;min-height:27px;padding:4px 7px;font-size:.78rem;line-height:1.28;text-decoration:none;display:block}.note-nav-button:hover,.note-nav-button.active{border-left-color:var(--red);color:var(--bone);background:linear-gradient(90deg,#a92f3142,#0000)}.content-shell{background:linear-gradient(#ffffff0d,#45372808);min-width:0}.reader-topbar{z-index:6;backdrop-filter:none;background:0 0;border-bottom:0;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:18px;min-height:78px;padding:8px clamp(18px,4vw,54px) 14px;display:grid;position:sticky;top:0}.reader-topbar>div{margin-left:clamp(28px,4vw,50px);transform:translateY(-2px)}.reader-topbar h2{max-width:980px;color:var(--bone);text-overflow:ellipsis;white-space:nowrap;text-shadow:2px 2px #00000061;font-size:clamp(1.12rem,1.8vw,1.7rem);overflow:hidden}.menu-button{border:2px solid var(--bone);cursor:pointer;background:#0003;border-radius:50%;width:44px;height:44px;display:none}.mobile-reader-tools,.sidebar-close-bar,.sidebar-backdrop{display:none}.reader-layout{grid-template-columns:minmax(0,1fr);gap:26px;padding:32px clamp(18px,4vw,54px) 60px;display:grid}.reader-layout.has-inspector{grid-template-columns:minmax(0,1fr) 290px}.section-index{padding:32px clamp(18px,4vw,54px) 60px}.section-intro{background:linear-gradient(#1f1c18bd,#121110c7),repeating-linear-gradient(12deg,#ffffff08 0 1px,#0000 1px 7px);border:1px solid #f6ebd229;gap:10px;max-width:980px;margin-bottom:22px;padding:24px 28px;display:grid}.section-intro p{color:#eadfca;max-width:760px;margin:0;font-size:1.06rem}.section-intro span{color:var(--ochre);text-transform:uppercase;font-family:Arial,sans-serif;font-size:.78rem;font-weight:800}.section-folder{max-width:1120px;margin-top:24px}.section-folder>h3{color:var(--bone);clip-path:polygon(0 16%,94% 0,100% 48%,94% 100%,4% 86%);text-shadow:1px 1px #0000008c;background:#1f1c18e0;margin:0 0 12px;padding:5px 14px 6px;display:inline-block}.note-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;max-width:1120px;display:grid}.note-preview{min-height:220px;color:var(--text-paper);background:linear-gradient(#fff9e2c2,#dcbe859e),repeating-linear-gradient(90deg,#34261809 0 1px,#0000 1px 10px),#edd6abf0;border:1px solid #34261947;align-content:start;gap:10px;padding:22px;text-decoration:none;display:grid;box-shadow:0 16px 44px #29160833}.note-preview:hover{border-color:#a92f317a;transform:translateY(-1px)}.note-preview .eyebrow{color:var(--red);margin:0}.note-preview h3{color:#251810;font-size:1.16rem}.note-preview p:last-child{color:#45331f;margin:0}.note-card{min-width:0;color:var(--text-paper);box-shadow:none;clip-path:none;isolation:isolate;background:0 0;border:0;position:relative}.note-card:before{content:"";z-index:0;pointer-events:none;-webkit-backdrop-filter:blur(2px)brightness(1.025)saturate(.96);-webkit-mask-composite:source-in;background:linear-gradient(90deg,#0000 0,#f2e4c442 6%,#f6ebd26b 20%,#f6ebd270 80%,#f2e4c43d 94%,#0000 100%);position:absolute;inset:-6px -10px -18px;mask-image:linear-gradient(90deg,#0000 0,#000 7% 93%,#0000 100%),linear-gradient(#0000 0,#000 6% 94%,#0000 100%);mask-composite:intersect}.note-hero{background:0 0;border-bottom:1px solid #3a271729;padding:clamp(28px,4vw,50px);position:relative}.note-hero:after{content:"";opacity:.9;filter:saturate(.82)brightness(.88);background:url(/assets/ui/red-brush-divider.png) 50%/100% 100% no-repeat;height:26px;position:absolute;bottom:-13px;left:clamp(24px,4vw,46px);right:12%}.note-hero-locations,.note-hero-items{background:0 0}.note-hero h2{color:#251810;text-shadow:1px 1px #fff5de73;z-index:1;max-width:940px;font-size:clamp(1.75rem,3vw,3.05rem);position:relative}.note-summary{color:#45331f;z-index:1;max-width:820px;margin:18px 0 0;font-size:1.04rem;font-weight:700;position:relative}.note-meta{z-index:1;flex-wrap:wrap;gap:8px;margin-top:22px;display:flex;position:relative}.meta-pill{color:#3d2a19;clip-path:polygon(4% 0,100% 8%,96% 100%,0 88%);background:#fff5de59;border:1px solid #34261957;padding:6px 9px;font-family:Arial,sans-serif;font-size:.76rem;font-weight:800}.note-body{z-index:1;max-width:940px;padding:clamp(30px,4vw,54px);position:relative}.note-body h1{display:none}.note-body h2{color:var(--bone);clip-path:polygon(0 16%,94% 0,100% 44%,94% 100%,3% 84%);background:#2b2824;margin:42px 0 16px;padding:3px 18px 6px;font-size:1.42rem;display:inline-block;position:relative}.note-body h3{color:#3b2217;text-transform:uppercase;margin:30px 0 10px;font-size:1.12rem}.note-body p,.note-body li{color:#2b2117;font-size:1.04rem}.note-body p{margin:0 0 17px}.note-body ul{padding-left:24px}.note-body li::marker{color:var(--red)}.note-body a{color:#8b1f23;background:linear-gradient(#0000 62%,#a92f312e 62%);font-weight:800;text-decoration:none}.note-body blockquote{border-left:5px solid var(--red);background:#4427121f;margin:24px 0;padding:15px 20px}.inspector{background:linear-gradient(270deg,#0a0806a8,#0a080638 72%,#0000 100%);align-self:start;gap:16px;padding:10px 0;display:grid;position:sticky;top:120px}.inspector-card{clip-path:polygon(1% 0,99% .8%,100% 18%,98.8% 46%,100% 72%,99% 100%,0 99%,1.2% 70%,0 46%,1% 20%);background:linear-gradient(#1f1c18c7,#121110d1),repeating-linear-gradient(12deg,#ffffff08 0 1px,#0000 1px 7px);border:1px solid #f6ebd229;padding:16px 18px;position:relative;box-shadow:0 16px 36px #0000002e}.inspector-card h3{color:var(--bone);text-transform:uppercase;margin-bottom:14px}.link-stack{gap:8px;display:grid}.related-button{color:#ddd0b5;text-align:left;cursor:pointer;background:#fff5de0a;border:1px solid #fff5de38;min-height:38px;padding:8px 10px;text-decoration:none;display:block}.related-button:hover{color:var(--bone);background:#a92f3129;border-color:#d5a44bb3}.empty-state{color:#d8caad;margin:0}@media (width<=980px){body:before{background-image:url(/assets/layout/bg-mobile-pages.png);background-position:top;background-size:cover}body:after{background:linear-gradient(90deg,#3d271214,#0000 16% 84%,#3d271214),linear-gradient(#ffffff0d,#5433140a)}.encyclopedia-shell{grid-template-columns:1fr}.sidebar{z-index:20;-webkit-backdrop-filter:blur(12px)saturate(.72);background:linear-gradient(#0b0907f7,#110d0af5),#0c0a08;border-right:1px solid #f6ebd238;width:min(360px,88vw);max-width:100%;height:100dvh;transition:transform .18s;position:fixed;top:0;left:0;transform:translate(-104%);box-shadow:18px 0 46px #00000094}.sidebar.open{transform:translate(0)}.menu-button{color:var(--bone);background:#0f0b08b8;border-color:#fff5decc;flex:0 0 44px;place-items:center;display:inline-grid;box-shadow:0 8px 20px #00000042}.menu-button span{font-family:Arial,sans-serif;font-size:1.28rem;line-height:1}.mobile-reader-tools{z-index:15;top:max(10px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));align-items:center;gap:9px;display:flex;position:fixed}.mobile-encyclopedia-link{background:#0f0b08bd;border:1px solid #fff5de80;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 8px 20px #00000047}.mobile-encyclopedia-link img{object-fit:contain;filter:drop-shadow(0 4px 8px #00000057);width:40px;height:40px}.sidebar-close-bar{z-index:3;min-height:58px;padding:max(10px, env(safe-area-inset-top)) 14px 8px;background:#0c0a08fa;border-bottom:1px solid #f6ebd229;justify-content:flex-end;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 8px 18px #0000003d}.sidebar-close-button{width:40px;height:40px;color:var(--bone);cursor:pointer;background:#a92f313d;border:1px solid #fff5de8f;border-radius:50%;place-items:center;padding:0;display:grid}.sidebar-close-button span{font-family:Arial,sans-serif;font-size:1.75rem;font-weight:300;line-height:1;transform:translateY(-1px)}.sidebar-backdrop{z-index:19;opacity:0;pointer-events:none;background:#040302ad;border:0;width:100%;height:100%;padding:0;transition:opacity .18s;position:fixed;inset:0}body.sidebar-open{overflow:hidden}body.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto;display:block}.reader-layout{grid-template-columns:1fr}.reader-topbar h2{white-space:normal}.reader-topbar{grid-template-columns:minmax(0,1fr);align-items:center;height:82px;min-height:82px;padding-right:126px;overflow:hidden}.reader-topbar>div{min-width:0;max-height:60px;overflow:hidden}.reader-topbar .eyebrow{margin-bottom:3px;font-size:.66rem;line-height:1}.reader-topbar h2{max-width:100%;font-size:var(--mobile-topbar-title-size,clamp(.92rem, 4.2vw, 1.18rem));overflow-wrap:anywhere;text-wrap:balance;line-height:1.08}.reader-topbar>div{margin-left:0;transform:none}.inspector{position:static}}@media (width<=620px){.reader-topbar{height:82px;min-height:82px}.reader-layout{padding-inline:14px}.note-hero,.note-body{padding:24px}.note-hero h2{font-size:clamp(1.65rem,10vw,2.6rem)}}