/* Dead by Daylight theme — fog-drenched horror: blood red, Entity purple, near-black abyss.
   Load with assets/hub.css or assets/article.css.
   Page must also load Google Fonts: Creepster + Rajdhani. */
:root{
  --c1:#e63946;    /* blood red */
  --c1b:#ff6b6b;   /* brightened red highlight */
  --c2:#9d4edd;    /* Entity purple */
  --c3:#ff9a3c;    /* ember orange */
  --bg:#06040a;
  --bg2:#0e0818;
  --glass:rgba(230,57,70,0.08);
  --glass-brd:rgba(157,78,221,0.22);
  --radius:14px;
  --font-head:'Creepster',display;
  --font-body:'Rajdhani',sans-serif;
}
/* fog and ember glow: blood red + Entity purple over near-black */
.bg{background:
  radial-gradient(60% 50% at 50% 5%, rgba(230,57,70,.20), transparent 65%),
  radial-gradient(45% 40% at 8% 80%, rgba(157,78,221,.16), transparent 60%),
  radial-gradient(35% 30% at 90% 25%, rgba(255,154,60,.10), transparent 50%),
  var(--bg)}
.bg::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(2px 2px at 15% 20%, var(--c1), transparent 60%),
    radial-gradient(2px 2px at 72% 12%, var(--c2),  transparent 60%),
    radial-gradient(1.5px 1.5px at 38% 55%, var(--c3), transparent 60%),
    radial-gradient(2px 2px at 85% 48%, var(--c1b), transparent 60%),
    radial-gradient(1.5px 1.5px at 28% 78%, var(--c2), transparent 60%),
    radial-gradient(1.5px 1.5px at 60% 88%, var(--c1), transparent 60%);
  opacity:.45;animation:emb 11s ease-in-out infinite alternate}
@keyframes emb{from{transform:translateY(0);opacity:.30}to{transform:translateY(-16px);opacity:.55}}
.bg::after{content:"";position:absolute;inset:0;background:radial-gradient(110% 80% at 50% 0%, transparent 45%, rgba(0,0,0,.75) 100%)}
/* horror-poster typographic feel */
.hero h1,h2.title{font-weight:400;letter-spacing:.04em;text-transform:uppercase}
.eyebrow,.kicker,.card .tag,.brand{letter-spacing:.18em}
.card h3{text-transform:none;font-family:var(--font-body)}