/* Vue « Intuitif » (intuitif.js), chargée par la preview seule : la liste du
   soir façon tableau, photos des joueurs, et la fiche en une page. Rien ne
   défile de côté, de 320 à 1440 px. */
.wrap.iv-wrap{max-width:1120px}
.iv{display:flex;flex-direction:column}
.iv-tete{margin:2px 0 12px}
/* En-tête épuré : la bascule NBA | Tennis (SportIv) et la vue (VueIv) sur une
   ligne, puis « Ce soir », ses matchs et la fraîcheur des données sur une autre */
.iv-haut{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}
.iv-sport{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--s800);border-radius:999px;background:var(--s900)}
.iv-sport-b{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 14px;border-radius:999px;
  font:700 14.5px/1 var(--f);color:var(--s300);text-decoration:none;white-space:nowrap;transition:.15s}
.iv-sport a.iv-sport-b:hover{color:#fff;background:var(--s800)}
.iv-sport-b.on{background:#4ade80;color:#0a0a0c}
.iv-sport a.iv-sport-b:focus-visible{outline:2px solid #4ade80;outline-offset:2px}
.iv-l1{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}
.iv-h1{font-size:clamp(24px,6vw,30px);font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.1}
.iv-l1-m{font-size:15px;font-weight:700;color:var(--s300);white-space:nowrap}
.iv-l1-d{font-size:13.5px;font-weight:700;color:#facc15;white-space:nowrap}
.iv-maj{display:inline-flex;align-items:center;gap:7px;margin-left:auto;font-size:13px;color:var(--s400);white-space:nowrap}
.iv-maj .hero-live-dot{flex:none}
@media(max-width:360px){.iv-sport-b{padding:0 11px;font-size:14px}}
.iv-h2{font-size:16px;font-weight:800;color:#fff;margin:0 0 10px}
.iv-h3{font-size:16px;font-weight:800;color:#fff;margin:0 0 10px}
.iv-vide{color:var(--s400);font-size:14px;padding:18px 4px;text-align:center}

/* Stats : quatre boutons et « Autres », sur une ligne */
.iv-stats{display:grid;gap:6px;margin:4px 0 10px}
.iv-stats>button,.iv-stats-s{position:relative;min-height:42px;min-width:0;border-radius:12px;border:1px solid var(--s700);background:var(--s900);
  color:var(--s300);font:700 14px/1.1 var(--f);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;
  padding:0 4px;white-space:nowrap;overflow:hidden;transition:background .15s,border-color .15s,color .15s}
.iv-stats>button:hover,.iv-stats-s:hover{border-color:var(--s600);color:#fff}
.iv-stats>button.on,.iv-stats-s.on{background:#4ade80;border-color:#4ade80;color:#06210f}
.iv-stats>button:focus-visible,.iv-stats-s:focus-within{outline:2px solid #4ade80;outline-offset:2px}
.iv-stats-s select{appearance:none;-webkit-appearance:none;position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;
  color:inherit;font:inherit;text-align:center;text-align-last:center;padding:0 12px 0 2px;cursor:pointer;color-scheme:dark;outline:none;text-overflow:ellipsis}
.iv-stats-ch{position:absolute;right:5px;font-size:10px;pointer-events:none;opacity:.7}
.iv-stats .mu-cad{position:absolute;top:3px;right:5px;font-size:9px;margin:0;opacity:.85}
.iv-stats-c{display:none}
@media(max-width:360px){.iv-stats-l{display:none}.iv-stats-c{display:inline}.iv-stats>button,.iv-stats-s{font-size:13px}
  .iv-stats-s select{font-size:12px;padding:0 9px 0 1px}.iv-stats-ch{right:3px}}

/* Match et recherche */
.iv-outils{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-bottom:10px}
.iv-outils>:only-child{grid-column:1/-1}
@media(max-width:360px){.iv-outils{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.iv-outils .iv-sel select,.iv-outils .iv-q input{font-size:13px}
  .iv-outils .iv-sel select{padding:0 22px 0 10px}.iv-outils .iv-q input{padding:0 8px 0 30px}.iv-outils .iv-sel-ch{right:8px}.iv-outils .iv-q-i{left:9px}}
@media(min-width:900px){.iv-outils{grid-template-columns:300px minmax(0,420px)}}
.iv-sel,.iv-q{position:relative;display:flex;align-items:center;min-width:0}
.iv-sel select,.iv-q input{width:100%;height:42px;border-radius:12px;border:1px solid var(--s700);background:var(--s900);color:#fff;
  font:600 15px var(--f);color-scheme:dark}
.iv-sel select{appearance:none;-webkit-appearance:none;padding:0 28px 0 12px;cursor:pointer;text-overflow:ellipsis}
.iv-sel-ch{position:absolute;right:11px;font-size:12px;color:var(--s400);pointer-events:none}
.iv-q input{padding:0 12px 0 34px}
.iv-q input::placeholder{color:var(--s500)}
.iv-q-i{position:absolute;left:11px;font-size:14px;pointer-events:none;opacity:.8}
.iv-sel select:focus-visible,.iv-q input:focus-visible{outline:2px solid #4ade80;outline-offset:1px}

/* Filtres rapides */
.iv-rap{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.iv-rap button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--s700);
  background:var(--s900);color:var(--s300);font:600 14px var(--f);cursor:pointer;transition:.15s}
.iv-rap button:hover{border-color:var(--s600);color:#fff}
.iv-rap button.on{border-color:#4ade80;color:#4ade80;background:rgba(74,222,128,.1)}
.iv-rap button b{font-family:var(--m);color:#fff;font-weight:800}
.iv-rap button.on b{color:#4ade80}
.iv-rap button:focus-visible{outline:2px solid #4ade80;outline-offset:2px}
/* Gratuit : « Très favorables », leur nombre et le cadenas, en argument de vente */
.iv-rap button.vente{border-color:rgba(74,222,128,.55);background:rgba(74,222,128,.10);color:#fff;
  box-shadow:0 0 0 3px rgba(74,222,128,.08)}
.iv-rap button.vente b{color:#4ade80}
.iv-rap-cad{font-size:13px}
@media(max-width:400px){.iv-rap{gap:5px}.iv-rap button{min-height:34px;padding:0 10px;gap:5px;font-size:13.5px}}

/* Photos */
.iv-ph{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden}
.iv-ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0;transform:scale(1.18);transform-origin:50% 8%}
.iv-ph-i{font:800 15px var(--m);color:#fff;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.5)}

/* Les trois meilleurs */
.iv-top{margin:2px 0 16px}
.iv-top-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.iv-top-c{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:14px 6px 12px;
  border-radius:16px;border:1px solid var(--s800);background:linear-gradient(180deg,#16161b,var(--s950));color:#fff;cursor:pointer;
  font-family:var(--f);transition:border-color .15s,transform .15s}
.iv-top-c:hover{border-color:rgba(74,222,128,.5);transform:translateY(-1px)}
.iv-top-c:focus-visible{outline:2px solid #4ade80;outline-offset:2px}
.iv-top-r{position:absolute;top:6px;left:8px;font-size:17px;line-height:1}
/* Nom et affiche : une colonne qui rétrécit avant l'anneau ; un nom long
   tient sur deux lignes au plus (Gilgeous-Alexander), jamais sur l'anneau */
.iv-top-t{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;max-width:100%;margin-top:4px}
.iv-top-n{max-width:100%;font-weight:800;font-size:15.5px;line-height:1.15;text-align:center;overflow:hidden;overflow-wrap:anywhere;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.iv-top-s{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px 6px;font-size:13.5px;color:var(--s400);font-weight:600;white-space:nowrap}
.iv-top-s .iv-tag{font-size:11px;padding:0 6px}
.iv-top-sc{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:4px;font-size:12.5px;font-weight:700;flex:none}
/* Ordinateur : photo, nom et affiche, anneau sur une ligne, sans retour */
@media(min-width:900px){.iv-top-c{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;column-gap:12px;padding:14px 12px}
  .iv-top-c>.iv-ph{width:72px!important;height:72px!important;flex:none}
  .iv-top-t{flex:1 1 auto;align-items:flex-start;margin-top:0}
  .iv-top-n{text-align:left}
  .iv-top-s{justify-content:flex-start}
  .iv-top-sc{margin-top:0}}

/* La liste */
.iv-liste{display:flex;flex-direction:column;gap:6px;scroll-margin-top:64px}
.iv-th{position:sticky;top:52px;z-index:5;background:rgba(10,10,12,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  padding:6px 0;margin-bottom:2px}
@media(max-width:899px){.iv-th{top:0}}
.iv-th-m{display:flex;align-items:center;gap:8px}
.iv-th-n{flex:1;min-width:0;font-weight:800;color:#fff;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iv-th-s{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--s400);font-weight:600}
.iv-th-s select{height:34px;max-width:150px;border-radius:10px;border:1px solid var(--s700);background:var(--s900);color:#fff;
  font:600 14px var(--f);padding:0 8px;color-scheme:dark;cursor:pointer}
.iv-th-sens{width:34px;height:34px;border-radius:10px;border:1px solid var(--s700);background:var(--s900);color:#fff;cursor:pointer;font-size:13px}
.iv-th-s select:focus-visible,.iv-th-sens:focus-visible{outline:2px solid #4ade80;outline-offset:1px}
@media(max-width:380px){.iv-th-s>span{display:none}}
.iv-th-d{display:none}
.iv-r{position:relative;border:1px solid var(--s800);background:var(--s900);border-radius:14px;transition:border-color .15s,background .15s}
.iv-r:hover{border-color:var(--s700);background:#16161b}
.iv-r.fav{border-color:rgba(74,222,128,.35)}
.iv-r.out{opacity:.6}
.iv-r-b{display:grid;width:100%;box-sizing:border-box;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;
  padding:10px 10px 10px 12px;gap:8px 10px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"j sc" "hr hr";align-items:center;border-radius:14px}
.iv-r.out .iv-r-b{cursor:default;grid-template-areas:"j j"}
.iv-r-b:focus-visible{outline:2px solid #4ade80;outline-offset:2px}
.iv-r-j{grid-area:j;display:flex;align-items:center;gap:10px;min-width:0}
.iv-r-id{display:flex;flex-direction:column;gap:3px;min-width:0}
.iv-r-n{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;min-width:0}
.iv-r-nom{font-weight:800;font-size:16px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.iv-suivi{flex:none;display:inline-flex;width:13px;height:13px}
.iv-suivi svg{width:13px;height:13px;fill:#f472b6}
.iv-tag{flex:none;font-size:12px;font-weight:700;padding:1px 7px;border-radius:999px;border:1px solid var(--s600);color:var(--s300);white-space:nowrap}
.iv-tag.inc{border-color:rgba(250,204,21,.5);color:#facc15}
.iv-tag.off{border-color:rgba(74,222,128,.5);color:#4ade80}
.iv-tag.out{border-color:rgba(248,113,113,.5);color:#f87171}
.iv-m{display:flex;align-items:center;gap:5px;font-size:13.5px;color:var(--s400);font-weight:600;white-space:nowrap;min-width:0}
.iv-m .eq-nom{display:none}
.iv-at{color:var(--s500);font-weight:700;font-size:13.5px}
.iv-h{color:var(--s400);font-weight:600}
.iv-r-l2{display:flex;gap:10px;font-size:13.5px;color:var(--s400);white-space:nowrap}
.iv-r-l2 b{color:#fff;font-family:var(--m);font-weight:800;font-size:14.5px}
.iv-r-l2:empty{display:none}
.iv-r-ln,.iv-r-moy{display:none}
.iv-r-hr{grid-area:hr;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.iv-c{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0;border-radius:9px;padding:5px 1px}
.iv-c .iv-k{font-size:11.5px;color:var(--s400);font-weight:600;white-space:nowrap}
.iv-c b{font-family:var(--m);font-size:15px;font-weight:800;line-height:1.15;white-space:nowrap}
.iv-c.v{background:rgba(255,255,255,.03)}
.iv-c.v b{font-size:12.5px;opacity:.55}
.iv-r-sc{grid-area:sc;display:flex;align-items:center}
.iv-plus{margin:8px auto 0;padding:11px 18px;border-radius:12px;border:1px solid var(--s700);background:var(--s900);color:#fff;
  font:700 14px var(--f);cursor:pointer}
.iv-plus:hover{border-color:#4ade80}
.iv-plus:focus-visible{outline:2px solid #4ade80;outline-offset:2px}
/* Sept cases sur une ligne : plus serrées sur les petits téléphones */
@media(max-width:380px){.iv-r-hr{gap:3px}.iv-c b{font-size:13.5px}.iv-c .iv-k{font-size:10.5px}}
@media(max-width:350px){.iv-c b{font-size:12.5px}.iv-c .iv-k{font-size:9.5px;letter-spacing:-.15px}.iv-r-b{padding:9px 8px}}

/* Ordinateur : une ligne par joueur, sous les en-têtes de colonnes */
@media(min-width:900px){
  .iv-th-m{display:none}
  .iv-th-d{display:grid;grid-template-columns:minmax(0,1fr) 62px 62px 470px 64px;gap:10px;align-items:center;padding:0 10px 0 12px}
  .iv-th-j{font-weight:800;color:#fff;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .iv-th-hr{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
  .iv-th-b{display:inline-flex;align-items:center;justify-content:center;gap:3px;height:30px;border-radius:8px;border:0;background:none;
    color:var(--s400);font:700 13px var(--f);cursor:pointer;white-space:nowrap;padding:0 2px}
  .iv-th-b:hover{color:#fff;background:rgba(255,255,255,.05)}
  .iv-th-b.on{color:#4ade80;background:rgba(74,222,128,.08)}
  .iv-th-b:focus-visible{outline:2px solid #4ade80;outline-offset:1px}
  .iv-th-f{font-size:10px}
  .iv-th-sc{justify-self:center}
  .iv-r-b{grid-template-columns:minmax(0,1fr) 62px 62px 470px 64px;grid-template-areas:"j ln moy hr sc";padding:8px 10px 8px 12px;gap:10px}
  .iv-r-l2{display:none}
  .iv-r-ln,.iv-r-moy{display:flex;align-items:center;justify-content:center;font:800 16px var(--m);color:#fff}
  .iv-r-moy{color:var(--s300);font-weight:700}
  .iv-r-sc{justify-content:center}
  .iv-c{padding:6px 1px}
  .iv-c .iv-k{display:none}
  .iv-c b{font-size:15.5px}
}

/* ═══ La fiche ═══ */
.modal.fiche-iv{background:var(--s950)}
.iv-fbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:6px;min-height:52px;padding:6px 8px 6px 16px;
  background:rgba(10,10,12,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;
  transition:border-color .2s}
@media(min-width:640px){.iv-fbar{border-radius:1rem 1rem 0 0}}
.iv-fbar.nom{border-bottom-color:var(--s800)}
.iv-fbar-n{flex:1;min-width:0;font-weight:800;color:#fff;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}
.iv-fbar.nom .iv-fbar-n{opacity:1;transform:none}
.iv-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:4px 16px 12px}
.iv-ph-g{box-shadow:0 8px 24px rgba(0,0,0,.45)}
.iv-hero-n{font-size:clamp(19px,5vw,26px);font-weight:800;color:#fff;line-height:1.12;letter-spacing:-.01em;overflow-wrap:anywhere}
.iv-hero-s{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14.5px;color:var(--s400);margin-top:6px;font-weight:600}
.iv-hero-s .eq-b{font-size:14.5px}
.iv-hero-pos{color:var(--s300)}
.iv-hero-inc{margin-top:6px}
.iv-hero-sc{display:flex;flex-direction:column;align-items:center;gap:4px}
.iv-hero-sc .sv-ring-t{font-size:13px}
.iv-hero-p{font-size:13px;font-weight:700;white-space:nowrap;color:var(--s400)}
@media(max-width:360px){.iv-hero{gap:10px;padding:4px 12px 12px}.iv-hero .iv-ph-g{width:68px!important;height:68px!important}}
.iv-moys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0 16px 4px}
.iv-moy{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;border-radius:12px;background:var(--s900);border:1px solid var(--s800)}
.iv-moy b{font:800 19px var(--m);color:#fff}
.iv-moy span{font-size:12.5px;color:var(--s400);font-weight:600}
.iv-moys-s{grid-column:1/-1;font-size:12.5px;color:var(--s500);text-align:center}
.iv-fb{padding:10px 12px 92px}
@media(min-width:640px){.iv-fb{padding:12px 20px 24px}.iv-moys{padding:0 20px 4px}.iv-hero{padding:4px 20px 12px}}
.iv-fb>.iv-stats{margin-top:0}
.iv-card{background:var(--s900);border:1px solid var(--s800);border-radius:16px;padding:14px 12px;margin-top:12px}
@media(min-width:640px){.iv-card{padding:16px}}
.iv-card-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.iv-card-t{font-size:16px;font-weight:800;color:#fff}
.iv-card>.iv-card-t{margin-bottom:10px}
.iv-card-s{font-size:14px;color:#fcd34d;font-weight:700}
.iv-chips{display:flex;flex-wrap:wrap;gap:6px}
.iv-chip{display:inline-block;max-width:100%;padding:5px 11px;border:1px solid;border-radius:999px;font-size:14.5px;font-weight:700;line-height:1.3;
  background:color-mix(in srgb,currentColor 9%,transparent)}
.iv-abs-w{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.iv-abs-t{font-size:14px;font-weight:700;color:var(--s300)}
.iv-abs{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.iv-abs .eq-nom{display:none}
.iv-abs-c{display:inline-flex;align-items:baseline;gap:3px;padding:3px 9px;border-radius:999px;background:rgba(248,113,113,.1);
  border:1px solid rgba(248,113,113,.35);color:#fecaca;font-size:14px;font-weight:700}
.iv-abs-c small{font:600 12.5px var(--m);color:var(--s400)}

/* Le match par match (Chart de la vue complète) en tête, et ses réglages */
.iv-chart-h{display:flex;align-items:center;justify-content:space-between;gap:8px 10px;flex-wrap:wrap;margin-bottom:12px}
.iv-reg-b{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--s700);
  background:var(--s950);color:var(--s200);font:700 14.5px var(--f);cursor:pointer;transition:border-color .15s,color .15s}
.iv-reg-b:hover{border-color:var(--s600);color:#fff}
.iv-reg-b.on{border-color:#4ade80;color:#4ade80}
.iv-reg-b b{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;
  background:#4ade80;color:#06210f;font:800 12px var(--m)}
.iv-reg-b:focus-visible{outline:2px solid #4ade80;outline-offset:2px}
.iv-reg{display:flex;flex-direction:column;gap:14px;margin:0 0 14px;padding:14px 12px;border:1px solid var(--s700);border-radius:14px;background:var(--s950)}
.iv-reg-t{display:block;margin-bottom:7px;font-size:14px;font-weight:700;color:var(--s300)}
.iv-reg-p{display:flex;flex-wrap:wrap;gap:6px}
.iv-reg-p button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--s700);
  background:var(--s900);color:var(--s300);font:600 14.5px var(--f);cursor:pointer;transition:.15s}
.iv-reg-p button:hover{border-color:var(--s600);color:#fff}
.iv-reg-p button.on{border-color:#4ade80;background:rgba(74,222,128,.12);color:#4ade80}
.iv-reg-p button:disabled{opacity:.4;cursor:default}
.iv-reg-p button:focus-visible{outline:2px solid #4ade80;outline-offset:2px}
.iv-reg-e{font-size:12px;font-weight:800;padding:1px 6px;border-radius:999px}
.iv-reg-e.out{color:#f87171;background:rgba(248,113,113,.15)}
.iv-reg-e.gtd{color:#facc15;background:rgba(250,204,21,.15)}
.iv-reg-f{display:flex;align-items:center;justify-content:flex-end;gap:8px 14px;flex-wrap:wrap}
/* Absences sous le titre du match par match (AbsencesIv) : un toucher garde
   les matchs sans ce coéquipier ; les absents de chaque match au détail d'une
   barre (.cb-abs) */
.iv-absf{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-2px 0 12px}
/* Le bouton des coéquipiers : le reste de la ligne après Sans | Avec ; la
   liste à cocher s'ouvre dessous, sur toute la largeur */
.iv-coeq-b{position:relative;flex:1 1 140px;min-width:0;display:flex;align-items:center;gap:6px;height:36px;padding:0 28px 0 12px;
  border-radius:12px;border:1px solid var(--s700);background:var(--s900);color:#fff;font:700 14px var(--f);cursor:pointer;text-align:left}
.iv-coeq-b:hover{border-color:var(--s600)}
.iv-coeq-b.on{border-color:#4ade80;color:#4ade80}
.iv-coeq-b:focus-visible{outline:2px solid #4ade80;outline-offset:1px}
.iv-coeq-l{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iv-coeq-b b{flex:none;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#4ade80;color:#06150c;font:800 11.5px var(--m);
  display:inline-flex;align-items:center;justify-content:center}
.iv-coeq-p{flex:1 1 100%;border:1px solid var(--s700);border-radius:14px;background:var(--s950);padding:8px}
.iv-coeq-a{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.iv-coeq-a button{min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--s700);background:var(--s900);color:var(--s300);
  font:700 13.5px var(--f);cursor:pointer}
.iv-coeq-a button.on{border-color:#4ade80;background:rgba(74,222,128,.12);color:#4ade80}
.iv-coeq-a button:disabled{opacity:.4;cursor:default}
.iv-coeq-ls{display:flex;flex-direction:column;max-height:300px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.iv-coeq-r{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 8px;border:0;border-radius:10px;background:none;
  color:var(--s200);font:700 14.5px var(--f);text-align:left;cursor:pointer}
.iv-coeq-r:hover{background:rgba(255,255,255,.04)}
.iv-coeq-r.on{color:#4ade80;background:rgba(74,222,128,.07)}
.iv-coeq-r:disabled{opacity:.38;cursor:default}
.iv-coeq-r:focus-visible,.iv-coeq-a button:focus-visible,.iv-coeq-ok:focus-visible{outline:2px solid #4ade80;outline-offset:-2px}
.iv-coeq-x{flex:none;width:20px;height:20px;border-radius:6px;border:2px solid var(--s600);display:inline-flex;align-items:center;
  justify-content:center;font-size:13px;font-weight:900;color:#06150c}
.iv-coeq-r.on .iv-coeq-x{background:#4ade80;border-color:#4ade80}
.iv-coeq-n{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iv-coeq-st{font-weight:700}
.iv-coeq-st.out{color:#f87171}.iv-coeq-st.doubtful{color:#fb923c}.iv-coeq-st.questionable{color:#facc15}.iv-coeq-st.probable{color:var(--s400)}
.iv-coeq-c{flex:none;font:700 13px var(--m);color:var(--s400)}
.iv-coeq-ok{display:block;width:100%;margin-top:6px;min-height:38px;border-radius:10px;border:0;background:#4ade80;color:#06150c;
  font:800 14.5px var(--f);cursor:pointer}
/* Téléphone : Sans | Avec sans leurs icônes, pour tenir sur une ligne avec le menu */
@media(max-width:420px){.iv-absf-e{display:none}.iv-absf-s button{padding:0 12px}}
/* Sans | Avec : deux positions, en tête de la rangée */
.iv-absf-s{display:inline-flex;gap:2px;padding:2px;border-radius:999px;border:1px solid var(--s700);background:var(--s950);margin-right:2px}
.iv-absf-s button{min-height:30px;padding:0 11px;border:0;border-radius:999px;background:none;color:var(--s400);
  font:800 14px var(--f);white-space:nowrap;cursor:pointer}
.iv-absf-s button:hover{color:#fff}
.iv-absf-s button.on{background:rgba(74,222,128,.14);color:#4ade80}
.iv-absf-s button:focus-visible{outline:2px solid #4ade80;outline-offset:1px}
.iv-abs-h{margin:-2px 0 12px;font-size:14px;color:var(--s400)}
/* Téléphone : le graphique d'abord (Joris, 22/10/2026 : « quand on clique sur
   une carte sur téléphone on voit directement les graphiques de forme »). La
   carte Match par match range ses blocs : titre et réglages, le taux et la
   ligne, le GRAPHIQUE, puis les fenêtres (5 / 10 / 20…), la note, les repères,
   et la rangée « 🚑 Sans » en dernier. Ordre par CSS seul : Chart
   (mu-cards.js) ne change pas, /app non plus. */
@media(max-width:640px){
  .fiche-iv .iv-chart{display:flex;flex-direction:column}
  .fiche-iv .iv-chart>.iv-chart-h{order:0}
  .fiche-iv .iv-chart>.iv-reg{order:1}
  .fiche-iv .iv-chart>.sec,.fiche-iv .iv-chart>.iv-vide{order:2}
  .fiche-iv .iv-chart>.iv-absf,.fiche-iv .iv-chart>.iv-abs-h{order:3;margin:14px 0 0}
  .fiche-iv .iv-chart>.sec{display:flex;flex-direction:column}
  .fiche-iv .iv-chart>.sec>*{order:3}
  .fiche-iv .iv-chart>.sec>h3{order:0}
  .fiche-iv .iv-chart>.sec>.charthead{order:1}
  .fiche-iv .iv-chart>.sec>.chartwrap{order:2;margin-bottom:12px}
}
.fiche-iv .cb-abs{margin:-2px 0 10px;padding:7px 10px;border-radius:9px;background:rgba(248,113,113,.08);
  border:1px solid rgba(248,113,113,.25);font-size:14px;line-height:1.4;color:#fecaca}
.iv-reg-x{border:0;background:none;color:var(--s400);font:600 14px var(--f);text-decoration:underline;cursor:pointer;padding:8px 2px}
.iv-reg-x:hover{color:#fff}
.iv-reg-ok{min-height:38px;padding:0 16px;border-radius:10px;border:0;background:#4ade80;color:#06210f;font:800 15px var(--f);cursor:pointer}
.iv-reg-x:focus-visible,.iv-reg-ok:focus-visible{outline:2px solid #fff;outline-offset:2px}
/* Le graphique garde sa carte de la vue complète, fondue dans celle-ci : son
   titre est dans l'en-tête, son filtre de défense dans les réglages. */
.iv-chart>.sec{margin:0;padding:0;border:0;background:none;box-shadow:none}
.iv-chart>.sec>h3{display:none}
/* Six repères avec « Style » : une rangée sur ordinateur, deux de trois sur
   téléphone (mu-cards.css). */
@media(min-width:621px){.iv-chart .tt-g6{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* Toutes les analyses : volets qui s'ouvrent sur place */
.iv-vols{margin-top:18px;display:flex;flex-direction:column;gap:8px}
.iv-vol{border:1px solid var(--s800);border-radius:14px;background:var(--s900);overflow:hidden}
.iv-vol.on{border-color:var(--s700)}
.iv-vol-h{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:10px 12px 10px 14px;border:0;background:none;color:inherit;
  font:inherit;text-align:left;cursor:pointer}
.iv-vol-h:hover{background:rgba(255,255,255,.03)}
.iv-vol-h:focus-visible{outline:2px solid #4ade80;outline-offset:-2px;border-radius:14px}
.iv-vol-i{flex:none;width:24px;text-align:center;font-size:20px}
.iv-vol-t{flex:1;min-width:0;font-weight:700;color:#fff;font-size:16px}
.iv-vol-r{flex:none;max-width:48%;font:700 13.5px/1.2 var(--m);padding:4px 9px;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iv-vol-ch{flex:none;color:var(--s400);transition:transform .2s}
.iv-vol.on .iv-vol-ch{transform:rotate(180deg)}
.iv-vol-b{padding:4px 8px 10px;border-top:1px solid var(--s800);overflow:hidden}
@media(min-width:640px){.iv-vol-b{padding:8px 12px 14px}}
.iv-vol-b .ess{padding:4px 0 0}
@media(max-width:400px){.iv-vol-r{max-width:56%}}

/* ═══ Volets resserrés (Joris : « beaucoup d'onglets trop longs, raccourcis-les
   sans perdre de données ») ═══
   Les cartes de la vue complète, telles quelles, en plus dense : plus de
   carte dans la carte, encadrés « En clair » sans ampoule ni libellé (le
   texte reste entier), tuiles, listes et lignes de matchs plus basses,
   repères du score en grille (libellé et valeur sur une ligne, détail
   dessous, sur toute la largeur). Aucun texte ni chiffre n'est masqué. */
.fiche-iv .iv-vol-b .sec{margin:0 0 18px;padding:0;border:0;background:none;box-shadow:none}
.fiche-iv .iv-vol-b .sec:last-child{margin-bottom:2px}
.fiche-iv .iv-vol-b .sec h3{font-size:15.5px;margin-bottom:8px;gap:6px}
.fiche-iv .iv-vol-b .st{margin:10px 0 6px;font-size:14px}
.fiche-iv .iv-vol-b .st:first-child{margin-top:0}
.fiche-iv .iv-vol-b .enclair{padding:7px 10px!important;margin:0 0 10px!important;gap:0!important;border-radius:9px!important}
.fiche-iv .iv-vol-b .enclair-i,.fiche-iv .iv-vol-b .enclair-l{display:none!important}
.fiche-iv .iv-vol-b .enclair-t{font-size:14px!important;line-height:1.45!important}
/* Tuiles */
.fiche-iv .iv-vol-b .tt-g{gap:6px}
.fiche-iv .iv-vol-b .tt{padding:6px 4px}
.fiche-iv .iv-vol-b .tt-l{font-size:12.5px;margin-bottom:1px}
.fiche-iv .iv-vol-b .tt-v{font-size:20px}
.fiche-iv .iv-vol-b .tt-s{font-size:12.5px;line-height:1.25}
.fiche-iv .iv-vol-b .tt-phrase{margin-top:6px;font-size:13.5px;line-height:1.4}
.fiche-iv .iv-vol-b .tn-bx{margin-top:8px;padding-top:8px}
.fiche-iv .iv-vol-b .tn-bxr+.tn-bxr{margin-top:5px}
/* Listes : matchs, rangs, adversaires */
.fiche-iv .iv-vol-b .va-rb{padding:5px 10px;gap:7px}
.fiche-iv .iv-vol-b .lr{margin-bottom:3px}
.fiche-iv .iv-vol-b .lr-l,.fiche-iv .iv-vol-b .lr-p{padding:6px 10px}
.fiche-iv .iv-vol-b .lr.moi{padding:7px 9px}
.fiche-iv .iv-vol-b .ssw{margin-bottom:6px}
.fiche-iv .iv-vol-b .ssw-b{padding:6px 12px;font-size:14px}
.fiche-iv .iv-vol-b .lien-plus{margin-top:4px}
.fiche-iv .iv-vol-b .cta-l{padding:9px;margin-top:10px}
.fiche-iv .iv-vol-b .grid2{gap:14px}
.fiche-iv .iv-vol-b .va-wrap .va-toggle{padding:8px 10px}
/* Duels, styles, types de tir, zones */
.fiche-iv .iv-vol-b .jbloc{padding:10px 12px;border-radius:10px}
.fiche-iv .iv-vol-b .jbloc-s{margin-bottom:6px}
.fiche-iv .iv-vol-b .duel-g{gap:8px}
.fiche-iv .iv-vol-b .ptd{gap:8px}
.fiche-iv .iv-vol-b .ptd-h{margin-bottom:3px}
.fiche-iv .iv-vol-b .zpc-seg button{padding:7px 8px}
.fiche-iv .iv-vol-b .zpc-seg+.zpc-seg{margin-top:6px}
.fiche-iv .iv-vol-b .vnote{margin-top:6px}
/* Pourquoi ce score : une ligne par repère, sa valeur à droite du titre, le
   détail dessous sur toute la largeur */
.fiche-iv .iv-vol-b .fkb-tete{margin-bottom:8px}
.fiche-iv .iv-vol-b .fkb-imp-h{margin:0 0 6px}
.fiche-iv .iv-vol-b .fkb-imp-h h4{font-size:14px}
.fiche-iv .iv-vol-b .fkb-socle-h{margin-top:14px}
.fiche-iv .iv-vol-b .fkb-imp{gap:5px}
.fiche-iv .iv-vol-b .fkb-imp-i{display:grid;grid-template-columns:3px 13px minmax(0,1fr) auto;column-gap:7px;row-gap:2px;align-items:center;
  padding:6px 8px 6px 0;border-radius:10px}
.fiche-iv .iv-vol-b .fkb-imp-bar{grid-column:1;grid-row:1/span 2;width:3px;margin:-6px 0}
.fiche-iv .iv-vol-b .fkb-imp-n{grid-column:2;grid-row:1;width:13px;font-size:12px}
.fiche-iv .iv-vol-b .fkb-tx{display:contents}
.fiche-iv .iv-vol-b .fkb-tx-t{grid-column:3;grid-row:1;font-size:12.5px;line-height:1.3}
.fiche-iv .iv-vol-b .fkb-tx-s{grid-column:3/span 2;grid-row:2;font-size:11px;line-height:1.35}
.fiche-iv .iv-vol-b .fkb-pill{grid-column:4;grid-row:1;padding:2px 7px;font-size:11.5px}
.fiche-iv .iv-vol-b .fkb-imp-pied{margin-top:7px;font-size:10.5px;line-height:1.4}
/* Types de tir : nom, défense et part sur une ligne, la barre fine dessous */
.fiche-iv .iv-vol-b .ptd{gap:7px}
.fiche-iv .iv-vol-b .ptd-l{display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:8px;row-gap:4px;align-items:center}
.fiche-iv .iv-vol-b .ptd-h,.fiche-iv .iv-vol-b .ptd-b{display:contents}
.fiche-iv .iv-vol-b .ptd-n{grid-column:1;grid-row:1}
.fiche-iv .iv-vol-b .ptd-l .fb{grid-column:2;grid-row:1}
.fiche-iv .iv-vol-b .ptd-p{grid-column:3;grid-row:1}
.fiche-iv .iv-vol-b .ptd-l .bar-track{grid-column:1/-1;grid-row:2;height:4px}
/* Blocs « lui / eux » du style de jeu */
.fiche-iv .iv-vol-b .tn-bloc{padding:10px 12px!important;border-radius:10px!important}
.fiche-iv .iv-vol-b .tn-bloc-v{margin-bottom:8px!important}
.fiche-iv .iv-vol-b .tn-bloc-g{gap:6px!important;margin-bottom:8px!important}
/* Duels : le nom et le verdict sur une ligne, l'écart et son unité sur une
   autre, à droite */
.fiche-iv .iv-vol-b .duel-g{gap:6px}
.fiche-iv .iv-vol-b .jbloc{padding:8px 12px}
.fiche-iv .iv-vol-b .jbloc-n{display:inline;margin:0 6px 0 0;font-size:15px}
.fiche-iv .iv-vol-b .jbloc>div:first-child{align-items:center!important}
.fiche-iv .iv-vol-b .jbloc>div:first-child>div:first-child>div{display:inline}
.fiche-iv .iv-vol-b .jbloc>div:first-child>div+div{display:flex;align-items:baseline;gap:4px}
.fiche-iv .iv-vol-b .jbloc>div+div{margin-top:4px!important}
/* Zones de tir : le terrain un peu moins large sur téléphone, légende et
   légende du bas plus près */
.fiche-iv .iv-vol-b .zpc-svg{max-width:330px}
.fiche-iv .iv-vol-b .zpc-lg{margin:10px 0 2px}
.fiche-iv .iv-vol-b .zpc-cap{margin:6px 0 0;font-size:14px}
/* Profil de tir */
.fiche-iv .iv-vol-b .shot-note{margin-bottom:8px!important;font-size:13.5px!important;line-height:1.4!important}
.fiche-iv .iv-vol-b .shot-row{margin-bottom:8px!important}
.fiche-iv .iv-vol-b .shot-row-h{margin-bottom:2px!important}
.fiche-iv .iv-vol-b .shot-pts{margin-top:8px!important;padding-top:8px!important}

/* ═══ Pourquoi ce score, en visuel (PourquoiIv) ═══
   Joris : « trop de petits textes, c'est pas UX ». L'effet du soir en gros,
   les composantes en barres, le contexte en tuiles, ses taux en barres ; les
   phrases au toucher ou dans les (i). */
.pq{display:flex;flex-direction:column;gap:18px;padding-top:6px}
.pq-tete{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.pq-u{font:800 30px/1 var(--m);color:#fff}
.pq-ul{font-size:14.5px;font-weight:600;color:var(--s300)}
.pq-s{display:flex;flex-direction:column;gap:8px}
.pq-hh{display:flex;align-items:center;justify-content:space-between;gap:6px 8px;flex-wrap:wrap}
.pq-h{display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:800;color:#fff}
.pq-cut{font:800 13.5px var(--m);color:#fcd34d;background:rgba(252,211,77,.12);border:1px solid rgba(252,211,77,.35);border-radius:999px;padding:2px 8px}
.pq-comp,.pq-lui{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.pq-comp{gap:6px}
.pq-ci{border:1px solid var(--s800);border-radius:10px;background:var(--s950)}
.pq-ci:hover{border-color:var(--s700)}
.pq-c{display:grid;grid-template-columns:22px minmax(0,1fr) minmax(40px,22%) auto 9px;align-items:center;gap:8px;width:100%;
  padding:9px 10px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.pq-c:disabled{cursor:default;opacity:1}
.pq-c-f{font-size:12px;color:var(--s400);transition:transform .15s}
.pq-c.on .pq-c-f{transform:rotate(180deg)}
.pq-c:focus-visible{outline:2px solid #4ade80;outline-offset:2px}
.pq-c-i{font-size:18px;text-align:center}
.pq-c-l{display:flex;flex-wrap:wrap;align-items:center;gap:3px 6px;min-width:0;font-size:15px;font-weight:700;color:#fff;line-height:1.25}
.pq-c-ch{font:700 12.5px var(--m);color:var(--s200);background:var(--s800);border-radius:999px;padding:1px 7px;white-space:nowrap}
.pq-c-b,.pq-r-b{height:8px;border-radius:99px;background:var(--s800);overflow:hidden}
.pq-c-b i,.pq-r-b i{display:block;height:100%;border-radius:99px}
.pq-c-v{font:800 15.5px var(--m);white-space:nowrap;min-width:50px;text-align:right}
.pq-c-d{margin:0;padding:0 12px 10px 40px;font-size:14px;line-height:1.4;color:var(--s300)}
.pq-tu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
@media(min-width:640px){.pq-tu{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pq-t{display:flex;flex-direction:column;gap:2px;min-width:0;padding:9px 10px;border:1px solid var(--s800);border-radius:12px;background:var(--s950)}
.pq-t-v{font:800 20px/1.2 var(--m);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pq-t-l{font-size:14px;font-weight:700;color:var(--s200);line-height:1.25}
.pq-t-s{font-size:13px;color:var(--s400);line-height:1.3}
.pq-lui{gap:8px}
.pq-r{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr) auto auto;align-items:center;gap:8px}
.pq-r-l{font-size:14px;font-weight:600;color:var(--s200);line-height:1.2}
.pq-r-v{font:800 14.5px var(--m);min-width:36px;text-align:right}
.pq-r-n{font:600 12.5px var(--m);color:var(--s400);min-width:44px;text-align:right}
.pq-def{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 8px;margin-top:2px;padding:8px 10px;border:1px solid var(--s800);border-radius:10px;background:var(--s950)}
.pq-def-l{font-size:14px;color:var(--s300)}
.pq-def-l b{color:#fff}
.pq-def-v{font:800 14.5px var(--m)}
.pq-def-s{font:600 12.5px var(--m);color:var(--s400)}
/* Style de jeu et Rythme du match en tuiles, celles du contexte du soir
   (Joris : « mets les cartes de style de jeu et vitesse dans ce style aussi ») */
.sj{display:flex;flex-direction:column;gap:14px;padding-top:6px}
.sj-tete{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px}
.fiche-iv .sj-tete .enclair-c{flex:1 1 0;min-width:0;margin:0}
.sj-tete>.fkb-i{margin:8px 0 0 auto}
.sj-b{display:flex;flex-direction:column;gap:8px;min-width:0}
.sj-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0;font-size:15.5px;font-weight:800;color:#fff;line-height:1.3}
.sj-vs{font-size:14px;font-weight:600;color:var(--s400)}
.sj-vide{margin:0;padding:10px 12px;border:1px solid var(--s800);border-radius:12px;background:var(--s950);font-size:14px;line-height:1.4;color:var(--s300)}
.fiche-iv .sj-b .va-wrap{margin-top:0!important}
.pq-t.soir{border:2px solid #4ade80;padding:8px 9px;box-shadow:0 0 0 3px rgba(74,222,128,.12)}
.pq-t-vr{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 6px;min-width:0}
.pq-t-tag{font:800 11px/1.4 var(--f);color:#4ade80;background:rgba(74,222,128,.12);padding:1px 7px;border-radius:99px;white-space:nowrap}
/* « En clair » replié (CLAIR_REPLIE) : une pastille, la phrase au toucher */
.fiche-iv .enclair-d{margin:0 0 10px}
.fiche-iv .enclair-d>summary{display:inline-flex;align-items:center;gap:6px;list-style:none;cursor:pointer;padding:5px 11px;
  border:1px solid rgba(74,222,128,.3);border-radius:999px;background:rgba(74,222,128,.07);color:#4ade80;font:700 14px var(--f)}
.fiche-iv .enclair-d>summary::-webkit-details-marker{display:none}
.fiche-iv .enclair-d>summary::after{content:"▾";font-size:10px;opacity:.8}
.fiche-iv .enclair-d[open]>summary::after{content:"▴"}
.fiche-iv .enclair-d>summary:focus-visible{outline:2px solid #4ade80;outline-offset:2px}
.fiche-iv .enclair-dt{margin-top:6px;padding:8px 11px;border-left:3px solid #4ade80;border-radius:8px;background:rgba(74,222,128,.07);
  font-size:14.5px;line-height:1.5;color:#e8e8ea}

/* ═══ Textes plus gros (Joris, 21/10/2026 : « les textes sont trop petits de
   partout ») ═══
   Les classes de la vue Intuitif ont pris 1,5 à 2 px plus haut. Ici, ce qui
   vient de la vue complète : les tailles écrites en ligne par ses cartes
   (style="font-size: 11px"…) et ses classes, plancher 12 px. Les libellés
   sous les barres du graphique (.cx, .csl-t, .ch-ph) gardent leur taille :
   Chart les place d'après elle. */
.iv-wrap [style*="font-size: 9px"],.iv-wrap [style*="font-size: 9.5px"],.iv-wrap [style*="font-size: 10px"],.iv-wrap [style*="font-size: 10.5px"],
.fiche-iv [style*="font-size: 9px"],.fiche-iv [style*="font-size: 9.5px"],.fiche-iv [style*="font-size: 10px"],.fiche-iv [style*="font-size: 10.5px"]{font-size:12px!important}
.iv-wrap [style*="font-size: 11px"],.fiche-iv [style*="font-size: 11px"]{font-size:12.5px!important}
.iv-wrap [style*="font-size: 11.5px"],.fiche-iv [style*="font-size: 11.5px"]{font-size:13px!important}
.iv-wrap [style*="font-size: 12px"],.fiche-iv [style*="font-size: 12px"]{font-size:13.5px!important}
.iv-wrap [style*="font-size: 12.5px"],.fiche-iv [style*="font-size: 12.5px"]{font-size:14px!important}
.iv-wrap [style*="font-size: 13px"],.fiche-iv [style*="font-size: 13px"]{font-size:14.5px!important}
.iv-wrap [style*="font-size: 13.5px"],.fiche-iv [style*="font-size: 13.5px"],
.iv-wrap [style*="font-size: 14px"],.fiche-iv [style*="font-size: 14px"]{font-size:15px!important}
/* En-tête de la liste */
.iv-wrap .hero-meta,.iv-wrap .hero-live{font-size:12.5px}
.iv-wrap .sv-chip{font-size:13px}
.iv-wrap .sv-ring-t{font-size:14px}
/* Équipes : l'abréviation lisible dans une pastille à ses couleurs */
.iv-wrap .eq-rond,.fiche-iv .eq-rond{width:auto;min-width:32px;height:21px;padding:0 6px;border-radius:7px;font:800 11.5px/1 var(--m);letter-spacing:.02em}
/* Le graphique : le taux, la ligne, les fenêtres, les valeurs des barres, les repères */
.fiche-iv .ch-taux{font-size:13.5px}
.fiche-iv .mv-h{font-size:12.5px}
.fiche-iv .ssw-b{font-size:14px}
.fiche-iv .cb .v{font-size:12px}
.fiche-iv .st{font-size:14px}
.fiche-iv .tt-l,.fiche-iv .tt-s{font-size:12.5px}
.fiche-iv .tt-phrase{font-size:13.5px}
/* Cartes des volets */
.fiche-iv .mu-prov{font-size:12.5px}
.fiche-iv .tn-bxl,.fiche-iv .tn-bxs{font-size:12.5px}
.fiche-iv .va-rb-t{font-size:14.5px}
.fiche-iv .lien-plus{font-size:13.5px}
.fiche-iv .fb{font-size:12.5px}
.fiche-iv .lr-d{font-size:12.5px}
.fiche-iv .lr-t,.fiche-iv .lr-tx{font-size:14.5px}
.fiche-iv .cta-l{font-size:14.5px}
.fiche-iv .vsig,.fiche-iv .vnote{font-size:12.5px}
.fiche-iv .zpc-seg button{font-size:14px}
.fiche-iv .zpc-lg{font-size:13.5px}
.fiche-iv .ptd-n,.fiche-iv .ptd-p{font-size:14.5px}
/* « En clair » réduit (clairCourtIv) : une ligne, le verdict, dans son sens */
.fiche-iv .enclair-c{display:flex;align-items:baseline;gap:8px;margin:0 0 12px;padding:8px 12px;border-radius:10px;
  border:1px solid rgba(161,161,170,.25);background:rgba(161,161,170,.07);font:600 14px/1.4 var(--f);color:#e4e4e7}
.fiche-iv .enclair-c.pos{border-color:rgba(74,222,128,.35);background:rgba(74,222,128,.08);color:#bbf7d0}
.fiche-iv .enclair-c.neg{border-color:rgba(248,113,113,.35);background:rgba(248,113,113,.08);color:#fecaca}
.fiche-iv .enclair-c>span:first-child{flex:none}

/* ═══ Filtres de la liste (FiltresIv) : le panneau des réglages de la fiche,
   sous les filtres rapides ; un taux minimum par colonne en grille ═══ */
.iv-fil{margin:-4px 0 14px}
/* Plage du score (ScoreIv) : les curseurs de l'ancienne page, plus grands au doigt. */
.iv-sc .iv-reg-t{display:flex;align-items:baseline;gap:8px}
.iv-sc-v{margin-left:auto;font-family:var(--m);font-size:15px;color:var(--s200)}
.iv-sc-v.on{color:#4ade80}
.iv-sc .plage-r{height:30px;margin:0 6px 8px}
.iv-sc .plage-t,.iv-sc .plage-s{top:12px}
.iv-sc .plage-r input[type=range]{height:30px}
.iv-sc .plage-r input[type=range]::-webkit-slider-runnable-track{height:30px}
.iv-sc .plage-r input[type=range]::-webkit-slider-thumb{width:26px;height:26px;margin-top:2px}
.iv-sc .plage-r input[type=range]::-moz-range-thumb{width:20px;height:20px}
.iv-sc .plage-r input[type=range]:focus{outline:none}
.iv-reg-t small{font-weight:600;color:var(--s500);font-size:12.5px}
.iv-fil-g{display:flex;flex-direction:column;gap:6px}
.iv-fil-r{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px}
.iv-fil-l{font-size:14px;font-weight:700;color:var(--s200);white-space:nowrap}
.iv-fil-p{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.iv-fil-p button{min-height:34px;min-width:0;padding:0 2px;border-radius:9px;border:1px solid var(--s700);background:var(--s900);
  color:var(--s300);font:700 13px var(--m);cursor:pointer;white-space:nowrap;transition:.15s}
.iv-fil-p button:hover{border-color:var(--s600);color:#fff}
.iv-fil-p button.on{border-color:#4ade80;background:rgba(74,222,128,.12);color:#4ade80}
.iv-fil-p button:focus-visible{outline:2px solid #4ade80;outline-offset:2px}
@media(max-width:360px){.iv-fil-r{grid-template-columns:54px minmax(0,1fr);gap:6px}.iv-fil-l{font-size:13px}.iv-fil-p button{font-size:12px}}
@media(min-width:640px){.iv-fil-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}}
/* Ordinateur : les six réglages sur trois colonnes, les taux et le bas du
   panneau sur toute la largeur */
@media(min-width:900px){.iv-fil{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 22px}
  .iv-fil>.iv-reg-g:nth-last-child(2),.iv-fil>.iv-reg-f{grid-column:1/-1}}
/* Les filtres actifs, au-dessus de la liste : un toucher retire */
.iv-factifs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-4px 0 14px}
.iv-factifs button{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border-radius:999px;
  border:1px solid rgba(74,222,128,.45);background:rgba(74,222,128,.1);color:#4ade80;font:600 13.5px var(--f);cursor:pointer}
.iv-factifs button:focus-visible{outline:2px solid #4ade80;outline-offset:2px}
.iv-factifs .iv-factifs-x{border-color:transparent;background:none;color:var(--s400);text-decoration:underline;padding:0 4px}
.iv-vide .iv-plus{display:block;margin:12px auto 0}

/* ═══ Retours de l'associé de Joris (21/10/2026) ═══ */
/* Ce soir : son temps de jeu et son rôle, en deux tuiles */
.iv-role{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 10px}
.iv-role-t{display:flex;flex-direction:column;gap:2px;min-width:0;padding:9px 11px;border:1px solid var(--s800);border-radius:12px;background:var(--s950)}
.iv-role-t.titu{border-color:rgba(74,222,128,.4)}
.iv-role-v{font:800 17px/1.2 var(--m);color:#fff;white-space:nowrap}
.iv-role-t.titu .iv-role-v{color:#4ade80}
.iv-role-s{font-size:13px;color:var(--s400);line-height:1.3}
/* Duels : le verdict sur une ligne (rouge gêné, orange neutre, vert à l'aise) */
.dl{display:flex;flex-direction:column;gap:12px;padding-top:4px}
.dl-tete{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 12px;
  border:1px solid var(--s800);border-radius:14px;background:var(--s950)}
.dl-res{margin:0;font-size:14px;line-height:1.45;color:var(--s300)}
.dl-verd{font:800 15.5px var(--f)}
/* Qui le défend : ses défenseurs probables côte à côte, le plus probable
   cerclé de vert ; en vert ce qui l'aide, en rouge ce qui le freine */
.qd{display:flex;flex-direction:column;gap:10px;padding:14px 12px 12px;border:1px solid var(--s800);border-radius:16px;
  background:var(--s950)}
.qd-h{display:flex;align-items:center;gap:8px;min-width:0}
.qd-t{font:800 13px var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--s300);white-space:nowrap}
.qd-st{margin-left:auto;font-size:12.5px;color:var(--s500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Bulle (i) de ces deux en-têtes (Joris, 29/10/2026 : « Regarde les i mobile ia
   des bug sur certains ») : la bulle (.fkb-i-txt, flex 1 0 100 %) passe sous la
   ligne de son bouton ; sans retour à la ligne, elle se glissait à côté du texte,
   sortait de l'écran (jusqu'à 126 px à 360 px de large) et écrasait le verdict du
   duel. Le texte prend la place libre : bulle fermée, la ligne reste la même. */
.dl-tete,.qd-h{flex-wrap:wrap}
.dl-res{flex:1 1 0;min-width:0}
.qd-st{flex:1 1 0;min-width:0;text-align:right}
.qd-tab{width:100%;border-collapse:collapse;table-layout:fixed}
.qd-tab td,.qd-tab th{padding:0}
.qd-tab thead td.qd-vide{width:25%}
.qd-c{padding:0 2px 8px!important;vertical-align:top;height:1px}
.qd-c button{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 1px 8px;
  border:1.5px solid var(--s800);border-radius:14px;background:var(--s900);color:#fff;font:inherit;cursor:pointer;transition:.15s}
.qd-c button:hover{border-color:var(--s600)}
.qd-c button:focus-visible{outline:2px solid #4ade80;outline-offset:2px}
.qd-c.prob button{border:2px solid #4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.15)}
.qd-c.on button{background:var(--s800)}
.qd-n{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 14px var(--f);margin-top:2px}
.qd-n.long{font-size:12px;letter-spacing:-.01em}
.qd-n.tres{font-size:11px;letter-spacing:-.02em}
.qd-p{font-size:11.5px;color:var(--s400);white-space:nowrap}
.qd-tag{font-size:10.5px;font-weight:800;padding:1px 6px;border-radius:99px;white-space:nowrap;letter-spacing:.02em}
.qd-tag.prob{color:#4ade80;background:rgba(74,222,128,.12)}
.qd-tag.gtd{color:#facc15;background:rgba(250,204,21,.12)}
.qd-tab tbody th{text-align:left;font:700 11.5px var(--f);letter-spacing:.06em;text-transform:uppercase;color:var(--s400);
  padding:4px 4px 4px 0;border-top:1px solid var(--s800);line-height:1.2}
.qd-tab tbody td{text-align:center;border-top:1px solid var(--s800);padding:4px 3px}
.qd-v{display:block;padding:7px 2px;border-radius:9px;font:800 15.5px var(--m);color:#fff;white-space:nowrap}
.qd-v.bon{color:#4ade80;background:rgba(74,222,128,.13)}
.qd-v.mal{color:#f87171;background:rgba(248,113,113,.13)}
.qd-det{margin:0;padding:10px 12px;border-radius:12px;background:var(--s900);font-size:13.5px;line-height:1.45;color:var(--s300)}
.qd-det b{color:#fff}
.qd-pied{margin:0;font-size:12.5px;color:var(--s500)}
.qd-pied-bon{color:#4ade80;font-weight:700}
.qd-pied-mal{color:#f87171;font-weight:700}
.qd-abs{margin:0;font-size:13px;color:var(--s400)}
.qd-vide-t{margin:0;font-size:14px;color:var(--s400)}
@media(max-width:400px){.qd-n.tres{font-size:10.5px}}
@media(max-width:380px){
  .qd{padding:12px 8px 10px}
  .qd-st{display:none}
  .qd-tab thead td.qd-vide{width:29%}
  .qd-c{padding:0 1px 8px!important}
  .qd-c button{padding:8px 1px 7px}
  .qd-c .iv-ph,.qd-c .iv-ph img{width:40px!important;height:40px!important}
  .qd-n{font-size:12.5px}
  .qd-n.long{font-size:10.5px;letter-spacing:-.02em}
  .qd-n.tres{font-size:9.5px;letter-spacing:-.03em}
  .qd-p{font-size:10.5px}
  .qd-tag{font-size:9.5px;padding:1px 4px;letter-spacing:0}
  .qd-v{font-size:14px;padding:7px 0}
  .qd-tab tbody th{font-size:10px;letter-spacing:.02em}
}
/* Historique en graphique : l'écart à leur ligne, au-dessus en vert, en dessous en rouge */
.hg{display:flex;flex-direction:column;gap:10px;margin:2px 0 18px;padding:12px;border:1px solid var(--s800);border-radius:14px;background:var(--s950)}
.hg-ch{display:grid;grid-template-columns:1fr 1fr}
.hg-ch button{justify-content:center;text-align:center;padding:5px 10px;font-size:13.5px;line-height:1.2}
.hg-t{display:flex;align-items:center;gap:12px}
.hg-t-x{display:flex;flex-direction:column;gap:2px;min-width:0}
.hg-t-x b{font-size:15.5px;color:#fff}
.hg-t-x span{font-size:13.5px;color:var(--s400)}
.hg-g{display:flex;align-items:stretch;gap:3px;height:100px;padding:0 2px;
  background:linear-gradient(transparent calc(50% - .5px),var(--s700) calc(50% - .5px),var(--s700) calc(50% + .5px),transparent calc(50% + .5px))}
.hg-b{flex:1;min-width:0;display:flex;flex-direction:column;padding:0;border:0;background:none;cursor:pointer;border-radius:4px}
.hg-b:focus-visible{outline:2px solid #4ade80;outline-offset:1px}
.hg-b.on{background:rgba(255,255,255,.08)}
.hg-h,.hg-bas{flex:1;display:flex;min-height:0}
.hg-h{align-items:flex-end}
.hg-bas{align-items:flex-start}
.hg-h i,.hg-bas i{display:block;width:100%}
.hg-h i{background:#22c55e;border-radius:3px 3px 0 0}
.hg-bas i{background:#ef4444;border-radius:0 0 3px 3px}
.hg-b.on i{filter:brightness(1.25)}
.hg-l{display:flex;justify-content:space-between;font-size:12px;color:var(--s500)}
.hg-s{margin:0;font-size:13.5px;color:var(--s300);min-height:1.4em;line-height:1.4}
.hg-s b{color:#fff}
/* Carrière : les cases des autres stats se touchent */
.fiche-iv .iv-car button.tt{cursor:pointer;border-color:var(--s600)}
.fiche-iv .iv-car button.tt:hover{border-color:#4ade80}
.fiche-iv .iv-car button.tt .tt-l::after{content:" ›";color:#4ade80}
.iv-car-r{margin:0 0 10px;padding:6px 12px;border-radius:999px;border:1px solid var(--s700);background:var(--s900);color:var(--s200);
  font:700 13.5px var(--f);cursor:pointer}
.iv-car-r:hover{border-color:#4ade80;color:#fff}
.iv-car-r:focus-visible{outline:2px solid #4ade80;outline-offset:2px}
/* Ses adversaires préférés, venus du volet H2H, sous les cartes de l'Historique */
.fiche-iv .iv-vol-b .iv-hist-cl{margin-top:18px;padding-top:14px;border-top:1px solid var(--s800)}
.fiche-iv .iv-vol-b .iv-hist-cl:empty{display:none}

/* Filtre Saison mis de côté en début de saison (FiltresIv, sansSaison) */
.iv-fil-off .iv-fil-l{opacity:.55}
.iv-fil-n{font-size:12.5px;color:var(--s400,#8a8f98);font-style:italic;padding:6px 0}