/* ARTEFATTO GENERATO da simulatore/web/trasporta_formattatori.mjs
   sorgente: simulatore/web/stile.css
   ogni selettore e' stato prefissato con '.sim-pannello': queste regole valgono SOLO
   dentro il pannello e non possono ridipingere il resto della pagina. */
.sim-pannello{--fondo:#0e1116;--carta:#171c24;--linea:#2a3240;--testo:#e6eaf2;--tenue:#98a3b6;
--misurato-gara:#4ea8de;--misurato-fondo:#57cc99;--modello:#f4a261;--prior:#c77dff;--allarme:#e5646e}.sim-pannello{box-sizing:border-box}.sim-pannello{margin:0;background:var(--fondo);color:var(--testo);
font:16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.sim-pannello header,.sim-pannello main,.sim-pannello footer{max-width:820px;margin:0 auto;padding:16px}.sim-pannello h1{margin:0;font-size:1.4rem;letter-spacing:.01em}.sim-pannello .sottotitolo{color:var(--tenue);margin:.3rem 0 1rem}.sim-pannello select{background:var(--carta);color:var(--testo);border:1px solid var(--linea);
border-radius:8px;padding:.5rem .6rem;font-size:1rem;width:100%;max-width:26rem}.sim-pannello label{display:block;color:var(--tenue);font-size:.85rem;margin-bottom:.25rem}.sim-pannello section{background:var(--carta);border:1px solid var(--linea);border-radius:14px;
padding:16px;margin:16px 0}.sim-pannello h2{margin:0 0 .6rem;font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:var(--tenue)}.sim-pannello h3{margin:.8rem 0 .3rem;font-size:.85rem;color:var(--tenue)}.sim-pannello .contesto{color:var(--tenue);margin:.2rem 0 .6rem;font-size:.9rem}.sim-pannello /* LA RISPOSTA E' LA COSA PIU' PESANTE DELLA PAGINA,.sim-pannello non solo la piu' grande.
   Fino al 03/08/2026 era 1,.sim-pannello 35rem con peso 400,.sim-pannello mentre «BOX NOW» e «Pit» erano a 700:
   dominava per dimensione e perdeva per peso. KPI P4,.sim-pannello mock approvato dal PO. */
.risposta{font-size:1.35rem;line-height:1.45;margin:.2rem 0 .6rem;font-weight:700}.sim-pannello /* L'occhiello dice COSA si sta guardando: e' la sola risposta che il motore da' bene,.sim-pannello validata a +/-2 posizioni,.sim-pannello e la riga non lo diceva da nessuna parte. */
.occhiello{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tenue);margin:.4rem 0 0}.sim-pannello .pannello.respinto .risposta{color:var(--allarme);font-size:1.05rem}.sim-pannello .soppressione{color:var(--allarme);font-size:.85rem;margin:.2rem 0}.sim-pannello .nota{color:var(--tenue);font-size:.82rem;display:block;margin-top:.2rem}.sim-pannello .nota.allarme{color:var(--allarme)}.sim-pannello /* L'AVVISO DEL CANCELLO precede i numeri della banda e ne ha il peso visivo:
   quando l'intervallo da solo inganna,.sim-pannello la riserva non può essere una nota a
   piè di pagina — chi legge ha già preso il numero per buono. */
.nota.avviso-livello{border-left:3px solid var(--allarme);padding:.4rem .6rem;
margin:.1rem 0 .5rem;background:color-mix(in srgb,var(--allarme) 10%,transparent);
border-radius:0 6px 6px 0;font-size:.84rem}.sim-pannello /* la targhetta della finestra: spiega perché non è un intervallo di confidenza */
.nota.finestra{border-left:3px solid var(--modello);padding:.3rem .6rem;margin-top:.4rem}.sim-pannello /* le quantità: ogni numero è un bottone che apre la sua targhetta */
.quantita{position:relative;background:none;border:none;border-bottom:1px dashed currentColor;
color:inherit;font:inherit;padding:0 .05em;cursor:pointer;font-variant-numeric:tabular-nums}.sim-pannello .quantita.natura-misurato_questa_gara{color:var(--misurato-gara)}.sim-pannello .quantita.natura-misurato_fondo{color:var(--misurato-fondo)}.sim-pannello .quantita.natura-modello_dichiarato{color:var(--modello)}.sim-pannello .quantita.natura-prior_esterno{color:var(--prior)}.sim-pannello .quantita.soppressa{color:var(--allarme);border-bottom-style:dotted}.sim-pannello .quantita .targhetta{display:none}.sim-pannello .quantita.aperta .targhetta{display:block;position:absolute;left:0;top:calc(100% + 6px);
z-index:5;width:min(22rem,72vw);white-space:pre-line;background:#0b0e13;color:var(--testo);
border:1px solid var(--linea);border-radius:10px;padding:.55rem .7rem;font-size:.78rem;
line-height:1.4;text-align:left;box-shadow:0 8px 24px #0009}.sim-pannello .mescole{display:flex;gap:.4rem;flex-wrap:wrap;margin:.6rem 0}.sim-pannello .mescola{background:#0b0e13;color:var(--testo);border:1px solid var(--linea);
border-radius:999px;padding:.35rem .8rem;font:inherit;font-size:.85rem;cursor:pointer}.sim-pannello .mescola.scelta{border-color:var(--misurato-fondo);color:var(--misurato-fondo)}.sim-pannello .mescola.spenta{opacity:.4;cursor:not-allowed;text-decoration:line-through}.sim-pannello /* le mescole si mostrano e non si scelgono: niente cursore da comando,.sim-pannello niente
   evidenza al passaggio del mouse. Sono un'informazione,.sim-pannello e devono sembrarlo. */
