/* The bar push-in is an intentional camera change; the following line holds it. */
#beat-4 .dialogue{transition-delay:750ms}
#beat-6 .penguin-motion{transform-box:fill-box;transform-origin:50% 100%}
#beat-6.deck-active .penguin-motion{animation:street-waddle 2200ms ease-in-out both}
@keyframes street-waddle{0%{transform:translateX(-22px) rotate(-1.5deg)}20%{transform:translateX(-15px) rotate(1.5deg)}40%{transform:translateX(-8px) rotate(-1.5deg)}60%{transform:translateX(-1px) rotate(1.5deg)}80%{transform:translateX(6px) rotate(-1.5deg)}100%{transform:translateX(12px) rotate(0)}}
.montage-outgoing{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.press-flash{position:absolute;width:18%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff 0,#fff9 12%,#fff0 64%);opacity:0;pointer-events:none;z-index:2}
#beat-7.deck-active .press-flash{animation:press-pop 350ms ease-out 550ms both}
#beat-7.deck-active .second-flash{animation-delay:1100ms}
@keyframes press-pop{0%{opacity:0;scale:.2}15%{opacity:.85;scale:1}100%{opacity:0;scale:1.2}}
.ring-glint{position:absolute;width:4%;aspect-ratio:1;transform:translate(-50%,-50%);clip-path:polygon(50% 0,58% 39%,100% 50%,58% 59%,50% 100%,42% 59%,0 50%,42% 39%);background:#fff7ce;opacity:0;pointer-events:none;z-index:2}
#beat-9.deck-active .ring-glint{animation:ring-glint 1100ms ease-in-out 650ms both}
@keyframes ring-glint{0%,100%{opacity:0;scale:.3}40%{opacity:1;scale:1}70%{opacity:.6;scale:.7}}
.chapter .scene-shade{opacity:0}
.chapter blockquote{overflow-wrap:break-word}
.episode-links{display:flex;gap:12px;font:14px Arial,sans-serif}
.episode-links a,.episode-links span{padding:9px 12px;white-space:nowrap}
.episode-links span{opacity:.35}
@media(max-width:700px){.episode-links{width:100%;justify-content:space-between;font-size:12px}}