/* Общий пульт пуска / темпа (см. zz-pult.js). v1. Длинная цепочка #zp — чтобы перебить старые правила страниц с !important и многими id.
   Корпус .zz-pult должен быть позиционирован (relative / absolute) самой страницей. */
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) .zz-pult-box{height:48px!important;padding:0!important;background:none!important;clip-path:none!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) .zz-pult{display:block!important;box-sizing:border-box!important;height:48px!important;padding:0!important;margin:0!important;background:none!important;border:0!important;clip-path:none!important;overflow:visible!important;color:#dbe6f5!important;touch-action:none;-webkit-user-select:none;user-select:none}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) .zz-pult::before,:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) .zz-pult::after{display:none!important;content:none!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) .zz-pult > :is(.tempoHourglass,.zerk-motion-shape){display:none!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) .zz-pult > .zz-pult-shape{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;pointer-events:none!important;overflow:visible!important;z-index:0!important}
.zz-pult-shape .body{display:none}   /* v4, «горизонт. полосы и чёрный фон — зачем?» → выбор «убрать»: корпуса нет, остались ◀ ▶, треугольники к ромбу и ромб */
.zz-pult-shape .glass{fill:#1c2433;stroke:#9fb0c8;stroke-width:1}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) .zz-pult .zz-pult-range{position:absolute!important;left:48px!important;right:48px!important;top:0!important;width:auto!important;height:100%!important;margin:0!important;padding:0!important;opacity:0!important;z-index:3!important;cursor:ew-resize!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) .zz-pult :is(.zz-pult-back,.zz-pult-fwd){position:absolute!important;top:6px!important;bottom:auto!important;width:48px!important;min-width:0!important;height:36px!important;margin:0!important;padding:0 0 0 18px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#3a5470!important;color:#dbe6f5!important;font:700 15px/36px monospace!important;text-align:center!important;display:block!important;opacity:1!important;cursor:pointer!important;z-index:4!important;clip-path:polygon(0 50%,100% 0,100% 100%)!important;transform:none!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) .zz-pult .zz-pult-back{left:0!important;right:auto!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) .zz-pult .zz-pult-fwd{left:auto!important;right:0!important;padding:0 18px 0 0!important;clip-path:polygon(0 0,100% 50%,0 100%)!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) .zz-pult :is(.zz-pult-back,.zz-pult-fwd):hover{background:#4d6d90!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) .zz-pult :is(.zz-pult-back,.zz-pult-fwd,.zz-pult-play)::before,:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) .zz-pult :is(.zz-pult-back,.zz-pult-fwd,.zz-pult-play)::after{display:none!important;content:none!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) .zz-pult .zz-pult-play{position:absolute!important;left:var(--zz-tx,50%)!important;top:0!important;width:48px!important;min-width:0!important;height:48px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:translateX(-50%)!important;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)!important;background:#5a4a86!important;color:#fff!important;font:700 16px/48px monospace!important;text-align:center!important;display:block!important;cursor:pointer!important;z-index:5!important;touch-action:none}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) .zz-pult .zz-pult-play:is(.on,[aria-pressed=true]){background:#7a64b6!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) .zz-pult .zz-pult-play > *{position:static!important;display:inline!important;font:inherit!important;color:inherit!important;line-height:inherit!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) .zz-pult .zz-pult-value{position:absolute!important;left:var(--zz-vx,60%)!important;right:auto!important;top:0!important;width:max-content!important;min-width:0!important;max-width:none!important;height:48px!important;margin:0!important;padding:0!important;background:none!important;border:0!important;color:#dbe6f5!important;font:700 12px/48px monospace!important;white-space:nowrap!important;z-index:4!important;display:block!important;overflow:visible!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) .zz-pult :is(.zz-pult-back,.zz-pult-fwd).on{background:#9cc3ec!important;color:#10202f!important}   /* горит направление хода (v2: заметно ярче соседней стрелки — «подсвечивать последнюю нажатую») */
/* v3, «при наведении нужна рука»: на ромбе пуска — рука (щелчок — пуск / пауза; тащить — скорость, как прежде) */