/* Hub v0.278: пульт у креста (hub-pult.js) — масштаб строкой, вращение общим пультом пуска, поворот битов. Только на компьютере;
   на телефоне — прежние кнопки #hubZoom. */
#hubPult,#hubPultBot{position:fixed;right:8px;top:50%;transform:translateY(-50%);z-index:25;display:flex;flex-direction:column;align-items:flex-end;gap:8px;
  font:12px/1 system-ui,sans-serif;color:var(--hub-theme-bit,#dfe6f5);--hp-c:#7cbcff;--hp-bg:#121a30}
#hubPult .hpRow{display:flex;align-items:center}
#hubPult .hpB{box-sizing:border-box;position:relative;height:30px;min-width:30px;margin:0 -3px;padding:0 12px;border:0;display:flex;align-items:center;justify-content:center;
  font:inherit;color:inherit;white-space:nowrap;cursor:pointer;background:color-mix(in srgb,var(--hp-c) 40%,#000);
  clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%)}
#hubPult .hpB::before{content:"";position:absolute;inset:1.5px;z-index:-1;background:var(--hp-bg);clip-path:inherit}
#hubPult .hpB{isolation:isolate}
#hubPult .hpB:hover,#hubPult .hpB[aria-pressed=true]{background:var(--hp-c);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--hp-c) 70%,transparent))}
#hubPult .hpB[aria-pressed=true]{color:#fff}
#hubPult .hpB:active::before{background:#04060b}
#hubPult .hpVal{min-width:64px;cursor:ns-resize;font-variant-numeric:tabular-nums}
#hubPult .hpHome{margin-right:6px;font-size:15px}
#hubPult .hpL,#hubPult .hpR{font-size:15px;font-weight:700}
#hubPult .hpBits{--hp-c:#8fd3ff}
#hubPult .hpBits .hpTilt{min-width:58px}
#hubPult .hpBits .hpFrame{--hp-c:#ffb36b;margin-right:6px}
#hubPult .hpBits .hpReset,#hubPult .hpBits .hpFree{margin-left:3px}
#hubPult .hpBits .hpTilt+.hpR{margin-right:4px}
#hubPult .hpSpin{position:relative;width:300px}
#hubPult .hpSpin .zz-pult-value{cursor:text;font:11px/48px ui-monospace,monospace!important;color:#ffe6a8!important;text-shadow:0 1px 2px #000}
@media(min-width:1101px){body.hubPultOn #hubZoom>:not(#hubColorPanel){display:none!important}}
body.hubZen #hubPult{display:none}
@media(max-width:1100px){body:not(.hubMobCanvas) #hubPult{display:none!important}}   /* «мобильная — поправь там старый пульт»: на телефоне (холст) — новый пульт, как на компьютере */
/* v0.280: масштаб — столбиком у креста; вращение и биты — одной строкой внизу справа */
#hubPult .hpZoom{flex-direction:column;align-items:center;gap:4px}
#hubPult .hpZoom .hpB{margin:0;width:64px}
#hubPult .hpZoom .hpHome{margin:0 0 4px}
#hubPultBot{top:auto;bottom:8px;right:64px;transform:none;flex-direction:row;align-items:center;gap:10px}
#hubPultBot,#hubPultBot .hpB{font:12px/1 system-ui,sans-serif;color:var(--hub-theme-bit,#dfe6f5)}
#hubPultBot .hpB{box-sizing:border-box;position:relative;isolation:isolate;height:30px;min-width:30px;margin:0 -3px;padding:0 12px;border:0;display:flex;align-items:center;justify-content:center;white-space:nowrap;cursor:pointer;
  background:color-mix(in srgb,var(--hp-c) 40%,#000);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%)}
#hubPultBot .hpB::before{content:"";position:absolute;inset:1.5px;z-index:-1;background:var(--hp-bg);clip-path:inherit}
#hubPultBot .hpB:hover,#hubPultBot .hpB[aria-pressed=true]{background:var(--hp-c);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--hp-c) 70%,transparent))}
#hubPultBot .hpB[aria-pressed=true]{color:#fff}
#hubPultBot .hpB:active::before{background:#04060b}
#hubPultBot .hpVal{min-width:58px;cursor:ns-resize;font-variant-numeric:tabular-nums}
#hubPultBot .hpL,#hubPultBot .hpR{font-size:15px;font-weight:700}
#hubPultBot .hpBits{--hp-c:#8fd3ff;display:flex;align-items:center}
#hubPultBot .hpFrame{--hp-c:#ffb36b;margin-right:6px}
#hubPultBot .hpReset,#hubPultBot .hpFree{margin-left:3px}
#hubPultBot .hpTilt+.hpR{margin-right:4px}
#hubPultBot .hpSpin{position:relative;width:260px}
#hubPultBot .hpSpin .zz-pult-value{cursor:text;font:11px/48px ui-monospace,monospace!important;color:#ffe6a8!important;text-shadow:0 1px 2px #000}
body.hubZen #hubPultBot{display:none}
@media(max-width:1100px){body:not(.hubMobCanvas) #hubPultBot{display:none!important}
  body.hubMobCanvas.hubPultOn #hubZoom>:not(#hubColorPanel){display:none!important}   /* старый пульт (⌂ + −, кадр, об/кадр) — не показывается */
  body.hubMobCanvas #hubPult,body.hubMobCanvas #hubPultBot,body.hubMobCanvas .hubZenSave{transition:opacity .2s,visibility .2s}
  body.hubMobCanvas.hubMobScrolled #hubPult,body.hubMobCanvas.hubMobScrolled #hubPultBot,body.hubMobCanvas.hubMobScrolled .hubZenSave{opacity:0;visibility:hidden;pointer-events:none}}
/* v0.282: «ширину уменьши, чтоб 100% поместилось, 100% текстом меньшим шрифтом, фон ещё слабее, и у пульта внизу слабее, и его ещё ниже до края» */
#hubPult .hpZoom .hpB{width:46px;min-width:0;height:26px;padding:0 6px;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%)}
#hubPult .hpZoom .hpVal{font-size:10px;letter-spacing:-.2px}
#hubPult,#hubPultBot{--hp-bg:rgba(18,26,48,.35)}
#hubPult .hpB:not(:hover):not([aria-pressed=true]),#hubPultBot .hpB:not(:hover):not([aria-pressed=true]){background:color-mix(in srgb,var(--hp-c) 22%,transparent)}
#hubPultBot{bottom:0}
#hubPultBot .hpSpin .zz-pult-shape .glass{fill:rgba(28,36,51,.35);stroke:rgba(159,176,200,.5)}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #hubPultBot .zz-pult :is(.zz-pult-back,.zz-pult-fwd):not(:hover):not(.on){background:rgba(58,84,112,.4)!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #hubPultBot .zz-pult .zz-pult-play:not(:hover):not([aria-pressed=true]){background:rgba(90,74,134,.55)!important}
/* v0.283: наклон — одна деталь, стрелки и градусы цветом своего бита. */
#hubPultBot .hpTiltControl{display:flex;align-items:center;height:30px;margin:0 3px;color:var(--hp-c);background:color-mix(in srgb,var(--hp-c) 22%,transparent);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%)}
#hubPultBot .hpTiltControl .hpB{margin:0;min-width:24px;padding:0 6px;color:inherit;background:transparent!important;clip-path:none;filter:none!important}
#hubPultBot .hpTiltControl .hpB::before{display:none}
#hubPultBot .hpTiltControl .hpTilt{min-width:42px}
#hubPultBot .hpTiltControl:has(.hpB:hover){outline:1px solid var(--hp-c);outline-offset:-2px}
/* v0.284: «углы в цвет соответствующих битов» — деталь как ромб своего бита (0 — тёмная, цифры цветом; 1 — цветная, цифры тёмные); «и стрелки выдели фоном» */
#hubPultBot .hpTiltControl{color:var(--hp-ink,var(--hp-c));background:var(--hp-fill,color-mix(in srgb,var(--hp-c) 22%,transparent))}
#hubPultBot .hpTiltControl .hpB{color:var(--hp-ink,var(--hp-c))}
#hubPultBot .hpTiltControl .hpL,#hubPultBot .hpTiltControl .hpR{align-self:stretch;min-width:20px;background:var(--hp-arrow,transparent)!important;color:var(--hp-arrow-ink,inherit)!important;font-weight:700}
#hubPultBot .hpTiltControl .hpL{padding-left:11px}
#hubPultBot .hpTiltControl .hpR{padding-right:11px}
#hubPultBot .hpTiltControl .hpL:hover,#hubPultBot .hpTiltControl .hpR:hover{color:#fff!important}
#hubPultBot .hpTiltControl:has(.hpB:hover){outline-color:var(--hp-ink,var(--hp-c))}
/* v0.284: «пульт тоже в цвет битов» — стрелки ◀ ▶ как ромб нуля, ход и ромб пуска цветом единицы (переменные ставит sync в hub-pult.js) */
#hubPultBot .hpSpin .zz-pult-shape .glass{fill:var(--hp-b0f,rgba(28,36,51,.35));stroke:color-mix(in srgb,var(--hp-b1,#9fb0c8) 60%,transparent)}
#hubPultBot .hpSpin .zz-pult-value{color:color-mix(in srgb,var(--hp-b1,#ffe6a8) 55%,#fff)!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #hubPultBot .zz-pult :is(.zz-pult-back,.zz-pult-fwd){color:var(--hp-b0,#dfe6f5)!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #hubPultBot .zz-pult :is(.zz-pult-back,.zz-pult-fwd):not(:hover):not(.on){background:var(--hp-b0a,rgba(58,84,112,.4))!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #hubPultBot .zz-pult .zz-pult-play{color:#1c1c22!important}
/* «ширину ромба бегунка в 2 раза сузь» — ромб пуска хаба 24 × 48 (узкий, центр на месте: translateX(-50%)) */
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #hubPultBot .zz-pult .zz-pult-play{width:24px!important;font-size:12px!important}
/* «360 — нажатая не фон меняй и обводку как у кнопок, фон нигде не меняем»: нажатие и наведение — яркая кайма, заливка прежняя */
#hubPult .hpB:is(:hover,[aria-pressed=true]),#hubPultBot .hpB:is(:hover,[aria-pressed=true]){background:var(--hp-c);filter:none!important}
#hubPult .hpB:is(:hover,[aria-pressed=true])::before,#hubPultBot .hpB:is(:hover,[aria-pressed=true])::before{background:color-mix(in srgb,color-mix(in srgb,var(--hp-c) 22%,#060606) 65%,rgb(18,26,48))}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #hubPultBot .zz-pult :is(.zz-pult-back,.zz-pult-fwd):not(.on){background:var(--hp-b0a,rgba(58,84,112,.4))!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #hubPultBot .zz-pult :is(.zz-pult-back,.zz-pult-fwd).on{background:var(--hp-b0a,rgba(58,84,112,.4))!important;color:color-mix(in srgb,var(--hp-b1,#9cc3ec) 45%,#fff)!important;text-shadow:0 0 6px var(--hp-b1,#9cc3ec)}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #hubPultBot .zz-pult :is(.zz-pult-back,.zz-pult-fwd):hover{color:#fff!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #hubPultBot .zz-pult .zz-pult-play{background:color-mix(in srgb,var(--hp-b1,#5a4a86) 75%,#000)!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #hubPultBot .zz-pult .zz-pult-play:is(:hover,.on,[aria-pressed=true]){color:#fff!important}
/* «вот такие стрелки углов» — стрелка наклона: шеврон цветом стрелки (остриё — край детали, выемка — к градусам), без знака */
#hubPultBot .hpTiltControl .hpL,#hubPultBot .hpTiltControl .hpR{width:26px;min-width:26px!important;padding:0!important;font-size:0!important}
#hubPultBot .hpTiltControl .hpL{clip-path:polygon(0 0,100% 0,calc(100% - 10px) 50%,100% 100%,0 100%)!important}
#hubPultBot .hpTiltControl .hpR{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,10px 50%)!important}
#hubPultBot .hpTiltControl .hpL:hover,#hubPultBot .hpTiltControl .hpR:hover{background:var(--hp-arrow)!important;filter:drop-shadow(0 0 0 transparent)!important}
#hubPultBot .hpTiltControl:has(.hpL:hover,.hpR:hover){outline:1px solid var(--hp-c);outline-offset:-2px}
/* «уменьши высоту до уровня кнопок» — пульт вращения 30 px: ◀ ▶ 30 × 24, ромб пуска 15 × 30 (размеры — data-cap / data-body / data-play в hub-pult.js) */
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #hubPultBot :is(.zz-pult-box,.zz-pult){height:30px!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #hubPultBot .zz-pult :is(.zz-pult-back,.zz-pult-fwd){top:3px!important;width:30px!important;height:24px!important;font:700 11px/24px monospace!important;padding:0 0 0 11px!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #hubPultBot .zz-pult .zz-pult-fwd{padding:0 11px 0 0!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #hubPultBot .zz-pult .zz-pult-play{width:15px!important;height:30px!important;font:700 9px/30px monospace!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #hubPultBot .zz-pult .zz-pult-value{height:30px!important;line-height:30px!important}
#hubPultBot .hpSpin .zz-pult-value{font:11px/30px ui-monospace,monospace!important}
/* «в одну обводку пополам шириной с общей» — ↺ и 360° одной деталью шириной с деталь наклона, черта посередине; 360° включено — кайма яркая */
#hubPultBot .hpPair{position:relative;display:flex;align-items:stretch;box-sizing:border-box;width:94px;height:30px;margin:0 3px;
  background:color-mix(in srgb,var(--hp-c) 45%,transparent);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%)}
#hubPultBot .hpPair::before{content:"";position:absolute;inset:1.5px;background:color-mix(in srgb,color-mix(in srgb,var(--hp-c) 22%,#060606) 65%,rgb(18,26,48));clip-path:inherit}
#hubPultBot .hpPair:has(.hpFree[aria-pressed=true]){background:var(--hp-c)}
#hubPultBot .hpPair .hpB{position:relative;z-index:1;flex:1 1 0;height:auto;min-width:0;margin:0;padding:0;background:transparent!important;clip-path:none;filter:none!important;color:var(--hp-c)}
#hubPultBot .hpPair .hpB::before{display:none}
#hubPultBot .hpPair .hpB+.hpB{box-shadow:inset 1px 0 0 color-mix(in srgb,var(--hp-c) 45%,transparent)}
#hubPultBot .hpPair .hpB:hover,#hubPultBot .hpPair .hpB[aria-pressed=true]{color:#fff;text-shadow:0 0 6px var(--hp-c)}
/* «сузь ширину» — деталь наклона 76 px (шевроны 20, градусы 36), пара ↺ · 360° — той же ширины */
#hubPultBot .hpTiltControl .hpL,#hubPultBot .hpTiltControl .hpR{width:20px;min-width:20px!important}
#hubPultBot .hpTiltControl .hpL{clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%)!important}
#hubPultBot .hpTiltControl .hpR{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,8px 50%)!important}
#hubPultBot .hpTiltControl .hpTilt{min-width:36px;width:36px;padding:0!important}
#hubPultBot .hpPair{width:76px}
/* ↺ сброс наклонов — цветом битов: левая половина как ромб 0, правая как ромб 1; кайма цветом 1, наведение — белая */
#hubPultBot .hpBits .hpReset{width:34px;min-width:34px;padding:0;margin-left:3px;background:var(--hp-b1,#8fd3ff)!important;color:#fff;text-shadow:0 0 3px #000,0 0 2px #000}
#hubPultBot .hpBits .hpReset::before{background:linear-gradient(90deg,var(--hp-b0o,#1a1020) 50%,var(--hp-b1,#8fd3ff) 50%)!important}
#hubPultBot .hpBits .hpReset:hover{background:#fff!important}
/* ↺ без наклона (оба 0°) — без фона: тусклая кайма и значок цветом 1 */
#hubPultBot .hpBits .hpReset:not(.hpTilted){background:color-mix(in srgb,var(--hp-b1,#8fd3ff) 45%,transparent)!important;color:var(--hp-b1,#8fd3ff);text-shadow:none}
#hubPultBot .hpBits .hpReset:not(.hpTilted)::before{background:#060606!important}
#hubPultBot .hpBits .hpReset:not(.hpTilted):hover{background:var(--hp-b1,#8fd3ff)!important}
/* ↺ между наклонами формой X: выемки слева и справа, в них заходят острия деталей 0 и 1 */
#hubPultBot .hpBits .hpReset{width:40px;min-width:40px;margin:0 -7px;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 50%,100% 100%,0 100%,10px 50%)!important}
/* «в высоту сравняй с кнопками, а бегунок чуть выше — отступ у всей полоски, а бегунок касается пола»: полоса (◀ ▶ и корпус) 30 px как кнопки, ромб пуска 18 × 36 во всю высоту пульта */
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #hubPultBot :is(.zz-pult-box,.zz-pult){height:36px!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #hubPultBot .zz-pult :is(.zz-pult-back,.zz-pult-fwd){top:3px!important;height:30px!important;line-height:30px!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #hubPultBot .zz-pult .zz-pult-play{width:18px!important;height:36px!important;line-height:36px!important}
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #hubPultBot .zz-pult .zz-pult-value{height:36px!important;line-height:36px!important}
#hubPultBot .hpSpin .zz-pult-value{line-height:36px!important}
/* «обводку толстую по бокам, когда плей играет» — у ромба пуска при игре яркие толстые бока (рамка 4 px слева и справа, острия ромба) */
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #hubPultBot .zz-pult .zz-pult-play:is(.on,[aria-pressed=true]){box-sizing:border-box!important;border-left:4px solid #fff!important;border-right:4px solid #fff!important;background-clip:padding-box!important;filter:drop-shadow(0 0 0 transparent)}
/* пунктир над ромбом пуска при наведении */
#hubPultBot .hpThLine{position:absolute;left:var(--zz-tx,50%);top:-4px;bottom:-4px;width:0;border-left:1px dotted #fff;z-index:6;pointer-events:none;display:none}
#hubPultBot .zz-pult:has(.zz-pult-play:hover) .hpThLine{display:block}
/* «пульт посередине поставь, справа от него вращение битов»: ромб пульта (260 px) — по центру экрана, наклоны 0 / 1 — справа */
#hubPultBot{left:calc(50% - 130px);right:auto}
/* v0.362: телефон — нижний пульт в ширину не влезает: вращение строкой, наклоны битов — под ним; выше стрелки «вниз к кнопкам» (последним — перебивает bottom:0 и центровку выше) */
@media(max-width:1100px){#hubPultBot{left:4px;right:4px;bottom:54px;flex-wrap:wrap;justify-content:center;row-gap:6px}}
/* наклон 0° (без смещения) — деталь притушена, тоньше по виду; наведение — ярко, как при угле */
#hubPultBot .hpTiltControl.hpAt0{filter:brightness(.55) saturate(.75)}
#hubPultBot .hpTiltControl.hpAt0:hover{filter:none}
/* автоповорот битов: ползунок скорости справа от наклонов — виден, пока крутится; «360» при этом мигает */
#hubPultBot .hpSpinBox{display:none;align-items:center;gap:6px;margin-left:8px;height:30px;padding:0 10px;background:color-mix(in srgb,var(--hp-b1,#8fd3ff) 18%,#060a12);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%)}
#hubPultBot .hpSpinBox.on{display:flex}
#hubPultBot .hpSpinBox input{width:110px;accent-color:var(--hp-b1,#8fd3ff);cursor:pointer}
#hubPultBot .hpSpinV{min-width:46px;font:12px/1 system-ui,sans-serif;color:var(--hp-b1,#8fd3ff);font-variant-numeric:tabular-nums}
#hubPultBot .hpBits .hpReset.hpSpin{animation:hpSpinBlink 1s ease-in-out infinite}
@keyframes hpSpinBlink{50%{filter:brightness(.6)}}
/* Хаб v0.432: у малого пульта ширина ромба своя (15–24px), а общий раздвиг считал её по --zz-pw — половины выходили разными. Режем по середине своей ширины: по 3px от оси */
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #hubPultBot .zz-pult:hover .zz-pult-play{clip-path:polygon(calc(50% - 3px) 0,0 50%,calc(50% - 3px) 100%,calc(50% - 3px) 0,calc(50% + 3px) 0,100% 50%,calc(50% + 3px) 100%,calc(50% + 3px) 0)!important}
/* Хаб v0.434: малый пульт — при наведении половины ромба расходятся на ширину числа, число — между ними; подпись сбоку на это время скрыта */
:is(html,#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp#zp) #hubPultBot .zz-pult:hover .zz-pult-play{width:calc(var(--hp-w,18px) + var(--hp-gap,6px))!important;clip-path:polygon(calc(var(--hp-w,18px) / 2) 0,0 50%,calc(var(--hp-w,18px) / 2) 100%,calc(var(--hp-w,18px) / 2) 0,calc(var(--hp-w,18px) / 2 + var(--hp-gap,6px)) 0,100% 50%,calc(var(--hp-w,18px) / 2 + var(--hp-gap,6px)) 100%,calc(var(--hp-w,18px) / 2 + var(--hp-gap,6px)) 0)!important}
#hubPultBot .hpThNum{position:absolute;left:var(--zz-tx,50%);top:50%;transform:translate(-50%,-50%);font:700 9px/1 monospace;color:#fff;white-space:nowrap;pointer-events:none;z-index:7;visibility:hidden;background:#11141c;padding:1px}
#hubPultBot .zz-pult:hover .hpThNum{visibility:visible}
#hubPultBot .zz-pult:hover .hpRate{visibility:hidden}