/* ====================================================================
   Прелоадер с анимированным логотипом и неоновым овалом (Glassmorphism)
   ==================================================================== */

.pb-preloader {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(18, 20, 29, 0.88);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

.pb-preloader--hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* ---- Центр прелоадера ---- */
.pb-preloader__core {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: visible !important;
  padding: 20px !important;
}

/* Фоновый неоновый ореол */
.pb-preloader__glow {
  position: absolute;
  width: 320px;
  height: 140px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(79, 234, 159, 0.28) 0%, rgba(79, 234, 159, 0) 70%);
  animation: pb-preloader-pulse 2.2s ease-in-out infinite;
  will-change: transform, opacity;
  pointer-events: none;
}

/* ---- SVG и элементы овала ---- */
.pb-preloader__svg {
  display: block;
  overflow: visible !important;
  max-width: 100%;
  height: auto;
}

/* 1. Базовая тусклая подложка овала */
.pb-preloader__oval-bg {
  fill: none;
  stroke: rgba(79, 234, 159, 0.15);
  stroke-width: 1.5px;
}

/* 2. Яркий бегущий неоновый луч по овалу */
.pb-preloader__oval-beam {
  fill: none;
  stroke: #4fea9f;
  stroke-width: 3px;
  stroke-linecap: round;
  /* Периметр эллипса rx=190, ry=65 составляет ~858px */
  stroke-dasharray: 180 680;
  stroke-dashoffset: 0;
  filter: drop-shadow(0 0 8px #4fea9f) drop-shadow(0 0 16px rgba(79, 234, 159, 0.8));
  animation: pb-orbit-beam 2.2s linear infinite;
  will-change: stroke-dashoffset;
}

/* ---- Анимированный текст логотипа ---- */
.pb-preloader__logo-text {
  font-family: 'Poppins', Arial, sans-serif;
  font-size: 2.7rem;
  font-weight: 900;
  letter-spacing: 3px;
  text-transform: uppercase;
  fill: rgba(79, 234, 159, 0);
  stroke: #4fea9f;
  stroke-width: 2px;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 800;
  stroke-dashoffset: 800;
  animation: 
    pb-draw-logo 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards,
    pb-glow-logo 2.2s ease-in-out infinite 1.5s;
  will-change: stroke-dashoffset, filter, fill;
}

/* Подпись под логотипом */
.pb-preloader__label {
  margin-top: 24px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  animation: pb-preloader-label 2.2s ease-in-out infinite;
}

/* ====================================================================
   Анимации
   ==================================================================== */

/* Вращение неонового луча по овалу */
@keyframes pb-orbit-beam {
  0% {
    stroke-dashoffset: 860;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

/* Прорисовка букв EDEN-GAME с заполнением */
@keyframes pb-draw-logo {
  0% {
    stroke-dashoffset: 800;
    fill: rgba(79, 234, 159, 0);
    filter: drop-shadow(0 0 2px rgba(79, 234, 159, 0.2));
  }
  65% {
    fill: rgba(79, 234, 159, 0.15);
  }
  100% {
    stroke-dashoffset: 0;
    fill: rgba(79, 234, 159, 0.95);
    filter: drop-shadow(0 0 14px rgba(79, 234, 159, 0.85));
  }
}

/* Мягкое неоновое дыхание логотипа */
@keyframes pb-glow-logo {
  0%, 100% {
    filter: drop-shadow(0 0 8px rgba(79, 234, 159, 0.65));
  }
  50% {
    filter: drop-shadow(0 0 22px rgba(79, 234, 159, 1));
  }
}

/* Пульсация фонового свечения */
@keyframes pb-preloader-pulse {
  0%, 100% { transform: scale(0.88); opacity: 0.45; }
  50% { transform: scale(1.18); opacity: 0.85; }
}

/* Мигание подписи */
@keyframes pb-preloader-label {
  0%, 100% { opacity: 0.35; }
  50% { opacity: 0.85; }
}

/* ====================================================================
   Мобильная адаптация
   ==================================================================== */
@media (max-width: 480px) {
  .pb-preloader__svg {
    width: 310px;
    height: 120px;
  }
  .pb-preloader__logo-text {
    font-size: 2rem;
    letter-spacing: 2px;
  }
  .pb-preloader__glow {
    width: 220px;
    height: 100px;
  }
  .pb-preloader__label {
    font-size: 9.5px;
    letter-spacing: 0.25em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pb-preloader__glow,
  .pb-preloader__oval-beam,
  .pb-preloader__logo-text,
  .pb-preloader__label {
    animation: none;
  }
}