/* Solo modulo centrale Formazioni in Campo, nessun selettore del template X5 */
#mf-onfield{--panel:#20383c;--deep:#102629;--mint:#9ce8e9;--gold:#ffc36a;box-sizing:border-box;width:100%;max-width:1190px;margin:16px auto 35px;padding:14px;color:#fff;font:14px/1.5 Arial,Helvetica,sans-serif;background:#102629;text-align:center;clear:both}
#mf-onfield *{box-sizing:border-box}
#mf-onfield .mfo-hero{padding:25px 14px;background:#172f32;border:1px solid #39575d;border-radius:18px;margin-bottom:20px}
#mf-onfield .mfo-eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:3px;color:var(--mint)}
#mf-onfield .mfo-hero h2{color:var(--gold);font:800 40px/1.2 Arial,Helvetica,sans-serif;margin:8px 0;text-transform:uppercase}
#mf-onfield .mfo-hero p{color:#fff;font-size:14px;margin:0}
#mf-onfield .mfo-panel{background:var(--panel);border:1px solid #39575d;border-radius:18px;padding:15px}
#mf-onfield .mfo-toolbar{display:flex;justify-content:center;align-items:end;gap:16px;flex-wrap:wrap;padding:15px;margin:0 0 20px;background:#243f43;border:1px solid #456065;border-radius:12px}
#mf-onfield .mfo-toolbar label{color:var(--mint);font-weight:700;display:flex;flex-direction:column;gap:5px;text-align:left}
#mf-onfield .mfo-toolbar select{background:var(--deep);color:#fff;border:1px solid #4a676d;border-radius:8px;min-height:42px;padding:8px 12px;font-size:14px;min-width:130px}
#mf-onfield .mfo-toolbar .mfo-day{color:var(--gold);padding-bottom:9px;font-weight:700}
#mf-onfield .mfo-print{display:inline-block;margin-left:auto;padding:10px 12px;background:var(--deep);border:1px solid #456065;border-radius:8px;color:var(--mint);text-decoration:none;font-weight:700}
#mf-onfield .matchonfield{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;max-width:100%;margin:0 auto 22px;padding:14px;background:#1b3337;border:1px solid #466066;border-radius:15px}
#mf-onfield .headerincontro,#mf-onfield .headerincontroGP{grid-column:1/-1;display:grid;grid-template-columns:70px 1fr 40px 1fr 70px;gap:12px;align-items:center;min-height:85px;background:var(--deep);border:1px solid #456065;border-radius:10px;padding:10px 16px;position:relative}
#mf-onfield .headerincontroGP{grid-template-columns:70px 1fr}
#mf-onfield .headerincontro img,#mf-onfield .headerincontroGP img{display:block;object-fit:contain;width:62px!important;height:62px!important;margin:auto;position:static;max-width:100%}
#mf-onfield .headerincontro .nomesqcasa,#mf-onfield .headerincontro .nomesqfuori,#mf-onfield .headerincontroGP .nomesqcasa{position:static;float:none;display:block;margin:0;color:var(--gold);font-size:20px;font-weight:800;line-height:1.3}
#mf-onfield .headerincontro .nomesqcasa{text-align:right;grid-column:2;grid-row:1}
#mf-onfield .headerincontro .nomesqfuori{text-align:left;grid-column:4;grid-row:1}
#mf-onfield .headerincontro .logocasa{grid-column:1;grid-row:1}#mf-onfield .headerincontro .logofuori{grid-column:5;grid-row:1}
#mf-onfield .headerincontro:before{content:'VS';grid-column:3;grid-row:1;color:var(--mint);font-size:12px;font-weight:800}
#mf-onfield .mfo-matchmeta{grid-column:1/-1;grid-row:2;color:var(--mint);font-size:12px;font-weight:700}
#mf-onfield .mfo-side{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;float:none!important;width:auto!important;height:auto!important;position:static!important;margin:0!important;background:transparent!important}
#mf-onfield .mfo-side-heading{font-size:16px;font-weight:800;color:var(--gold);background:var(--deep);padding:10px;border-radius:8px}
#mf-onfield .modulo{color:var(--mint);font-size:13px;font-weight:700;text-align:center;position:static!important;width:auto!important;height:auto!important;line-height:1.4;padding:4px}
#mf-onfield .titolari{background:repeating-linear-gradient(180deg,#367c29 0,#367c29 50px,#428e31 50px,#428e31 100px)!important;border:4px solid #8cbd6e;border-radius:9px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.4);display:flex!important;flex-direction:column!important;justify-content:space-evenly!important;gap:6px!important;padding:12px 5px!important;min-height:390px;min-width:0;width:100%!important;height:auto!important;position:static!important;float:none!important;margin:0!important}
#mf-onfield .tit{display:flex!important;justify-content:space-evenly!important;gap:4px;align-items:end;min-height:75px;height:auto!important;width:100%!important;position:static!important;float:none!important;margin:0!important;left:auto!important;top:auto!important;bottom:auto!important;right:auto!important}
#mf-onfield .titruolo{display:flex!important;flex-direction:column!important;align-items:center;justify-content:end;position:static!important;float:none!important;flex:1 1 0;min-width:0;max-width:125px;width:auto!important;height:auto!important;margin:0!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important}
#mf-onfield .titruolo img{display:block;position:static!important;object-fit:contain;width:auto!important;max-width:52px!important;height:54px!important;margin:0 auto}
#mf-onfield .nomegio{display:block!important;position:static!important;width:auto!important;max-width:100%!important;min-height:18px;height:auto!important;margin:2px auto 0!important;padding:2px 4px!important;font:700 11px/1.2 Arial,Helvetica,sans-serif!important;color:#fff!important;background:#102629!important;white-space:normal!important;overflow-wrap:anywhere;text-shadow:none;text-align:center;border-radius:3px}
#mf-onfield .panchinari,#mf-onfield .panchinarifuori{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:7px!important;position:static!important;float:none!important;width:auto!important;height:auto!important;margin:0!important;padding:12px 8px!important;background:#102629!important;border:1px solid #456065;border-radius:10px}
#mf-onfield .mfo-bench-title{width:100%;color:var(--gold);font-weight:800;font-size:12px;letter-spacing:1px;text-align:center}
#mf-onfield .pancruolo{display:flex!important;flex-direction:column!important;align-items:center!important;position:static!important;float:none!important;width:65px!important;height:auto!important;min-height:83px;margin:0!important;padding:3px!important;left:auto!important;top:auto!important;color:#fff!important}
#mf-onfield .pancruolo img{display:block;width:auto!important;max-width:45px!important;height:48px!important;object-fit:contain}
#mf-onfield .pancruolo div{font:700 10px/1.2 Arial,Helvetica,sans-serif!important;color:#fff!important;overflow-wrap:anywhere}
#mf-onfield .mfo-communications{margin-top:3px;padding:12px;background:#172f32;border:1px solid #456065;border-radius:10px;min-height:88px;text-align:left}
#mf-onfield .mfo-communications h4{margin:0 0 6px;color:var(--gold);font:800 13px Arial,Helvetica,sans-serif}
#mf-onfield .mfo-communications p{margin:0;color:#e7f1ef;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}
#mf-onfield .mfo-error{color:#fff;padding:20px}
@media(max-width:780px){#mf-onfield .matchonfield{grid-template-columns:minmax(0,1fr)}#mf-onfield .headerincontro{grid-template-columns:46px 1fr 25px 1fr 46px;padding:7px;gap:5px}#mf-onfield .headerincontro img{width:42px!important;height:42px!important}#mf-onfield .headerincontro .nomesqcasa,#mf-onfield .headerincontro .nomesqfuori{font-size:14px}#mf-onfield .mfo-hero h2{font-size:29px}#mf-onfield .mfo-print{margin-left:0}}

/* V2: anche la formazione ospite va letta nell'ordine corretto:
   portiere in alto, difensori, centrocampisti e attaccanti in basso. */
#mf-onfield .sqfuori .titolari{
  flex-direction:column-reverse!important;
}
/* I giocatori all'interno delle linee restano nello stesso ordine orizzontale. */
#mf-onfield .sqfuori .titolari > .tit{
  flex-direction:row!important;
}

