/* Risultati condivisi; i due frontend forniscono i propri token. */
.app { --accent: var(--acc); --accent-soft: var(--acc-soft); --text: var(--ink); }
.sito { --accent: var(--ls-arancio); --accent-soft: color-mix(in srgb, var(--ls-arancio) 16%, var(--ls-carbone)); --text: var(--ls-carta); }
.numeri-scelta { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1rem; }
.numeri-scelta a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .5rem .875rem; border: 1px solid var(--news-line); border-radius: 999px; background: var(--news-bg); color: var(--news-ink); font-size: .875rem; font-weight: 650; text-decoration: none; }
.numeri-scelta a:hover, .numeri-scelta a:focus-visible { border-color: var(--accent); color: var(--news-ink); text-decoration: none; }
.numeri-card { scroll-margin-top: 6rem; }
.numeri-risultato { margin: 1.25rem 0; }
.numeri-palline { display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; margin: .5rem 0 1rem; list-style: none; }
.numeri-pallina { display: grid; place-items: center; flex: none; width: 2.5rem; height: 2.5rem; border: 1px solid var(--news-line); border-radius: 50%; color: var(--news-ink); background: var(--news-bg); font-size: 1.125rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.numeri-pallina--oro, .numeri-estratto--oro { border-color: #e7ae29; background: #f9df8e; color: #29200e; }
.numeri-pallina--stella { background: #dfecfb; border-color: #8aaacf; color: #213d61; }
.numeri-etichetta { margin: 1rem 0 .375rem; font-size: .875rem; font-weight: 700; }
.numeri-ruote { width: 100%; color: var(--news-ink); --bs-table-color: var(--news-ink); --bs-table-bg: transparent; --bs-table-border-color: var(--news-line); font-size: .875rem; }
.numeri-ruote th, .numeri-ruote td { padding: .65rem .125rem; vertical-align: middle; }
.numeri-ruote th { width: 6.25rem; }
.numeri-estratto { display: inline-grid; place-items: center; width: 1.8rem; height: 1.8rem; margin: .125rem .2rem .125rem 0; border-radius: 50%; border: 1px solid var(--news-line); font-weight: 700; font-variant-numeric: tabular-nums; }
.numeri-estratto--oro { border-color: #e7ae29; }
.numeri-card [data-numeri-stato] { color: var(--news-muted); font-size: .875rem; }
.numeri-cruscotto { display: flex; align-items: center; gap: 1rem; padding: 1rem 1.125rem; margin: 1rem 0; border: 1px solid var(--news-line); border-radius: 11px; background: var(--news-bg); color: var(--news-ink); }
.numeri-cruscotto__testo { flex: 1; min-width: 0; }
.numeri-cruscotto .kicker { font-size: .75rem; letter-spacing: 0; text-transform: none; }
.numeri-conto { flex: none; margin: 0; font-size: 1.75rem; line-height: 1.1; font-weight: 750; font-variant-numeric: tabular-nums; letter-spacing: -.025em; }
[data-numeri-prossima] { color: var(--news-muted); font-size: .8125rem; line-height: 1.45; }
.numeri-badge { display: inline-flex; align-items: center; gap: .375rem; border-radius: 999px; background: var(--accent-soft); color: var(--text); padding: .3rem .65rem; font-size: .75rem; font-weight: 650; }
.numeri-card__azioni { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; padding-top: .625rem; margin-top: 1rem; border-top: 1px solid var(--news-line); }
.numeri-card__fonte { display: inline-flex; align-items: center; gap: .375rem; min-height: 44px; font-size: .8125rem; color: var(--news-muted); text-decoration: none; }
.numeri-card__fonte:hover { color: var(--accent); text-decoration: underline; }
.numeri-storico { display: contents; }
.numeri-storico > [data-storico] { flex-basis: 100%; width: 100%; margin-top: .5rem; }
.numeri-storico [data-storico-elenco] { max-height: 36rem; overflow: auto; overscroll-behavior: contain; }
.numeri-storico-riga { padding: 1rem 0; border-top: 1px solid var(--news-line); }
.numeri-storico-riga .numeri-pallina { width: 2rem; height: 2rem; font-size: .95rem; }
.numeri-storico-riga .numeri-palline { gap: .375rem; }
.numeri-avvisi { scroll-margin-top: 5rem; }
.numeri-avvisi fieldset { min-width: 0; }
.numeri-preferenza { display: flex; align-items: center; gap: .875rem; padding: .875rem 0; margin: 0; min-height: 56px; border-bottom: 1px solid var(--news-line); }
.numeri-preferenza .form-check-input { float: none; flex: none; margin: 0; width: 2.5em; height: 1.4em; cursor: pointer; }
.numeri-preferenza .form-check-label { flex: 1; cursor: pointer; font-size: .9375rem; }
.numeri-preferenza .small { margin-top: .25rem; color: var(--news-muted); }
.numeri-avvisi .form-check-input:checked { background-color: var(--accent); border-color: var(--accent); }
.numeri-avvisi h2 { margin-bottom: .75rem; }
.numeri-avvisi legend { margin-block: .75rem; }
.smorfia-griglia { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill,minmax(135px,1fr)); gap: .625rem; }
.smorfia-griglia li { display: flex; align-items: center; gap: .625rem; padding: .75rem; }
.smorfia-griglia span { font-size: .875rem; overflow-wrap: anywhere; }
.smorfia-griglia .numeri-pallina { width: 2rem; height: 2rem; font-size: 1rem; }
.numeri-sistema { display: flex; align-items: center; gap: .875rem; margin-top: 1.25rem; padding: 1rem 1.125rem; color: var(--news-ink); text-decoration: none; }
.numeri-sistema > i:first-child { font-size: 1.375rem; color: var(--news-muted); }
.numeri-sistema > span { flex: 1; }
.numeri-sistema strong, .numeri-sistema small { display: block; }
.numeri-sistema small { color: var(--news-muted); margin-top: .125rem; }
.numeri-sistema:hover { color: var(--news-ink); text-decoration: none; border-color: var(--accent); }
.numeri-note { color: var(--news-muted); font-size: .8125rem; margin: 1.25rem 0 0; }
[data-statistiche-panel] .table-responsive { max-height: 24rem; overflow: auto; overscroll-behavior: contain; }
[data-statistiche-panel] thead { position: sticky; top: 0; z-index: 1; background: var(--news-bg); }
[data-statistiche-panel] th, [data-statistiche-panel] td { font-size: .875rem; }
.app [data-generatore-form] .btn { width: 100%; }
@media (max-width: 359.98px) { .numeri-ruote th { width: 4.5rem; } .numeri-estratto { width: 1.6rem; height: 1.6rem; margin-right: .1rem; } }
/* Due colonne bilanciate sul computer (niente buchi tra schede di altezze diverse); sul telefono l'ordine di sempre. */
.numeri-colonna { display: contents; }
#gioco-superenalotto { order: 1; } #gioco-10elotto-5min { order: 2; } #gioco-lotto { order: 3; } #gioco-10elotto-serale { order: 4; } #gioco-millionday { order: 5; }
@media (min-width: 992px) {
  .sito [data-numeri].notizie-griglia { align-items: start; }
  .sito [data-numeri] .numeri-colonna { display: flex; flex-direction: column; gap: 1.25rem; min-width: 0; }
}