.scroll-intro{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:radial-gradient(ellipse,#ece5f3f5 5%,#e7dfefeb 54%,#e4dcebc9);backdrop-filter:blur(6px);pointer-events:none;color:#5b426d;opacity:1;transition:opacity .4s ease}
.scroll-intro>span{font-size:10px;letter-spacing:.22em;color:#9a7fab;margin-bottom:26px}
.scroll-intro>p{font-size:clamp(28px,3.8vw,56px);font-weight:500;line-height:1.4;letter-spacing:-.065em;margin:0 0 24px;color:#5b426d}
.scroll-intro>small{position:static;font-size:12px;line-height:1.8;color:#9a83a8;margin:0}
.scroll-intro>i{font-style:normal;font-size:32px;font-weight:300;color:#9c7fae;margin-top:32px;animation:guide-down 1.4s ease-in-out infinite}
.scroll-intro.is-leaving{opacity:0}
@keyframes guide-down{0%,100%{transform:translateY(-5px);opacity:.45}55%{transform:translateY(6px);opacity:1}}
#story-slower{display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:300;padding:5px}
#story-speed:disabled,#story-slower:disabled{opacity:.3;cursor:default}
@media(max-width:650px){.scroll-intro>small{font-size:11px}.scroll-intro>span{font-size:8px}.player-actions{gap:5px}}
@media(prefers-reduced-motion:reduce){.scroll-intro{transition:none}.scroll-intro>i{animation:none}}