@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Cinzel:wght@400;500;600;700&family=MedievalSharp&family=Noto+Serif+JP:wght@400;600;700;900&family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--pb:#f4e8c1;--pd:#e8d5a3;--pa:#d4c39a;--ib:#2a1a0a;--ibr:#4a3520;--if:#6b5740;--ir:#8b2500;--ig:#b8860b;--igb:#daa520;--ibl:#1a3a5c;--bo:#8b6914;--ss:rgba(80,50,20,0.3)}
html{scroll-behavior:smooth}
body{background:#2a1a0a;background-image:radial-gradient(ellipse at 20% 50%,rgba(60,40,15,.8) 0%,transparent 70%),radial-gradient(ellipse at 80% 30%,rgba(50,30,10,.6) 0%,transparent 60%);font-family:'Noto Serif JP','EB Garamond',serif;color:var(--ib);line-height:1.9;min-height:100vh;padding:20px}
.manuscript{max-width:900px;margin:0 auto;background:radial-gradient(ellipse at 15% 20%,rgba(160,130,80,.15)0%,transparent 50%),radial-gradient(ellipse at 85% 60%,rgba(140,110,60,.12)0%,transparent 40%),radial-gradient(ellipse at 50% 90%,rgba(150,120,70,.1)0%,transparent 45%),radial-gradient(ellipse at 70% 15%,rgba(130,100,50,.08)0%,transparent 35%),linear-gradient(180deg,var(--pd)0%,var(--pb)5%,var(--pb)50%,var(--pd)95%,var(--pa)100%);padding:60px 70px;border:3px solid var(--bo);box-shadow:0 0 40px rgba(0,0,0,.6),inset 0 0 80px rgba(139,105,20,.1),inset 0 0 20px rgba(180,150,80,.15);position:relative;overflow:hidden;animation:fadeInUp 1.2s ease-out}
.manuscript::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,rgba(42,26,10,.12)0%,transparent 4%,transparent 96%,rgba(42,26,10,.12)100%),linear-gradient(to bottom,rgba(42,26,10,.08)0%,transparent 3%,transparent 97%,rgba(42,26,10,.08)100%);pointer-events:none;z-index:1}
.manuscript::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:2;opacity:.5}
.manuscript>*{position:relative;z-index:3}
.ornamental-rule{border:none;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='40' viewBox='0 0 600 40'%3E%3Cpath d='M0,20 Q50,5 100,20 T200,20 T300,20 T400,20 T500,20 T600,20' stroke='%238b6914' fill='none' stroke-width='1.5'/%3E%3Cpath d='M0,20 Q50,35 100,20 T200,20 T300,20 T400,20 T500,20 T600,20' stroke='%238b6914' fill='none' stroke-width='1.5'/%3E%3Ccircle cx='300' cy='20' r='5' fill='%238b6914'/%3E%3Ccircle cx='250' cy='20' r='3' fill='%238b6914'/%3E%3Ccircle cx='350' cy='20' r='3' fill='%238b6914'/%3E%3C/svg%3E") center/contain no-repeat;margin:35px 0;opacity:.8}
.ornamental-rule-small{border:none;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='20' viewBox='0 0 300 20'%3E%3Cpath d='M50,10 Q100,2 150,10 T250,10' stroke='%238b6914' fill='none' stroke-width='1'/%3E%3Cpath d='M50,10 Q100,18 150,10 T250,10' stroke='%238b6914' fill='none' stroke-width='1'/%3E%3Ccircle cx='150' cy='10' r='3' fill='%238b6914'/%3E%3C/svg%3E") center/contain no-repeat;margin:20px 0;opacity:.6}
.book-title{font-family:'Cinzel Decorative',serif;font-size:2.4em;font-weight:900;color:var(--ig);text-align:center;letter-spacing:.08em;text-shadow:1px 1px 2px rgba(0,0,0,.3),0 0 20px rgba(184,134,11,.2);margin-bottom:8px;line-height:1.3}
.book-subtitle{font-family:'Noto Serif JP',serif;font-size:1.1em;font-weight:600;color:var(--ibr);text-align:center;letter-spacing:.15em;margin-bottom:5px}
.book-author{font-family:'Cinzel',serif;font-size:.95em;font-weight:500;color:var(--if);text-align:center;letter-spacing:.1em;font-style:italic;margin-bottom:10px}
.book-author-jp{font-family:'Noto Serif JP',serif;font-size:.85em;color:var(--if);text-align:center;letter-spacing:.2em}
.chapter-title{font-family:'Cinzel Decorative','Noto Serif JP',serif;font-size:1.6em;font-weight:700;color:var(--ir);text-align:center;margin:40px 0 8px;letter-spacing:.05em}
.chapter-title-jp{font-family:'Noto Serif JP',serif;font-size:1.2em;font-weight:700;color:var(--ibr);text-align:center;letter-spacing:.12em;margin-bottom:25px}
.section-title{font-family:'Noto Serif JP',serif;font-size:1.1em;font-weight:700;color:var(--ibl);margin:30px 0 12px;padding-left:15px;border-left:3px solid var(--ig)}
p{text-indent:1em;margin-bottom:.8em;font-size:.95em;letter-spacing:.02em;color:var(--ibr);text-align:justify}
.drop-cap::first-letter{font-family:'Cinzel Decorative',serif;font-size:3.5em;float:left;line-height:.85;padding-right:8px;padding-top:4px;color:var(--ir);text-shadow:1px 1px 0 rgba(139,37,0,.2)}
.historian-note{font-family:'EB Garamond','Noto Serif JP',serif;font-style:italic;font-size:.88em;color:var(--if);border-left:2px solid var(--ig);padding:10px 18px;margin:20px 30px;background:rgba(184,134,11,.04);position:relative}
.historian-note::before{content:'✦';position:absolute;left:-8px;top:50%;transform:translateY(-50%);color:var(--ig);font-size:.8em}
.marginalia{font-family:'MedievalSharp',cursive;font-size:.75em;color:var(--if);opacity:.7;text-align:right;margin:5px 0;transform:rotate(-1deg);font-style:italic}
.illustration{margin:30px auto;text-align:center}
.illustration img{max-width:100%;height:auto;border:4px solid var(--bo);box-shadow:0 4px 15px var(--ss),inset 0 0 10px rgba(139,105,20,.1);filter:sepia(10%) saturate(90%)}
.illustration-caption{font-family:'EB Garamond','Noto Serif JP',serif;font-size:.8em;color:var(--if);font-style:italic;margin-top:8px;letter-spacing:.05em}
.illustration-credit{font-size:.65em;color:rgba(107,87,64,.5);margin-top:2px}
.timeline{margin:25px 20px;padding:0;list-style:none;border-left:2px solid var(--ig)}
.timeline li{padding:8px 0 8px 20px;position:relative;font-size:.9em;color:var(--ibr)}
.timeline li::before{content:'◆';position:absolute;left:-8px;color:var(--ig);font-size:.7em;top:11px}
.timeline-year{font-family:'Cinzel',serif;font-weight:600;color:var(--ir);margin-right:8px}
.colophon{text-align:center;margin-top:50px;padding-top:25px;border-top:1px solid var(--bo);font-family:'EB Garamond','Noto Serif JP',serif;font-size:.78em;color:var(--if);font-style:italic;line-height:1.7}
.colophon .seal{display:inline-block;width:50px;height:50px;border-radius:50%;border:2px solid var(--ir);line-height:46px;text-align:center;font-family:'Cinzel Decorative',serif;font-size:.9em;color:var(--ir);margin:15px auto;opacity:.7;transform:rotate(-5deg)}
.header-crest{text-align:center;margin-bottom:15px}
.header-crest img{width:200px;height:auto;filter:sepia(15%) saturate(85%);border:none;box-shadow:none}
.two-column{columns:2;column-gap:30px;column-rule:1px solid rgba(139,105,20,.3);margin:15px 0}
.two-column p{break-inside:avoid}
.info-table{width:100%;border-collapse:collapse;margin:15px 0;font-size:.9em}
.info-table th{text-align:left;padding:6px 12px;border-bottom:1px solid var(--bo);color:var(--ir);font-weight:600;width:30%}
.info-table td{padding:6px 12px;border-bottom:1px solid rgba(139,105,20,.2);color:var(--ibr)}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:768px){body{padding:10px}.manuscript{padding:30px 25px}.book-title{font-size:1.6em}.chapter-title{font-size:1.3em}.two-column{columns:1}.historian-note{margin:15px 10px}.header-crest img{width:140px}}