*{box-sizing:border-box}html,body{height:100%;width:100%;margin:0;overflow:hidden;background:transparent}body{font:14px Arial,sans-serif;color:#142633}#stage{position:absolute;inset:0;overflow:hidden;touch-action:none;outline:none}#stage:focus-visible{outline:2px solid #b58d48;outline-offset:-2px}#paper{position:absolute;left:50%;top:50%;transform-origin:0 0;background:#fff;will-change:transform;visibility:hidden}canvas{display:block}#stage.zoomed{cursor:grab}#stage.dragging{cursor:grabbing}#turns{z-index:2;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.corner{position:absolute;bottom:0;width:76px;height:76px;border:0;padding:0;color:#332b1b;font:700 12px Arial,sans-serif;cursor:pointer;pointer-events:auto;filter:drop-shadow(0 -2px 3px #0003)}.corner[hidden]{display:none}.next{right:0;clip-path:polygon(100% 0,100% 100%,0 100%);background:linear-gradient(135deg,#fff8e6,#e8bb67 65%,#bc914a)}.back{left:0;clip-path:polygon(0 0,100% 100%,0 100%);background:linear-gradient(225deg,#fff8e6,#e8bb67 65%,#bc914a)}.next span{position:absolute;right:9px;bottom:12px;transform:rotate(-45deg)}.back span{position:absolute;left:5px;bottom:12px;transform:rotate(45deg)}.corner:hover,.corner:focus-visible{filter:brightness(1.12)}.corner:focus-visible{outline:3px solid #951d35;outline-offset:-4px}#status{position:absolute;inset:40% 0 auto;text-align:center;margin:0}#status.loaded,.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#error{position:absolute;inset:30% 10% auto;text-align:center;background:#fcf7ef;padding:20px}#error a{color:#951d35;text-decoration:underline}@media(max-width:700px){.corner{width:64px;height:64px;font-size:11px}.next span{right:7px;bottom:10px}.back span{left:4px;bottom:10px}}