/* Paper and ink stay in the reader layer; the original artwork is preserved. */
#reader-dialog{--page-paper:#fbf7ee}
#reader-dialog.night{--page-paper:#172629}
.book-page{position:relative;isolation:isolate}
.book-spread .book-page{background-color:var(--page-paper)}
.book-page::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:url('./paper-grain.svg') repeat;background-size:160px 160px;mix-blend-mode:multiply;opacity:.055}
/* Inline SVG also works when the reader is opened directly from disk. */
.illustration-print{--ink-edge:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201536%201024%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22ink%22%20x%3D%22-10%25%22%20y%3D%22-15%25%22%20width%3D%22120%25%22%20height%3D%22130%25%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.02%22%20numOctaves%3D%223%22%20seed%3D%228%22%20result%3D%22grain%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22grain%22%20scale%3D%2222%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%2219%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Crect%20x%3D%2228%22%20y%3D%2228%22%20width%3D%221480%22%20height%3D%22968%22%20rx%3D%2232%22%20fill%3D%22white%22%20filter%3D%22url(%23ink)%22%2F%3E%3C%2Fsvg%3E");position:relative;mix-blend-mode:multiply;-webkit-mask-image:var(--ink-edge);mask-image:var(--ink-edge);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.story-illustration .illustration-print img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border:0;border-radius:0;box-shadow:none}
.story-illustration figcaption{font:italic 12px/1.65 var(--serif);margin:5px 12px 0;text-wrap:pretty}
.night .book-page::before{mix-blend-mode:soft-light;opacity:.08}
.night .illustration-print{mix-blend-mode:normal;opacity:.94}
.night .story-illustration figcaption{color:#aab5b2}
.story-illustration.asset-broken .illustration-print,.story-illustration.asset-broken figcaption{display:none}
@media(max-width:600px){#reader-dialog{--page-paper:#f4efe5}#reader-dialog.night{--page-paper:#132125}}