/*
 * V71 · Раунд 4-5 по приказам шефа 29-30.07 · r2
 * После р5: flasic и paths-bg-fx СНЕСЕНЫ (провал по вердикту), столб армии =
 * только спокойное дыхание света, чип-поле переехало фоном в #fleet,
 * дашборд-интерактив (ховер-графики) остался, инста-глиф канонический.
 * Плюс: кокпит-ховер зоны трёх экранов (подсветка + лейбл LIVE).
 */

/* ================= 3 · живой столб армии ================= */
.vgo-array-fx { position: absolute; inset: 0; z-index: 3; pointer-events: none; }
/* р7: световая режиссура кино-кадра армии */
.vgo-array-beam {
  position: absolute;
  left: 50%;
  top: -6%;
  bottom: 30%;
  width: 30%;
  transform: translateX(-50%);
  background: conic-gradient(from 180deg at 50% 0%, transparent 42%, rgba(255, 206, 110, 0.2) 49%, rgba(255, 226, 150, 0.32) 50%, rgba(255, 206, 110, 0.2) 51%, transparent 58%);
  filter: blur(10px);
  animation: vgoBeamBreath 6s ease-in-out infinite;
}
@keyframes vgoBeamBreath { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
.vgo-array-glow {
  position: absolute;
  left: 50%;
  top: 4%;
  bottom: 20%;
  width: 12%;
  transform: translateX(-50%);
  background: linear-gradient(180deg, rgba(255, 226, 150, 0.16), rgba(255, 190, 90, 0.3) 55%, rgba(255, 214, 130, 0.12));
  filter: blur(14px);
  animation: vgoBeamBreath 4.8s ease-in-out infinite reverse;
}
.vgo-array-streaks {
  position: absolute;
  left: 4%;
  right: 4%;
  bottom: 4%;
  height: 26%;
  background:
    linear-gradient(90deg, transparent 4%, rgba(255, 200, 110, 0.14) 18%, transparent 34%),
    linear-gradient(90deg, transparent 40%, rgba(255, 220, 150, 0.2) 50%, transparent 60%),
    linear-gradient(90deg, transparent 66%, rgba(255, 200, 110, 0.14) 82%, transparent 96%);
  filter: blur(6px);
  mix-blend-mode: screen;
  animation: vgoStreaks 7s ease-in-out infinite;
}
@keyframes vgoStreaks { 0%, 100% { opacity: .5; } 50% { opacity: .95; } }
.vgo-array-dust {
  position: absolute;
  inset: 6% 20% 30%;
  background-image:
    radial-gradient(circle, rgba(255, 232, 170, 0.85) 0 1px, transparent 2px),
    radial-gradient(circle, rgba(255, 214, 130, 0.6) 0 1px, transparent 2px),
    radial-gradient(circle, rgba(255, 232, 170, 0.7) 0 1.2px, transparent 2.2px);
  background-size: 240px 190px, 170px 150px, 300px 240px;
  background-position: 10% 20%, 60% 55%, 35% 80%;
  mix-blend-mode: screen;
  animation: vgoDustTwinkle 5.2s ease-in-out infinite alternate;
}
@keyframes vgoDustTwinkle { from { opacity: .25; } to { opacity: .8; } }

/* общая сочность кадра армии */
.vgo-array .mf__media img { filter: saturate(1.28) contrast(1.07) brightness(1.05); }

/* ================= 4 · дашборд: чипы прочь, ховер-графики ================= */
.telemetry[data-telemetry-v53] .telemetry-chips { display: none !important; }
.vg-roidash .dc[data-chart] { position: relative; }
.vg-roidash .dc[data-chart] svg { cursor: crosshair; }
.vg-chart-cursor {
  position: absolute;
  top: 30px;
  bottom: 22px;
  width: 1px;
  background: rgba(255, 214, 130, 0.85);
  box-shadow: 0 0 8px rgba(255, 214, 130, 0.6);
  pointer-events: none;
  opacity: 0;
}
.vg-chart-dot {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffd47e;
  box-shadow: 0 0 10px rgba(255, 212, 126, 1);
  transform: translate(-50%, -50%);
  pointer-events: none;
  opacity: 0;
}
.vg-chart-tip {
  position: absolute;
  padding: 5px 9px;
  border: 1px solid rgba(255, 214, 130, 0.5);
  border-radius: 7px;
  background: rgba(10, 11, 14, 0.95);
  color: #ffe9b8;
  font-family: "GeistMono", "SF Mono", "Menlo", monospace !important;
  font-size: 10px;
  white-space: nowrap;
  transform: translate(-50%, -130%);
  pointer-events: none;
  opacity: 0;
  z-index: 5;
}
.vg-roidash .dc[data-chart]:hover .vg-chart-cursor,
.vg-roidash .dc[data-chart]:hover .vg-chart-dot,
.vg-roidash .dc[data-chart]:hover .vg-chart-tip { opacity: 1; }

/* ================= 5 · инста: фирменный градиент ================= */
.fol-tile--ig .ic {
  background:
    radial-gradient(circle at 28% 108%, #fdcb52 0 8%, #fd8d32 26%, #e8336b 52%, #a63af1 78%, #515ecf 100%) !important;
  border-color: transparent !important;
}
.fol-tile--ig .ic svg { fill: #fff !important; }
.fol-tile--ig .ic svg path { fill: #fff !important; }


/* ================= чип-поле: видимая сцена-панель во fleet (р6) ================= */
.fleet { position: relative; }
/* р8 (скрин шефа): чип-поле = виджет правой двери Plan fleet rollout */
.fleet-orchestration--chip {
  transform: none;
  perspective: none;
  top: 44px;
  right: 4%;
  width: min(56%, 348px);
  aspect-ratio: 16 / 10.6;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(216, 183, 107, .3);
  background: #060808;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .55);
}
.fleet-orchestration--chip canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* ================= кокпит: график РАСТЁТ на экране ноута (р7, vnish.ru) ==== */
.vgo-ck-grow {
  position: absolute;
  left: 27.6%;
  top: 27.2%;
  width: 19.6%;
  height: 8.6%;
  z-index: 4;
  transform: rotate(-1.6deg) skewY(-1.2deg);
  opacity: .85;
  pointer-events: none;
  mix-blend-mode: screen;
}
.vgo-ck-grow-line {
  fill: none;
  stroke: #ffb347;
  stroke-width: 2.2;
  stroke-dasharray: 420;
  stroke-dashoffset: 420;
  filter: drop-shadow(0 0 5px rgba(255, 179, 71, .8));
  animation: vgoCkDraw 7s cubic-bezier(.3, .1, .3, 1) infinite;
}
.vgo-ck-grow-fill {
  fill: url(#none);
  fill: rgba(255, 179, 71, .14);
  opacity: 0;
  animation: vgoCkFillIn 7s ease infinite;
}
@keyframes vgoCkDraw {
  0% { stroke-dashoffset: 420; }
  46%, 82% { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: 0; opacity: 0; }
}
@keyframes vgoCkFillIn {
  0%, 18% { opacity: 0; }
  50%, 82% { opacity: 1; }
  100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) { .vgo-ck-grow-line, .vgo-ck-grow-fill { animation: none; stroke-dashoffset: 0; opacity: 1; } }