/* Planet background preview variant.
   Direct background mode, like old production player. */

html,
body {
  min-height: 100%;
  background: #061a36 !important;
}

body {
  background:
    #061a36
    url("/bg4.webp")
    center center / cover
    fixed
    no-repeat !important;
}

/* Отключаем прошлые псевдослои planet/debug, если они остались в кеше/каскаде. */
body::before,
body::after {
  content: none !important;
  display: none !important;
}

/* Страница поверх фона. */
.page {
  position: relative;
  z-index: 1;
}

/* Более “боевой” тёмно-синий фон, но современная светлая шапка остаётся. */
.page-header {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .90), rgba(255, 255, 255, .72)),
    rgba(255, 255, 255, .78) !important;

  border: 1px solid rgba(255, 255, 255, .38) !important;
  box-shadow: 0 22px 64px rgba(0, 0, 0, .22) !important;
}

.brand-wordmark {
  filter: drop-shadow(0 10px 24px rgba(6, 18, 45, .12)) !important;
}

.brand-subtitle--standalone {
  border-left: 1px solid rgba(8, 17, 38, .18) !important;
  color: rgba(8, 17, 38, .82) !important;
}

.site-link {
  background: rgba(255, 255, 255, .88) !important;
  border-color: rgba(240, 90, 60, .52) !important;
  color: var(--pg-accent) !important;
}

/* На тёмном фоне строку прямого эфира делаем светлой. */
.hero-kicker {
  background: rgba(255, 255, 255, .88) !important;
  border-color: rgba(240, 90, 60, .35) !important;
  color: var(--pg-accent) !important;
}

.hero-note {
  color: rgba(255, 255, 255, .82) !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .28);
}

/* Плеер: белая рамка как в новом стиле, но без лишней мутной подложки. */
.player-card {
  background: rgba(255, 255, 255, .76) !important;
  box-shadow: 0 28px 78px rgba(0, 0, 0, .34) !important;
}

.player-card::before {
  background: linear-gradient(135deg, rgba(255,255,255,.90), rgba(255,255,255,.28)) !important;
}

/* Инфо-карточка на тёмном фоне. */
.info-card {
  background: rgba(255, 255, 255, .84) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .22) !important;
}

/* Соцпанель ближе к старому боевому виду, но светлее и современнее. */
.social-left {
  background: rgba(255, 255, 255, .82) !important;
  border-color: rgba(255, 255, 255, .36) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .24) !important;
}

.footer-note {
  color: rgba(255, 255, 255, .72) !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .30);
}

@media (max-width: 640px) {
  body {
    background:
      #061a36
      url("/bg4.webp")
      center top / cover
      fixed
      no-repeat !important;
  }
}

/* ===== planet6: dark broadcast polish ===== */

/* Общая тёмная сцена */
html,
body {
  background-color: #031329 !important;
}

/* Немного затемняем общий фон, чтобы плеер и шапка были главными */
body {
  background:
    linear-gradient(180deg, rgba(3, 19, 41, .18), rgba(3, 19, 41, .10) 42%, rgba(3, 19, 41, .28)),
    #061a36
    url("/bg4.webp")
    center center / cover
    fixed
    no-repeat !important;
}

/* Шапка: оставляем светлой под синий logo.svg, но делаем менее “пластиковой” */
.page-header {
  background:
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(240,244,250,.82)),
    rgba(255,255,255,.84) !important;

  border: 1px solid rgba(255,255,255,.55) !important;
  box-shadow:
    0 20px 60px rgba(0, 0, 0, .24),
    inset 0 1px 0 rgba(255,255,255,.70) !important;
}

.brand-subtitle--standalone {
  color: rgba(8, 17, 38, .84) !important;
  border-left-color: rgba(8, 17, 38, .16) !important;
}

.site-link {
  background: rgba(255,255,255,.92) !important;
  border-color: rgba(240, 90, 60, .50) !important;
  color: #f05a3c !important;
}

/* Строка над плеером */
.hero-kicker {
  background: rgba(255, 255, 255, .90) !important;
  border-color: rgba(240, 90, 60, .40) !important;
  color: #f05a3c !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.16);
}

