/* «Ночная смена» — Анимированный кран в грузовой диаграмме (данные паспорта) */
.vrig{position:relative;margin:14px 0 4px}
.rig-cv{position:relative;height:clamp(260px,34vw,420px);border-radius:6px;overflow:hidden;border:1px solid var(--line2);
  background:radial-gradient(circle at 30% 100%,rgba(41,170,226,.12),transparent 60%),repeating-linear-gradient(0deg,rgba(160,190,230,.045) 0 1px,transparent 1px 40px),repeating-linear-gradient(90deg,rgba(160,190,230,.045) 0 1px,transparent 1px 40px),#071225}
.rig-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.rig-ui{position:absolute;z-index:2;left:14px;top:12px;right:14px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 18px;pointer-events:none}
.rig-ui label{pointer-events:auto;display:grid;grid-template-columns:auto auto;gap:4px 10px;align-items:center;min-width:220px;padding:10px 14px;border-radius:4px;background:rgba(9,22,44,.86);border:1px solid var(--line);font:500 12px var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--tx2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.rig-ui label b{justify-self:end;font:600 17px var(--cond);letter-spacing:.04em;color:#fff}
.rig-ui label input{grid-column:1/-1;width:100%;margin:6px 0 2px}
.rig-info{margin:10px 0 0;font-size:14.5px;line-height:1.5;color:var(--tx2)}
.rig-info b{color:#fff;font-weight:600;white-space:nowrap}
.rig-note{margin:8px 0 0;font-size:12.5px;color:var(--tx3)}
.rg-gnd{stroke:rgba(160,190,230,.35);stroke-width:.04}
.rg-rul line{stroke:rgba(160,190,230,.4);stroke-width:.03}
.rg-rul text{font:500 .3px var(--cond);fill:var(--tx3);letter-spacing:.02px}
.rg-cab{fill:url(#rgCab);stroke:rgba(41,170,226,.45);stroke-width:.04}
.rg-win{fill:rgba(41,170,226,.16);stroke:rgba(41,170,226,.45);stroke-width:.03}
.rg-frame{fill:#0E203D;stroke:rgba(41,170,226,.35);stroke-width:.03}
.rg-bed{fill:rgba(14,32,61,.55);stroke:rgba(41,170,226,.45);stroke-width:.04}
.rg-wheel{fill:#0A1830;stroke:rgba(160,190,230,.55);stroke-width:.06}
.rg-hub{fill:#13294B;stroke:rgba(160,190,230,.4);stroke-width:.03}
.rg-jack{fill:#0B4E95;stroke:rgba(41,170,226,.6);stroke-width:.03}
.rg-pad{fill:#29AAE2}
.rg-base{fill:#073773;stroke:rgba(41,170,226,.6);stroke-width:.03}
.rg-col{fill:url(#rgCol);stroke:rgba(41,170,226,.7);stroke-width:.03}
.rg-seat{fill:none;stroke:#7F95B5;stroke-width:.05;stroke-linecap:round}
.rg-chair{fill:#13294B;stroke:#7F95B5;stroke-width:.03}
.rg-barrel{stroke:#0A4A8C;stroke-width:.2;stroke-linecap:round}
.rg-rod{stroke:#C9D6E8;stroke-width:.09;stroke-linecap:round}
.rg-sec{stroke:rgba(255,255,255,.25);stroke-width:.02}
.rg-crane{filter:drop-shadow(0 0 .12px rgba(41,170,226,.7))}
.rg-collar{fill:rgba(5,14,31,.45)}
.rg-logo{font:700 .24px var(--cond);fill:#fff;letter-spacing:.02px;opacity:.9}
.rg-head{fill:#0B4E95;stroke:rgba(255,255,255,.35);stroke-width:.02}
.rg-sheave,.rg-drum{fill:#0A1830;stroke:#C9D6E8;stroke-width:.04}
.rg-rope{stroke:#C9D6E8;stroke-width:.035}
.rg-block{fill:#F5B941;stroke:#05101f;stroke-width:.02}
.rg-hk{fill:none;stroke:#E8F1FB;stroke-width:.07;stroke-linecap:round}
.rg-sling{fill:none;stroke:#C9D6E8;stroke-width:.03}
.rg-box{stroke:#FFD2B8;stroke-width:.03;filter:drop-shadow(0 0 .15px rgba(255,122,51,.8))}
.rg-boxt{font-family:var(--cond);font-weight:600;fill:#fff;letter-spacing:.01px}
.rg-dim line{stroke:#FF7A33;stroke-width:.035;stroke-dasharray:.14 .12}
.rg-dim path{fill:#FF7A33}
.rg-dim text{font:600 .34px var(--cond);fill:#FF7A33;letter-spacing:.02px}
.rg-dim .rg-ht{font:600 .3px var(--cond);fill:#7CC9EE}
@media(max-width:640px){.rig-ui{position:static;margin:0 0 10px}.rig-ui label{min-width:0;flex:1 1 100%}.rig-cv{height:320px}.rig-info{font-size:13.5px}}
/* Перетаскивание стрелы: оранжевая ручка на оголовке, рабочая зона по грузоподъёмности, подсказка «Потяните стрелу» */
.rg-zone{opacity:0;transition:opacity .35s;pointer-events:none}
.vrig.zone .rg-zone{opacity:1}
.rg-zline{fill:none;stroke:rgba(159,216,243,.6);stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
.rg-gr{fill:rgba(255,122,51,.22);stroke:#FF7A33;stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none;filter:drop-shadow(0 0 4px rgba(255,122,51,.9))}
.rg-gp{fill:none;stroke:#FF7A33;stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:none;opacity:0;transform-box:fill-box;transform-origin:center}
.vrig.hint .rg-gp{animation:rgPulse 1.8s ease-out infinite}
@keyframes rgPulse{0%{opacity:.95;transform:scale(1)}100%{opacity:0;transform:scale(3)}}
.rg-hit{fill:transparent;pointer-events:all;cursor:grab;touch-action:none}
.vrig.drag,.vrig.drag .rg-hit{cursor:grabbing;-webkit-user-select:none;user-select:none}
.vrig.drag .rg-gr{fill:rgba(255,122,51,.45)}
.rig-hint{position:absolute;z-index:3;left:0;top:0;padding:7px 12px;border-radius:3px;background:#FF7A33;color:#050E1F;font:600 12px var(--cond);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;box-shadow:0 0 20px -4px rgba(255,122,51,.85)}
.vrig.hint .rig-hint{opacity:1;visibility:visible;transition:opacity .3s}
.rig-zl{position:absolute;z-index:2;top:12px;right:12px;max-width:min(470px,52%);pointer-events:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:9px 14px;border-radius:4px;background:rgba(9,22,44,.86);border:1px solid var(--line);font:500 13px var(--cond);letter-spacing:.06em;color:var(--tx2);opacity:0;transition:opacity .3s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.vrig.zone .rig-zl{opacity:1}
.rig-zl span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--tx3)}
.rig-zl em{display:inline-flex;align-items:center;gap:7px;font-style:normal;white-space:nowrap;transition:color .2s}
.rig-zl i{width:12px;height:12px;border-radius:2px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);transition:box-shadow .2s}
.rig-zl em.on{color:#fff}
.rig-zl em.on i{box-shadow:0 0 0 2px #fff}
@media(max-width:700px){.rig-zl{top:8px;left:8px;right:auto;max-width:36%;flex-direction:column;align-items:flex-start;gap:5px;padding:7px 9px;font-size:12px}.rig-zl span{display:none}}
@media(prefers-reduced-motion:reduce){.vrig.hint .rg-gp{animation:none;opacity:.55;transform:scale(2)}}
/* Вариант Б: главные цифры — таблички постоянного размера; линейка, тросы и размерная линия — постоянной толщины */
.rg-dim text,.rg-boxt{display:none}
.rg-rul text{letter-spacing:0}
.rg-gnd,.rg-rul line{vector-effect:non-scaling-stroke;stroke-width:1px}
.rg-rope,.rg-sling{vector-effect:non-scaling-stroke;stroke-width:1.3px}
.rg-dim line{vector-effect:non-scaling-stroke;stroke-width:1.4px;stroke-dasharray:5 4}
.rig-tags{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.rig-tags .rt{position:absolute;left:0;top:0;white-space:nowrap;padding:5px 8px;border-radius:3px;font:600 14px/1.1 var(--cond);letter-spacing:.04em;font-variant-numeric:tabular-nums;will-change:transform}
.rig-tags .rt:empty{display:none}
.rig-tags .kg{padding:5px 9px;background:linear-gradient(180deg,#FF8A4C,#CF4419);color:#fff;border:1px solid #FFD2B8;box-shadow:0 0 16px -2px rgba(255,122,51,.85);font-size:15px}
.rig-tags .r{background:rgba(5,14,31,.9);color:#FF9A5C;border:1px solid rgba(255,122,51,.55)}
.rig-tags .h{background:rgba(5,14,31,.9);color:#9FD8F3;border:1px solid rgba(41,170,226,.45)}
@media(max-width:640px){.rig-tags .rt{font-size:13px;padding:4px 7px}.rig-tags .kg{font-size:14px;padding:4px 8px}}
/* 15.10.2026: упор по паспорту, легенда и «живой» нижний график */
.rig-lim{position:absolute;z-index:3;left:0;top:0;padding:7px 12px;border-radius:3px;background:rgba(9,22,44,.94);border:1px solid #FF7A33;color:#FFB48A;font:600 12px var(--cond);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .25s;box-shadow:0 0 22px -6px rgba(255,122,51,.9)}
.vrig.lim .rig-lim{opacity:1}
.vrig.lim .rg-gr{fill:rgba(255,122,51,.75)}
.vrig.lim .rg-gp{animation:rgPulse .7s ease-out infinite}
/* легенда нижнего графика */
.lc-leg{display:flex;flex-wrap:wrap;gap:6px 22px;margin:16px 0 2px;font:500 13.5px var(--cond);letter-spacing:.06em;color:var(--tx2)}
.lc-leg span{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.lc-leg b{font-weight:500;color:#fff}
.lc-leg i{display:inline-block;width:22px;border-top:2.4px solid #29AAE2;box-shadow:0 0 6px rgba(41,170,226,.8)}
.lc-leg .env i{border-top:1.5px dashed rgba(169,188,214,.75);box-shadow:none}
/* «живой» нижний график */
.lc .chart{touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none}
.lc .chart.drag circle[r="6"]{r:9}
.lc .chart svg circle[r="6"]{transition:r .15s}
/* 16.10.2026: постоянная подсказка под схемой (она же кнопка «показать ещё раз») и показ движения */
.rig-how{display:inline-grid;grid-template-columns:auto auto auto;align-items:center;gap:4px 10px;margin:10px 0 0;padding:7px 12px 7px 10px;border:1px solid rgba(255,122,51,.45);border-radius:3px;background:rgba(255,122,51,.08);color:var(--tx2);font:500 13.5px/1.35 var(--text);text-align:left;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.rig-how:hover,.rig-how:focus-visible{border-color:#FF7A33;background:rgba(255,122,51,.16);color:#fff;outline:none}
.rig-how i{flex:none;width:14px;height:14px;border-radius:50%;border:2px solid #FF7A33;background:rgba(255,122,51,.22);box-shadow:0 0 8px rgba(255,122,51,.9)}
.rig-how em{font:600 11.5px var(--cond);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:#FFB48A;white-space:nowrap}
.vrig.demo .rg-gp{animation:rgPulse 1s ease-out infinite}
@media(max-width:640px){.rig-how{display:grid;grid-template-columns:auto minmax(0,1fr);font-size:13px}.rig-how em{grid-column:2}}