/* Borderlands 4 theme — explosive amber, electric blue, near-black wasteland.
   Load with assets/hub.css or assets/article.css.
   Page must also load Google Fonts: Barlow Condensed + Barlow. */
:root{
  --c1:#f7a300;    /* vault orange */
  --c1b:#ffc440;   /* bright gold highlight */
  --c2:#00b4ff;    /* electric blue */
  --c3:#e03030;    /* combat red */
  --bg:#0a0a0b;
  --bg2:#111213;
  --glass:rgba(247,163,0,0.07);
  --glass-brd:rgba(0,180,255,0.18);
  --radius:14px;
  --font-head:'Barlow Condensed',sans-serif;
  --font-body:'Barlow',sans-serif;
}
/* explosive amber bloom top-centre, electric blue lower-left, red flicker right */
.bg{background:
  radial-gradient(60% 48% at 50% 4%, rgba(247,163,0,.22), transparent 62%),
  radial-gradient(45% 38% at 8% 78%, rgba(0,180,255,.14), transparent 58%),
  radial-gradient(35% 28% at 92% 22%, rgba(224,48,48,.10), transparent 50%),
  var(--bg)}
.bg::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(2px 2px at 14% 18%, var(--c1), transparent 60%),
    radial-gradient(2px 2px at 70% 12%, var(--c2), transparent 60%),
    radial-gradient(1.5px 1.5px at 42% 52%, var(--c3), transparent 60%),
    radial-gradient(2px 2px at 82% 44%, var(--c1b), transparent 60%),
    radial-gradient(1.5px 1.5px at 25% 75%, var(--c2), transparent 60%),
    radial-gradient(1.5px 1.5px at 58% 82%, var(--c1), transparent 60%);
  opacity:.45;animation:emb 9s ease-in-out infinite alternate}
@keyframes emb{from{transform:translateY(0);opacity:.28}to{transform:translateY(-14px);opacity:.52}}
.bg::after{content:"";position:absolute;inset:0;background:radial-gradient(110% 78% at 50% 0%, transparent 44%, rgba(0,0,0,.78) 100%)}
/* bold condensed action-game typographic feel */
.hero h1,h2.title{font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.eyebrow,.kicker,.card .tag,.brand{letter-spacing:.20em;font-weight:700}
.card h3{text-transform:none;font-family:var(--font-body);font-weight:600}