@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Cinzel:wght@400;500;600;700&family=Cinzel+Decorative:wght@400;700&family=IM+Fell+English+SC&family=UnifrakturMaguntia&display=swap";:root{font-family:EB Garamond,Cormorant Garamond,Georgia,Times New Roman,serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga" 1,"onum" 1,"kern" 1;color:#20140d;background:radial-gradient(circle at top,rgba(119,86,51,.2),transparent 28%),linear-gradient(180deg,#59402d,#352318 36%,#21150f);--font-body: "EB Garamond", Georgia, "Times New Roman", serif;--font-display: "Cinzel Decorative", "IM Fell English SC", serif;--font-heading: "Cinzel", "IM Fell English SC", serif;--font-accent: "IM Fell English SC", serif;--font-cover: "UnifrakturMaguntia", "Cinzel Decorative", serif;--paper: #f4ead4;--paper-light: #f8f2e2;--paper-mid: #ede0c8;--paper-dim: #dbc8a5;--paper-dark: #c9b48e;--ink: #2a1a0e;--ink-soft: #5c3d24;--ink-faded: #8c6d4f;--gold: #c9a34e;--gold-light: #dfc06a;--cloth-green: hsl(90, 22%, 52%);--cloth-green-light: hsl(90, 20%, 56%);--cloth-green-dark: hsl(90, 24%, 42%);--stamp-blue: hsl(218, 48%, 20%);--stamp-blue-soft: hsla(218, 48%, 20%, .75)}*{box-sizing:border-box}html{min-width:320px;overscroll-behavior:none;overflow-x:hidden}body{margin:0;min-height:100vh;background-attachment:fixed;overscroll-behavior:none;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:linear-gradient(#ffffff04,#ffffff03),repeating-linear-gradient(90deg,rgba(255,255,255,.008) 0,rgba(255,255,255,.008) 1px,transparent 1px,transparent 6px);pointer-events:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#root{min-height:100vh}.stf__parent{position:relative;display:block;box-sizing:border-box;transform:translateZ(0);-ms-touch-action:pan-y;touch-action:pan-y}.sft__wrapper{position:relative;width:100%;box-sizing:border-box}.stf__parent canvas{position:absolute;width:100%;height:100%;left:0;top:0}.stf__block{position:absolute;width:100%;height:100%;box-sizing:border-box;perspective:2000px}.stf__item{display:none;position:absolute;transform-style:preserve-3d}.stf__outerShadow,.stf__innerShadow,.stf__hardShadow,.stf__hardInnerShadow{position:absolute;left:0;top:0}.demo-shell{min-height:100vh;padding:24px 16px 40px;display:flex;flex-direction:column;align-items:center;gap:16px;overscroll-behavior:none}.demo-shell:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 15%,rgba(201,162,96,.1),transparent 22%),radial-gradient(circle at 80% 78%,rgba(84,104,70,.08),transparent 24%),linear-gradient(#fff8e804,#fff8e800);pointer-events:none}.demo-controls{width:min(100%,1000px);display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;color:var(--paper-dim);font-family:var(--font-accent);font-size:90%;letter-spacing:.04em}.demo-button{border:1px solid rgba(201,163,78,.22);background:linear-gradient(180deg,#4a301feb,#2a180eeb);color:var(--paper-dim);border-radius:6px;padding:10px 18px;font-family:var(--font-accent);font-size:88%;letter-spacing:.06em;text-transform:uppercase;box-shadow:inset 0 1px #fff1d60f,0 2px 6px #0000004d;transition:background .15s ease,box-shadow .15s ease}.demo-button:hover{background:linear-gradient(180deg,#583a24f0,#362012f0);box-shadow:inset 0 1px #fff1d617,0 2px 8px #0006}.book-container{width:min(100%,1000px);display:flex;justify-content:center;overscroll-behavior:contain;overflow:hidden}.flip-book{display:none;box-shadow:0 1px 4px #00000026,0 6px 16px #0003,0 18px 40px #00000040;touch-action:none;overflow:hidden;max-width:100%;background:var(--paper-dark)}.flip-book .stf__parent,.flip-book .stf__block,.flip-book .stf__item{overflow:hidden}.flip-book .stf__outerShadow,.flip-book .stf__innerShadow{opacity:.5}.flip-book .stf__hardShadow,.flip-book .stf__hardInnerShadow{opacity:.4}.page{position:relative;padding:24px 28px;background:radial-gradient(circle at 12% 8%,rgba(168,132,78,.07),transparent 3.5%),radial-gradient(circle at 82% 14%,rgba(158,120,68,.05),transparent 2.5%),radial-gradient(circle at 73% 79%,rgba(162,128,78,.06),transparent 4%),radial-gradient(circle at 22% 68%,rgba(172,138,84,.05),transparent 3%),radial-gradient(circle at 45% 92%,rgba(154,116,64,.06),transparent 2%),radial-gradient(circle at 91% 45%,rgba(148,112,62,.04),transparent 3.5%),radial-gradient(circle at 8% 42%,rgba(164,128,72,.04),transparent 2.5%),radial-gradient(circle at 56% 18%,rgba(160,124,74,.035),transparent 2%),radial-gradient(circle at 35% 88%,rgba(170,134,80,.045),transparent 3%),radial-gradient(circle at 88% 62%,rgba(156,118,66,.04),transparent 2.5%),linear-gradient(to bottom,transparent 82%,rgba(120,90,50,.06) 100%),linear-gradient(to top,transparent 90%,rgba(140,108,62,.03) 100%),linear-gradient(to right,transparent 88%,rgba(130,98,56,.04) 100%),linear-gradient(to left,transparent 88%,rgba(130,98,56,.04) 100%),repeating-linear-gradient(2deg,rgba(140,108,62,.018) 0px,transparent 1px,transparent 3.7px),repeating-linear-gradient(-1deg,rgba(130,100,56,.012) 0px,transparent 1px,transparent 5.3px),repeating-linear-gradient(131deg,rgba(120,88,48,.014) 0px,transparent 1px,transparent 7.1px),repeating-linear-gradient(47deg,rgba(125,92,50,.01) 0px,transparent 1px,transparent 9.3px),repeating-linear-gradient(88deg,rgba(135,102,58,.01) 0px,transparent 1px,transparent 5.9px),radial-gradient(ellipse at 24% 32%,rgba(238,224,196,.35),transparent 35%),radial-gradient(ellipse at 72% 55%,rgba(228,212,180,.28),transparent 40%),radial-gradient(ellipse at 50% 15%,rgba(242,230,204,.22),transparent 30%),radial-gradient(ellipse at 38% 78%,rgba(224,208,174,.25),transparent 35%),radial-gradient(ellipse at 85% 25%,rgba(232,218,188,.18),transparent 25%),radial-gradient(ellipse at 50% 0%,rgba(255,252,240,.25),transparent 38%),linear-gradient(175deg,#f1eada,#ebe3d3 25%,#e8dfce 55%,#e4d9c9 80%,#e0d5c5);color:var(--ink);border:none;overflow:hidden}.page:before{content:"";position:absolute;inset:0;box-shadow:inset 0 0 20px #8c6c3e0f,inset 0 0 50px #785a3208,inset 0 -8px 16px -8px #6e50280d,inset -6px 0 12px -6px #82623808,inset 6px 0 12px -6px #82623808;pointer-events:none}.page:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,250,.05),transparent 10%),radial-gradient(ellipse at 50% 0%,rgba(255,255,245,.04),transparent 25%);pointer-events:none}.page-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;position:relative;z-index:1}.ink-bleed{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;filter:contrast(5)}.page-chapter{margin:0 0 2px;font-family:var(--font-accent);font-size:68%;letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--ink-faded);filter:blur(.3px)}.page-header{height:auto;min-height:30px;margin:0 0 4px;font-family:var(--font-heading);font-size:95%;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-align:center;color:var(--ink);text-wrap:balance;filter:blur(.5px)}.page-text{height:100%;flex-grow:1;font-family:var(--font-body);font-size:90%;line-height:1.65;text-align:left;margin-top:10px;padding-top:10px;box-sizing:border-box;border-top:solid 1px rgba(140,108,62,.18);color:var(--ink);font-feature-settings:"liga" 1,"onum" 1,"kern" 1;filter:blur(.4px)}.page-text p{margin:0 0 .85em;max-width:38ch;text-indent:1.5em;hanging-punctuation:first}.page-text p:first-child{text-indent:0}.page-text p:first-child:first-letter{font-family:var(--font-heading);float:left;font-size:3.2em;line-height:.78;padding-right:.08em;padding-top:.06em;color:var(--ink-soft);font-weight:600;text-shadow:0 0 .5px currentColor}.page-text--contents p:first-child:first-letter{float:none;font-family:var(--font-body);font-size:inherit;line-height:inherit;padding:0;color:inherit;font-weight:inherit;text-shadow:none}.page-quote{margin:0 auto 6px;max-width:32ch;font-family:var(--font-body);font-size:82%;font-style:italic;line-height:1.55;text-align:center;color:var(--ink-soft);filter:blur(.35px)}.page-summary{text-indent:0;text-align:center;font-style:italic;color:var(--ink-soft);font-size:92%;margin-bottom:1em}.page-details{margin:0 0 .85em;padding:0;font-family:var(--font-body);font-size:95%;line-height:1.6;filter:blur(.35px)}.page-details dt{margin:.6em 0 0;font-family:var(--font-accent);font-size:72%;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faded)}.page-details dt:first-child{margin-top:0}.page-details dd{margin:0;padding:0;color:var(--ink)}.page-bullets{margin:0 0 .85em;padding:0 0 0 1.2em;font-family:var(--font-body);font-size:90%;line-height:1.6;list-style:disc;color:var(--ink);filter:blur(.35px)}.page-bullets li{margin:0 0 .5em;max-width:36ch}.page-bullets li::marker{color:var(--ink-faded);font-size:70%}.page-footer{height:30px;border-top:solid 1px rgba(140,108,62,.15);font-family:var(--font-body);font-size:78%;color:var(--ink-faded);padding-top:8px;letter-spacing:.05em;font-feature-settings:"onum" 1;filter:blur(.3px)}.page.--left{box-shadow:inset -20px 0 24px -18px #38221580,inset -50px 0 60px -50px #1e120c33}.page.--right{box-shadow:inset 20px 0 24px -18px #38221580,inset 50px 0 60px -50px #1e120c33}.page.--right .page-footer{text-align:right}.page.hard{background:linear-gradient(180deg,rgba(255,243,214,.03),transparent 18%),radial-gradient(circle at 16% 18%,rgba(180,141,88,.08),transparent 20%),linear-gradient(135deg,#845f3e,#573e2e);border:none}.page.page-cover{padding:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.025) 0px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.018) 0px,transparent 1px,transparent 3.3px),repeating-linear-gradient(2deg,rgba(255,255,255,.015) 0px,transparent 1px,transparent 5.7px),radial-gradient(ellipse at 30% 25%,hsla(88,20%,56%,.25),transparent 40%),radial-gradient(ellipse at 70% 65%,hsla(92,18%,48%,.2),transparent 35%),radial-gradient(ellipse at 50% 85%,hsla(86,22%,44%,.15),transparent 30%),linear-gradient(to bottom,transparent 85%,hsla(90,20%,35%,.15) 100%),linear-gradient(to top,transparent 92%,hsla(90,18%,38%,.08) 100%),linear-gradient(to right,transparent 90%,hsla(90,20%,36%,.1) 100%),linear-gradient(to left,transparent 90%,hsla(90,20%,36%,.1) 100%),linear-gradient(175deg,#8ca573,#85a06a,#809966 60%,#7c955f);color:var(--stamp-blue);border:none;overflow:hidden}.page.page-cover:before{content:"";position:absolute;inset:0;box-shadow:inset 0 0 30px #4d5c3d26,inset 0 0 60px #404b340f;pointer-events:none;z-index:2}.page.page-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,hsla(90,15%,70%,.06),transparent 15%);pointer-events:none;z-index:2}.cover-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;position:relative;padding:0;overflow:hidden}.cover-mountains{width:100%;flex-shrink:0;line-height:0;color:var(--stamp-blue)}.cover-mountains svg{width:100%;height:auto;display:block;filter:blur(.4px) contrast(5)}.cover-text{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 24px;z-index:1}.cover-text h2{margin:0;font-family:var(--font-cover);font-size:200%;font-weight:400;letter-spacing:.03em;color:var(--stamp-blue);line-height:1.2;filter:blur(.5px) contrast(5)}.cover-rule{width:35%;height:1px;margin:10px 0;background:linear-gradient(90deg,transparent,var(--stamp-blue-soft) 25%,var(--stamp-blue) 50%,var(--stamp-blue-soft) 75%,transparent);border:none}.cover-text p{margin:0;font-family:var(--font-accent);color:var(--stamp-blue-soft);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;filter:blur(.3px) contrast(5)}.cover-runes{margin-top:10px;font-family:serif;font-size:.9rem;letter-spacing:.3em;color:var(--stamp-blue-soft);text-transform:none;filter:blur(.4px) contrast(5)}.cover-dragon{width:100%;flex-shrink:0;line-height:0;padding:0 10%;color:var(--stamp-blue)}.cover-dragon svg{width:100%;height:auto;display:block;filter:blur(.4px) contrast(5)}.cover-back .cover-mountains svg,.cover-back .cover-dragon svg{transform:scaleX(-1)}.cover-back .cover-text h2{font-size:150%}.page.page-cover-top{box-shadow:inset 0 0 24px #404d334d,-2px 0 6px 2px #00000040}.page.page-cover-bottom{box-shadow:inset 0 0 24px #404d334d,10px 0 8px #0003}@media(max-width:640px){.demo-shell{padding:16px 8px 24px}.demo-controls,.demo-state{font-size:13px}.demo-button{padding:8px 12px;font-size:82%}.page{padding:18px 20px}.page-header{font-size:85%;letter-spacing:.1em}.page-text{font-size:84%}.page-text p:first-child:first-letter{font-size:2.8em}.cover-text h2{font-size:160%}.cover-dragon{padding:0 6%}}