/* V3: campi uguali e nominativi leggibili su una riga */
#mf-onfield .matchonfield{align-items:start!important;}
#mf-onfield .mfo-side{min-width:0!important;align-self:stretch!important;}
#mf-onfield .titolari{height:460px!important;min-height:460px!important;max-height:460px!important;overflow:hidden!important;justify-content:space-evenly!important;}
#mf-onfield .tit{flex:1 1 0!important;min-height:0!important;align-items:center!important;}
#mf-onfield .titruolo{max-width:none!important;min-width:0!important;}
#mf-onfield .nomegio,
#mf-onfield .pancruolo>div:not(.mfo-bench-title){white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:normal!important;word-break:normal!important;max-width:100%!important;display:block!important;}
#mf-onfield .nomegio{font-size:10px!important;line-height:16px!important;height:19px!important;}
#mf-onfield .pancruolo{width:73px!important;min-width:0!important;}
#mf-onfield .pancruolo>div:not(.mfo-bench-title){width:100%!important;font-size:10px!important;line-height:15px!important;}
#mf-onfield .panchinari,#mf-onfield .panchinarifuori{align-content:flex-start!important;}


/* V4 - quattro fasce tattiche di pari altezza, senza alterare l'ordine dei reparti */
#mf-onfield .titolari{
  justify-content:initial!important;
  gap:0!important;
  padding:7px 5px!important;
}
#mf-onfield .titolari > .tit{
  flex:1 1 0!important;
  height:25%!important;
  min-height:0!important;
  max-height:none!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
}
#mf-onfield .titolari > .tit > .titruolo{
  justify-content:center!important;
}
/* Nessuna modifica al carattere dei giocatori in campo. */
#mf-onfield .panchinari .pancruolo,
#mf-onfield .panchinarifuori .pancruolo{width:77px!important;}
#mf-onfield .panchinari .pancruolo>div:not(.mfo-bench-title),
#mf-onfield .panchinarifuori .pancruolo>div:not(.mfo-bench-title){
  white-space:nowrap!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow:visible!important;
  font-size:9px!important;
  line-height:1.2!important;
  letter-spacing:-.15px!important;
  max-width:none!important;
}


