/* Bet Math Lab: emerald-to-blue accent, a live parlay on the home page, results that read like a scoreboard. */
:root {
  --grad: linear-gradient(120deg, #34d399 0%, #06b6d4 50%, #3b82f6 100%);
  --grad-warm: linear-gradient(120deg, #a7f3d0 0%, #22d3ee 50%, #818cf8 100%);
  --accent: #34d399;
  --accent-hi: #a7f3d0;
  --accent-soft: rgba(52, 211, 153, .12);
  --glow: 0 18px 48px -18px rgba(6, 182, 212, .5);
}
body::before {
  background:
    radial-gradient(52rem 34rem at 12% -8%, rgba(16, 185, 129, .15), transparent 62%),
    radial-gradient(46rem 30rem at 92% -4%, rgba(59, 130, 246, .12), transparent 60%),
    radial-gradient(40rem 28rem at 50% 108%, rgba(6, 182, 212, .08), transparent 60%);
}
.card-ic { background: linear-gradient(140deg, rgba(52, 211, 153, .22), rgba(59, 130, 246, .12)); border-color: rgba(110, 231, 183, .3); color: #a7f3d0; }
.stat b.long { font-size: clamp(1.35rem, 1.1rem + .9vw, 1.9rem); overflow-wrap: anywhere; }

/* home: the live parlay */
.parlay-sim .legs { display: grid; grid-template-columns: repeat(4, 1fr); gap: .5rem; list-style: none; margin: .9rem 0; padding: 0; }
.parlay-sim .legs li { height: 3.2rem; display: grid; place-items: center; border-radius: 12px; font: 800 1.5rem/1 var(--mono);
  color: #fff; background: #1f2937; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12); transition: background .25s; }
.parlay-sim .legs li.hit { background: linear-gradient(160deg, #059669, #047857); }
.parlay-sim .legs li.miss { background: linear-gradient(160deg, #7f1d1d, #450a0a); color: #fecaca; }
.parlay-sim.won .legs li { box-shadow: 0 0 0 2px #34d399, 0 10px 26px -12px rgba(52, 211, 153, .9); }

/* cover art per family */
.fam-odds { background: radial-gradient(120% 140% at 0% 0%, rgba(52, 211, 153, .32), rgba(12, 14, 26, .9) 70%); color: #a7f3d0; }
.fam-parlay { background: radial-gradient(120% 140% at 100% 0%, rgba(6, 182, 212, .32), rgba(12, 14, 26, .9) 70%); color: #a5f3fc; }
.fam-staking { background: radial-gradient(120% 140% at 0% 100%, rgba(59, 130, 246, .32), rgba(12, 14, 26, .9) 70%); color: #bfdbfe; }
.fam-concept { background: radial-gradient(120% 140% at 100% 100%, rgba(16, 185, 129, .3), rgba(12, 14, 26, .9) 70%); color: #bbf7d0; }

/* tools */
.legs-fields { margin-top: .2rem; }
.result-grid b { font-size: clamp(1rem, .9rem + .45vw, 1.25rem); overflow-wrap: anywhere; }
.result-grid .bad b { color: #fca5a5; }
table.num td b { color: var(--ink); }