:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#071329;color:#ffefc4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 38%,#192d48,transparent 70%),#071329}a{color:inherit;text-underline-offset:4px}header{max-width:1400px;margin:auto;padding:24px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #efc36c30}.brand{font-size:28px;letter-spacing:2px;font-weight:900;text-decoration:none}.brand span{display:block;font-size:9px;letter-spacing:3px;margin-top:5px;color:#efc36c}.download{font-size:13px}main{max-width:1400px;margin:auto;padding:24px 20px 16px}.intro{text-align:center}.intro>span{font-size:10px;letter-spacing:2px;color:#efc36c}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(20px,3vw,32px);margin:10px 0 22px}#stage{height: min(72vh,850px);min-height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden}#book{flex-shrink:0}.page{background:#071329;overflow:hidden;border:0;outline:0}.page img{display:block;width:100%;height:100%;object-fit:cover;background:#071329}nav{display:flex;align-items:center;justify-content:center;gap:28px;margin:22px 0 12px}button,select{font:inherit;color:inherit;background:#13233b;border:1px solid #efc36c55;border-radius:5px;padding:10px 15px}button{cursor:pointer;min-width:105px}button:hover{background:#29415b}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #f794b6;outline-offset:4px}.jump{font-size:12px;display:flex;gap:8px;align-items:center}select{padding:8px}.hint{text-align:center;color:#b9c0cb;font-size:12px;line-height:1.9}.hint a{display:inline-block;margin-left:12px}footer{text-align:center;font-size:9px;letter-spacing:1.5px;color:#97a6bc;padding:20px}@media(max-width:699px){header{padding:16px 20px}.brand{font-size:23px}.download{font-size:12px}main{padding:20px 10px 8px}#stage{height:68vh;min-height:260px}nav{gap:14px}button{min-width:48px;padding:10px}button span{display:none}.hint a{display:block;margin:0}footer{line-height:1.8;padding:12px 20px}}
@media(max-width:699px){nav{gap:10px}.jump{min-width:0}select{max-width:180px}.jump>span{white-space:nowrap}nav>button{flex-shrink:0}}

.page.placeholder{background:#071329}.page img{clip-path:inset(1px);transform:scale(1.018)}