/* V5 - Sei riserve per riga, per entrambe le fantasquadre.
   Grid forza sempre 6 colonne, anche con cognomi lunghi. */
#mf-onfield .panchinari,
#mf-onfield .panchinarifuori{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px 3px!important;
  align-items:start!important;
  justify-items:center!important;
  align-content:start!important;
  padding:12px 6px!important;
}
#mf-onfield .panchinari .mfo-bench-title,
#mf-onfield .panchinarifuori .mfo-bench-title{
  grid-column:1 / -1!important;
  width:100%!important;
  text-align:center!important;
}
#mf-onfield .panchinari .pancruolo,
#mf-onfield .panchinarifuori .pancruolo{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:2px 1px!important;
}
#mf-onfield .panchinari .pancruolo>div:not(.mfo-bench-title),
#mf-onfield .panchinarifuori .pancruolo>div:not(.mfo-bench-title){
  width:100%!important;
  max-width:100%!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
  overflow:visible!important;
  text-align:center!important;
}

/* V9: ritorno al posizionamento funzionante della V5. Nessuna CSS Grid nei titolari.
   Altezza 460px e quattro fasce da 25% in entrambi i campi. */
#mf-onfield .matchonfield .sqcasa .titolari,
#mf-onfield .matchonfield .sqcasaGP .titolari {
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  height:460px!important;
  min-height:460px!important;
  max-height:460px!important;
  gap:0!important;
  padding:7px 5px!important;
}
#mf-onfield .matchonfield .sqfuori .titolari {
  display:flex!important;
  flex-direction:column-reverse!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  height:460px!important;
  min-height:460px!important;
  max-height:460px!important;
  gap:0!important;
  padding:7px 5px!important;
}
#mf-onfield .matchonfield .titolari > .tit {
  display:flex!important;
  flex:0 0 25%!important;
  height:25%!important;
  min-height:0!important;
  max-height:25%!important;
  width:100%!important;
  justify-content:space-evenly!important;
  align-items:center!important;
  gap:4px!important;
  margin:0!important;
  padding:0!important;
}
#mf-onfield .matchonfield .titolari > .tit > .titruolo {
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}

/* V10: l'ordine dei reparti viene normalizzato dal JS: niente inversione CSS. */
#mf-onfield .matchonfield .sqfuori .titolari,
#mf-onfield .matchonfield .sqcasa .titolari,
#mf-onfield .matchonfield .sqcasaGP .titolari {
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
#mf-onfield .matchonfield .titolari > .tit {
  flex:0 0 25%!important;
  height:25%!important;
  min-height:0!important;
}