:root{color-scheme:dark;font-family:Georgia,'Times New Roman',serif;background:#073e50;color:#f7ebd7}*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{min-height:100svh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#16748a,#052c3e 75%)}.stage{position:relative;width:min(100vw,calc(100svh * 9 / 16));aspect-ratio:9/16;flex:none;overflow:hidden;background:#073e50;box-shadow:0 0 65px #001b2b99}.page{position:absolute;inset:0}.page[hidden],[hidden]{display:none!important}.page>img,.page>video{display:block;width:100%;height:100%;object-fit:contain}.hotspot{position:absolute;display:block;border:0;background:transparent;color:transparent;padding:0;cursor:pointer;touch-action:manipulation;border-radius:22px;-webkit-tap-highlight-color:#f5e5c633}.hotspot:focus-visible{outline:3px solid #fff5d9;outline-offset:2px;box-shadow:0 0 24px #fff8}.hotspot:active{background:#ffffff16}.pill{position:absolute;right:5%;top:max(3%,env(safe-area-inset-top));border:1px solid #e7dcca88;border-radius:50px;padding:10px 16px;background:#073e50dc;color:#fff2dc;font:14px Georgia,serif;cursor:pointer;backdrop-filter:blur(8px);min-height:44px}.resume{top:47%;right:14%;left:14%;text-align:center}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{width:min(88vw,380px);padding:26px 24px;border:1px solid #d1c6a8;border-radius:24px;color:#f6e8d2;background:linear-gradient(145deg,#126477,#072f43);text-align:center;box-shadow:0 25px 80px #0008}dialog::backdrop{background:#001a2bcc;backdrop-filter:blur(6px)}dialog h2{font-size:27px;font-weight:normal;margin:0 0 16px}dialog p{line-height:1.5;font-size:16px}dialog label{display:block;margin-top:18px;font-size:14px}dialog input{margin:8px 0;width:100%;font-size:23px;text-align:center;padding:12px;border:1px solid #b7d5d0;border-radius:12px;background:#f4f0e7;color:#063f4d;font-family:system-ui,sans-serif}dialog button{display:block;width:100%;min-height:46px;padding:11px;margin-top:12px;border-radius:22px;cursor:pointer;font:16px Georgia,serif}.solid{background:#f0e3cb;color:#073e50;border:0}.outline{background:transparent;color:#f0e3cb;border:1px solid #f0e3cb88}#notice{position:fixed;left:50%;bottom:5%;transform:translateX(-50%);max-width:90%;padding:12px 18px;background:#062b3ded;border:1px solid #d9cdaf;border-radius:14px;text-align:center;z-index:5}noscript{position:fixed;bottom:0;padding:20px;background:#073e50}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}