.mescola.sola-lettura{cursor:default}.sim-pannello details.perche{margin-top:.6rem;border-top:1px solid var(--linea);padding-top:.5rem}.sim-pannello summary{cursor:pointer;color:var(--tenue);font-size:.85rem}.sim-pannello .voce{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline;
padding:.35rem 0;border-bottom:1px dotted var(--linea);font-size:.9rem}.sim-pannello .assunzioni{margin-top:.6rem}.sim-pannello .assunzione{display:flex;gap:.5rem;align-items:baseline;font-size:.82rem;color:var(--tenue);padding:.2rem 0}.sim-pannello .grafico,.sim-pannello .pista-svg{width:100%;height:auto;display:block;overflow:visible}.sim-pannello /* la banda del GRAFICO. Il selettore era `.banda` senza ambito,.sim-pannello e `banda` è
   anche il nome del blocco di testo del pannello: l'opacità pensata per un
   riempimento SVG cadeva su tutte le riserve della banda di posizione — la
   copertura,.sim-pannello il circuito sotto livello,.sim-pannello il «non è una probabilità di sorpasso»
   — rendendole fantasmi al 18%. Le cautele erano scritte e illeggibili. */
.grafico .banda{fill:var(--prior);opacity:.18}.sim-pannello /* LA FINESTRA: i giri che il motore non distingue dall'ottimo. Sta sotto la
   curva e non deve competere con la linea: colore del modello,.sim-pannello molto tenue. */
.grafico .finestra{fill:var(--modello);opacity:.13}.sim-pannello .linea{fill:none;stroke:var(--modello);stroke-width:2.5}.sim-pannello .minimo circle{fill:var(--misurato-fondo)}.sim-pannello .minimo line{stroke:var(--misurato-fondo);stroke-dasharray:3 3}.sim-pannello .tacca line,.sim-pannello .tacca-y line{stroke:var(--linea)}.sim-pannello .tacca text,.sim-pannello .tacca-y text{font-size:11px}.sim-pannello .pista{fill:none;stroke:var(--linea);stroke-width:10}.sim-pannello .traguardo{stroke:var(--testo);stroke-width:3}.sim-pannello .corsia-box{fill:none;stroke:var(--tenue);stroke-width:5;stroke-dasharray:6 5}.sim-pannello .punto.reale circle{fill:var(--tenue);opacity:.5}.sim-pannello .punto.fantasma circle{fill:none;stroke:var(--modello);stroke-width:2.5}.sim-pannello .punto.mio.fantasma circle{fill:var(--modello);fill-opacity:.35;stroke-width:3}.sim-pannello .punto.in-corsia circle{stroke:var(--prior)}.sim-pannello .punto text{fill:var(--testo);font-size:11px}.sim-pannello .lettura{font-size:.9rem;margin:.4rem 0 0}.sim-pannello footer p{color:var(--tenue);font-size:.8rem}.sim-pannello code{background:#0b0e13;padding:.1rem .3rem;border-radius:4px}.sim-pannello /* ── perche' quel numero di soste: il confronto che il motore fa ─────────────
   Sta in un <details> CHIUSO e in corpo piccolo di proposito: e' una
   spiegazione,.sim-pannello e KPI P4 chiede che la risposta a due giri resti l'elemento
   dominante. Un blocco che compete con la risposta sposterebbe l'attenzione
   sulla cosa su cui il motore e' meno validato. */
.perche-soste{ margin-top: .6rem; font-size: .82rem; }.sim-pannello .perche-soste summary{ cursor: pointer; color: var(--tenue); }.sim-pannello .perche-soste .alternative{ border-collapse: collapse; margin: .4rem 0; }.sim-pannello .perche-soste .alternative th,.sim-pannello .perche-soste .alternative td{ padding: .1rem .6rem .1rem 0; text-align: left; font-weight: 400; }.sim-pannello .perche-soste .alternative th{ color: var(--tenue); font-size: .78rem; }.sim-pannello .perche-soste .alternative tr.scelta td{ font-weight: 700; }.sim-pannello .perche-soste .limite-perche{ margin-top: .4rem; }