/* GAYZZEE_OFFICIAL_BROADCAST_V13_20260812 */

#mainStream.is-official-broadcast {
  background:
    radial-gradient(
      circle at 50% 20%,
      rgba(115, 72, 255, 0.18),
      transparent 50%
    ),
    #020203;
}

#mainStream.is-official-broadcast #hostVideo {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  background: #000;
}

#mainStream.is-official-broadcast #hostVideo[hidden] {
  display: none;
}

#mainStream.is-official-broadcast #radioImage {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.60;
  filter: saturate(0.9) brightness(0.55);
}

#mainStream.is-official-broadcast .stream-topbar,
#mainStream.is-official-broadcast .stream-overlay-bottom,
#mainStream.is-official-broadcast .tv-player-watermark {
  z-index: 4;
}

#mainStream.is-official-broadcast .live-stream-pill {
  background: rgba(191, 26, 44, 0.88);
  color: #fff;
  box-shadow: 0 0 22px rgba(255, 45, 69, 0.34);
}

#mainStream.is-official-broadcast .viewer-pill {
  background: rgba(9, 10, 14, 0.74);
  color: rgba(255, 255, 255, 0.86);
}

#mainStream.is-official-broadcast .stream-overlay-bottom {
  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(0, 0, 0, 0.84)
    );
}

#mainStream.is-official-broadcast .stream-copy small {
  color: #ff9daa;
}

#officialBroadcastAudioMount {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  pointer-events: none;
}

#officialBroadcastAudioMount audio {
  width: 1px;
  height: 1px;
}

@media (max-width: 979px) {
  #mainStream.is-official-broadcast #hostVideo {
    object-fit: cover;
  }
}