/*
 * V75 · правки шефа (третий заход)
 *  A. Печать OFFICIAL WORLDWIDE VERSIONS: голубой обод как у планеты в hero,
 *     задний фон секции убран - остаётся фон сайта
 *  B. Дверь 01: вертикальная надпись заглавными сзади, плашки дышат
 *  C. Дверь 02: список зон управления в духе Areas of Specialisation
 *  D. Ритуал: золотой обод вокруг обоих вентиляторов
 *  E. Дыры: кино-сцены перестают растягиваться на высоких экранах
 */

/* ================= A · ПЕЧАТЬ ================= */
/* задний фон выпилен: секция живёт на фоне сайта, стык не видно */
.fw-vault {
  background:
    radial-gradient(circle at 22% 30%, rgba(242, 195, 106, .05), transparent 34rem),
    transparent !important;
}

/* голубой обод атмосферы - тот же язык, что у планеты в hero */
.seal-wrap::after {
  position: absolute;
  z-index: 12;
  inset: 4%;
  border-radius: 50%;
  box-shadow:
    0 0 0 1px rgba(126, 203, 227, .55),
    0 0 22px 2px rgba(98, 184, 210, .34),
    0 0 60px 10px rgba(98, 184, 210, .16),
    inset 0 0 34px rgba(98, 184, 210, .12);
  content: "";
  pointer-events: none;
  animation: sealAtmos 6.5s ease-in-out infinite;
}
@keyframes sealAtmos {
  0%, 100% {
    box-shadow:
      0 0 0 1px rgba(126, 203, 227, .45),
      0 0 20px 2px rgba(98, 184, 210, .28),
      0 0 52px 8px rgba(98, 184, 210, .12),
      inset 0 0 30px rgba(98, 184, 210, .1);
  }
  50% {
    box-shadow:
      0 0 0 1px rgba(146, 216, 238, .72),
      0 0 26px 3px rgba(98, 184, 210, .44),
      0 0 74px 14px rgba(98, 184, 210, .22),
      inset 0 0 40px rgba(98, 184, 210, .16);
  }
}
@media (prefers-reduced-motion: reduce) { .seal-wrap::after { animation: none; } }

/* ================= B · ДВЕРЬ 01 ================= */
/* надпись сзади: вертикально вниз, заглавными, нашим шрифтом */
.miner-identity--a08 .a08-root .giant-word {
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  translate: -50% -50%;
  writing-mode: vertical-rl;
  color: rgba(231, 199, 125, .16) !important;
  font-family: "Onest", "Iowan Old Style", Georgia, sans-serif !important;
  font-size: clamp(24px, 10cqh, 46px) !important;
  font-weight: 700 !important;
  letter-spacing: .34em !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  animation: none !important;
}

/* плашки дышат полным размером и не наезжают друг на друга */
.miner-identity--a08 .a08-root .slab-one {
  left: 17% !important;
  top: 15% !important;
  width: 34% !important;
  height: 30% !important;
}
.miner-identity--a08 .a08-root .slab-fleet {
  right: 6% !important;
  top: 55% !important;
  width: 34% !important;
  height: 30% !important;
}
.miner-identity--a08 .a08-root .miner-wrap {
  left: 57% !important;
  top: 34% !important;
  width: min(500px, 27cqw) !important;
}
.miner-identity--a08 .a08-root .slab { padding: 16px 18px !important; }

