*{box-sizing:border-box}html,body{margin:0;height:100%;background:#d3d0cc;color:#383633;font-family:Arial,sans-serif}body{overflow:hidden}main{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 24px 8px}#stage{width:100%;height:calc(100dvh - 68px);display:flex;align-items:center;justify-content:center}#book{filter:drop-shadow(0 7px 12px #0003)}.page{background:#faf9f6;overflow:hidden;position:relative}.page img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.page a{position:absolute;z-index:3;cursor:pointer}.page a:focus-visible{outline:2px solid #3e25a2;outline-offset:2px}.page a:hover{background:#3e25a213}nav{height:42px;display:flex;align-items:center;gap:22px}button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:30px;width:38px;height:38px;border-radius:50%}button:hover{background:#0001}button:focus-visible{outline:2px solid #3e25a2}button:disabled{opacity:.25;cursor:default}#position{font-size:11px;letter-spacing:1px;min-width:90px;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:pre-wrap}dialog{padding:0;border:0;background:#e5e2df;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;overflow:auto}dialog::backdrop{background:#d3d0cc}dialog img{display:block;width:max(100vw,1100px);height:auto;margin:auto}dialog button{position:fixed;right:12px;top:12px;background:#fff;color:#111;box-shadow:0 2px 9px #0003}@media(max-width:650px){main{padding:12px 10px 6px}#stage{height:calc(100dvh - 60px)}nav{gap:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}