*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Georgia,serif}body{background:radial-gradient(ellipse at 4% 16%,#f4d5d8 0%,transparent 44%),radial-gradient(ellipse at 90% 80%,#dcebf9 0%,transparent 46%),linear-gradient(135deg,#fff9f3,#f6f0ef 48%,#e9f2f9);color:#856a5b}.stage{min-height:100dvh;display:grid;place-items:center;padding:12px}.book{position:relative;width:min(100%,calc((100dvh - 24px)*.7075),640px);aspect-ratio:595/841;perspective:1500px;filter:drop-shadow(0 12px 26px #8e7c7450);isolation:isolate}.page{position:absolute;inset:0;overflow:hidden;background:#fff;opacity:0;pointer-events:none;transform-origin:left center;transform:rotateY(-15deg);transition:transform .62s ease,opacity .48s ease}.page.active{opacity:1;transform:rotateY(0);pointer-events:auto;z-index:2}.page.exit-next{transform:rotateY(-80deg);opacity:0}.page.exit-prev{transform:rotateY(75deg);opacity:0}.page>img{width:100%;height:100%;display:block;object-fit:fill;user-select:none;-webkit-user-drag:none}.edge{position:absolute;z-index:4;top:5%;bottom:5%;width:17%;border:0;background:transparent;cursor:pointer;touch-action:pan-y}.edge-left{left:0}.edge-right{right:0}.edge:focus-visible{outline:2px solid #bd936c;outline-offset:-3px}.map-hotspot{position:absolute;z-index:3;left:12%;top:80%;width:15%;height:13%;border-radius:50%;cursor:pointer}.clock{position:absolute;z-index:3;left:66%;top:83%;display:flex;flex-direction:column;align-items:center;gap:2px;color:#b28b61;font-size:clamp(11px,2.4vw,18px);text-shadow:0 1px 3px #fff;background:#fff8ef35;border-radius:50%;padding:3px 7px;pointer-events:none}.clock svg{width:clamp(22px,5vw,35px);height:clamp(22px,5vw,35px)}.info-trigger{position:absolute;z-index:7;top:10px;right:10px;width:29px;height:29px;border:1px solid #c5a78b;background:#fffaf3d9;color:#a17e60;border-radius:50%;font:italic bold 17px Georgia,serif;cursor:pointer;box-shadow:0 2px 9px #76665b30}.menu{position:absolute;z-index:8;top:46px;right:9px;width:min(260px,80%);padding:14px;border:1px solid #e3d4c4;border-radius:14px;background:#fffdf7f7;box-shadow:0 8px 28px #58473940;backdrop-filter:blur(12px)}[hidden]{display:none!important}.menu-heading{display:flex;align-items:center;justify-content:space-between;font-style:italic;color:#ad8359;font-size:18px}.menu-heading button{border:0;background:none;font-size:23px;color:#987d66;cursor:pointer}.date{font-size:12px;letter-spacing:1px;margin:8px 0 12px}.menu-action{display:block;width:100%;text-align:left;text-decoration:none;background:#fff9f3;border:1px solid #e6d8c8;border-radius:9px;padding:11px;margin:7px 0;color:#80654f;font:14px Georgia,serif;cursor:pointer}.pagecount{text-align:center;font-size:12px;opacity:.7;margin:12px 0 0}.zoom-overlay{position:fixed;inset:0;z-index:20;background:#faf5f1;display:flex;flex-direction:column}.zoom-bar{height:56px;display:flex;gap:14px;align-items:center;justify-content:center;flex-shrink:0}.zoom-bar button{border:1px solid #decbb8;background:white;border-radius:10px;width:38px;height:36px;font-size:22px;color:#8b6c51}.zoom-bar span{font-size:13px;min-width:45px;text-align:center}.zoom-scroll{flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:flex-start;touch-action:pan-x pan-y pinch-zoom}.zoom-scroll img{display:block;width:100%;max-width:none;height:auto;object-fit:contain;margin:auto}.zoom-scroll.zoomed img{margin:0 auto}@media(max-width:600px){.stage{padding:0}.book{width:min(100vw,calc(100dvh*.7075));}.info-trigger{width:27px;height:27px;top:7px;right:7px}.clock{left:67%;top:83%}}@media(prefers-reduced-motion:reduce){.page{transition:none}}
.color-marks{position:absolute;inset:0;pointer-events:none;z-index:3}.color-mark{position:absolute;transform:translate(-50%,-50%);width:8.5%;aspect-ratio:1;display:grid;place-items:center;color:#d62832;font:900 clamp(19px,5vw,42px) Arial,sans-serif;text-shadow:0 1px 2px #fff,1px 0 2px #fff,-1px 0 2px #fff;line-height:1}.color-mark::after{content:'✕';filter:drop-shadow(0 0 2px #fff)}