/* Full-bleed art and vector balloons share the same 1600 x 900 composition. */
#reader{container-type:inline-size;background:#080e16;direction:rtl;overflow:hidden;scrollbar-width:thin;scrollbar-color:#9acbe6 #10141c}
.manga-page{background:#080e16;direction:ltr;aspect-ratio:16/9}
.immersive-page,.comic-scene{padding:0;border:0;position:relative;width:100%;height:100%}
.comic-scene>.art-frame{width:100%;height:100%;aspect-ratio:16/9}
.lettering-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.reaction-inset{position:absolute;overflow:hidden;border:3px solid #0b1018;box-shadow:0 3px 12px #0007;background:#10141c}
.reaction-inset>img{position:absolute;max-width:none;object-fit:fill}
.manga-page.intro{display:grid;grid-template-columns:1fr 1fr;direction:rtl;gap:3px;aspect-ratio:16/9}
.intro-panel{direction:ltr;aspect-ratio:auto;margin:0}
.intro-panel .arrival,.intro-panel .trigger{left:auto;right:3%}
.intro-panel .intro-note{background:#111d2ce8;color:#f8f3e9;border:0;font-size:1.45cqw;padding:1.5% 2%}
.ending-inset{left:auto;right:3%;border-color:#142131}
.ending-caption{right:auto;left:5%;font-size:3.2cqw}
.manga-page.opening{aspect-ratio:16/9}
.opening .full-art{height:100%;aspect-ratio:16/9}
.opening-caption{position:absolute;right:4%;top:6%;max-width:33%;padding:1.3% 1.7%;font-size:1.8cqw;background:#0a1527d9;border:0;border-left:2px solid var(--gold)}
#layout-toggle{display:none}
/* Fit the whole composition, including its lettering, in the viewport. */
.site-header{padding-top:12px;padding-bottom:12px}
.brand-symbol{width:34px;height:34px;font-size:24px}
.book-heading{padding-top:16px;padding-bottom:16px}
.book-heading .eyebrow{display:none}
.book-heading h1{font-size:27px;margin-bottom:6px}
#reader{width:min(100%,var(--fitted-page-width,100%));margin-inline:auto;scroll-margin-top:12px}
@media(max-height:600px){
 .book-heading{display:none}
 .site-header{padding-top:6px;padding-bottom:6px}
 .reader-toolbar{margin-top:6px;margin-bottom:6px}
 .reader-extras{display:none}
 .pagination{padding-top:10px;padding-bottom:10px}
}
@media(max-width:760px){
 #layout-toggle{display:inline-block}
 #reader.reading-close{overflow-x:auto}
 #reader.reading-close .manga-page{width:calc((100cqw - 24px)*2.16);min-width:calc((100cqw - 24px)*2.16)}
 #reader.reading-close .opening-caption{font-size:18px}
 #reader.reading-close .intro-note{font-size:16px}
 #reader.reading-close .ending-caption{font-size:32px}
 .manga-page.intro{gap:2px}
 .reader-toolbar{gap:8px}
 .chapter-label{min-width:0;flex:1}
 #layout-toggle{flex-shrink:0;max-width:100px;line-height:1.4}
}

/* Stable geometry and an atomic swap of a previously decoded complete page. */
#reader{aspect-ratio:16/9}
#reader.reading-close{aspect-ratio:auto}
#reader-stage{position:relative}
.prepared-page .full-art{object-fit:contain}
#reader-status{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:5;background:#111925ed;color:#fff;padding:9px 14px;border-radius:6px;font-size:13px;text-align:center;max-width:90%}
#reader-retry{margin-left:12px;background:var(--gold);color:#111;border:0;border-radius:4px;padding:6px 10px}