/* A dialog itself cannot enter native fullscreen. Keep every reader control
   inside this eligible descendant, above the modal top layer. */
.reader-surface{display:contents}
#readerSurface:fullscreen{display:block;position:fixed;inset:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;overflow:auto;background:inherit;color:inherit}
#reader.pdf-book-mode #readerSurface:fullscreen{overflow:hidden}
#readerSurface::backdrop{background:#282522}
/* The mobile webtoon keeps its controls and independently scrolling artwork
   in separate flex rows, in both modal and native fullscreen presentation. */
#reader.webtoon-reader-mode.webtoon-mobile #readerSurface{
 display:flex;position:relative;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden;background:inherit;color:inherit
}
#reader.webtoon-reader-mode.webtoon-mobile #readerSurface:fullscreen{
 position:fixed;inset:0;width:100vw;height:100vh;height:var(--wt-viewport-height,100dvh);max-height:100dvh;margin:0;padding:0;overflow:hidden
}