/* Balatro theme — late-night card table: joker red, electric blue, chip gold, near-black felt.
   Load with assets/hub.css or assets/article.css.
   Page must also load Google Fonts: Baloo 2 + Nunito. */
:root{
  --c1:#ff4d6d;    /* joker red */
  --c1b:#ff8fa8;   /* bright red-pink highlight */
  --c2:#29b6f6;    /* electric blue */
  --c3:#ffd23f;    /* chip gold */
  --bg:#07090a;
  --bg2:#0d1210;
  --glass:rgba(255,77,109,0.07);
  --glass-brd:rgba(255,210,63,0.20);
  --radius:16px;
  --font-head:'Baloo 2',sans-serif;
  --font-body:'Nunito',sans-serif;
}
/* neon card-table glow: red + blue spotlight over near-black felt */
.bg{background:
  radial-gradient(65% 50% at 50% 10%, rgba(255,77,109,.18), transparent 60%),
  radial-gradient(50% 40% at 12% 75%, rgba(41,182,246,.14), transparent 58%),
  radial-gradient(40% 32% at 86% 30%, rgba(255,210,63,.12), transparent 52%),
  var(--bg)}
.bg::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(2px 2px at 20% 26%, var(--c3), transparent 60%),
    radial-gradient(2px 2px at 66% 18%, var(--c1),  transparent 60%),
    radial-gradient(1.5px 1.5px at 42% 52%, var(--c2), transparent 60%),
    radial-gradient(2px 2px at 82% 44%, var(--c1b), transparent 60%),
    radial-gradient(1.5px 1.5px at 33% 74%, var(--c3), transparent 60%),
    radial-gradient(1.5px 1.5px at 60% 80%, var(--c2), transparent 60%);
  opacity:.5;animation:emb 9s ease-in-out infinite alternate}
@keyframes emb{from{transform:translateY(0);opacity:.34}to{transform:translateY(-18px);opacity:.6}}
.bg::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 85% at 50% 0%, transparent 50%, rgba(0,0,0,.68) 100%)}
/* chunky, playful casino-poster feel */
.hero h1,h2.title{font-weight:800;letter-spacing:0;text-transform:none}
.eyebrow,.kicker,.card .tag,.brand{letter-spacing:.16em}
.card h3{text-transform:none}