.reader-controls{position:sticky;top:0;z-index:5;padding:6px 10px;background:#181818;color:#eee;line-height:1.4}
.reader-controls[hidden],.reader-paging[hidden]{display:none}
.reader-controls select{min-height:44px;padding:6px;color:#eee;background:#393939;border:1px solid #888;border-radius:5px;font-size:1rem}
.reader-paging{white-space:nowrap}
body[data-reader-mode="single"] main,body[data-reader-mode="spread"] main{direction:rtl;text-align:center;font-size:0}
body[data-reader-mode="single"] main section,body[data-reader-mode="spread"] main section{display:inline-block;vertical-align:top;direction:ltr;width:auto;max-width:100%;margin:0;font-size:1rem}
body[data-reader-mode="single"] main section[hidden],body[data-reader-mode="spread"] main section[hidden]{display:none}
body[data-reader-mode="single"] main section .caption,body[data-reader-mode="spread"] main section .caption{display:none}
body[data-reader-mode="single"] main section .viewport,body[data-reader-mode="spread"] main section .viewport{width:auto;overflow:hidden;touch-action:pan-y}
body[data-reader-mode="single"] main section img,body[data-reader-mode="spread"] main section img{width:auto;height:auto;max-height:calc(100dvh - 120px);max-width:100vw;cursor:pointer;object-fit:contain}
body[data-reader-mode="spread"] main section img{max-width:50vw}
body[data-reader-mode="single"] .comic-next,body[data-reader-mode="spread"] .comic-next{direction:ltr;text-align:left;font-size:1rem}
body[data-reader-mode="single"] .comic-strip-heading,body[data-reader-mode="spread"] .comic-strip-heading{display:none}

body[data-reader-mode="single"] .reading-progress,body[data-reader-mode="spread"] .reading-progress{display:none}
body[data-reader-mode="single"] main,body[data-reader-mode="spread"] main{min-height:calc(100dvh - 60px)}
