#pd-script{font:15px/1.6 var(--serif);min-height:360px}
.pd-stage{position:fixed;inset:0;z-index:300;background:#000;color:#fff;overflow:hidden}
.pd-scroller{position:absolute;inset:0;overflow:hidden}
.pd-text{margin:0 auto;padding:50vh 0 100vh;white-space:pre-wrap;font-family:var(--sans);font-weight:600;will-change:transform}
.pd-cue{position:absolute;left:0;right:0;height:0;border-top:2px solid rgba(255,80,80,.7);pointer-events:none}
.pd-cue::before{content:"";position:absolute;left:8px;top:-9px;border:8px solid transparent;border-left-color:rgba(255,80,80,.9)}
.pd-count{position:absolute;inset:0;display:grid;place-items:center;font:700 22vh/1 var(--mono);pointer-events:none}
.pd-hud{position:absolute;right:14px;bottom:10px;font:12px var(--mono);opacity:.6}
.pd-mx .pd-text{transform-origin:center}