.lotto-games.big { font-size: 1rem; line-height: 1.4; color: var(--fg); }
.lotto-games:empty { display: none; }
.lotto-games { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.lotto-games li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.lotto-games .tag { width: 20px; color: var(--faint); font-weight: 600; }
.ball { display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; border: 2px solid transparent; font-weight: 600; font-variant-numeric: tabular-nums; }
.ball.b1 { background: var(--card); color: var(--accent); border-color: var(--accent); }
.ball.b2 { background: var(--accent); color: var(--on-accent); }
.ball.b3 { background: color-mix(in srgb, var(--warn) 16%, var(--card)); color: var(--fg); border-color: var(--warn); }
.ball.b4 { background: var(--bg); color: var(--fg); border-color: var(--line); }
.ball.b5 { background: color-mix(in srgb, var(--good) 16%, var(--card)); color: var(--fg); border-color: var(--good); }
#fallback { min-height: 120px; }