.chapter .scene-shade{opacity:0}
@media(min-width:701px){html.deck-ready:not(.deck-embedded) body[data-site-page="reader"] .chapter .scene-frame{width:min(1100px,100%,calc((100svh - 320px)*var(--scene-ratio)))}}
@media(min-width:701px){
.chapter .scene-frame{container-type:inline-size;--speech-font-size:clamp(14px,2.34375cqw,18px);--speech-speaker-size:clamp(10.5px,1.5625cqw,12px);--speech-padding-x:clamp(14px,2.864583cqw,22px);--speech-padding-y:clamp(12px,2.34375cqw,18px);--speech-label-gap:clamp(7px,1.302083cqw,10px)}
html.deck-ready:not(.deck-embedded) body[data-site-page="reader"] .chapter .scene-frame{width:min(1100px,100%,max(640px,calc((100svh - 320px)*var(--scene-ratio))))}}
.time-caption,.sound-effect{opacity:0}
#beat-3.deck-active .time-caption{animation:weigh-lettering 450ms 470ms ease-out forwards}
#beat-4.deck-active .sound-effect{animation:weigh-lettering 450ms 300ms ease-out forwards}
#beat-4.deck-active .rattling-cups{animation:cup-rattle 110ms 350ms linear 10}
#beat-8.deck-active .sound-effect{animation:weigh-lettering 450ms 600ms ease-out forwards}
@keyframes weigh-lettering{to{opacity:1}}
@keyframes cup-rattle{0%,100%{transform:translate(0,0)}25%{transform:translate(1.4px,-.7px)}75%{transform:translate(-1.4px,0)}}