/* Solo Home TOP/FLOP; non modifica la pagina Top & Flop */
#max-home-topflop{background:#0e171a;color:#e7f0ec;padding:12px 8px 16px;border-radius:12px;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;width:100%;}
#max-home-topflop *,#max-home-topflop *::before,#max-home-topflop *::after{box-sizing:border-box}
#max-home-topflop .mhtf-title{font-size:24px;font-weight:800;color:#f6c774;letter-spacing:1px;text-align:center;margin:0 0 12px}
#max-home-topflop .mhtf-controls{display:flex;gap:8px;justify-content:center;margin-bottom:9px}
#max-home-topflop .mhtf-controls button{font:700 13px Arial,sans-serif;border:1px solid #58716e;border-radius:7px;background:#21373b;color:#e8f3ee;padding:10px 26px;cursor:pointer}
#max-home-topflop .mhtf-controls button.is-active{background:#f6c774;color:#112023;border-color:#f6c774}
#max-home-topflop .mhtf-subtitle{text-align:center;font-size:12px;color:#afc8be;margin-bottom:14px}
#max-home-topflop .mhtf-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
#max-home-topflop .mhtf-col{background:#18292d;border:1px solid #345054;border-radius:12px;min-width:0;padding:12px 10px}
#max-home-topflop .mhtf-col h3{font:bold 17px Arial,sans-serif;text-align:center;color:#8de0ae;margin:0 0 6px}
#max-home-topflop .mhtf-col:last-child h3{color:#ff9999}
#max-home-topflop .mhtf-info{font:11px Arial,sans-serif;display:flex;justify-content:space-between;gap:4px;flex-wrap:wrap;padding:6px 2px;color:#e3eadc}
#max-home-topflop .mhtf-info b{color:#f6c774}
#max-home-topflop .mhtf-pitch{height:530px;display:flex;flex-direction:column;justify-content:space-around;position:relative;overflow:hidden;border:0!important;border-radius:5px}
#max-home-topflop .mhtf-green{background:repeating-linear-gradient(180deg,#287a49 0%,#287a49 20%,#246d40 20%,#246d40 40%)}
#max-home-topflop .mhtf-red{background:repeating-linear-gradient(180deg,#aa3c43 0%,#aa3c43 20%,#8c313b 20%,#8c313b 40%)}
#max-home-topflop .mhtf-pitch:before{content:'';position:absolute;inset:10px 12px;border:2px solid #ffffff66;pointer-events:none}
#max-home-topflop .mhtf-pitch:after{content:'';position:absolute;width:110px;height:110px;border:2px solid #ffffff55;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}
#max-home-topflop .mhtf-row{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-around;gap:2px}
#max-home-topflop .mhtf-player{min-width:0;max-width:25%;flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;font:11px Arial,sans-serif;text-shadow:0 2px 2px #000}
#max-home-topflop .mhtf-player img{height:58px;width:56px;max-width:100%;object-fit:contain;filter:drop-shadow(0 2px 3px #0009)}
#max-home-topflop .mhtf-player strong,#max-home-topflop .mhtf-player span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#max-home-topflop .mhtf-player span{font-size:10px;color:#ffe5ad}
#max-home-topflop .mhtf-player em{font:normal 10px Arial,sans-serif;margin-top:3px;padding:2px 6px;border-radius:10px;background:#0a1617cb;color:white}
#max-home-topflop .mhtf-empty{color:#e2c5b7;font:13px Arial,sans-serif;padding:30px 8px;text-align:center}
@media(max-width:700px){#max-home-topflop .mhtf-fields{grid-template-columns:1fr}#max-home-topflop .mhtf-pitch{height:460px}}

/* V2: i campi occupano l'intera larghezza disponibile nell'oggetto HTML. */
#max-home-topflop {max-width:1140px;margin:0 auto;}
#max-home-topflop .mhtf-fields {width:100%;}
#max-home-topflop .mhtf-player {max-width:none;}
#max-home-topflop .mhtf-pitch {width:100%;}
@media(min-width:900px) {
 #max-home-topflop .mhtf-fields {gap:22px;}
 #max-home-topflop .mhtf-col {padding:14px;}
 #max-home-topflop .mhtf-player img {height:63px;width:60px;}
}

/* V3 - impostazione come il campo centrale della pagina TOP & FLOP */
#max-home-topflop{width:100%;max-width:none;padding:8px 4px 18px;overflow:visible!important}
#max-home-topflop .mhtf-title{margin:0 0 8px;font-size:24px}
#max-home-topflop .mhtf-controls{margin-bottom:7px}
#max-home-topflop .mhtf-subtitle{margin-bottom:9px}
#max-home-topflop .mhtf-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:stretch}
#max-home-topflop .mhtf-col{min-width:0;padding:10px 9px 12px}
#max-home-topflop .mhtf-pitch{height:505px;border:0!important;border-radius:6px}
#max-home-topflop .mhtf-row{flex:1;min-height:0}
#max-home-topflop .mhtf-player{font-size:11px;justify-content:center;min-width:0;max-width:none}
#max-home-topflop .mhtf-player img{width:61px;height:60px}
#max-home-topflop .mhtf-player strong{font-size:11px}
#max-home-topflop .mhtf-player span{font-size:10px}
#max-home-topflop .mhtf-pitch:before{inset:14px 14px 16px}
@media(max-width:660px){#max-home-topflop .mhtf-fields{grid-template-columns:1fr}#max-home-topflop .mhtf-pitch{height:505px}}

/* V4: menu moduli indipendenti TOP e FLOP, nella riga del vecchio modulo. */
#max-home-topflop .mhtf-modulo-label{display:inline-flex;align-items:center;gap:5px;font:11px Arial,sans-serif;color:#e3eadc;white-space:nowrap}
#max-home-topflop .mhtf-modulo{min-width:78px;max-width:95px;border:1px solid #557477;border-radius:5px;padding:3px 5px;background:#102226;color:#f6c774;font:700 11px Arial,sans-serif;cursor:pointer}
#max-home-topflop .mhtf-modulo:focus-visible{outline:2px solid #f6c774;outline-offset:2px}