*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#fff;font-family:Arial,sans-serif}
#stage{height:100%;height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;padding:10px;overflow:hidden;background:#edf2f6}
#book{flex-shrink:0;width:min(414px,calc(100vw - 20px),calc((100dvh - 20px)*.5625));height:min(736px,calc((100vw - 20px)*1.77777778),calc(100dvh - 20px));min-width:0!important;min-height:0!important;overflow:hidden}
#book .stf__wrapper{width:100%;height:100%;padding-bottom:0!important}
.page{background:#fff;overflow:hidden}.page img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.page.paper-reverse{background:#fff}
.page.paper-reverse img{visibility:hidden}
button{cursor:pointer;border:0;color:#fff;background:rgba(100,100,100,.65);touch-action:manipulation}
#sound{position:fixed;top:max(18px,calc((100dvh - 736px)/2 + 8px));left:50%;transform:translateX(-50%);z-index:20;border-radius:5px;width:40px;height:34px;font-size:23px}
.arrow{position:fixed;top:50%;transform:translateY(-50%);font-size:36px;width:30px;height:54px;background:rgba(110,110,110,.3);z-index:10;border-radius:4px}
.previous{left:10px}.next{right:10px}button:disabled{visibility:hidden}button:focus-visible{outline:3px solid #196c54;outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:600px){.arrow{width:24px;height:44px;font-size:30px}.previous{left:2px}.next{right:2px}}