/* =====================================================
   ГОЛОС СУДЬБЫ — ДОМ КОЛДУНЬИ
   FINAL CSS — flip + size fix + adaptive (FIXED)
   ===================================================== */

/* ---------- Контейнер ---------- */

body.domkoldunii-site .dk-voice-of-fate {
  max-width: 1400px;
  margin: 4rem auto 3rem;
  padding: 0 1rem;
}

/* ---------- Сетка карт ---------- */

body.domkoldunii-site .dk-cards {
  display: flex;
  justify-content: center;
  gap: 3rem;
  margin-bottom: 3rem;
  flex-wrap: nowrap;
}

/* ---------- Карта ---------- */

body.domkoldunii-site .dk-card {
  width: 280px !important;
  height: 450px !important;
  position: relative;
  border-radius: 18px;
  cursor: pointer;
  perspective: 1200px;
  animation: dk-card-pulse 7s ease-in-out infinite;
  transition: transform 0.4s ease;
}

/* Блокировка */
body.domkoldunii-site .dk-card.locked {
  pointer-events: none;
  opacity: 0.55;
}

/* Hover */
body.domkoldunii-site .dk-card:not(.opened):hover {
  transform: translateY(-12px) scale(1.05);
}

/* ---------- Стороны карты ---------- */

body.domkoldunii-site .dk-card-back,
body.domkoldunii-site .dk-card-front {
  position: absolute;
  inset: 0;
  border-radius: 18px;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transition: transform 0.9s cubic-bezier(.4,.2,.2,1);
}

/* ---------- Рубашка ---------- */

body.domkoldunii-site .dk-card-back {
  z-index: 2;
  transform: rotateY(0deg);
}

/* ---------- Лицевая сторона ---------- */

body.domkoldunii-site .dk-card-front {
  z-index: 1;
  transform: rotateY(180deg);
  pointer-events: none; /* НЕ ЛОВИТ КЛИКИ */
  background: #0b0a0f; /* заглушка если нет PNG */
}

/* ---------- СОСТОЯНИЕ ОТКРЫТОЙ КАРТЫ ---------- */

body.domkoldunii-site .dk-card.opened .dk-card-back {
  transform: rotateY(180deg);
}

body.domkoldunii-site .dk-card.opened .dk-card-front {
  transform: rotateY(0deg);
  z-index: 3;
}

/* ---------- Изображения ---------- */

body.domkoldunii-site .dk-card-back,
body.domkoldunii-site .dk-card-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 18px;
}

/* ---------- Пульсация ---------- */

@keyframes dk-card-pulse {
  0% {
    box-shadow:
      0 0 14px rgba(255,200,140,.25),
      0 0 30px rgba(255,160,100,.15);
  }
  50% {
    box-shadow:
      0 0 28px rgba(255,220,170,.45),
      0 0 52px rgba(255,180,120,.35);
  }
  100% {
    box-shadow:
      0 0 14px rgba(255,200,140,.25),
      0 0 30px rgba(255,160,100,.15);
  }
}

/* ---------- Текст ---------- */

body.domkoldunii-site .dk-card-text {
  margin-top: 2.5rem;
}

/* ---------- Карточка описания ---------- */

body.domkoldunii-site .dk-voice-card {
  position: relative;
  background: rgba(10,8,14,.88);
  border-radius: 18px;
  padding: 2.6rem 2.4rem;
  font-family: 'Philosopher', serif;
  color: #f4f4f4;
  border: 1px solid rgba(255,220,160,.35);

  box-shadow:
    0 0 20px rgba(255,210,150,.35),
    0 0 55px rgba(255,170,110,.28),
    0 26px 44px rgba(0,0,0,.8);
}

/* ---------- Таймер ---------- */

body.domkoldunii-site .dk-timer {
  text-align: center;
  margin-top: 2.8rem;
  font-family: 'Philosopher', serif;
  font-size: 1.1rem;
  opacity: .85;
}

/* ---------- Адаптация ---------- */

@media (max-width: 1440px) {
  body.domkoldunii-site .dk-card {
    width: 260px !important;
    height: 420px !important;
  }
}

@media (max-width: 1024px) {
  body.domkoldunii-site .dk-card {
    width: 240px !important;
    height: 380px !important;
  }
}

@media (max-width: 768px) {

  body.domkoldunii-site .dk-cards {
    flex-direction: column;
    align-items: center;
    gap: 2.2rem;
  }

  body.domkoldunii-site .dk-card {
    width: 240px !important;
    height: 380px !important;
    animation-duration: 10s;
  }
}