/* House Edge Lab: amber-to-red accent, a roulette wheel on the home page, colour-coded strategy tables. */
:root {
  --grad: linear-gradient(120deg, #fcd34d 0%, #fb923c 45%, #ef4444 100%);
  --grad-warm: linear-gradient(120deg, #fda4af 0%, #fb7185 45%, #f59e0b 100%);
  --accent: #fbbf24;
  --accent-hi: #fde68a;
  --accent-soft: rgba(251, 191, 36, .12);
  --glow: 0 18px 48px -18px rgba(249, 115, 22, .5);
}
body::before {
  background:
    radial-gradient(52rem 34rem at 12% -8%, rgba(249, 115, 22, .16), transparent 62%),
    radial-gradient(46rem 30rem at 92% -4%, rgba(239, 68, 68, .10), transparent 60%),
    radial-gradient(40rem 28rem at 50% 108%, rgba(251, 191, 36, .08), transparent 60%);
}
.card-ic { background: linear-gradient(140deg, rgba(251, 191, 36, .22), rgba(239, 68, 68, .12)); border-color: rgba(252, 211, 77, .3); color: #fde68a; }
.stat b.long { font-size: clamp(1.35rem, 1.1rem + .9vw, 1.9rem); overflow-wrap: anywhere; }

/* home: the live wheel */
.wheel-stage { margin: .8rem 0 .9rem; padding: 1rem 1rem .9rem; border-radius: 16px; border: 1px solid rgba(252, 211, 77, .16);
  background: radial-gradient(110% 90% at 50% 0%, rgba(22, 163, 74, .25), transparent 70%), linear-gradient(180deg, #0c3a22, #05200f); }
.spin-num { margin: 0 auto .8rem; width: 4.6rem; height: 4.6rem; display: grid; place-items: center; border-radius: 50%;
  font: 800 1.9rem/1 var(--mono); color: #fff; background: #1f2937; box-shadow: inset 0 0 0 4px rgba(255, 255, 255, .18), 0 10px 24px -10px rgba(0, 0, 0, .8); }
.spin-strip { display: flex; gap: .35rem; list-style: none; margin: 0; padding: 0; overflow: hidden; direction: ltr; min-height: 2rem; }
.spin-strip li { flex: 0 0 auto; min-width: 2rem; height: 2rem; display: grid; place-items: center; border-radius: 50%;
  font: 700 .82rem/1 var(--mono); color: #fff; }
.c-r { background: #dc2626 !important; }
.c-b { background: #111827 !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18); }
.c-z { background: #16a34a !important; }

/* cover art per family */
.fam-edge { background: radial-gradient(120% 140% at 0% 0%, rgba(251, 191, 36, .34), rgba(12, 14, 26, .9) 70%); color: #fde68a; }
.fam-table { background: radial-gradient(120% 140% at 100% 0%, rgba(22, 163, 74, .32), rgba(12, 14, 26, .9) 70%); color: #bbf7d0; }
.fam-systems { background: radial-gradient(120% 140% at 0% 100%, rgba(239, 68, 68, .32), rgba(12, 14, 26, .9) 70%); color: #fecaca; }
.fam-concept { background: radial-gradient(120% 140% at 100% 100%, rgba(249, 115, 22, .3), rgba(12, 14, 26, .9) 70%); color: #fed7aa; }

/* blackjack strategy tables */
table.bj { border-collapse: separate; border-spacing: 3px; min-width: 32rem; }
table.bj th, table.bj td { text-align: center; padding: .38rem .2rem; font: 700 .86rem/1 var(--mono); border-radius: 6px; }
table.bj td.a-s { background: rgba(250, 204, 21, .22); color: #fde68a; }
table.bj td.a-h { background: rgba(148, 163, 184, .16); color: var(--ink-2); }
table.bj td.a-d { background: rgba(34, 197, 94, .22); color: #bbf7d0; }
table.bj td.a-p { background: rgba(56, 189, 248, .22); color: #bae6fd; }
.bj-legend { font-size: .86rem; color: var(--ink-2); }
.bj-legend span { display: inline-block; padding: .12rem .45rem; border-radius: 5px; font: 700 .8rem/1.3 var(--mono); }
.bj-legend .a-s { background: rgba(250, 204, 21, .22); } .bj-legend .a-h { background: rgba(148, 163, 184, .16); }
.bj-legend .a-d { background: rgba(34, 197, 94, .22); } .bj-legend .a-p { background: rgba(56, 189, 248, .22); }

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