#ashChronicle{position:fixed;inset:0;margin:auto;padding:0;border:0;background:transparent;color:#302216;width:min(1340px,94vw,115dvh);max-width:94vw;max-height:94dvh;overflow:visible;box-shadow:none;filter:drop-shadow(0 20px 28px #0009)}
#ashChronicle::before,#ashChronicle::after{display:none}#ashChronicle::backdrop{background:#111917d9;backdrop-filter:blur(2px)}
.chronicle-spread{position:relative;border:10px solid #463023;border-radius:5px;background:#d9c296;box-shadow:0 3px 0 #998461,0 6px 0 #ccb58a,0 9px 0 #665039;isolation:isolate;animation:chronicle-open .32s ease-out}
.chronicle-spread{container-type:inline-size}.chronicle-spread>img{width:100%;height:auto;display:block}.chronicle-gutter{position:absolute;inset:0 48.7%;background:linear-gradient(90deg,transparent,#30201065,#f8e7b22b,transparent);pointer-events:none}
.chronicle-caption{position:absolute;margin:0;padding:0;color:#35281d;font:clamp(8px,1.5cqw,20px)/1.5 'FangSong','STFangsong','SimSun',serif;text-align:justify;text-shadow:0 1px #f5e6c4}.chronicle-caption.left{left:2.8%;top:4.3%;width:13.5%}.chronicle-caption.right{right:3.3%;bottom:5.3%;width:18.5%}.chronicle-spread[data-page="1"] .chronicle-caption.left{width:17.3%;top:4.4%}.chronicle-spread[data-page="1"] .chronicle-caption.right{width:19.5%;bottom:4.2%;font-size:clamp(8px,1.5cqw,20px)}.chronicle-spread[data-page="2"] .chronicle-caption.left{width:16%;top:4.5%}.chronicle-spread[data-page="2"] .chronicle-caption.right{right:2.4%;width:12.3%;bottom:4.9%;font-size:clamp(8px,1.4cqw,18px)}.folio{position:absolute;bottom:.6%;font:12px Georgia;color:#493829}.folio.left{left:6%}.folio.right{right:6%}
.chronicle-close{position:absolute;right:-10px;top:-17px;z-index:5;border:1px solid #b09263;background:#30271f;color:#ecd8aa;width:36px;height:36px;font-size:24px;padding:0;cursor:pointer}
.chronicle-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:17px;color:#ddc7a1;font-size:14px}.chronicle-controls button{background:#382d23;color:#f2dfb7;border:1px solid #8d724c;padding:9px 18px;cursor:pointer}.chronicle-controls button:disabled{opacity:.4;cursor:default}
#ashChronicle.chronicle-cover{width:min(490px,90vw)}.chronicle-binding{position:relative;min-height:480px;height:70dvh;max-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:12px solid #332720;outline:1px solid #9a774d;border-radius:3px 9px 9px 3px;background:radial-gradient(ellipse at 55% 40%,#624631,#352b24 70%);box-shadow:inset 12px 0 13px #130e0b,inset 0 0 0 2px #997347,inset 0 0 0 14px #372b20,5px 1px #c5ae80,9px 1px #604934;color:#d9ba78;text-align:center}
.chronicle-binding span{font-size:13px;letter-spacing:3px}.chronicle-binding h1{font:clamp(35px,4vw,54px) 'FangSong','SimSun',serif;letter-spacing:9px;margin:25px 0}.chronicle-binding p{font:16px/2.2 'FangSong','SimSun',serif}.chronicle-seal{width:200px;height:125px;background:url('/art/ash-v2/shadow.png') left center/400% 100%;filter:sepia(1) brightness(3);opacity:.65}.chronicle-cover .chronicle-controls span{display:none}.chronicle-error{padding:8px;background:#53322c;color:#ffe0c0;margin:0}
@keyframes chronicle-open{from{opacity:.5;transform:perspective(1000px) rotateY(-4deg)}to{opacity:1;transform:none}}
@media(max-width:700px){#ashChronicle{overflow:auto;max-height:94dvh}.chronicle-spread{border-width:5px}.chronicle-controls{gap:5px;font-size:12px}.chronicle-controls button{padding:8px}.chronicle-binding{min-height:350px}.chronicle-close{right:0;top:0}.chronicle-controls span{max-width:35%;text-align:center}}
@media(prefers-reduced-motion:reduce){.chronicle-spread{animation:none}#ashChronicle::backdrop{backdrop-filter:none}}

/* Actual page leaves preserve readable lettering instead of shrinking a whole spread. */
@font-face{font-family:AshComic;src:url('/art/fonts/SmileySans-Oblique.woff2') format('woff2');font-display:swap;font-weight:400}
#ashChronicle{width:min(1240px,94vw,calc((94dvh - 100px)*1.5));overflow:visible;color:#21170f}
.chronicle-reader{max-height:calc(94dvh - 72px);overflow:auto;scrollbar-width:thin;scrollbar-color:#967747 #32251c;padding-bottom:10px;overscroll-behavior:contain}
.chronicle-spread{display:flex;border-width:8px}
.chronicle-leaf{position:relative;flex:1;min-width:0;aspect-ratio:800/1067;overflow:hidden;container-type:inline-size}
.chronicle-leaf>img{position:absolute;top:0;left:0;display:block;max-width:none;width:200%;height:100%;image-rendering:auto!important;object-fit:fill}.chronicle-leaf.right>img{left:-100%}
.chronicle-caption{margin:0!important;padding:0!important;color:#21170f!important;font:400 clamp(16px,3.4cqw,22px)/1.28 AshComic,'Microsoft YaHei',sans-serif!important;text-align:left;letter-spacing:.02em;text-shadow:none!important;overflow-wrap:anywhere;-webkit-text-stroke:.12px currentColor;filter:none}
.chronicle-leaf.left .chronicle-caption{left:5.6%;top:4.2%;width:25.3%}
.chronicle-leaf.right .chronicle-caption{right:6.2%;bottom:5.2%;width:37.6%}
.chronicle-leaf[data-page="1"].left .chronicle-caption{width:33.5%;top:4.4%}
.chronicle-leaf[data-page="1"].right .chronicle-caption{right:5.8%;width:39%;bottom:4.7%;font-size:clamp(16px,3.15cqw,21px)!important}
.chronicle-leaf[data-page="2"].left .chronicle-caption{width:34.5%;top:4.5%}
.chronicle-leaf[data-page="2"].right .chronicle-caption{right:4.8%;width:28%;bottom:3.6%;font-size:clamp(15px,3cqw,20px)!important}
.chronicle-leaf.left .folio{left:12%}.chronicle-leaf.right .folio{right:12%}
.chronicle-close{right:0;top:0}.chronicle-controls{margin-top:6px}
.chronicle-binding{min-height:350px;height:68dvh}.chronicle-binding h1{font-family:AshComic,'Microsoft YaHei',sans-serif}.chronicle-binding p{font:18px/2 AshComic,'Microsoft YaHei',sans-serif}
@media(max-width:1000px){#ashChronicle{width:min(620px,94vw)}.chronicle-controls{gap:6px;font-size:12px}.chronicle-controls button{padding:9px}.chronicle-controls span{max-width:35%;text-align:center}}
@media(max-width:450px){.chronicle-leaf{min-width:400px}.chronicle-spread{width:416px}}