:root{--vellum:#C4B79A;--vellum-lit:#D6CAB0;--vellum-dark:#A2926F;--iron-gall:#2A2018;--iron-faded:#574835;--rubric:#6E2113;--rubric-lit:#8E3A22;--gild:#8A6E3B}.grimoire{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:clamp(1rem,3vh,3rem) clamp(1rem,3vw,3rem);background:radial-gradient(ellipse 70% 60% at 50% 44%,#120C08 0%,#060403 52%,#000 100%);opacity:0;visibility:hidden;pointer-events:none;perspective:2600px;transition:opacity 1s ease .55s,visibility 0s linear 1.6s;overflow:hidden}body.state-open .grimoire{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 1.1s ease .5s,visibility 0s linear .5s}.grimoire .spread{position:relative;display:grid;grid-template-columns:1fr auto 1fr;width:min(1240px,96vw);height:min(800px,88vh);transform-style:preserve-3d;transform:rotateX(7deg) scale(.86);opacity:0;transition:transform 1.5s cubic-bezier(.16,.84,.28,1) .7s,opacity 1.1s ease .7s;filter:drop-shadow(0 50px 90px rgba(0,0,0,.9))}body.state-open .spread{transform:rotateX(2deg) scale(1);opacity:1}.spread::before{content:'';position:absolute;inset:-18px -22px -22px -22px;transform:translateZ(-30px);border-radius:5px;background:linear-gradient(150deg,#2C1F16,#140D09 60%,#0A0705);box-shadow:inset 0 1px 0 rgba(180,150,100,.12),0 40px 80px rgba(0,0,0,.85);z-index:-1}.page{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,var(--vellum-lit) 0%,var(--vellum) 52%,var(--vellum-dark) 100%);color:var(--iron-gall)}.page::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23p)' opacity='0.5'/%3E%3C/svg%3E")}.page::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 30% 44% at 8% 88%,rgba(110,80,40,.2),transparent 62%),radial-gradient(ellipse 22% 30% at 88% 12%,rgba(120,90,50,.16),transparent 60%);mix-blend-mode:multiply}.page-left{border-radius:4px 0 0 4px;box-shadow:inset -34px 0 54px -18px rgba(50,35,18,.55)}.page-right{border-radius:0 4px 4px 0;box-shadow:inset 34px 0 54px -18px rgba(50,35,18,.55)}.page-inner{position:relative;z-index:2;height:100%;padding:clamp(2rem,4.2vh,3.6rem) clamp(1.6rem,3.4vw,3.4rem);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--vellum-dark) transparent}.page-inner::-webkit-scrollbar{width:5px}.page-inner::-webkit-scrollbar-thumb{background:var(--vellum-dark);border-radius:3px}.page-inner::-webkit-scrollbar-track{background:transparent}.spine{width:clamp(20px,2.2vw,34px);background:linear-gradient(90deg,rgba(40,26,14,.85) 0%,rgba(90,68,40,.35) 22%,rgba(20,13,8,.92) 50%,rgba(90,68,40,.35) 78%,rgba(40,26,14,.85) 100%);box-shadow:inset 8px 0 18px rgba(0,0,0,.6),inset -8px 0 18px rgba(0,0,0,.6)}.illum{width:clamp(120px,15vh,190px);aspect-ratio:1;margin:0 auto clamp(1rem,2.4vh,2rem);color:var(--rubric);opacity:.72;flex:none}.illum svg{width:100%;height:100%;display:block}.illum svg>circle:first-child{transform-origin:100px 100px;animation:illum-turn 140s linear infinite}.folio-eyebrow{font-family:var(--util);font-size:.6rem;letter-spacing:.36em;text-transform:uppercase;color:var(--iron-faded);text-align:center;margin:0 0 1.4rem;flex:none}.grim-title{font-family:var(--display);font-weight:400;font-size:clamp(2.6rem,6.4vh,4.6rem);line-height:.94;text-align:center;margin:0 0 1.4rem;color:var(--iron-gall);flex:none}.grim-title::first-letter{color:var(--rubric)}.grim-sub{font-family:var(--body);font-style:italic;font-size:clamp(.92rem,1.9vh,1.15rem);line-height:1.6;text-align:center;color:var(--iron-faded);margin:0;flex:none}.page-orn{display:flex;align-items:center;gap:.9rem;color:var(--gild);opacity:.6;margin:clamp(1.4rem,3.4vh,2.6rem) auto;width:min(70%,15rem);flex:none}.page-orn span{flex:1;height:1px;background:linear-gradient(to right,transparent,var(--iron-faded))}.page-orn span:last-child{background:linear-gradient(to left,transparent,var(--iron-faded))}.grim-note{font-family:var(--body);font-size:clamp(.9rem,1.85vh,1.05rem);line-height:1.78;text-align:center;color:var(--iron-faded);margin:0;max-width:26rem;align-self:center;flex:none}.grim-note::first-letter{color:var(--rubric);font-size:1.15em}.folio{font-family:var(--util);font-size:.62rem;letter-spacing:.28em;color:var(--iron-faded);opacity:.6;text-align:center;margin:auto 0 0;padding-top:2rem;flex:none}.contents-head{font-family:var(--display);font-weight:400;font-size:clamp(2rem,4.8vh,3.2rem);line-height:.98;text-align:center;margin:0 0 clamp(1.4rem,3.4vh,2.6rem);color:var(--iron-gall);flex:none}.contents-head::first-letter{color:var(--rubric)}.contents{list-style:none;margin:0 0 auto;padding:0;counter-reset:none;flex:none}.contents li{border-bottom:1px solid rgba(87,72,53,.18)}.contents li:first-child{border-top:1px solid rgba(87,72,53,.18)}.contents a{display:grid;grid-template-columns:2.1rem 1fr auto auto;align-items:baseline;gap:.85rem;padding:clamp(.62rem,1.5vh,.95rem) .3rem;text-decoration:none;color:inherit;position:relative;transition:background .35s ease,padding-left .35s ease}.contents a::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--rubric);transform:scaleY(0);transform-origin:center;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.contents a:hover,.contents a:focus-visible{background:rgba(110,33,19,.06);padding-left:.9rem}.contents a:hover::before,.contents a:focus-visible::before{transform:scaleY(1)}.num{font-family:var(--util);font-size:.72rem;letter-spacing:.1em;color:var(--rubric);opacity:.85}.entry{display:block;min-width:0}.entry-name{display:block;font-family:var(--body);font-weight:500;font-size:clamp(1.02rem,2.1vh,1.32rem);line-height:1.25;color:var(--iron-gall)}.entry-gloss{display:block;font-family:var(--body);font-style:italic;font-size:clamp(.76rem,1.5vh,.92rem);line-height:1.4;color:var(--iron-faded);opacity:.85;margin-top:.12rem}.leader{display:block;min-width:1.5rem;height:1px;align-self:center;background-image:radial-gradient(circle,var(--iron-faded) 1px,transparent 1px);background-size:5px 1px;background-repeat:repeat-x;opacity:.4}.pg{font-family:var(--util);font-size:.72rem;letter-spacing:.06em;color:var(--iron-faded);opacity:.8}.contents-foot{font-family:var(--body);font-style:italic;font-size:clamp(.82rem,1.7vh,.98rem);text-align:center;color:var(--iron-faded);opacity:.7;margin:clamp(1.4rem,3vh,2.2rem) 0 0;flex:none}.close-book{position:absolute;bottom:clamp(.7rem,2vh,1.6rem);left:50%;transform:translateX(-50%);z-index:40;padding:.55rem 1.4rem;background:none;border:1px solid rgba(138,110,59,.3);border-radius:1px;color:#8A8070;font-family:var(--util);font-size:.58rem;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;opacity:0;transition:opacity .8s ease 1.6s,color .3s,border-color .3s,background .3s}body.state-open .close-book{opacity:.65}.close-book:hover,.close-book:focus-visible{opacity:1;color:#C9BFA6;border-color:rgba(147,56,31,.7);background:rgba(92,31,20,.14)}:focus-visible{outline:1px solid var(--rubric-lit);outline-offset:3px}.leafbar{display:none}@media (min-width:861px){.page.leaf-current,.page.leaf-next,.page.leaf-prev{transform:none;opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){.spread{transform:none;opacity:1}.illum svg>circle:first-child{animation:none}}