/* Temps mort, la ligue entre amis : la préparation, le rapport de l'adjoint, les gestes et l'explication du match
   (ligue-prepa-vue.js, 4/11). Les couleurs viennent de ligue.html. */
/* ---- ta préparation (dans la carte du prochain match) */
.ppPrep{margin-top:.8rem;padding:.75rem .8rem;border-radius:var(--r);background:var(--carte2);border:1px solid var(--trait)}
.ppPrep.rien{border-color:color-mix(in srgb,var(--orange) 55%,transparent);background:color-mix(in srgb,var(--orange) 7%,var(--carte2))}
.ppTete{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}
.ppTete h4{margin:0;font-family:var(--titre);font-weight:800;font-size:1.05rem;letter-spacing:.05em;text-transform:uppercase;color:var(--texte)}
.ppLien{background:none;border:0;padding:.2rem 0;min-height:2.75rem;color:var(--orange2);font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ppVerdict{margin:.45rem 0 .5rem;font-weight:600;color:var(--texte);font-size:.98rem}
.ppVerdict.rien{color:var(--orange2)}
.ppVerdict.pose{color:var(--texte)}
.ppVerdict .plusV{color:var(--vert)}.ppVerdict .moinsV{color:var(--rouge)}
.ppLs{display:grid;gap:.3rem}
.ppL{display:grid;grid-template-columns:5.2rem minmax(0,1fr);column-gap:.6rem;align-items:baseline;padding:.3rem 0;border-top:1px solid var(--trait)}
.ppL:first-child{border-top:0}
.ppL small{font-family:var(--titre);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;color:var(--texte3)}
.ppL b{font-weight:700;color:var(--texte);overflow-wrap:anywhere}
.ppL i{grid-column:2;font-style:normal;font-size:.82rem}
.ppL.adj b{color:var(--texte2)}
.ppEt{color:var(--jaune);font-weight:700}
.ppBof{color:var(--rouge)}
.ppHasard{color:var(--texte3)}
.ppNote{margin-top:.6rem}
.ppNote b{color:var(--texte2)}
/* ---- le rapport de l'adjoint */
.ppRapport h3,.ppGestes h3,.ppExpl h3{margin-bottom:.1rem}
.ppSur{margin:.2rem 0 .6rem;font-size:.95rem}
.ppListe{margin:0;padding-left:1.1rem;display:grid;gap:.4rem;color:var(--texte2);font-size:.95rem;line-height:1.4}
.ppListe li::marker{color:var(--orange)}
.ppListe b{color:var(--texte)}
.ppListe.hab li::marker{color:var(--jaune)}
.ppH4{margin:.9rem 0 .4rem;font-family:var(--titre);font-weight:800;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;color:var(--texte3)}
.ppF5{display:inline-flex;gap:.15rem;vertical-align:.05em;margin-left:.15rem}
.ppF5 i{font-style:normal;font-weight:800;font-size:.8rem}
.ppF5 i.v{color:var(--vert)}.ppF5 i.d{color:var(--rouge)}
.ppMoi{margin:.8rem 0 0;padding:.55rem .7rem;border-radius:var(--r);background:var(--carte2);border-left:3px solid var(--bleu);color:var(--texte2);font-size:.92rem}
.ppMoi b{color:var(--texte)}
.ppCols{display:grid;gap:1rem;margin-top:.6rem}
.ppCol h4{margin:0 0 .4rem;font-family:var(--titre);font-weight:800;font-size:1.05rem;letter-spacing:.03em;text-transform:uppercase;overflow-wrap:anywhere}
@media (min-width:760px){.ppCols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
/* ses habitudes en barres */
.ppHabs{display:grid;gap:.8rem;margin:.6rem 0}
@media (min-width:620px){.ppHabs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.ppHab h5{margin:0 0 .35rem;font-family:var(--titre);font-weight:800;font-size:.95rem;letter-spacing:.05em;text-transform:uppercase;color:var(--texte)}
.ppHab h5 small{font-family:var(--lecture);font-weight:400;letter-spacing:0;text-transform:none;color:var(--texte3);font-size:.8rem;margin-left:.3rem}
.ppBar{display:grid;grid-template-columns:7.5rem minmax(0,1fr) 2rem;align-items:center;gap:.5rem;font-size:.86rem;color:var(--texte2);padding:.12rem 0}
.ppBar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ppBar i{display:block;height:.55rem;border-radius:999px;background:linear-gradient(90deg,var(--jaune) var(--v),var(--trait) var(--v))}
.ppBar b{text-align:right;font-variant-numeric:tabular-nums;color:var(--texte)}
.ppBar.adj{color:var(--texte3)}
.ppBar.adj i{background:linear-gradient(90deg,var(--texte3) var(--v),var(--trait) var(--v))}
/* ---- les gestes */
.ppRes{margin:.2rem 0 .6rem;font-size:.95rem}
.ppMs{list-style:none;margin:.4rem 0 0;padding:0;display:grid;gap:.3rem}
.ppM{display:grid;grid-template-columns:6.4rem minmax(0,1fr) auto auto 3rem;align-items:center;column-gap:.6rem;padding:.4rem .55rem;border-radius:10px;background:var(--carte2);border:1px solid var(--trait);font-size:.9rem;color:var(--texte2)}
.ppM.adj{opacity:.62}
.ppMS{font-variant-numeric:tabular-nums;color:var(--texte3);font-size:.8rem;white-space:nowrap}
.ppMQ{min-width:0;overflow-wrap:anywhere;color:var(--texte)}
.ppMQ small{color:var(--texte3)}
.ppMC{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.ppMC small{color:var(--texte3)}
.ppMI{white-space:nowrap;font-weight:700}
.ppMI.bon{color:var(--vert)}.ppMI.mal{color:var(--texte3)}
.ppG{font-family:var(--titre);font-weight:800;font-size:1.1rem;text-align:right;font-variant-numeric:tabular-nums;color:var(--texte2)}
.ppG.plus{color:var(--vert)}.ppG.moins{color:var(--rouge)}
.ppAdj{font-size:.75rem;text-align:right;color:var(--texte3)}
@media (max-width:620px){
  .ppM{grid-template-columns:minmax(0,1fr) auto;row-gap:.15rem}
  .ppMS{grid-column:1}.ppG,.ppAdj{grid-column:2;grid-row:1}
  .ppMQ{grid-column:1/-1}
  .ppMC{grid-column:1;text-align:left}.ppMI{grid-column:2;text-align:right}
}
/* ---- les tuiles (le tableau de bord) */
.ppTuile{display:grid;gap:.35rem;padding:.6rem .7rem;border-radius:var(--r);background:var(--carte2,#161d27);border:1px solid var(--trait,#1f2834);min-width:0}
.ppTuile.rien{border-color:color-mix(in srgb,var(--orange,#ff7a1a) 55%,transparent)}
.ppT{margin:0;font-family:var(--titre);font-weight:800;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;color:var(--texte,#eef2f7);display:flex;align-items:baseline;justify-content:space-between;gap:0 .5rem;flex-wrap:wrap}
.ppT small{flex:1 1 auto;text-align:right;font-weight:700;letter-spacing:.02em;text-transform:none;color:var(--texte3,#7a8a9e);font-size:.8rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ppKs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}
.ppK{display:grid;gap:.1rem;align-content:start;min-height:max(44px,3.4rem);padding:.35rem .45rem;border-radius:10px;border:1px solid var(--trait2,#2c3746);background:var(--fond2,#0c1016);color:var(--texte,#eef2f7);text-align:left;font:inherit;cursor:pointer;min-width:0}
.ppK small{font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--texte3,#7a8a9e)}
.ppK b{font-size:.9rem;line-height:1.15;overflow-wrap:anywhere}
.ppK i{font-style:normal;font-size:.72rem;color:var(--texte3,#7a8a9e)}
.ppK.et{border-color:color-mix(in srgb,var(--jaune,#ffd23f) 55%,transparent)}
.ppK.et i{color:var(--jaune,#ffd23f)}
.ppK i.bof{color:var(--rouge,#ff3d55)}
.ppK.adj b{color:var(--texte2,#9aa9bb)}
.ppTN{margin:0;font-size:.84rem;line-height:1.35;color:var(--texte2,#9aa9bb)}
.ppTN b{color:var(--texte,#eef2f7)}
.ppTN .plusV{color:var(--vert,#2fd27a)}.ppTN .moinsV{color:var(--rouge,#ff3d55)}
.ppTRL{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.86rem;color:var(--texte2,#9aa9bb)}
.ppTRL b{font-family:var(--titre);font-weight:800;font-size:1.05rem;color:var(--texte,#eef2f7);white-space:nowrap}
.ppTRL b.v{color:var(--vert,#2fd27a)}.ppTRL b.d{color:var(--rouge,#ff3d55)}
.ppTuile .ppLien{min-height:2.75rem;justify-self:start}