.hero-note {
  color: rgba(235, 243, 255, .88) !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .42);
}

/* Плеер: тоньше рамка, меньше белой массы */
.player-card {
  padding: 4px !important;
  border-radius: 16px !important;

  background:
    linear-gradient(135deg, rgba(255,255,255,.68), rgba(195,215,245,.34)) !important;

  border: 1px solid rgba(235, 243, 255, .52) !important;

  box-shadow:
    0 30px 86px rgba(0, 0, 0, .44),
    0 0 0 1px rgba(255,255,255,.10) !important;
}

.player-card::before {
  display: none !important;
}

.player-frame,
video-skin {
  border-radius: 11px !important;
}

/* Карточка описания: переводим в тёмную тему */
.info-card {
  background:
    linear-gradient(135deg, rgba(7, 20, 47, .88), rgba(8, 30, 62, .76)) !important;

  border: 1px solid rgba(255, 255, 255, .14) !important;

  box-shadow:
    0 18px 54px rgba(0, 0, 0, .32),
    inset 0 1px 0 rgba(255,255,255,.08) !important;

  color: #fff !important;
}

.info-label {
  color: #ff6b4a !important;
}

.info-title {
  color: #fff !important;
}

.info-description {
  color: rgba(235, 243, 255, .82) !important;
}

/* Соцсети: в тёмную стеклянную панель, ближе к старому плееру, но аккуратнее */
.social-left {
  background:
    linear-gradient(180deg, rgba(7, 20, 47, .82), rgba(6, 18, 42, .72)) !important;

  border: 1px solid rgba(255, 255, 255, .16) !important;

  box-shadow:
    0 18px 46px rgba(0, 0, 0, .36),
    inset 0 1px 0 rgba(255,255,255,.10) !important;

  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

.social-left a {
  border-radius: 11px;
}

.social-left img {
  filter: drop-shadow(0 2px 5px rgba(0,0,0,.25));
}

/* Низ страницы */
.footer-note {
  color: rgba(235, 243, 255, .70) !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .44);
}

/* Мобильный вид: не превращаем всё в светлую страницу */
@media (max-width: 640px) {
  body {
    background:
      linear-gradient(180deg, rgba(3, 19, 41, .10), rgba(3, 19, 41, .18) 48%, rgba(3, 19, 41, .34)),
      #061a36
      url("/bg4.webp")
      center top / cover
      fixed
      no-repeat !important;
  }

  .page-header {
    border-radius: 20px !important;
  }

  .player-card {
    padding: 4px !important;
    border-radius: 15px !important;
  }

  .player-frame,
  video-skin {
    border-radius: 10px !important;
  }

  .info-card {
    border-radius: 18px !important;
  }
}

/* ===== planet7: dark header variant ===== */

.page-header {
  background:
    linear-gradient(135deg, rgba(7, 20, 47, .88), rgba(8, 30, 62, .76)),
    rgba(7, 20, 47, .82) !important;

  border: 1px solid rgba(255, 255, 255, .14) !important;

  box-shadow:
    0 24px 70px rgba(0, 0, 0, .38),
    inset 0 1px 0 rgba(255, 255, 255, .10) !important;
}

.brand-wordmark {
  filter:
    drop-shadow(0 10px 26px rgba(0, 0, 0, .34))
    drop-shadow(0 0 20px rgba(255, 255, 255, .08)) !important;
}

.brand-subtitle--standalone {
  border-left: 1px solid rgba(255, 255, 255, .26) !important;
  color: rgba(255, 255, 255, .88) !important;
}

.site-link {
  background: rgba(255, 255, 255, .92) !important;
  border-color: rgba(255, 255, 255, .55) !important;
  color: #f05a3c !important;

  box-shadow:
    0 12px 28px rgba(0, 0, 0, .20),
    inset 0 1px 0 rgba(255, 255, 255, .70) !important;
}

.site-link:hover {
  background: #fff !important;
  border-color: rgba(240, 90, 60, .72) !important;
}

@media (max-width: 980px) {
  .brand-subtitle--standalone {
    border-left: 0 !important;
    color: rgba(255, 255, 255, .88) !important;
  }
}