#cv{touch-action:none}
#cv.grab{cursor:grab} #cv.grabbing{cursor:grabbing}
.paused{position:fixed;z-index:6;left:50%;bottom:calc(var(--bar) + 64px);transform:translate(-50%,8px);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;pointer-events:none;transition:opacity .35s,transform .35s}
.paused.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.paused .row{display:flex;gap:8px;align-items:center}
.paused .res{font:400 12px/1 var(--f-mono);letter-spacing:.28em;text-transform:uppercase;color:#04070A;background:var(--bone);border:0;padding:15px 22px 15px 24px;cursor:pointer;box-shadow:0 10px 40px rgba(0,0,0,.6);transition:background .25s}
.paused .res:hover{background:var(--amber)}
.paused .sm{font:400 13px/1 var(--f-mono);color:var(--bone);background:rgba(4,7,10,.85);border:1px solid rgba(242,235,221,.3);width:40px;height:40px;cursor:pointer;transition:border-color .2s,color .2s}
.paused .sm:hover{border-color:var(--amber);color:var(--amber)}
.paused button:focus-visible{outline:1px solid var(--amber);outline-offset:3px}
.paused .hint{font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);background:rgba(4,7,10,.75);padding:6px 10px;text-align:center;max-width:92vw}
@media (max-width:899px){ #bCP,#bFs{display:none} .ctrls{flex-wrap:wrap;row-gap:0;justify-content:center} .paused{bottom:calc(var(--bar) + 54px)} .paused .res{padding:13px 16px;font-size:11px;letter-spacing:.2em} }