/* Story-only interaction layer. The established feature explorer is unchanged. */
#scroll-stage{height:100svh}#viewport{position:relative;cursor:pointer}
html.external #scroll-stage{height:100%}
#story-progress{position:absolute;z-index:19;left:var(--chrome-gutter);right:var(--chrome-gutter);top:var(--progress-top);height:2px;display:flex;gap:4px;pointer-events:none}
#story-progress i{flex:1;background:#ffffff2e;border-radius:3px;overflow:hidden}#story-progress i span{display:block;height:100%;background:#ffffffeb;transform:scaleX(0);transform-origin:left}#story-progress i.complete span{background:#ffffff78}
#story-tools{position:absolute;z-index:20;left:var(--chrome-gutter);right:var(--chrome-gutter);top:var(--chrome-top);height:32px;display:flex;align-items:center;gap:8px;cursor:default}
#skip-features{position:relative;margin-left:auto;padding:0 4px;height:32px;font-size:12px;letter-spacing:-.005em;line-height:1;background:transparent;color:#A1A1AA;transition:color .25s ease}
#skip-features::before,#story-play::before{content:'';position:absolute;inset:-6px 0}#skip-features:hover{color:#fff}
#story-play{position:relative;height:32px;padding:0 12px;border-radius:999px;font-size:12px;color:#fff;background:rgba(11,11,12,.55);border-color:#ffffff38;backdrop-filter:blur(12px)}
#story-navigation:focus-within{left:var(--chrome-gutter);top:80px}#story-navigation button{font-size:12px;padding:12px}
@media(min-width:640px){#skip-features{font-size:13px;height:34px}#story-play{height:34px;font-size:13px}}