/* 17 Vampires & Influencers: gothic crypt meets the feed. LIVE badge, story bars, rounded posts. */
[data-world="vampires-and-influencers"] {
  --grain: 0.06;
  --enter: feed-in 600ms cubic-bezier(.2, .8, .2, 1);
}
@keyframes feed-in { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }
@keyframes live-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.55; } }
/* story progress bars and a LIVE badge over the hero */
[data-world="vampires-and-influencers"] .hero-media::before {
  content: ""; position: absolute; z-index: 2; top: 12px; left: 12px; right: 12px; height: 3px;
  background: linear-gradient(90deg, var(--ink) 0 38%, color-mix(in srgb, var(--ink) 35%, transparent) 38%);
  border-radius: 3px;
}
[data-world="vampires-and-influencers"] .hero-media::after {
  content: "LIVE"; position: absolute; z-index: 2; top: 24px; left: 12px; padding: 2px 8px; border-radius: 4px;
  font-family: var(--font-label); font-size: 0.75rem; letter-spacing: 0.1em; background: var(--fill); color: var(--on-fill);
  animation: live-pulse 2s ease-in-out infinite;
}
[data-world="vampires-and-influencers"] .shot-img img { border-radius: var(--radius); }
[data-world="vampires-and-influencers"] .hero-title { text-shadow: var(--glow); }