/* Slay the Spire 2 theme — dungeon crimson, relic gold, arcane shadow.
   Load with assets/hub.css or assets/article.css.
   Page must also load Google Fonts: Cinzel + EB Garamond. */
:root{
  --c1:#c43a55;    /* dungeon crimson */
  --c1b:#e06080;   /* bright crimson highlight */
  --c2:#c9a227;    /* relic gold */
  --c3:#6c3a8a;    /* arcane purple */
  --bg:#08090f;
  --bg2:#0f0c18;
  --glass:rgba(196,58,85,0.07);
  --glass-brd:rgba(201,162,39,0.20);
  --radius:14px;
  --font-head:'Cinzel',serif;
  --font-body:'EB Garamond',serif;
}
/* dungeon depth: crimson glow above, arcane purple flanking, relic gold spark */
.bg{background:
  radial-gradient(60% 45% at 50% 5%, rgba(196,58,85,.22), transparent 58%),
  radial-gradient(45% 38% at 10% 70%, rgba(108,58,138,.16), transparent 55%),
  radial-gradient(38% 30% at 88% 35%, rgba(201,162,39,.12), transparent 50%),
  var(--bg)}
.bg::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(2px 2px at 18% 22%, var(--c2), transparent 60%),
    radial-gradient(2px 2px at 64% 15%, var(--c1), transparent 60%),
    radial-gradient(1.5px 1.5px at 40% 48%, var(--c3), transparent 60%),
    radial-gradient(2px 2px at 80% 40%, var(--c1b), transparent 60%),
    radial-gradient(1.5px 1.5px at 30% 72%, var(--c2), transparent 60%),
    radial-gradient(1.5px 1.5px at 58% 78%, var(--c3), transparent 60%);
  opacity:.45;animation:emb 10s ease-in-out infinite alternate}
@keyframes emb{from{transform:translateY(0);opacity:.3}to{transform:translateY(-18px);opacity:.58}}
.bg::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 85% at 50% 0%, transparent 50%, rgba(0,0,0,.72) 100%)}
/* antiquarian elegance: Cinzel headers, lighter tracking on labels */
.hero h1,h2.title{font-weight:700;letter-spacing:.04em}
.eyebrow,.kicker,.card .tag,.brand{letter-spacing:.20em}
.card h3{text-transform:none}