/* Original Lotharya ornament work. Display font: Cinzel, SIL Open Font License. */
@font-face{font-family:Cinzel;src:url('assets/cinzel-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
:root{--gold:#d2b574;--line:#bb995b55;--display:Cinzel,Georgia,serif}
body{min-width:0;background-color:#09120f;background-image:radial-gradient(ellipse at 50% 0,#23382b30,transparent 60%)}
.brand,.footer-brand{font-family:var(--display)!important;font-weight:600;letter-spacing:.14em}
.brand img{border-color:#c6a764;box-shadow:0 0 0 3px #14221b,0 0 0 4px #a88a494d}
.site-header{background:linear-gradient(180deg,#14231dfc,#0a130ff7);border-bottom-color:#a88a496b;box-shadow:0 4px 24px #0005,inset 0 -4px 0 #b99a5b0b}
.nav-links a{position:relative;color:#c2c7b7}
.nav-links a.active:after{content:'◆';position:absolute;bottom:-8px;left:calc(50% - 4px);font-size:7px;color:var(--gold)}
.button{position:relative;isolation:isolate;background:linear-gradient(115deg,#ac8244,#eddaa4 40%,#c5a064 70%,#dfc384);border-color:#e6ce98;box-shadow:0 4px 16px #0004,inset 0 0 0 3px #b28f4f,inset 0 0 0 4px #eddda688;text-shadow:0 1px 0 #fff3;padding-inline:32px;letter-spacing:.15em}
.button:before,.button:after{content:'';width:7px;height:7px;background:#0d1b14;border:1px solid #dabd80;position:absolute;top:calc(50% - 4px);transform:rotate(45deg)}
.button:before{left:-5px}.button:after{right:-5px}
.button:hover:not(:disabled){background:linear-gradient(115deg,#cfac6c,#f4e5bd 45%,#d7b675);box-shadow:0 6px 24px #c6a35926,inset 0 0 0 3px #bb985b,inset 0 0 0 4px #f4e4b899}
.button.secondary{background:linear-gradient(120deg,#1b2a21,#101c17);border-color:#a88b50;color:#ead6a3;box-shadow:inset 0 0 0 3px #0b1712,inset 0 0 0 4px #9c7d393d;text-shadow:none}
.nav-cta{padding-inline:21px}
.hero{min-height:704px;height:calc(100svh - 88px);max-height:950px;text-align:center;background:#0a1411}
.hero-art{opacity:.76;object-position:center;filter:sepia(.45) hue-rotate(55deg) saturate(.45);z-index:0}
.hero:before{z-index:1;background:radial-gradient(ellipse at 50% 42%,#07110cd9 0%,#08140eb5 27%,#0a14112e 70%),linear-gradient(0deg,#09120f,transparent 45%,#09120f77)}
.hero:after{display:none}
.hero>.shell:not(.hero-foot){z-index:3;position:relative;pointer-events:none}.hero-copy,.hero-foot a{pointer-events:auto}
.hero-copy{max-width:850px;margin:auto;padding:35px 0 112px}
.hero-crest{width:102px;height:112px;position:relative;background:url('assets/chronicle-crest.svg') center/contain no-repeat;margin:0 auto 14px;filter:drop-shadow(0 3px 12px #0008)}
.hero-crest img{position:absolute;left:29px;top:28px;width:44px;height:44px;border-radius:50%;box-shadow:0 0 20px #dfbd4320}
.hero .eyebrow{justify-content:center;gap:18px;font-size:9px;letter-spacing:.32em;color:#e0c993}
.hero .eyebrow:before,.hero .eyebrow:after{content:'';width:36px;height:1px;background:linear-gradient(90deg,transparent,#d8be7b)}
.hero .eyebrow:after{transform:rotate(180deg)}
h1{font-family:var(--display);font-weight:600;font-size:clamp(72px,10.8vw,150px);line-height:1.12;letter-spacing:.035em;text-transform:uppercase;margin:9px 0 0;color:#e5cf98;text-shadow:0 3px 30px #0008}
@supports(background-clip:text){h1{background:linear-gradient(180deg,#fff0bd 15%,#ddc58b 45%,#a78549 56%,#e5cf96 75%,#b18e52 95%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 3px 12px #0009)}}
.hero-subtitle{font-size:clamp(23px,2.6vw,34px);color:#e5dcc8;letter-spacing:.015em}
.hero-description{max-width:485px;margin:22px auto 0;color:#c9cec1;font-size:14px;text-wrap:pretty}
.hero-actions{justify-content:center;gap:30px;margin-top:30px}
.hero-actions .text-link{color:#dfc78e}
.hero-foot{bottom:42px;text-align:left;z-index:3;width:calc(100% - 320px)}
.hero-frame{position:absolute;inset:24px;border:1px solid #c5a66840;z-index:2;pointer-events:none}
.hero-frame:before{content:'';position:absolute;inset:7px;border:1px solid #c5a66817}
.hero-frame i{position:absolute;width:180px;height:180px;background:url('assets/chronicle-corner.svg') 0 0/contain no-repeat;filter:drop-shadow(0 2px 5px #0009)}
.hero-frame i:nth-child(1){left:-8px;top:-8px}.hero-frame i:nth-child(2){right:-8px;top:-8px;transform:rotate(90deg)}
.hero-frame i:nth-child(3){right:-8px;bottom:-8px;transform:rotate(180deg)}.hero-frame i:nth-child(4){left:-8px;bottom:-8px;transform:rotate(270deg)}
.chapter-strip{position:relative;background:linear-gradient(180deg,#1a2920,#0e1a14);border-color:#b5995c66;box-shadow:inset 0 4px 0 #c6ab6a0d,inset 0 -4px 0 #c6ab6a0d}
.strip-link .numeral{font-family:var(--display);font-style:normal;font-size:25px;text-shadow:0 2px 10px #000}
.strip-link strong{font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:.05em;color:#e3d2aa}
.strip-link:hover{background:radial-gradient(ellipse at center,#ad8a3b17,transparent)}
.section{position:relative;padding-block:110px}
.section+.section:before{content:'';position:absolute;top:-33px;left:50%;transform:translateX(-50%);width:min(480px,75%);height:64px;background:url('assets/chronicle-divider.svg') center/contain no-repeat;z-index:2;pointer-events:none}
.eyebrow{color:#d5b773}.section-heading h2,.manga-intro h2{color:#f0e7d4}
.ornament{display:block;width:240px;max-width:100%;height:40px;font-size:0;letter-spacing:0;background:url('assets/chronicle-divider.svg') center/contain no-repeat}
.ornament:before,.ornament:after{display:none}
.manga-intro .ornament{margin-block:24px}.manga-intro .lead{color:#deca97}
.manga-facts{border-block:1px solid var(--line);padding-block:19px;background:linear-gradient(90deg,#9c7a3710,transparent)}
.reader{border:1px solid #bb995f;box-shadow:0 0 0 4px #101c16,0 0 0 5px #9b7d393d,8px 9px 0 -4px #0a1411,9px 10px 0 -4px #c1a46855,0 20px 70px #0008;background:linear-gradient(110deg,#253428,#122219 55%,#1c2b21)}
.reader:before{inset:6px;border-color:#c5a66855}.reader-bar{padding-block:23px;background:linear-gradient(180deg,#bfa56412,transparent)}
.reader-title{font-family:var(--display);font-size:15px;color:#e9d7ac}
.reader-controls>button{border-color:#b99a5b80;background:#0c1a12;box-shadow:inset 0 0 0 3px #c9aa6910}
.page-dot[aria-current=page]{background:#cfb2701a;box-shadow:inset 0 0 9px #cfb27011}
.manga-page{box-shadow:0 2px 14px #0008}.reader-foot{color:#d1bf95}
.characters-section{background:radial-gradient(ellipse at 50% 0,#30433366,transparent 60%),linear-gradient(180deg,#0d1c15,#101b15);border-color:#a78a4745}
.character-grid{gap:38px}.character-card{display:flex;flex-direction:column;padding:8px;background:linear-gradient(145deg,#baa2672b,#baa26706 35%,#baa26725);border:1px solid #b2955759;border-radius:180px 180px 2px 2px;box-shadow:0 12px 35px #0003}
.portrait{border-radius:170px 170px 0 0;border:1px solid #d3b879;box-shadow:0 0 0 3px #0b1811,0 0 0 4px #c5a66866;aspect-ratio:3/4.1}
.portrait:after{inset:8px;border-radius:160px 160px 0 0;border-color:#efdba780;box-shadow:inset 0 0 30px #17241433}
.portrait-number{top:auto;bottom:18px;left:19px;background:#0c1915ed;color:#e1c68a;border:1px solid #d1b373;box-shadow:0 0 0 3px #0b1513a1;font:13px var(--display);padding:6px 9px}
.character-copy{position:relative;flex:1;padding:29px 22px 25px;text-align:center;background:linear-gradient(180deg,#1d2b20,#101d16);border:1px solid #b2955729;border-top:0}
.character-copy:before{content:'';position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:150px;height:25px;background:#1a281e url('assets/chronicle-divider.svg') center/contain no-repeat;pointer-events:none}
.character-copy h3{font-family:var(--display);font-size:29px;letter-spacing:.04em;margin:8px 0 15px;color:#efdeba}
.character-copy p{text-align:left}.character-role{font-size:8px;letter-spacing:.18em}
.world-section{background:radial-gradient(ellipse at 0 40%,#22392a60,transparent 65%)}
.world-showcase{padding:10px;border:1px solid #b89a60;background:linear-gradient(140deg,#bda46b27,#09150f);box-shadow:0 14px 35px #0005}
.world-showcase:before{inset:4px;border-color:#b89a604d}.world-caption{padding:22px 13px 14px;border:0}.world-caption h3{font-family:var(--display);font-size:24px;color:#ead9b4}
.world-list{border-top-color:#b99a5b80}.location-number{font-family:var(--display);font-style:normal;font-size:14px}.location[open]{background:linear-gradient(90deg,transparent,#b99a5b0a)}
.gallery-section{background:linear-gradient(130deg,#17251c,#0c1913 65%)}
.gallery-open{padding:7px;background:linear-gradient(135deg,#a88d5429,#102016);border-color:#bca36585;box-shadow:0 8px 25px #0003}
.gallery-open img{border:1px solid #c5ab6c55}.gallery-item figcaption{color:#e6d4ad}
.closing{position:relative;background:radial-gradient(ellipse at center,#29412b55,transparent 67%);padding-block:100px}
.closing .ornament{margin:0 auto 32px;width:300px}.closing:before,.closing:after{content:'';position:absolute;top:34px;bottom:34px;width:70px;background:url('assets/chronicle-corner.svg') top left/140px 140px no-repeat;opacity:.45;pointer-events:none}
.closing:before{left:28px}.closing:after{right:28px;transform:scaleX(-1)}
.site-footer{background:#080f0c;border-color:#a78a4766}
@media(min-width:1500px){.hero-copy{padding-bottom:120px}.hero-crest{width:116px;height:128px}.hero-crest img{left:33px;top:32px;width:50px;height:50px}}
@media(max-width:1100px){.character-grid{gap:24px}.character-copy{padding-inline:17px}.character-copy h3{font-size:26px}.hero-frame i{width:145px;height:145px}.reader-title{font-size:13px}}
@media(max-width:800px){.hero{min-height:690px;max-height:none}.hero-copy{padding:35px 0 100px}.hero-frame{inset:16px}.hero-art{opacity:.65}.hero-description{max-width:430px}.character-grid{gap:16px}.character-copy{padding-inline:13px}.character-copy h3{font-size:23px}.section{padding-block:85px}.reader-title{font-size:15px}}
@media(max-width:600px){.hero{height:auto;min-height:660px}.hero>.shell:not(.hero-foot){width:calc(100% - 48px)}.hero-frame{inset:12px}.hero-frame:before{inset:5px}.hero-frame i{width:108px;height:108px}.hero-copy{padding:24px 0 110px}.hero-crest{width:83px;height:92px;margin-bottom:18px}.hero-crest img{width:36px;height:36px;left:23.5px;top:23px}.hero .eyebrow{font-size:7px;letter-spacing:.19em;gap:8px}.hero .eyebrow:before,.hero .eyebrow:after{width:19px}.hero h1{font-size:clamp(40px,10.8vw,65px);letter-spacing:.015em;margin:16px 0 9px}.hero-subtitle{font-size:20px;line-height:1.45;max-width:300px;margin:auto}.hero-description{font-size:12px;max-width:320px;margin-top:24px;line-height:1.9}.hero-actions{flex-direction:column;align-items:center;gap:9px;margin-top:25px}.hero-actions .button{padding-inline:32px;min-height:50px}.hero-actions .text-link{padding:9px 0}.hero-foot{bottom:29px;width:calc(100% - 60px);font-size:7px}.hero-place{max-width:128px;font-size:7px}.hero-foot a{gap:8px}.hero-foot .down{font-size:18px}.section{padding-block:70px}.section+.section:before{height:48px;top:-25px;width:75%}.character-grid{gap:38px}.character-card{max-width:420px;margin:auto;width:100%}.portrait{aspect-ratio:4/4.4}.character-copy{padding:29px 23px}.character-copy h3{font-size:30px}.character-role{font-size:9px}.world-showcase{padding:7px}.world-showcase img{height:auto}.world-caption{padding:18px 6px 10px;gap:12px}.world-caption h3{font-size:21px}.world-caption small{letter-spacing:.08em}.gallery-open{padding:5px}.closing{padding:72px 28px}.closing:before,.closing:after{width:35px;background-size:85px;top:18px;opacity:.35}.closing:before{left:12px}.closing:after{right:12px}.reader-bar{padding:18px 14px}.reader-title{font-size:12px}.nav-links.is-open{background:linear-gradient(180deg,#14231d,#0a130f)}.nav-links a.active:after{display:none}}
@media(max-width:375px){.hero{min-height:680px}.hero .eyebrow{font-size:6px;letter-spacing:.15em}.hero .eyebrow:before,.hero .eyebrow:after{width:14px}.hero h1{font-size:35px}.hero-subtitle{font-size:18px}.hero-foot{width:calc(100% - 48px)}.hero-place{max-width:115px}.reader-title{font-size:10px}.reader-status{font-size:7px}.world-caption{flex-wrap:wrap}.character-copy{padding-inline:18px}}
@media(max-width:600px){.hero-foot{justify-content:center;bottom:32px}.hero-place{display:none}}
@media(max-width:375px){.page-dot{width:21px}}