:root{--ink:#111;--paper:#fff;--transparent:transparent;--app-glow:#181820;--app-background:#0f0f11;--paper-grain:#00000005;--viewport-shadow:#0009;--progress-idle:#ebebeb;--progress-active:#222;--body-copy:#1a1a1a;--muted:#bbb;--note:#777;--mask-opaque:#000;--font-serif:"Newsreader", Georgia, serif}*{box-sizing:border-box;-webkit-tap-highlight-color:var(--transparent);margin:0;padding:0}html,body{font-family:var(--font-serif);color:var(--ink);user-select:none;overflow:hidden}button{font:inherit}#app{background:radial-gradient(ellipse at center, var(--app-glow) 0%, var(--app-background) 60%);justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex}#story-viewport{background-color:var(--paper);background-image:repeating-conic-gradient(var(--paper-grain) 0% 25%, var(--transparent) 0% 50%);width:100%;height:100dvh;box-shadow:0 10px 40px var(--viewport-shadow);background-size:4px 4px;flex-direction:column;display:flex;position:relative;overflow:hidden}@media (width>=481px){#story-viewport{border-radius:12px;max-width:420px;max-height:860px}}.story-progress{gap:3px;padding:12px 16px 6px;display:flex}.progress-dash{background-color:var(--progress-idle);cursor:pointer;border:0;border-radius:1px;flex:1;height:2.5px;padding:0;transition:background-color .3s}.progress-dash.active,.progress-dash.passed{background-color:var(--progress-active)}.scene-stage{z-index:10;flex-direction:column;flex:1;padding:6px 20px 24px;display:flex;position:relative;overflow:hidden}.page-layout,.final-page-layout{flex-direction:column;animation:.4s ease-out forwards pageIn;display:flex}.page-layout{justify-content:space-between;height:100%}.page-layout.page-exit,.final-page-layout.page-exit{animation:.2s ease-in forwards pageOut}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pageOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.story-image,.final-image{justify-content:center;align-items:center;width:100%;display:flex}.story-image{flex:1;height:100%;min-height:0;overflow:hidden}.line-art-img{object-fit:contain;object-position:center 60%;opacity:0;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;animation:.4s ease-out 80ms forwards pageIn;display:block}.narration-text{color:var(--body-copy);letter-spacing:-.2px;margin-top:14px;font-size:16px;line-height:1.65}.page-footer{justify-content:space-between;margin-top:10px;padding:4px 0 0;display:flex}.page-indicator,.page-turn-cue{color:var(--muted);font-size:10px}.page-indicator{letter-spacing:.8px}.page-turn-cue{letter-spacing:.3px}.final-page-layout{width:calc(100% + 40px);height:calc(100% + 6px);margin:-6px -20px 0}.final-image{min-height:0;-webkit-mask-image:linear-gradient(to bottom, var(--mask-opaque) 52%, var(--transparent) 100%);mask-image:linear-gradient(to bottom, var(--mask-opaque) 52%, var(--transparent) 100%);flex:56%}.final-image .line-art-img{object-fit:cover;object-position:center 46%}.final-bottom{text-align:center;padding:8px 20px 14px}.final-copy,.final-note{max-width:320px;margin-left:auto;margin-right:auto}.final-copy{margin-bottom:14px;font-size:18px;line-height:1.36}.final-note{color:var(--note);margin-bottom:20px;font-size:14px;font-style:italic;line-height:1.45}.contact-handles{color:var(--note);margin-bottom:24px;font-size:14px}.final-actions{gap:8px;display:flex}.back-button,.restart-button{border:1px solid var(--ink);cursor:pointer;border-radius:6px;padding:12px;font-size:14px}.back-button{background:var(--paper);color:var(--ink);flex:none}.restart-button{background:var(--ink);color:var(--paper);flex:1}.back-button:hover,.restart-button:hover{opacity:.85}.tap-zone{z-index:20;cursor:pointer;position:absolute;top:30px;bottom:0}.tap-left{width:35%;left:0}.tap-right{width:65%;right:0}#story-viewport.is-final-page .story-progress,#story-viewport.is-final-page .tap-zone{display:none}