/* Temps mort, la ligue entre amis : l'écran Mercato (tb-mercato.js, 5/11). Toutes les classes commencent par « mcx »
   (le 4/11 au soir, deux écrans qui partageaient un nom de classe se sont cassés l'un l'autre). Le cadre (onglets du
   haut, panneaux) reprend la matière de Mon club (ligue-coach.css). Au téléphone couché : un panneau à la fois ; sur un
   écran moyen : deux sur deux ; en 2560 : les quatre côte à côte. */
.mcx{--mcxVert:#2fd27a;--mcxRouge:#ff3d55;--mcxOrange:#ff7a1a}
.mcxOnglets .mcxPt{display:inline-grid;place-items:center;min-width:1.5em;height:1.5em;padding:0 .35em;border-radius:99px;background:var(--mcxOrange);color:#140800;font:800 .8em/1 var(--titre);font-style:normal}
.mcxVue{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:.6em;padding:.6em .75em;overflow:hidden}
.mcxTete{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:.4em 1.2em}
.mcxStatut{flex:1 1 22em;margin:0;font-size:.9em;line-height:1.35;color:var(--texte2)}
.mcxStatut b{color:var(--blanc,#f3f5f8)}
.mcxStatut.ouvert::before{content:"";display:inline-block;width:.55em;height:.55em;margin-right:.5em;border-radius:50%;background:var(--mcxVert);vertical-align:.08em}
.mcxMsg{flex:none;display:flex;align-items:center;gap:.6em;margin:0;padding:.45em .7em;border-left:3px solid var(--mcxVert);background:color-mix(in srgb,var(--mcxVert) 10%,transparent);font-size:.9em}
.mcxMsg.ko{border-left-color:var(--mcxRouge);background:color-mix(in srgb,var(--mcxRouge) 10%,transparent)}
.mcxX{margin-left:auto;min-width:44px;min-height:32px;border:0;background:transparent;color:var(--texte2);font-size:1.2em;cursor:pointer}
/* la jauge : masse salariale et effectif */
.mcxJauge{flex:1 1 20em;display:grid;grid-template-columns:auto minmax(4em,1fr) auto;align-items:center;gap:.3em .8em;font-size:.86em;color:var(--texte2)}
.mcxJauge>i{height:.45em;border-radius:99px;background:linear-gradient(90deg,var(--mcxVert) var(--v),var(--tt2,#2a3644) var(--v))}
.mcxJauge.ko>i{background:linear-gradient(90deg,var(--mcxRouge) var(--v),var(--tt2,#2a3644) var(--v))}
.mcxJauge b{color:var(--blanc,#f3f5f8);font-variant-numeric:tabular-nums}
.mcxJauge small{color:var(--texte3)}
.mcxJT{white-space:nowrap}
/* les panneaux */
.mcxGrille{flex:1 1 auto;min-height:0;display:grid;gap:.75em;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}
.mcxGrille.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mcxGrille.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mcxGrille.n1{grid-template-columns:minmax(0,1fr)}
.mcxPan{min-height:0;min-width:0;display:flex;flex-direction:column;background:var(--tp,#0b1016);border:1px solid var(--tt,#1a2430);border-radius:4px;overflow:hidden}
.mcxPT{flex:none;display:flex;align-items:baseline;justify-content:space-between;gap:.8em;margin:0;padding:.65em .9em;border-bottom:1px solid var(--tt,#1a2430);font:700 .92em/1.1 var(--titre);text-transform:uppercase;letter-spacing:.08em;color:var(--blanc,#f3f5f8)}
.mcxPT small{font:500 .88em/1.2 var(--lecture);text-transform:none;letter-spacing:0;color:var(--texte3);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mcxCorps{container-type:inline-size;flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:.75em .9em;scrollbar-width:thin;display:flex;flex-direction:column;gap:.45em}
.mcxCorps>*{flex:none}
.mcxResume>.mcxJauge,.mcxMienne>.mcxJauge{flex:none}
.mcxH{margin:.6em 0 .1em;font:800 .82em/1.1 var(--titre);text-transform:uppercase;letter-spacing:.08em;color:var(--texte2)}
.mcxH:first-child{margin-top:0}
.mcxH i{display:inline-grid;place-items:center;min-width:1.4em;height:1.4em;margin-left:.3em;border-radius:99px;background:var(--mcxOrange);color:#140800;font-style:normal}
.mcxH small{font:500 .95em var(--lecture);text-transform:none;letter-spacing:0;color:var(--texte3)}
.mcxAide,.mcxVide,.mcxPetit{margin:0;font-size:.86em;line-height:1.4;color:var(--texte3)}
.mcxAide b{color:var(--texte)}
.mcxKo{margin:0;font-size:.86em;color:var(--mcxRouge)}
.mcxOk{margin:0;font-size:.86em;color:var(--mcxVert)}
.mcxLien{border:0;background:none;padding:0;color:var(--mcxOrange);text-decoration:underline;cursor:pointer;font:inherit}
/* (9/11) le lien dans la phrase se touche au doigt : sa zone déborde de 14 px en haut et en bas (17 px de haut sinon) */
.mcxLien{position:relative}
.mcxLien::after{content:"";position:absolute;inset:-14px -6px}
.mcxBts{display:flex;flex-wrap:wrap;gap:.45em;margin-top:.2em}
.mcxBts .bt{min-height:44px}
/* une ligne de joueur */
.mcxJ{display:grid;grid-template-columns:2.4em 2.7em minmax(0,1fr) auto;align-items:center;gap:.6em;width:100%;min-height:46px;padding:.3em .55em;border:1px solid var(--tt,#1a2430);border-radius:4px;background:var(--tp2,#111922);color:var(--texte);text-align:left;font:inherit}
button.mcxJ{cursor:pointer}
button.mcxJ:hover{border-color:var(--texte3)}
button.mcxJ:focus-visible{outline:2px solid var(--mcxOrange);outline-offset:1px}
.mcxJ.choisi{border-color:var(--mcxOrange);background:color-mix(in srgb,var(--mcxOrange) 12%,var(--tp2,#111922));box-shadow:inset 3px 0 0 var(--mcxOrange)}
.mcxJ[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.mcxJ>em{grid-column:3/-1;font-style:normal}
.mcxSans{grid-template-columns:minmax(0,1fr)}
.mcxNote{display:grid;place-items:center;height:2em;font:800 1.05em/1 var(--titre);background:var(--tt2,#2a3644);color:var(--blanc,#f3f5f8);clip-path:polygon(.22em 0,100% 0,calc(100% - .22em) 100%,0 100%)}
.mcxNote.bon{background:#3a4c63}.mcxNote.haut{background:#d4a017;color:#1a1300}
.mcxNom{min-width:0;display:flex;flex-direction:column}
.mcxNom b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mcxNom small{font-size:.8em;color:var(--texte3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mcxPrix{font:700 .9em var(--titre);color:var(--texte2);font-variant-numeric:tabular-nums;white-space:nowrap}
/* une proposition */
.mcxCarte{display:flex;flex-direction:column;gap:.45em;padding:.6em .65em;border:1px solid var(--tt2,#2a3644);border-left:4px solid var(--c1);border-radius:4px;background:var(--tp2,#111922)}
.mcxCarte header{display:flex;flex-wrap:wrap;align-items:center;gap:.4em .6em;min-width:0}
.mcxCarte header>span:nth-child(2){flex:1 1 12em;min-width:0;display:flex;flex-direction:column}
.mcxCarte header small{font-size:.8em;color:var(--texte3)}
.mcxBl{flex:none;display:inline-grid;place-items:center;min-width:2.6em;height:2em;padding:0 .3em;background:var(--c1);color:var(--t);font:800 .9em/1 var(--titre);text-transform:uppercase;clip-path:polygon(.3em 0,100% 0,calc(100% - .3em) 100%,0 100%)}
.mcxBl small{font-size:.7em;opacity:.8}
.mcxDeux{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6em}
.mcxDeux>div{min-width:0;display:flex;flex-direction:column;gap:.3em}
.mcxDeux>div>small{font:700 .78em var(--titre);text-transform:uppercase;letter-spacing:.06em;color:var(--texte3)}
.mcxFin{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.3em;font-size:.85em}
.mcxFin li{display:flex;flex-wrap:wrap;gap:.2em .5em;color:var(--texte2)}
.mcxFin i{font-style:normal;color:var(--texte3)}
.mcxFin i.ok{color:var(--mcxVert)}
/* (5/11) au doigt, les lignes des dernières réponses étaient à 18 px l'une de l'autre : la zone agrandie d'un nom (12 px
   au-dessus, ligue-tableau.css) couvrait le nom de la ligne du dessus, qu'on ne pouvait plus toucher. Une ligne de 44 px
   par réponse, des zones qui ne se chevauchent plus */
@media (pointer:coarse){.mcxFin{gap:0}.mcxFin li{min-height:44px;align-items:center;row-gap:1.2em}.mcxFin .tbxFiche::after{inset:-10px -4px}}
/* proposer */
.mcxClubs{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5em,1fr));gap:.4em}
.mcxClub{display:flex;align-items:center;gap:.5em;min-height:46px;padding:.25em .5em;border:1px solid var(--tt2,#2a3644);border-radius:4px;background:var(--tp2,#111922);color:var(--texte);font:inherit;text-align:left;cursor:pointer;min-width:0}
.mcxClub>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9em}
.mcxClub.choisi{border-color:var(--mcxOrange);box-shadow:inset 3px 0 0 var(--mcxOrange)}
.mcxResume{display:flex;flex-direction:column;gap:.4em;padding:.6em .65em;border:1px solid var(--tt2,#2a3644);border-top:3px solid var(--mcxOrange);background:#000;font-size:.92em}
.mcxResume p{margin:0}
.mcxChoix{margin-top:.2em}
/* les joueurs libres */
.mcxMienne{display:flex;flex-direction:column;gap:.35em;padding:.6em .65em;border:1px solid var(--tt2,#2a3644);border-top:3px solid var(--mcxVert);background:#000}
.mcxCherche{display:flex;align-items:center;gap:.6em;font-size:.86em;color:var(--texte3)}
.mcxCherche input{flex:1 1 auto;min-width:0;min-height:44px;padding:.3em .7em;border:1px solid var(--tt2,#2a3644);border-radius:4px;background:#000;color:var(--texte);font:inherit;font-size:1.05em}
.mcxListe{display:flex;flex-direction:column;gap:.3em}
/* l'historique */
.mcxHisto{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.4em}
.mcxHisto li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2em .6em;padding:.45em .55em;border:1px solid var(--tt,#1a2430);border-radius:4px;background:var(--tp2,#111922);font-size:.9em;line-height:1.35}
.mcxHisto li.ko{opacity:.75;border-style:dashed}
.mcxHisto li>small{grid-column:2;color:var(--texte3);font-size:.85em}
.mcxHisto i{font-style:normal;color:var(--texte3)}
.mcxTag{align-self:start;padding:.2em .45em;background:var(--mcxOrange);color:#140800;font:800 .75em/1.1 var(--titre);text-transform:uppercase;letter-spacing:.05em}
.mcxTag.libre{background:var(--mcxVert);color:#04140b}
.mcxTx b{white-space:nowrap}
@container (max-width:26em){.mcxDeux{grid-template-columns:minmax(0,1fr)}}
/* les tailles d'écran : un panneau à la fois au téléphone couché, deux sur deux sur un écran moyen, quatre en 2560 */
.mcxOnglets{display:none}
@media (max-width:1800px){.mcxGrille{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1000px),(max-height:620px){
  .mcxOnglets{display:flex}
  .mcxGrille,.mcxGrille.n1,.mcxGrille.n2,.mcxGrille.n3{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr)}
  .mcxPan:not(.choisi){display:none}
  .mcxPT{display:none}
  .mcxTete{gap:.3em .8em}
  .mcxStatut{font-size:.82em;flex-basis:100%}
  .mcxJauge{font-size:.8em}
  .mcxClubs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;scrollbar-width:none;padding-bottom:.1em}
  .mcxClub{min-height:44px}
}
@media (max-height:420px){.mcxTete>.mcxJauge{display:none}.mcxVue{padding:.45em .6em;gap:.45em}}
@media (prefers-reduced-motion:no-preference){.mcxHisto li{animation:mcxEntre .35s ease-out both;animation-delay:calc(var(--k,0) * 30ms)}}
@keyframes mcxEntre{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
/* (5/11) « Fiche » à côté de chaque joueur : la ligne choisit le joueur pour l'échange, le bouton ouvre ses stats */
.mcxJW{display:flex;align-items:stretch;gap:4px}
.mcxJW>.mcxJ{flex:1 1 auto;min-width:0}
.mcxJW>.mcxFi{flex:none;display:grid;place-items:center;min-width:44px;padding:0 .5em;background:var(--tp2,#111922);border:1px solid var(--tt,#1a2430);color:var(--texte2,#aab4c0);font:700 .78em var(--titre,inherit);text-transform:uppercase;letter-spacing:.04em;cursor:pointer}
.mcxJW>.mcxFi:hover,.mcxJW>.mcxFi:focus-visible{color:var(--blanc,#fff);border-color:var(--orange,#ff7a1a)}
/* (5/11, Mathias : « souci de responsive sur la partie téléphone du mercato ») au téléphone couché, la fermeture du
   mercato et la phrase d'en tête prenaient presque tout l'écran : la liste des joueurs tenait dans 116 px. Sur un écran
   bas, la fermeture tient en une ligne (le compte à rebours ; les derniers échanges restent dans Mouvements), la
   phrase d'en tête disparaît (elle redit la date), et la vue défile en entier si le panneau manque encore de place. */
@media (max-height:620px){
  .mcx .jrxLimite{display:flex;align-items:center;gap:.6em;margin:0;padding:.35em .6em;border-radius:8px}
  .mcx .jrxLimN,.mcx .jrxLimF,.mcx .jrxLimT>span{display:none}
  .mcx .jrxLimT{flex-direction:row;align-items:baseline;gap:.6em}
  .mcx .jrxLimT .jrxCompte,.mcx .jrxLimT b{font-size:1.1em}
  .mcxVue>.mcxStatut,.mcxTete>.mcxStatut{display:none}
  .mcxVue{overflow:auto;overscroll-behavior:contain}
  .mcxGrille{flex:1 0 auto;min-height:max(240px,62vh)}
}

/* ------------------------------------------------------------------ (6/11) lisible : voir, choisir, répondre d'un coup d'œil
   Une ligne de joueur : la note, le poste dans sa colonne (Mathias le 5/11 : « on voit plus les postes »), le nom en
   entier, puis l'attaque et la défense, le vrai club et l'âge ; le prix et la valeur à droite. */
.mcxSr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mcxPoste{font:800 .95em/1 var(--titre);color:var(--blanc,#f3f5f8);text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}
.mcxNom b{white-space:normal;line-height:1.15}
.mcxNom small{font-size:max(12px,.8em)}
.mcxNom small .b3-ad{color:var(--texte2,#aab4c0);font-weight:700}
.mcxPrix{text-align:right}
/* une proposition : les boutons dans l'en-tête */
.mcxCarte header>.mcxBts{margin:0 0 0 auto}
.mcxCarte header small{font-size:max(12px,.8em)}
.mcxDeux>div>small{font-size:max(12px,.78em)}
/* proposer : les listes d'abord, le bilan collé en bas du panneau */
.mcxResume{position:sticky;bottom:-.75em;z-index:2;margin-top:.2em;box-shadow:0 -10px 18px rgba(0,0,0,.55)}
.mcxResume.vide{border-top-color:var(--tt2,#2a3644)}
.mcxRL{display:flex;flex-wrap:wrap;align-items:center;gap:.3em 1em}
.mcxRL>p{margin:0}
.mcxBil b,.mcxApres b{font:800 1.15em/1 var(--titre);color:var(--blanc,#f3f5f8);font-variant-numeric:tabular-nums}
.mcxBil small,.mcxApres small{color:var(--texte3)}
.mcxApres{color:var(--texte2)}
.mcxApres.ko,.mcxApres.ko b{color:var(--mcxRouge)}
.mcxRL>.mcxBts{margin:0 0 0 auto}
.mcxRp{margin:.1em 0 0}
.mcxRp .tbxRpC{display:flex;flex-direction:column;gap:.4em;padding:.2em 0 .3em}
.mcxRp .tbxRpC p{margin:0}
.mcxResume .vlxNote,.mcxRp .vlxNote{margin:0;font-size:max(12px,.82em);color:var(--texte3)}
/* le budget en une ligne, à côté des onglets (téléphone couché) */
.mcxHaut{flex:none;display:flex;align-items:stretch;min-width:0;background:#000}
.mcxHaut>.tbmOnglets{flex:1 1 auto;min-width:0}
.mcxBud{display:none;flex:none;align-self:center;margin:0;padding:0 .9em;font-size:max(12px,.82em);color:var(--texte2);white-space:nowrap}
.mcxBud b{font:800 1.15em/1 var(--titre);color:var(--blanc,#f3f5f8);font-variant-numeric:tabular-nums}
.mcxBud small{color:var(--texte3)}
/* trois panneaux sur un écran large : Proposer, où l'on choisit, prend la place */
@media (min-width:1001px) and (min-height:621px){.mcxGrille.n3{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,.8fr)}}
@media (max-width:1000px),(max-height:620px){
  .mcxHaut{border-bottom:1px solid var(--tt2)}
  .mcxHaut>.tbmOnglets{border-bottom:0}
  .mcxHaut>.tbmOnglets button{padding:0 .9em}
  .mcxCorps{padding:.5em .6em;gap:.35em}
  .mcxResume{bottom:-.5em;padding:.45em .55em}
  .mcxJ{min-height:44px;padding:.2em .45em;gap:.45em}
  .mcxNote{height:1.8em}
}
/* au téléphone couché, la fermeture du mercato passe dans cette ligne (« Ferme dans 3 j 0 h ») : le bloc de la fermeture
   (déjà réduit à son compte à rebours le 5/11) laisse sa place ; les panneaux défilent à l'intérieur, le bilan d'un
   échange reste collé en bas */
@media (max-height:420px){
  /* (9/11) les onglets d'abord : sur un téléphone étroit (667 px et moins), la ligne du budget prenait la place et
     « Proposer » et « Mouvements » passaient dessous. Les onglets gardent leur largeur ; du budget, on montre ce qui
     tient en entier (la fermeture d'abord, puis la masse, puis le nombre de joueurs), le reste passe sous la ligne. */
  .mcxHaut>.tbmOnglets{flex:0 1 auto}
  .mcxBud{display:flex;flex:1 1 0;flex-wrap:wrap;justify-content:flex-end;align-content:flex-start;align-self:center;gap:0 .9em;min-width:0;height:1.5em;line-height:1.5;overflow:hidden;padding:0 .7em}
  .mcxBud>span{flex:none}
  .mcxFerme b{color:var(--or,#ffd23f)}
  .mcx .mcxVue>.jrxLimite{display:none}
  .mcxGrille{flex:1 1 auto;min-height:220px}
}
.mcxPoste{justify-self:center;min-width:2.3em;padding:.25em .3em;border:1px solid var(--tt2,#2a3644);border-radius:99px}

/* ------------------------------------------------------------------ (6/11) lisible : le marché d'avant le lancement
   (ligue-ui.js, vueMarche). Le poste précis dans sa pastille ; en 2560 la liste sur deux colonnes et ton effectif à
   côté ; au téléphone couché, le résumé en une ligne et les filtres sur une ligne qui défile. */
.marche .jr .poste{width:auto;min-width:2.3rem;padding:0 .45rem;border-radius:99px;font-variant-numeric:tabular-nums;color:var(--texte)}
.marche .jr .qui b{white-space:normal}
.resume small{font-size:max(12px,.72rem)}
@media (min-width:1600px){
  .marche{grid-template-columns:minmax(0,1fr) 24rem}
  .marche>div:first-child>.liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,34rem),1fr));gap:.5rem}
}
@media (max-height:620px) and (orientation:landscape){
  .tbxEcran .resume{gap:.2rem 1.2rem;align-items:center}
  .tbxEcran .resume>div:not(.jauge){display:flex;align-items:baseline;gap:.4rem}
  .tbxEcran .resume b{font-size:1.3rem}
  .tbxEcran .resume .jauge{margin-top:0}
  .tbxEcran .aide{margin:.2rem 0 .4rem}
  .filtres{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem}
  .filtres input{flex:0 1 14rem;min-width:8rem;min-height:44px}
  .filtres .tri{flex:none;min-height:44px}
  .puces{flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:.1rem}
  .puces::-webkit-scrollbar{display:none}
  .puces .puce{flex:none;min-height:44px}
  .marche .jr{padding:.35rem .6rem;gap:.55rem}
  /* (9/11, « pour une meilleure expérience ») le premier écran du marché ne montrait aucun joueur : l'avis de fermeture,
     le résumé, l'aide, la recherche et les filtres (sur deux lignes : la ligne du 6/11 se repliait encore) prenaient
     les 375 px. La recherche, le tri et les filtres tiennent maintenant sur une seule ligne (les filtres glissent),
     l'avis et l'aide se resserrent : deux à trois joueurs se voient en arrivant. */
  .tbxEcran .filtres{flex-wrap:nowrap}
  .tbxEcran .filtres input{flex:0 0 10rem;min-width:0}
  .tbxEcran .avis.fermeMarche{margin:0 0 .4rem;padding:.3rem .7rem;font-size:max(12px,.82rem);line-height:1.3}
  .tbxEcran .resume{margin-bottom:.4rem;padding-top:.45rem;padding-bottom:.5rem}
  .tbxEcran .aide{margin-bottom:.3rem;font-size:.88rem}
  .tbxEcran .aide summary{padding:.8rem 0}
  .tbxEcran.ancien:has(.marche){padding-top:.6em}
}
/* (6/11) au téléphone couché, le bilan collé en bas tient en deux rangs : ce que tu donnes et reçois, ta masse après,
   les deux boutons à droite ; puis le bilan au moteur et « Le détail » côte à côte */
@media (max-height:620px){
  .mcxResume{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.25em .8em;font-size:.88em}
  .mcxResume>*{grid-column:1/-1}
  .mcxResume>.vlxBilan{grid-column:1;margin:0}
  .mcxResume>.mcxRp{grid-column:2;margin:0;border-top:0}
  .mcxResume>.mcxRp[open]{grid-column:1/-1}
  .mcxResume>.mcxRp:not([open]) .tbxRpR{display:none}
  .mcxRL{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.1em .8em}
  .mcxRL>.mcxBts{grid-column:2;grid-row:1/3;margin:0;flex-wrap:nowrap}
  .mcxResume.vide{grid-template-columns:minmax(0,1fr) auto}
  .mcxResume.vide>.mcxAide{grid-column:1}
  .mcxResume.vide>.mcxRp{grid-column:2}
}
/* (6/11) aucun texte sous 12 px dans le mercato (pastilles, titres de liste, « Fiche », étiquettes, valeur au moteur) */
.mcx .vlx{font-size:max(12px,1em)}
.mcxHisto li>small{font-size:max(12px,.85em)}
.mcxFin{font-size:max(12px,.85em)}
.mcxH{font-size:max(12px,.82em)}
.mcxJW>.mcxFi{font-size:max(12px,.78em)}
.mcxTag{font-size:max(12px,.75em)}
.mcxOnglets .mcxPt{font-size:max(12px,.8em)}
.mcxBud small{font-size:max(12px,.9em)}
.mcx .vlxPile .vlx,.marche .jr .vlx{font-size:max(12px,1em)}
.mcxH small,.mcxJauge small{font-size:max(12px,.95em)}
.mcxBil small,.mcxApres small{font-size:max(12px,.85em)}
.mcxResume .bt.petit,.mcxCarte .bt.petit{font-size:max(12px,.8rem)}
.mcxPT small{font-size:max(12px,.88em)}
/* (6/11) « Tu reçois » et « Tu donnes » l'un sous l'autre dès que chaque colonne n'a plus la place d'un nom entier
   (la colonne Propositions en 2560 : les noms disparaissaient derrière le prix) */
@container (max-width:40em){.mcxDeux{grid-template-columns:minmax(0,1fr)}}
/* une colonne étroite (Propositions sur une tablette) : le prix et la valeur passent sous le nom, le nom reste entier */
@container (max-width:24em){
  .mcxJ{grid-template-columns:2.4em 2.7em minmax(0,1fr)}
  .mcxJ>.vlxPile,.mcxJ>.mcxPrix{grid-column:3;justify-self:start}
  .mcxJ>.vlxPile{flex-direction:row;align-items:baseline;gap:.8em}
}
/* (6/11) un panneau prend la hauteur de son contenu (au plus celle de l'écran, puis il défile) : un panneau presque vide
   (Mouvements, Proposer avant le choix d'un club) n'est plus un grand cadre vide */
.mcxGrille{align-items:start}
.mcxPan{max-height:100%}

/* ------------------------------------------------------------------ (11/11) la liste des transferts (tb-mercato.js,
   panListe) : l'étiquette « Sur la liste » et « Proposer » sous le nom d'un joueur, un club par bloc. Sur un écran
   moyen, la liste prend la colonne de droite sur toute la hauteur, Mouvements passe sous Propositions ; Proposer garde
   sa largeur. */
.mcxJ>.mcxLT,.mcxJ>.mcxLP{grid-column:3/-1;justify-self:start}
.mcxLT{padding:.1em .55em;border-radius:99px;background:rgba(255,122,26,.16);color:var(--mcxOrange);font:700 max(12px,.72em)/1.35 var(--titre);text-transform:uppercase;letter-spacing:.05em}
.mcxLP{color:var(--mcxOrange);font:700 max(12px,.78em)/1.2 var(--titre);text-transform:uppercase;letter-spacing:.05em}
.mcxLP::after{content:" \203A"}
.mcxLc{display:flex;flex-direction:column;gap:.35em;margin:0 0 .7em}
.mcxLc>.mcxH{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4em;margin:0}
.mcxLc>.mcxH small{font-weight:500;text-transform:none;letter-spacing:0;color:var(--texte3)}
@media (min-width:1001px) and (max-width:1800px) and (min-height:621px){
  .mcxGrille.n4{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);grid-template-rows:auto auto;grid-template-areas:"pr po li" "mv po li"}
  .mcxGrille.n4>[data-mcx="propositions"]{grid-area:pr}
  .mcxGrille.n4>[data-mcx="proposer"]{grid-area:po}
  .mcxGrille.n4>[data-mcx="liste"]{grid-area:li}
  .mcxGrille.n4>[data-mcx="mouvements"]{grid-area:mv}
}
@media (min-width:1801px){.mcxGrille.n4{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr) minmax(0,.8fr)}}

/* ------------------------------------------------------------------ (11/11 au soir) ce que chaque coach cherche
   (tb-mercato.js, panListe, chercheHtml), les postes en un toucher et sa phrase ; un échange accepté qui attend le coup
   d'envoi (panPropositions) ; les agents libres revenus (cinq panneaux : sur un écran moyen, Agents libres sous la liste
   des transferts, Mouvements sous Propositions). */
.mcxCh{display:flex;flex-wrap:wrap;align-items:center;gap:.3em .4em;margin:0;font-size:.9em}
.mcxChT{color:var(--texte3);font:700 max(12px,.78em)/1.2 var(--titre);text-transform:uppercase;letter-spacing:.05em}
.mcxChP{padding:.1em .55em;border-radius:99px;background:color-mix(in srgb,var(--mcxVert) 16%,transparent);color:var(--mcxVert);font:700 max(12px,.76em)/1.35 var(--titre);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.mcxChX{flex:1 1 100%;color:var(--texte);font-style:italic;overflow-wrap:anywhere}
.mcxChX::before{content:"\00AB\00A0"}
.mcxChX::after{content:"\00A0\00BB"}
.mcxPostes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.mcxPo{min-height:44px;padding:0 .2em;border:1px solid var(--tt2,#2a3644);border-radius:4px;background:var(--tp2,#111922);color:var(--texte2,#aab4c0);font:700 max(12px,.82em)/1.1 var(--titre);text-transform:uppercase;cursor:pointer}
.mcxPo.choisi{border-color:var(--mcxVert);background:color-mix(in srgb,var(--mcxVert) 14%,transparent);color:var(--blanc,#fff)}
.mcxPo:focus-visible{outline:2px solid var(--mcxOrange);outline-offset:2px}
.mcxVeut{display:flex;flex-wrap:wrap;align-items:center;gap:.5em;margin:.4em 0 .8em}
.mcxVeut>label{flex:1 1 14em;min-width:0;display:flex}
.mcxVeut input{flex:1 1 auto;min-width:0;min-height:44px;padding:.3em .7em;border:1px solid var(--tt2,#2a3644);border-radius:4px;background:#000;color:var(--texte);font:inherit}
.mcxVeut>.mcxBts{flex:none;margin:0}
.mcxAtt{display:flex;flex-direction:column;gap:.3em;margin:0 0 .6em;padding:.55em .65em;border:1px solid var(--tt2,#2a3644);border-left:3px solid var(--mcxVert);background:#000}
.mcxAtt>p{margin:0}
@media (min-width:1001px) and (max-width:1800px) and (min-height:621px){
  .mcxGrille.n5{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);grid-template-rows:auto auto;grid-template-areas:"pr po li" "mv po lb"}
}
@media (min-width:1801px){.mcxGrille.n5{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;grid-template-areas:"pr po li lb" "mv po li lb"}}
@media (min-width:1001px) and (min-height:621px){
  .mcxGrille.n5>[data-mcx="propositions"]{grid-area:pr}
  .mcxGrille.n5>[data-mcx="proposer"]{grid-area:po}
  .mcxGrille.n5>[data-mcx="liste"]{grid-area:li}
  .mcxGrille.n5>[data-mcx="libres"]{grid-area:lb}
  .mcxGrille.n5>[data-mcx="mouvements"]{grid-area:mv}
}