/* Odds of the Draw: warm accent (lottery balls), draw machine on the home page. */
:root {
  --grad: linear-gradient(120deg, #fde68a 0%, #f9a8d4 45%, #c4b5fd 100%);
  --grad-warm: linear-gradient(120deg, #fda4af 0%, #fb7185 45%, #f59e0b 100%);
  --accent: #f9a8d4;
  --accent-hi: #fbcfe8;
  --accent-soft: rgba(244, 114, 182, .13);
  --glow: 0 18px 48px -18px rgba(244, 114, 182, .45);
}
body::before {
  background:
    radial-gradient(52rem 34rem at 12% -8%, rgba(244, 114, 182, .16), transparent 62%),
    radial-gradient(46rem 30rem at 92% -4%, rgba(251, 191, 36, .10), transparent 60%),
    radial-gradient(40rem 28rem at 50% 108%, rgba(139, 92, 246, .08), transparent 60%);
}
.stat b.long { font-size: clamp(1.35rem, 1.1rem + .9vw, 1.9rem); overflow-wrap: anywhere; }
.card-ic { background: linear-gradient(140deg, rgba(251, 191, 36, .22), rgba(244, 114, 182, .12)); border-color: rgba(249, 168, 212, .3); color: #fbcfe8; }
.draw-stage { margin: .8rem 0 .9rem; padding: 1rem; border-radius: 16px; border: 1px solid var(--line);
  background: radial-gradient(90% 80% at 20% 100%, rgba(244, 114, 182, .12), transparent 70%), rgba(2, 3, 7, .55); }
.draw-label { margin: 0 0 .45rem; font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); font-weight: 650; }
.balls { display: flex; flex-wrap: wrap; gap: .45rem; list-style: none; margin: 0 0 1rem; padding: 0; min-height: 2.6rem; direction: ltr; }
.ball { margin: 0; width: 2.55rem; height: 2.55rem; border-radius: 50%; display: grid; place-items: center;
  font: 750 .98rem/1 var(--mono); color: #111827; background: radial-gradient(circle at 32% 30%, #fff, #e5e7eb 70%);
  box-shadow: inset 0 -3px 6px rgba(0, 0, 0, .18), 0 4px 12px -4px rgba(0, 0, 0, .6); }
.ball.red { color: #fff; background: radial-gradient(circle at 32% 30%, #fda4af, #e11d48 70%); }
.balls.drawn .ball { opacity: .55; }
.balls.drawn .ball.hit { opacity: 1; outline: 3px solid #34d399; outline-offset: 2px; }
.ball.in { animation: ball-in .35s cubic-bezier(.2, .8, .2, 1); }
@keyframes ball-in { from { transform: translateY(-14px) scale(.6); opacity: 0; } to { transform: none; } }
.draw-result { margin: 0; min-height: 1.4rem; font: 700 .98rem/1.4 var(--mono); color: var(--ink-2); }
.draw-result.win { color: #86efc4; }
.draw-result.lose { color: var(--muted); }
.fam-odds { background: radial-gradient(120% 140% at 0% 0%, rgba(244, 114, 182, .38), rgba(12, 14, 26, .9) 70%); color: #fbcfe8; }
.fam-tickets { background: radial-gradient(120% 140% at 100% 0%, rgba(251, 191, 36, .32), rgba(12, 14, 26, .9) 70%); color: #fde68a; }
.fam-value { background: radial-gradient(120% 140% at 0% 100%, rgba(52, 211, 153, .3), rgba(12, 14, 26, .9) 70%); color: #6ee7b7; }
@media (max-width: 480px) { .ball { width: 2.2rem; height: 2.2rem; font-size: .88rem; } }
.result-grid b { font-size: clamp(1rem, .9rem + .45vw, 1.25rem); overflow-wrap: anywhere; }