/* ViewGems Reels Live — live cards in the Reels stream */
.vg-rl-frame { background:#000; }
.vg-rl-cover { filter:saturate(1.05); }
.vg-rl-shade { background:radial-gradient(ellipse at center, rgba(0,0,0,.15), rgba(0,0,0,.45)); }
.vg-rl-video { opacity:0; transition:opacity .25s ease; z-index:1; }
.vg-rl-frame.is-playing .vg-rl-video { opacity:1; }
.vg-rl-frame.is-playing .vg-rl-cover { opacity:0; transition:opacity .25s ease; }
.vg-rl-badge {
  display:inline-flex; align-items:center; gap:.35rem;
  background:#e11d48; color:#fff; font-size:.72rem; font-weight:800;
  letter-spacing:.06em; border-radius:999px; padding:.28rem .6rem;
  box-shadow:0 0 0 0 rgba(225,29,72,.7);
  animation:vg-rl-pulse 1.6s ease-out infinite;
}
.vg-rl-dot {
  width:.45rem; height:.45rem; border-radius:999px; background:#fff;
  box-shadow:0 0 0 0 rgba(255,255,255,.8);
}
.vg-rl-count {
  display:inline-flex; align-items:center;
  background:rgba(0,0,0,.55); color:#fff; font-size:.72rem; font-weight:600;
  border-radius:999px; padding:.28rem .65rem;
}
.vg-rl-cta {
  background:#e11d48; color:#fff !important;
  box-shadow:0 8px 24px rgba(225,29,72,.35);
}
.vg-rl-cta:hover { background:#be123c; color:#fff !important; }
.vg-rl-speakers { pointer-events:none; }
.vg-rl-speaker-row { display:flex; align-items:center; justify-content:center; }
.vg-rl-speaker {
  width:4.25rem; height:4.25rem; border-radius:999px;
  background-size:cover; background-position:center;
  border:3px solid rgba(255,255,255,.85);
  box-shadow:0 0 0 3px rgba(225,29,72,.55);
  margin-inline-start:-0.75rem;
}
.vg-rl-speaker:first-child { margin-inline-start:0; }
.vg-rl-room-label {
  color:#fff; font-weight:700; font-size:.95rem;
  text-shadow:0 1px 8px rgba(0,0,0,.6);
}
@keyframes vg-rl-pulse {
  0% { box-shadow:0 0 0 0 rgba(225,29,72,.7); }
  70% { box-shadow:0 0 0 10px rgba(225,29,72,0); }
  100% { box-shadow:0 0 0 0 rgba(225,29,72,0); }
}