/* ================= C · ДВЕРЬ 02 · ЗОНЫ УПРАВЛЕНИЯ ================= */
.fleet-orchestration--wave {
  display: block !important;
  place-items: initial !important;
  background: none !important;
  /* канон v53 клал сюда изометрию - список должен стоять прямо */
  transform: none !important;
  perspective: none !important;
  transform-style: flat !important;
}
.fl-list {
  display: grid;
  height: 100%;
  align-content: center;
  padding: 0 6%;
}
.fl-row {
  position: relative;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  border-top: 1px solid rgba(231, 199, 125, .16);
  padding: 11px 2px;
  gap: 16px;
}
.fl-row:last-child { border-bottom: 1px solid rgba(231, 199, 125, .16); }
.fl-row b {
  color: rgba(231, 216, 190, .6);
  font-family: "Onest", sans-serif;
  font-size: clamp(13px, 3.4cqh, 21px);
  font-weight: 500;
  letter-spacing: -.01em;
  transition: color .45s ease, translate .45s var(--ease, cubic-bezier(.16, 1, .3, 1));
}
.fl-row i {
  color: rgba(231, 199, 125, .35);
  font-family: "SF Mono", Menlo, monospace;
  font-size: clamp(8px, 1.8cqh, 11px);
  font-style: normal;
  letter-spacing: .1em;
  transition: color .45s ease;
}
/* бегущая подсветка: строки читаются одна за другой, как раскатка по парку */
.fl-row::before {
  position: absolute;
  z-index: -1;
  inset: 0 -6%;
  background: linear-gradient(90deg, rgba(231, 199, 125, .14), transparent 72%);
  content: "";
  opacity: 0;
  transition: opacity .45s ease;
}
.fl-row.is-live::before { opacity: 1; }
.fl-row.is-live b { color: var(--ivory, #f1eee7); translate: 10px 0; }
.fl-row.is-live i { color: var(--gold, #e7c77d); }
.fleet-orchestration--wave .fl-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 14px;
  padding: 0 2px;
  color: rgba(231, 199, 125, .45);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .2em;
}

/* ================= D · РИТУАЛ: ОБОД ВОКРУГ ВЕНТИЛЯТОРОВ ================= */
.oneminer-unit .fan-layer .fan:nth-child(1)::after,
.oneminer-unit .fan-layer .fan:nth-child(2)::after {
  position: absolute;
  inset: -3%;
  border: 1.4px solid rgba(231, 199, 125, .85);
  border-radius: 50%;
  background: none;
  box-shadow:
    0 0 14px rgba(231, 199, 125, .4),
    inset 0 0 12px rgba(231, 199, 125, .18);
  content: "";
}
.oneminer-unit .fan-layer .fan:nth-child(1),
.oneminer-unit .fan-layer .fan:nth-child(2) { overflow: visible; opacity: 1; }

/* ================= F · FAQ: ПЯТЬ ВОПРОСОВ, ОСТАЛЬНЫЕ ПОД КАТОМ ========= */
.faq-more { display: contents; }
.faq-more[hidden] { display: none; }
.faq-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 0;
  border-bottom: 1px solid rgba(231, 199, 125, .14);
  padding: 16px 20px;
  background: linear-gradient(180deg, rgba(231, 199, 125, .05), transparent);
  color: #cfc7b6;
  cursor: pointer;
  font-family: inherit;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  transition: background .25s ease, color .25s ease;
}
.faq-toggle:hover { background: linear-gradient(180deg, rgba(231, 199, 125, .12), transparent); color: #fff; }
.faq-toggle i { color: var(--gold, #e7c77d); font-size: 10px; font-style: normal; }

/* ================= E · ДЫРЫ: КИНО-СЦЕНЫ НЕ РАСТЯГИВАЮТСЯ ============== */
/* сцены акта считались под окно ~900px: на 1440 они размазываются и под
   ними остаётся пустое поле. Держим кадр в потолке и центрируем его */
@media (min-height: 1000px) {
  .cinema-viewport {
    height: 1000px;
    top: calc((100svh - 1000px) / 2);
  }
  /* полосы над и под кадром растворяются: у секции тот же фон, что у сцены */
  .cinema-act--paths,
  .cinema-act--paths .cinema-viewport {
    background:
      radial-gradient(ellipse at 12% 40%, rgba(64, 128, 156, .1), transparent 30rem),
      radial-gradient(ellipse at 88% 34%, rgba(214, 158, 62, .12), transparent 32rem),
      #050606;
  }
  .cinema-pin { height: min(400vh, 2600px); }
  .cinema-pin--paths { height: min(400vh, 2600px); }
}
