:root{font-family:system-ui,sans-serif;color:#faf9f6;background:#10100f;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{scrollbar-width:thin;scrollbar-color:#4d4942 #10100f}body{overflow-x:hidden}button{font:inherit;-webkit-tap-highlight-color:transparent}.scroll-track{height:245svh;position:relative}.stage{height:100svh;position:sticky;top:0;overflow:hidden;display:flex;justify-content:center;isolation:isolate}.scene{width:min(100%,94svh);flex:0 0 auto;align-self:flex-start;will-change:transform,clip-path;clip-path:inset(0 0 60% 0)}.hero{display:block;width:100%;height:auto;aspect-ratio:720 / 760;object-fit:cover;background:#c9c1af}.continuation{display:block;width:100%;height:auto;margin-top:-1px}.controls{position:absolute;z-index:3;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));display:flex;gap:8px}button{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid #ffffff24;color:#fff;background:#14141288;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;transition:background .2s,border-color .2s}button:hover{background:#34332fdd;border-color:#ffffff70}button:focus-visible{outline:2px solid #ffd866;outline-offset:5px}button svg{width:21px;height:21px}.sound-dot{position:absolute;right:7px;top:7px;width:5px;height:5px;border-radius:50%;background:#ffd866}.sound-dot[data-muted=false]{display:none}.scroll-cue{position:absolute;z-index:3;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:auto;min-height:48px;height:auto;padding:10px 18px;border-radius:28px;display:flex;gap:12px;background:#141412c9;border-color:#ffffff40;box-shadow:0 4px 24px #0003;white-space:nowrap}.scroll-label{font-size:12px;font-weight:550;letter-spacing:.04em}.scroll-arrows{display:flex;flex-direction:column;align-items:center}.scroll-arrows svg{width:18px;height:18px}.scroll-cue[data-end=false] .scroll-arrows svg{animation:scroll-hint 2s ease-in-out infinite}.scroll-arrows svg+svg{margin-top:-10px;animation-delay:.16s!important}@keyframes scroll-hint{0%,to{transform:translateY(-2px);opacity:.45}50%{transform:translateY(3px);opacity:1}}.progress{position:absolute;z-index:4;bottom:0;height:2px;left:0;right:0;background:#ffffff08}.progress div{height:100%;background:#e8ce85;transform-origin:left;transform:scaleX(var(--progress, 0))}.error{position:absolute;top:80px;padding:16px;background:#171715;border-radius:8px;margin:16px}@media(max-width:600px){.controls{top:max(14px,env(safe-area-inset-top));right:14px}}@media(prefers-reduced-motion:reduce){button{transition:none}.scroll-cue .scroll-arrows svg{animation:none!important}}