:root{--parchment: #E8D5B0;--parchment-dark: #D4C49A;--parchment-shadow: #B8A888;--parchment-stain: rgba(139, 90, 43, .15);--parchment-aged: #C9B896;--ink: #1E110A;--ink-light: #3A2618;--ink-muted: #5A4334;--ink-faded: rgba(30, 17, 10, .6);--gold: #B8962A;--gold-glow: rgba(184, 150, 42, .5);--gold-dim: #8B7420;--gold-antique: #9A7B1C;--deep-purple: #140820;--purple-glow: rgba(72, 20, 110, .35);--crimson-ancient: #6B1E1E;--emerald-mystic: #1E4D3D;--starlight: #D9C9A8;--moon-silver: #A0ADBF;--cosmic-bg: #080510;--cosmic-mid: #100B1E;--mist: rgba(200, 180, 140, .08);--candle-glow: rgba(255, 180, 80, .15);--font-display: "Cinzel", serif;--font-body: "Outfit", sans-serif;--book-width: 1100px;--book-height: 720px;--page-padding: 2.5rem;--header-height: 70px;--flip-duration: .6s;--fade-duration: .3s;--glow-duration: 4s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:linear-gradient(135deg,var(--cosmic-bg) 0%,var(--cosmic-mid) 50%,var(--cosmic-bg) 100%);color:var(--parchment);min-height:100vh;overflow:hidden;position:relative}.ambient-particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.ambient-particle{position:absolute;width:2px;height:2px;background:var(--starlight);border-radius:50%;opacity:.25;animation:floatParticle 10s ease-in-out infinite;box-shadow:0 0 4px #b8962a4d}.ambient-particle:nth-child(3n){background:var(--gold);box-shadow:0 0 6px #b8962a80;animation-duration:12s}.ambient-particle:nth-child(5n){width:3px;height:3px;opacity:.15;animation-duration:15s}.ambient-particle:nth-child(7n){background:#ffc86499;box-shadow:0 0 8px #ffc86466}@keyframes floatParticle{0%,to{transform:translateY(0) translate(0) rotate(0);opacity:.15}25%{opacity:.35}50%{transform:translateY(-40px) translate(15px) rotate(180deg);opacity:.4}75%{opacity:.2}}.ambient-glow{position:fixed;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(184,150,42,.12) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(72,20,110,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--candle-glow) 0%,transparent 60%);pointer-events:none;z-index:0;animation:candleFlicker var(--glow-duration) ease-in-out infinite}@keyframes candleFlicker{0%,to{opacity:1}25%{opacity:.92}50%{opacity:.97}75%{opacity:.88}}.ambient-glow:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 10% 90%,var(--mist) 0%,transparent 30%),radial-gradient(ellipse at 90% 10%,var(--mist) 0%,transparent 25%),radial-gradient(ellipse at 80% 95%,var(--mist) 0%,transparent 35%);animation:mistDrift 20s ease-in-out infinite}@keyframes mistDrift{0%,to{transform:translate(0) translateY(0);opacity:.6}50%{transform:translate(10px) translateY(-5px);opacity:.8}}.loading-overlay{position:fixed;inset:0;background:var(--cosmic-bg);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .8s ease,visibility .8s ease}.loading-overlay.hidden{opacity:0;visibility:hidden}.loading-content{text-align:center}.book-loader{width:80px;height:60px;position:relative;margin:0 auto 2rem;perspective:400px}.book-cover{width:100%;height:100%;background:linear-gradient(135deg,var(--deep-purple) 0%,#2D1B4E 100%);border:2px solid var(--gold);border-radius:4px 8px 8px 4px;box-shadow:0 4px 20px #00000080,inset 0 0 20px #c9a2271a;animation:bookPulse 2s ease-in-out infinite}@keyframes bookPulse{0%,to{transform:scale(1);box-shadow:0 4px 20px #00000080,inset 0 0 20px #c9a2271a}50%{transform:scale(1.05);box-shadow:0 8px 30px #0009,inset 0 0 30px #c9a22733,0 0 40px var(--gold-glow)}}.book-pages{position:absolute;right:4px;top:4px;bottom:4px;width:8px;display:flex;flex-direction:column;gap:2px}.book-pages .page{flex:1;background:var(--parchment);border-radius:0 2px 2px 0;animation:pageFlicker 1.5s ease-in-out infinite}.book-pages .page:nth-child(2){animation-delay:.2s}.book-pages .page:nth-child(3){animation-delay:.4s}@keyframes pageFlicker{0%,to{opacity:.6}50%{opacity:1}}.loading-text{font-family:var(--font-display);font-size:1.1rem;color:var(--starlight);letter-spacing:.1em;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.lore-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:linear-gradient(180deg,#0d0a1af2,#0d0a1acc);backdrop-filter:blur(10px);border-bottom:1px solid rgba(201,162,39,.2);z-index:100}.back-link{display:flex;align-items:center;gap:.5rem;color:var(--starlight);text-decoration:none;font-size:.9rem;opacity:.8;transition:all var(--fade-duration) ease}.back-link:hover{opacity:1;color:var(--gold)}.header-title{text-align:center}.title{font-family:var(--font-display);font-size:clamp(1.2rem,3vw,1.6rem);font-weight:600;letter-spacing:.08em;margin-bottom:.2rem}.title .accent{color:var(--gold);text-shadow:0 0 20px var(--gold-glow)}.subtitle{font-size:.8rem;color:var(--moon-silver);letter-spacing:.15em;font-weight:300}.header-actions{display:flex;align-items:center;gap:.5rem}.action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0d;border:1px solid rgba(201,162,39,.2);border-radius:8px;color:var(--starlight);cursor:pointer;transition:all var(--fade-duration) ease;position:relative}.action-btn:hover{background:#c9a22726;border-color:var(--gold);color:var(--gold)}.bookmark-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;background:var(--gold);color:var(--deep-purple);font-size:.7rem;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.bookmark-badge.hidden{display:none}.book-container{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1}.chapter-tabs{position:absolute;left:0;top:50%;transform:translate(-100%,-50%);display:flex;flex-direction:column;gap:0;z-index:50;padding-right:0}.chapter-tab{display:flex;align-items:center;justify-content:center;width:44px;height:54px;padding:.5rem;background:linear-gradient(135deg,var(--parchment-dark) 0%,var(--parchment-aged) 50%,var(--parchment-shadow) 100%);border:2px solid var(--gold-dim);border-right:none;border-radius:8px 0 0 8px;color:var(--ink);cursor:pointer;font-family:var(--font-display);font-size:.7rem;transition:all var(--fade-duration) ease;position:relative;margin-bottom:-1px;box-shadow:-3px 2px 8px #0000004d,inset 0 1px #fff3,inset 0 -2px 4px #0000001a}.chapter-tab:before{content:"";position:absolute;right:-2px;top:0;bottom:0;width:4px;background:var(--parchment)}.chapter-tab:hover{background:linear-gradient(135deg,var(--parchment) 0%,var(--parchment-dark) 100%);transform:translate(-4px);z-index:5;box-shadow:-5px 3px 12px #00000059,inset 0 1px #ffffff4d,0 0 15px var(--gold-glow)}.chapter-tab.active{background:linear-gradient(135deg,var(--parchment) 0%,var(--parchment-dark) 100%);border-color:var(--gold-antique);z-index:10;transform:translate(-6px);box-shadow:-6px 4px 16px #0006,inset 0 1px #ffffff4d,0 0 20px var(--gold-glow)}.chapter-tab.active:before{background:var(--parchment)}.chapter-tab .icon{font-size:1.1rem;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.chapter-tab .number,.chapter-tab .title{display:none}.chapter-tab:after{content:attr(aria-label);position:absolute;left:-8px;top:50%;transform:translate(-100%,-50%);background:var(--deep-purple);border:1px solid var(--gold);color:var(--gold);padding:.5rem .75rem;border-radius:6px;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--fade-duration) ease;pointer-events:none;box-shadow:0 4px 12px #0006}.chapter-tab:hover:after{opacity:1;visibility:visible}.book{position:relative;width:var(--book-width);max-width:calc(100vw - 4rem);height:var(--book-height);max-height:calc(100vh - var(--header-height) - 6rem);display:flex;perspective:2000px;transform-style:preserve-3d}.book-spine{position:absolute;left:50%;top:0;bottom:0;width:20px;transform:translate(-50%);background:linear-gradient(90deg,var(--ink) 0%,var(--deep-purple) 30%,var(--deep-purple) 70%,var(--ink) 100%);border-left:2px solid var(--gold-dim);border-right:2px solid var(--gold-dim);box-shadow:inset 0 0 20px #00000080,0 0 30px #0000004d;z-index:10}.page{flex:1;position:relative;background:var(--parchment);overflow:hidden;transition:transform var(--flip-duration) ease}.page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 0% 0%,var(--parchment-stain) 0%,transparent 25%),radial-gradient(ellipse at 100% 100%,var(--parchment-stain) 0%,transparent 30%),radial-gradient(ellipse at 30% 80%,rgba(139,90,43,.08) 0%,transparent 20%),radial-gradient(ellipse at 70% 20%,rgba(139,90,43,.06) 0%,transparent 15%);pointer-events:none;z-index:1}.page-left{border-radius:8px 0 0 8px;border-right:none;box-shadow:-10px 0 30px #0006,inset 8px 0 20px #00000014,inset -2px 0 8px #8b5a2b1a}.page-right{border-radius:0 8px 8px 0;border-left:none;box-shadow:10px 0 30px #0006,inset -8px 0 20px #00000014,inset 2px 0 8px #8b5a2b1a}.page-texture{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.06'/%3E%3C/svg%3E"),radial-gradient(ellipse at center,transparent 50%,rgba(139,90,43,.12) 100%),linear-gradient(180deg,rgba(100,70,40,.08) 0%,transparent 8%,transparent 92%,rgba(100,70,40,.1) 100%),linear-gradient(90deg,rgba(100,70,40,.06) 0%,transparent 5%,transparent 95%,rgba(100,70,40,.06) 100%);pointer-events:none;opacity:1}.page-texture:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 40px 30px at 15% 25%,rgba(139,90,43,.08) 0%,transparent 70%),radial-gradient(ellipse 50px 40px at 85% 70%,rgba(120,80,35,.07) 0%,transparent 70%),radial-gradient(ellipse 30px 35px at 60% 90%,rgba(139,90,43,.05) 0%,transparent 70%),radial-gradient(ellipse 25px 20px at 25% 65%,rgba(100,70,40,.04) 0%,transparent 70%);pointer-events:none}.page-texture:after{content:"";position:absolute;inset:1rem;border:1px solid transparent;border-image:linear-gradient(135deg,var(--gold-antique) 0%,transparent 15%,transparent 85%,var(--gold-antique) 100%) 1;opacity:.4;pointer-events:none}.page-content{position:absolute;inset:1rem;height:auto;padding:1.5rem;overflow-y:auto;color:var(--ink);scrollbar-width:thin;scrollbar-color:var(--ink-muted) transparent;z-index:2}.page-content::-webkit-scrollbar{width:6px}.page-content::-webkit-scrollbar-track{background:transparent}.page-content::-webkit-scrollbar-thumb{background:var(--ink-muted);border-radius:3px}.page-number{position:absolute;bottom:1rem;font-family:var(--font-display);font-size:.85rem;color:var(--ink-faded);letter-spacing:.1em;z-index:3}.page-number.left{left:var(--page-padding)}.page-number.right{right:var(--page-padding)}.page-content h2{font-family:var(--font-display);font-size:1.6rem;font-weight:600;color:var(--ink);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--gold-antique);text-shadow:1px 1px 0 rgba(255,255,255,.5);position:relative}.page-content h2:after{content:"✦";position:absolute;bottom:-.6rem;left:50%;transform:translate(-50%);font-size:.6rem;color:var(--gold-antique);background:var(--parchment);padding:0 .5rem}.page-content h3{font-family:var(--font-display);font-size:1.1rem;font-weight:500;color:var(--ink);margin:1.5rem 0 .75rem;text-shadow:.5px .5px 0 rgba(255,255,255,.4)}.page-content p{font-size:.95rem;line-height:1.75;margin-bottom:1rem;text-align:justify;text-shadow:none}.page-content .page-text p:first-child:first-letter{font-family:var(--font-display);font-size:2.8rem;font-weight:600;float:left;line-height:1;margin-right:.2rem;margin-top:.05rem;padding-right:.1rem;color:var(--gold-antique);text-shadow:1px 1px 0 rgba(0,0,0,.08)}.page-content .chapter-icon{font-size:2.5rem;display:block;text-align:center;margin-bottom:1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.page-content .chapter-number{font-family:var(--font-display);font-size:.9rem;color:var(--gold-antique);text-align:center;letter-spacing:.3em;margin-bottom:.5rem;text-transform:uppercase}.fact-list{display:grid;gap:.5rem;margin:1rem 0;padding:1rem;background:#8b5a2b0a;border:1px solid rgba(139,90,43,.15);border-radius:4px}.fact-item{display:flex;justify-content:space-between;align-items:baseline;padding:.5rem 0;border-bottom:1px dashed var(--ink-faded)}.fact-item:last-child{border-bottom:none}.fact-label{font-size:.85rem;color:var(--ink-muted);font-style:italic}.fact-value{font-weight:500;color:var(--ink)}.lore-quote{font-family:var(--font-display);font-style:italic;font-size:1rem;text-align:center;padding:1.25rem 1.5rem;margin:1.5rem 0;border-left:3px solid var(--gold-antique);border-right:1px solid rgba(184,150,42,.3);background:linear-gradient(90deg,#b8962a14,#b8962a08);position:relative}.lore-quote:before{content:"❝";position:absolute;top:-.5rem;left:.5rem;font-size:1.5rem;color:var(--gold-antique);opacity:.6}.page-image{width:100%;max-height:200px;object-fit:cover;border-radius:8px;margin:1rem 0;border:2px solid var(--gold-dim)}.bookmark-page-btn{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;background:transparent;border:none;color:var(--ink-muted);cursor:pointer;transition:all var(--fade-duration) ease;z-index:5}.bookmark-page-btn:hover{color:var(--gold);transform:scale(1.1)}.bookmark-page-btn.bookmarked{color:var(--gold)}.bookmark-page-btn.bookmarked svg{fill:var(--gold)}.page-flip{position:absolute;top:0;left:50%;width:50%;height:100%;transform-style:preserve-3d;transform-origin:left center;z-index:20}.page-flip.hidden{display:none}.page-flip.flipping-forward{animation:flipForward var(--flip-duration) ease-in-out}.page-flip.flipping-backward{animation:flipBackward var(--flip-duration) ease-in-out}@keyframes flipForward{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes flipBackward{0%{transform:rotateY(-180deg)}to{transform:rotateY(0)}}.flip-page{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;background:var(--parchment);border-radius:0 8px 8px 0;box-shadow:5px 0 20px #0003}.flip-page.back{transform:rotateY(180deg)}.nav-arrow{position:fixed;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#1a0a2ee6;border:1px solid rgba(201,162,39,.3);border-radius:50%;color:var(--starlight);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--fade-duration) ease;z-index:50}.nav-arrow:hover{background:#c9a22733;border-color:var(--gold);color:var(--gold);transform:translateY(-50%) scale(1.1)}.nav-arrow:disabled{opacity:.3;cursor:not-allowed}.nav-arrow:disabled:hover{transform:translateY(-50%);background:#1a0a2ee6;border-color:#c9a2274d;color:var(--starlight)}.nav-arrow.prev{left:1.5rem}.nav-arrow.next{right:1.5rem}.page-indicator{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:.85rem;color:var(--moon-silver);letter-spacing:.1em;z-index:50}.mobile-chapters{display:none;position:fixed;bottom:0;left:0;right:0;background:linear-gradient(0deg,#0d0a1afa,#0d0a1ae6);border-top:1px solid rgba(201,162,39,.2);padding:.75rem;z-index:100}.mobile-chapters-inner{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mobile-chapters-inner::-webkit-scrollbar{display:none}.mobile-chapter-btn{flex-shrink:0;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(201,162,39,.2);border-radius:20px;color:var(--starlight);font-family:var(--font-display);font-size:.75rem;cursor:pointer;white-space:nowrap;transition:all var(--fade-duration) ease}.mobile-chapter-btn:hover,.mobile-chapter-btn.active{background:#c9a22733;border-color:var(--gold);color:var(--gold)}.modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1000;opacity:1;transition:opacity var(--fade-duration) ease}.modal-overlay.hidden{opacity:0;pointer-events:none}.modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;background:#ffffff1a;border:none;border-radius:50%;color:var(--starlight);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--fade-duration) ease}.modal-close:hover{background:#fff3;color:#fff}.search-modal{position:relative;width:100%;max-width:600px;background:var(--cosmic-mid);border:1px solid rgba(201,162,39,.3);border-radius:16px;padding:1.5rem;box-shadow:0 25px 50px #00000080}.search-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(201,162,39,.2);margin-bottom:1rem}.search-icon{color:var(--gold);flex-shrink:0}#search-input{flex:1;background:transparent;border:none;font-family:var(--font-body);font-size:1.1rem;color:var(--parchment);outline:none}#search-input::placeholder{color:var(--moon-silver)}.search-results{max-height:400px;overflow-y:auto}.search-hint{color:var(--moon-silver);font-size:.9rem;text-align:center;padding:2rem 0}.search-result-item{padding:1rem;border-radius:8px;cursor:pointer;transition:background var(--fade-duration) ease}.search-result-item:hover{background:#c9a2271a}.search-result-chapter{font-size:.75rem;color:var(--gold);margin-bottom:.25rem}.search-result-title{font-family:var(--font-display);font-size:1rem;color:var(--parchment);margin-bottom:.25rem}.search-result-excerpt{font-size:.85rem;color:var(--moon-silver)}.bookmarks-modal{position:relative;width:100%;max-width:500px;background:var(--cosmic-mid);border:1px solid rgba(201,162,39,.3);border-radius:16px;padding:1.5rem;box-shadow:0 25px 50px #00000080}.bookmarks-modal .modal-title{display:flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-size:1.2rem;color:var(--gold);margin-bottom:1.5rem}.bookmarks-list{max-height:400px;overflow-y:auto}.empty-bookmarks{color:var(--moon-silver);font-size:.9rem;text-align:center;padding:2rem 0}.bookmark-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:8px;background:#ffffff08;margin-bottom:.5rem;transition:background var(--fade-duration) ease}.bookmark-item:hover{background:#c9a2271a}.bookmark-info{cursor:pointer}.bookmark-chapter{font-size:.75rem;color:var(--gold)}.bookmark-title{font-family:var(--font-display);font-size:.95rem;color:var(--parchment)}.bookmark-remove{width:32px;height:32px;background:transparent;border:none;color:var(--moon-silver);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--fade-duration) ease}.bookmark-remove:hover{background:#ef444433;color:#ef4444}.glossary-tooltip{position:fixed;z-index:1100;max-width:300px;background:var(--deep-purple);border:1px solid var(--gold);border-radius:12px;padding:1rem;box-shadow:0 10px 30px #00000080;pointer-events:auto}.glossary-tooltip.hidden{display:none}.tooltip-term{font-family:var(--font-display);color:var(--gold);display:block;margin-bottom:.5rem}.tooltip-definition{font-size:.9rem;color:var(--starlight);line-height:1.5;margin-bottom:.75rem}.tooltip-link{background:#c9a22733;border:1px solid rgba(201,162,39,.4);color:var(--gold);font-size:.8rem;padding:.4rem .75rem;border-radius:4px;cursor:pointer;transition:all var(--fade-duration) ease}.tooltip-link:hover{background:#c9a2274d}@media (max-width: 1400px) and (min-width: 1025px){:root{--book-width: 950px;--book-height: 640px}}@media (max-width: 1400px) and (min-width: 1025px) and (max-height: 800px){:root{--book-width: 900px;--book-height: 520px;--header-height: 60px;--page-padding: 1.5rem}.book-container,.page-content{padding:1rem}.page-content h2{font-size:1.3rem;margin-bottom:.75rem}.page-content h3{font-size:1rem;margin:1rem 0 .5rem}.page-content p{font-size:.9rem;line-height:1.65;margin-bottom:.75rem}.page-content .chapter-icon{font-size:2rem;margin-bottom:.5rem}.page-content .chapter-number{font-size:.8rem}.page-content .page-text p:first-child:first-letter{font-size:2.2rem}.chapter-tab{width:38px;height:46px}.chapter-tab .icon{font-size:.95rem}.lore-quote{font-size:.9rem;padding:1rem;margin:1rem 0}.fact-list{padding:.75rem;margin:.75rem 0}.fact-item{padding:.35rem 0}.fact-label{font-size:.8rem}.fact-value{font-size:.9rem}}@media (max-width: 1024px){:root{--book-width: 100%;--book-height: auto}.chapter-tabs{display:none}.mobile-chapters{display:block}.book-container{padding:1rem 1rem 5rem}.book{max-width:700px;height:calc(100vh - var(--header-height) - 7rem)}.nav-arrow.prev{left:.75rem}.nav-arrow.next{right:.75rem}.page-indicator{bottom:5rem}.page-content .page-text p:first-child:first-letter{font-size:2.2rem;line-height:1;margin-right:.15rem;margin-top:0}.fact-item{flex-direction:column;align-items:flex-start;gap:.15rem}.fact-label{font-size:.8rem;min-width:auto}.fact-value{font-size:.95rem}}@media (max-width: 768px){:root{--page-padding: 1.25rem 1.5rem 2rem;--header-height: 52px}.lore-header{padding:0 .75rem}.back-link span{display:none}.title{font-size:1rem}.subtitle{display:none}.book-container{padding:.5rem .5rem 9rem}.book{width:100%;height:auto;max-height:none;flex:1;min-height:0}.page-left,.book-spine{display:none}.page-right{border-radius:12px;box-shadow:0 8px 32px #0006;height:calc(100vh - var(--header-height) - 10rem);max-height:none}.page-content{padding:.25rem .5rem 2rem}.page-content h2{font-size:1.35rem;margin-bottom:1.25rem;line-height:1.3}.page-content h3{font-size:1.05rem;margin:1.25rem 0 .6rem}.page-content p{font-size:1rem;line-height:1.75;text-align:left;margin-bottom:1.1rem}.page-content .chapter-icon{font-size:2.2rem;margin-bottom:.75rem}.page-content .chapter-number{font-size:.8rem;margin-bottom:.4rem}.fact-list{gap:.5rem;margin:1.25rem 0}.fact-item{flex-direction:column;align-items:flex-start;gap:.2rem;padding:.6rem 0}.fact-label{font-size:.8rem;font-weight:500;color:var(--ink-muted)}.fact-value{font-size:.95rem}.lore-quote{font-size:.95rem;padding:1rem 1.25rem;margin:1.25rem 0}.nav-arrow{width:44px;height:44px;background:#1a0a2ef2;top:auto;bottom:6rem;transform:translateY(50%)}.nav-arrow.prev{left:1rem}.nav-arrow.next{right:1rem}.page-number{display:none}.mobile-chapters{padding:.5rem .75rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0))}.mobile-chapter-btn{padding:.6rem .9rem;font-size:.8rem;border-radius:16px}.page-indicator{bottom:6rem;font-size:.8rem;background:#0d0a1acc;padding:.35rem .75rem;border-radius:12px;border:1px solid rgba(201,162,39,.2);transform:translate(-50%) translateY(50%)}}@media (max-width: 480px){:root{--page-padding: 1rem 1.25rem 2rem;--header-height: 48px}.lore-header{padding:0 .5rem}.title{font-size:.9rem}.book-container{padding:.35rem .35rem 9rem}.page-right{border-radius:10px;height:calc(100vh - var(--header-height) - 10rem)}.page-content h2{font-size:1.2rem}.page-content p{font-size:.95rem;line-height:1.7}.nav-arrow{width:40px;height:40px;bottom:6rem}.nav-arrow.prev{left:.75rem}.nav-arrow.next{right:.75rem}.action-btn{width:34px;height:34px}.mobile-chapter-btn{padding:.5rem .75rem;font-size:.75rem}.page-indicator{bottom:6rem}}@media (hover: none) and (pointer: coarse){.chapter-tab:after{display:none}.bookmark-page-btn{width:40px;height:40px;top:.35rem;right:.35rem}.page-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}