:root{color-scheme:dark;--ink:#f2ead2;--gold:#d9b45b;--bg:#061814;--panel:#0b2822}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 25%,#16443a 0,#071d19 48%,#030d0b 100%);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}body{display:grid;grid-template-rows:auto 1fr auto;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}header{height:58px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;max-width:980px;width:100%;margin:auto}header button{width:44px;height:44px;border:1px solid #d9b45b66;border-radius:50%;background:#0b2822cc;color:var(--gold);font-size:2rem;line-height:1;cursor:pointer}.title{text-align:center;display:flex;flex-direction:column;line-height:1.25}.title strong{font-family:serif;font-size:1.35rem;color:#fff0bb}.title span,footer span{font-size:.82rem;color:#ddd1af}main{min-height:0;display:grid;place-items:center}.stage{height:100%;max-height:calc(100vh - 132px);position:relative;display:grid;place-items:center;filter:drop-shadow(0 14px 24px #0009)}#page{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;background:white;border-radius:4px;user-select:none;-webkit-user-drag:none;transition:opacity .12s ease,transform .12s ease}.stage.turning #page{opacity:.55;transform:scale(.992)}.tap{position:absolute;top:0;bottom:0;width:42%;border:0;background:transparent;cursor:pointer}.tap-left{left:0}.tap-right{right:0}footer{height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;max-width:720px;width:100%;margin:auto}#progress{width:min(82vw,620px);accent-color:var(--gold)}button:disabled{opacity:.28;cursor:default}@media(max-width:520px){body{padding-left:0;padding-right:0}.stage{max-height:calc(100vh - 124px)}#page{border-radius:0}footer span{font-size:.76rem}}