/*
 * V71 · Раунд 9 по приказам шефа 30.07 (ночь) · r1
 *  1. INSTALL KIT в downloads: выдача комплекта (файл + инструменты + гайды)
 *  2. Анимации в дверях БЕСШОВНО: без рамок, без фонов, без теней
 *  3. Дашборд: подсветка по периметру, вписан целиком, без рестарт-маркера
 *  4. Инста: принципиально другой символ (глиф-камера в золоте бренда)
 * Откат: минус файл + вернуть рамки виджетов дверей.
 */

/* ================= 1 · INSTALL KIT ================= */
.vault-kit { margin-top: clamp(38px, 6vh, 72px); }
.kit-head { max-width: 720px; margin-bottom: 26px; }
.kit-head h3 {
  margin: 10px 0 10px;
  font-size: clamp(26px, 2.6vw, 40px);
  font-weight: 640;
  letter-spacing: -.035em;
  line-height: 1.06;
  color: var(--ivory);
}
.kit-head p:last-child { margin: 0; color: var(--muted); font-size: 14.5px; line-height: 1.6; }

.kit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.kit-col {
  position: relative;
  padding: 26px 24px 24px;
  border: 1px solid rgba(241, 238, 231, .09);
  border-radius: var(--radius-card, 18px);
  background: linear-gradient(165deg, rgba(23, 27, 28, .68), rgba(9, 11, 12, .92));
  min-width: 0;
}
.kit-col--file { border-color: rgba(231, 199, 125, .3); background: radial-gradient(circle at 12% 0%, rgba(231, 199, 125, .09), transparent 46%), linear-gradient(165deg, rgba(23, 27, 28, .78), rgba(9, 11, 12, .94)); }
.kit-num {
  position: absolute;
  right: 20px;
  top: 20px;
  font-family: "SF Mono", Menlo, monospace;
  font-size: 10px;
  letter-spacing: .18em;
  color: var(--gold-deep, #8f692f);
}
.kit-col > b { display: block; margin-bottom: 8px; color: var(--ivory); font-size: 19px; font-weight: 680; letter-spacing: -.015em; }
.kit-col > p { margin: 0 0 18px; color: var(--muted); font-size: 13px; line-height: 1.55; max-width: 34ch; }

.kit-links { display: grid; gap: 8px; }
.kit-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  border: 1px solid rgba(241, 238, 231, .08);
  border-radius: 12px;
  background: rgba(5, 6, 6, .5);
  color: var(--ivory);
  text-decoration: none;
  transition: border-color .25s ease, transform .25s var(--ease), background .25s ease;
}
.kit-link:hover { border-color: rgba(231, 199, 125, .45); transform: translateX(2px); background: rgba(23, 27, 28, .7); }
.kit-link i { font-style: normal; font-size: 13px; font-weight: 660; letter-spacing: -.005em; }
.kit-link small { display: block; margin-top: 3px; color: #7f7c76; font-size: 11px; line-height: 1.45; letter-spacing: .01em; }
.kit-link > i + small, .kit-link i { min-width: 0; }
.kit-link em { margin-left: auto; font-style: normal; color: var(--gold, #e7c77d); font-size: 13px; flex: none; }
.kit-link--gold {
  border-color: rgba(231, 199, 125, .5);
  background: linear-gradient(120deg, var(--gold, #e7c77d) 8%, var(--gold-bright, #f4dda4) 52%, var(--gold-deep, #8f692f) 140%);
  color: #241a08;
  font-weight: 800;
  font-size: 12.5px;
  letter-spacing: .1em;
}
.kit-link--gold em { color: #241a08; }
.kit-link--gold:hover { border-color: #f4dda4; }
/* ссылка-строка с двумя уровнями текста */
.kit-link > i { display: block; flex: 1; min-width: 0; }

.kit-strip {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  margin-top: 16px;
  padding: 15px 22px;
  border: 1px solid rgba(242, 110, 90, .26);
  border-radius: 14px;
  background: linear-gradient(160deg, rgba(38, 20, 16, .5), rgba(9, 11, 12, .9));
}
.kit-strip span { display: flex; align-items: center; gap: 10px; color: #c3bdb2; font-size: 12.5px; line-height: 1.5; }
.kit-strip span i { width: 8px; height: 8px; flex: none; border-radius: 50%; background: #f26e5a; box-shadow: 0 0 10px rgba(242, 110, 90, .8); }
.kit-strip a { color: var(--gold, #e7c77d); }
.kit-support { margin-left: auto; font-size: 12px; font-weight: 700; letter-spacing: .1em; white-space: nowrap; }

@media (max-width: 1040px) { .kit-grid { grid-template-columns: 1fr; } .kit-col > p { max-width: none; } }

/* ================= 2 · АНИМАЦИИ В ДВЕРЯХ БЕСШОВНО ================= */
/* приказ: без окантовок, без задних фонов - сцены растворены в карточке */
.miner-identity--a08,
.fleet-orchestration--chip {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow: visible !important;
}
.miner-identity--a08 .a08-root {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
/* светлая подложка сцены Бивиса гасится: остаются только объекты */
.miner-identity--a08 .a08-root .stage { background: transparent !important; }
.miner-identity--a08 .a08-root .stage::before,
.miner-identity--a08 .a08-root .stage::after { display: none !important; }
.miner-identity--a08 .a08-root .grain { display: none !important; }
/* края растворяются в карточке двери */
.miner-identity--a08 {
  -webkit-mask: radial-gradient(ellipse 66% 62% at 50% 48%, #000 30%, rgba(0,0,0,.55) 66%, transparent 100%);
  mask: radial-gradient(ellipse 66% 62% at 50% 48%, #000 30%, rgba(0,0,0,.55) 66%, transparent 100%);
}
.fleet-orchestration--chip {
  -webkit-mask: radial-gradient(ellipse 70% 66% at 50% 46%, #000 32%, rgba(0,0,0,.6) 68%, transparent 100%);
  mask: radial-gradient(ellipse 70% 66% at 50% 46%, #000 32%, rgba(0,0,0,.6) 68%, transparent 100%);
}
.fleet-orchestration--chip canvas { background: transparent !important; }

/* ================= 3 · ДАШБОРД: периметр + посадка ================= */
.vg-roidash.dashHalo::before {
  box-shadow:
    0 0 0 1px rgba(255, 190, 90, .35),
    0 0 22px 3px rgba(255, 150, 50, .5),
    0 0 60px 14px rgba(240, 99, 26, .26);
}
.vg-roidash .dash {
  border-color: rgba(255, 179, 71, .34);
  box-shadow:
    0 50px 110px rgba(0, 0, 0, .55),
    0 0 0 1px rgba(255, 150, 50, .12),
    inset 0 0 60px rgba(255, 150, 50, .05);
}
/* рестарт-маркер на графике убран по приказу */
.vg-roidash [data-chart-restart] { display: none !important; }

/* ================= 4 · ИНСТА: принципиально другой символ ================= */
/* диафрагма объектива в бренд-золоте вместо стандартного глифа */
.fol-tile--ig .ic {
  background: linear-gradient(150deg, #1a1206 0%, #0a0906 60%) !important;
  border: 1px solid rgba(231, 199, 125, .55) !important;
  box-shadow: 0 0 22px rgba(231, 199, 125, .18), inset 0 0 18px rgba(231, 199, 125, .08) !important;
}
.fol-tile--ig .ic svg { color: #f4dda4; fill: none !important; }
.fol-tile--ig .ic svg circle,
.fol-tile--ig .ic svg path { fill: none !important; stroke: currentColor; }
.fol-tile--ig:hover .ic { border-color: #f4dda4 !important; box-shadow: 0 0 30px rgba(231, 199, 125, .34), inset 0 0 20px rgba(231, 199, 125, .12) !important; }

/* ================= 5 · СТОЛБ АРМИИ: энергия идёт ВВЕРХ ================= */
.vgo-array-core {
  position: absolute;
  left: 50%;
  top: 10%;
  bottom: 22%;
  width: 5.4%;
  transform: translateX(-50%);
  border-radius: 40% / 6%;
  background: linear-gradient(180deg, rgba(255, 240, 200, .5), rgba(255, 196, 96, .78) 46%, rgba(255, 240, 200, .42));
  filter: blur(7px);
  mix-blend-mode: screen;
  animation: vgoCorePulse 3.4s ease-in-out infinite;
  pointer-events: none;
}
@keyframes vgoCorePulse { 0%, 100% { opacity: .5; transform: translateX(-50%) scaleX(.9); } 50% { opacity: 1; transform: translateX(-50%) scaleX(1.12); } }

.vgo-array-rise { position: absolute; left: 50%; top: 8%; bottom: 20%; width: 11%; transform: translateX(-50%); pointer-events: none; }
.vgo-array-rise i {
  position: absolute;
  left: 50%;
  width: 2px;
  height: 26%;
  transform: translateX(-50%);
  border-radius: 2px;
  background: linear-gradient(180deg, transparent, rgba(255, 236, 180, .95), transparent);
  filter: drop-shadow(0 0 6px rgba(255, 206, 110, .9));
  mix-blend-mode: screen;
  animation: vgoRise 2.8s linear infinite;
}
.vgo-array-rise i:nth-child(2) { margin-left: -13px; height: 18%; animation-duration: 3.6s; animation-delay: -1.2s; opacity: .75; }
.vgo-array-rise i:nth-child(3) { margin-left: 13px; height: 21%; animation-duration: 3.2s; animation-delay: -2.1s; opacity: .8; }
@keyframes vgoRise {
  0% { top: 100%; opacity: 0; }
  12% { opacity: 1; }
  82% { opacity: 1; }
  100% { top: -28%; opacity: 0; }
}
@media (prefers-reduced-motion: reduce) { .vgo-array-rise i, .vgo-array-core { animation: none; } }

/* ================= 6 · ANIM08 в тёмном контексте двери ================= */
/* сцена Бивиса нарисована под светлый лист; в тёмной карточке переводим её
   в наш язык: стекло вместо белых плит, золотые волоски, свечение */
.miner-identity--a08 .slab {
  border-color: rgba(231, 199, 125, .34) !important;
  background: linear-gradient(155deg, rgba(20, 24, 26, .72), rgba(8, 10, 12, .82)) !important;
  backdrop-filter: blur(10px) !important;
  box-shadow: 0 24px 54px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(231, 199, 125, .16) !important;
  color: var(--ivory, #f1eee7) !important;
}
.miner-identity--a08 .slab > span { color: rgba(231, 199, 125, .8) !important; }
.miner-identity--a08 .slab b,
.miner-identity--a08 .slab strong { color: #f4dda4 !important; }
/* золотые плиты выгод: полупрозрачное золото со свечением, не заливка */
.miner-identity--a08 .slab-fleet,
.miner-identity--a08 .slab-hosting {
  background:
    linear-gradient(135deg, rgba(231, 199, 125, .26), rgba(143, 105, 47, .2)) !important,
    linear-gradient(155deg, rgba(16, 19, 21, .8), rgba(8, 10, 12, .88)) !important;
  border-color: rgba(231, 199, 125, .5) !important;
  box-shadow: 0 24px 54px rgba(0, 0, 0, .55), 0 0 34px rgba(231, 199, 125, .12), inset 0 1px 0 rgba(231, 199, 125, .24) !important;
}
.miner-identity--a08 .slab-fleet::after,
.miner-identity--a08 .slab-hosting::after,
.miner-identity--a08 .slab::before { opacity: .35 !important; }
/* фоновое слово - тише, чтобы не спорило с копи двери */
.miner-identity--a08 .giant-word { color: rgba(231, 199, 125, .17) !important; }
/* сам майнер: холодный свет светлой сцены гасим */
.miner-identity--a08 .miner { filter: brightness(.86) contrast(1.06) saturate(.92); }
.miner-identity--a08 .miner-glass, .miner-identity--a08 .miner-warmth { opacity: .5 !important; }

/* посадка панели целиком в кадр: шапка сайта + запас снизу */
.vg-roidash { bottom: 3vh !important; }
.vg-roidash .dash { zoom: .9; transform-origin: 50% 100%; }
@media (max-height: 900px) { .vg-roidash .dash { zoom: .82; } }
@media (max-width: 900px) { .vg-roidash .dash { zoom: 1; } }