/* ============================================================
   RECRUTEMENT CDF — le style de la page, repris du site du staff
   ============================================================
   Produit à partir de son dossier commun (style.css, recrutement_aia.css,
   fiche_joueur.css, charte.css) : seules les règles de la page Recrutement,
   tailles en px (sa base est de 14 px), animations préfixées « cdf- »,
   charte cantonnée à la page et à la fiche d'un joueur (.rec-detail). */
@font-face{font-family:'Unbounded';src:url('/fonts/cdf/unbounded-latin-wght-normal.woff2') format('woff2');font-weight:200 900;font-display:swap}
@font-face{font-family:'Figtree';src:url('/fonts/cdf/figtree-latin-wght-normal.woff2') format('woff2');font-weight:300 900;font-display:swap}
.cdf, .rec-detail {
  
  --texte:#F6F8FD;            
  --texte-doux:#D3DAEC;       
  --texte-2:#B3BDD6;          
  --texte-3:#8D98B4;          
  --sur-clair:#070C20;        
  
  --fond-page:#050A1C;        
  --fond-carte:#0D1433;       
  --fond-bandeau:#142050;     
  --surface:#0C1431;          
  
  --accent:#6F9BFF;           
  --selection:#F4F6FB;        
  --vert:#5EE6A4;             
  --rouge:#FF7487;            
  --orange:#FFC061;           
  --bleu-co:#2A63F5;          
  --signal:#FFD23F;           
  --signal-rgb:255,210,63;
  --texte-rgb:246,248,253;
  --texte-doux-rgb:211,218,236;
  --texte-2-rgb:179,189,214;
  --texte-3-rgb:141,152,180;
  --sur-clair-rgb:7,12,32;
  --fond-page-rgb:5,10,28;
  --fond-carte-rgb:13,20,51;
  --fond-bandeau-rgb:20,32,80;
  --surface-rgb:12,20,49;
  --accent-rgb:111,155,255;
  --selection-rgb:244,246,251;
  --vert-rgb:94,230,164;
  --rouge-rgb:255,116,135;
  --orange-rgb:255,192,97;
  --bleu-co-rgb:42,99,245;
  
  --police-texte:'Figtree',system-ui,sans-serif;
  --police-titre:'Unbounded',system-ui,sans-serif;
  
  --petits-titres-casse:none;
  --petits-titres-espace:normal;
  
  --rayon-1:8px;
  --rayon-2:16px;
  --rayon-3:24px;
  font-family: var(--police-texte); font-size: 14px; color: var(--texte);
}
.co-fa-pills { display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px }
.co-fa-pill { background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);color:var(--texte-doux);border-radius:999px;padding:6px 14px;font:inherit;font-size:14px;font-weight:700;cursor:pointer }
.co-fa-pill.actif { background:var(--accent);border-color:var(--accent);color:var(--sur-clair) }
.co-fa-kpis { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px }
.co-fa-kpi { background:rgba(var(--surface-rgb),.55);border:1px solid rgba(255,255,255,.09);border-radius:var(--rayon-3);padding:12px 14px }
.co-fa-kpi .lib { font-size:11.85px;letter-spacing:var(--petits-titres-espace,.14em);text-transform:var(--petits-titres-casse);color:var(--texte-2) }
.co-fa-kpi .val { font-size:39.85px;font-weight:800;line-height:1.15;font-family:var(--police-titre) }
.co-fa-kpi .sous { font-size:12.92px;color:var(--texte-doux) }
.co-fa-carte { background:rgba(var(--surface-rgb),.55);border:1px solid rgba(255,255,255,.09);border-radius:var(--rayon-3);padding:14px 16px;min-width:0;margin-bottom:14px }
.co-fa-carte h2 { font-size:19.38px;font-weight:800;margin:0 0 10px;display:flex;align-items:center;gap:8px }
.co-fa-point { width:9px;height:9px;border-radius:50%;background:var(--accent) }
.co-fa-duo>.co-fa-carte { margin-bottom:0 }
@media (max-width:1100px) { .co-fa-kpis { grid-template-columns:1fr } }
.co-fa-kpis.six { grid-template-columns:repeat(6,minmax(0,1fr)) }
@media (max-width:1100px) { .co-fa-kpis.six { grid-template-columns:1fr 1fr } }
.co-fa-clic { cursor:pointer }
.co-fa-clic:hover { filter:brightness(1.25) }
.co-fa-kpi .val { white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.co-ct-pills .co-fa-pill.action.actif { background:var(--selection);border-color:var(--selection);color:var(--sur-clair) }
.co-ct-fen .co-fa-pill { padding:5px 12px;font-size:12.92px }
.cc-familles>.co-fa-carte { position:relative;margin:0;overflow:hidden }
.co-fa-carte .jr-identite h2 { display:block;margin:0;font-size:17.23px;line-height:1.1;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.rec-banniere { padding-bottom:18px }
.rec-souspages { position:sticky;z-index:35;top:8px;display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:7px;margin:0 0 11px;padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:var(--rayon-3);background:rgba(var(--surface-rgb),.88);box-shadow:0 12px 34px rgba(0,0,0,.3);backdrop-filter:blur(14px) }
.rec-souspage { min-height:42px;padding:9px 15px;border:1px solid transparent;border-radius:var(--rayon-2);background:transparent;color:#9caac4;font:inherit;font-size:12.92px;font-weight:900;letter-spacing:var(--petits-titres-espace,.045em);text-transform:var(--petits-titres-casse);cursor:pointer;transition:background .16s,border-color .16s,color .16s,transform .16s }
.rec-souspage:hover { color:var(--texte);background:rgba(255,255,255,.045) }
.rec-souspage[aria-current="page"] { color:var(--texte);border-color:rgba(255,122,89,.58);background:linear-gradient(135deg,rgba(255,122,89,.2),rgba(var(--accent-rgb),.08));box-shadow:inset 0 1px rgba(255,255,255,.07),0 0 18px rgba(255,122,89,.09) }
.rec-souspage[aria-current="page"]:last-child { border-color:rgba(80,227,181,.55);background:linear-gradient(135deg,rgba(80,227,181,.16),rgba(var(--accent-rgb),.08)) }
.rec-france-pages { display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:8px;margin-bottom:12px;padding:5px;border:1px solid rgba(255,255,255,.09);border-radius:var(--rayon-3);background:rgba(var(--surface-rgb),.62) }
.rec-france-page { min-height:39px;padding:8px 12px;border:1px solid transparent;border-radius:var(--rayon-2);background:transparent;color:#93a1bb;font:inherit;font-size:11.85px;font-weight:900;text-transform:var(--petits-titres-casse);letter-spacing:var(--petits-titres-espace,.055em);cursor:pointer }
.rec-france-page:hover { color:var(--texte);background:rgba(255,255,255,.045) }
.rec-france-page[aria-current="page"] { color:var(--texte);border-color:rgba(var(--accent-rgb),.46);background:linear-gradient(135deg,rgba(var(--accent-rgb),.16),rgba(0,85,164,.17));box-shadow:inset 0 1px rgba(255,255,255,.07) }
.rec-france-contenu { min-height:360px }
.rec-france-description { margin-top:8px;color:#aaf2f8;font-size:12.92px;font-weight:850 }
.rec-kpis { grid-template-columns:repeat(4,minmax(0,1fr));margin:0 }
.rec-definition { position:relative;margin:14px auto 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);max-width:900px;text-align:center;color:var(--texte-doux);font-size:12.92px }
.rec-vide { min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--texte-2) }
.rec-vide .rec-icone { width:68px;height:68px;border-radius:50%;display:grid;place-items:center;margin-bottom:14px;background:rgba(255,122,89,.11);border:1px solid rgba(255,122,89,.5);color:#FF7A59;font-size:40.92px;font-weight:300;box-shadow:0 0 24px rgba(255,122,89,.15);font-family:var(--police-titre) }
.rec-vide b { color:var(--texte);font-size:21.54px;font-family:var(--police-titre) }
.rec-vide span { max-width:560px;margin-top:5px }
.rec-vide-page { min-height:360px }
.rec-source-lien { margin-top:18px;padding:9px 15px;border:1px solid rgba(var(--accent-rgb),.35);border-radius:999px;background:rgba(var(--accent-rgb),.08);color:#aaf2f8;font-size:11.85px;font-weight:850;text-decoration:none }
.rec-source-lien:hover { border-color:var(--accent);color:var(--texte);background:rgba(var(--accent-rgb),.14) }
.rec-outils { display:grid;grid-template-columns:minmax(220px,1.3fr) repeat(4,minmax(155px,1fr)) auto;gap:8px;margin-bottom:12px }
.rec-input, .rec-select, .rec-reset { width:100%;min-height:40px;border-radius:var(--rayon-2);border:1px solid rgba(255,255,255,.15);background:#101a31;color:var(--texte);padding:8px 10px;font:inherit;outline:none }
.rec-input:focus, .rec-select:focus, .rec-reset:focus-visible, .rec-voir:focus-visible, .rec-profil-voir:focus-visible, .rec-plus:focus-visible, .rec-detail-fermer:focus-visible { border-color:#FF7A59;box-shadow:0 0 0 2px rgba(255,122,89,.22) }
.rec-input::placeholder { color:var(--texte-3) }
.rec-reset { width:auto;cursor:pointer;font-weight:800;padding-inline:16px }
.rec-reset:hover { background:#17233e }
.rec-classement-tete { display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-2px 0 12px;color:var(--texte-doux);font-size:12.92px }
.rec-select-mesure { width:min(340px,100%);font-weight:800 }
.rec-top { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px }
.rec-top-ligne { position:relative;display:grid;grid-template-columns:29px minmax(0,1fr) 96px;grid-template-rows:auto 4px;gap:5px 9px;align-items:center;padding:9px 10px;border-radius:var(--rayon-2);background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07) }
.rec-rang { grid-row:1/3;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(255,122,89,.13);border:1px solid rgba(255,122,89,.35);color:#FFB09F;font-size:11.85px;font-weight:900 }
.rec-top-id { min-width:0 }
.rec-top-id b, .rec-top-id small, .rec-top-volume b, .rec-top-volume small { display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.rec-top-id b { font-size:14px }
.rec-top-id small, .rec-top-volume small { margin-top:2px;color:var(--texte-2);font-size:9.69px }
.rec-top-volume { text-align:right }
.rec-top-volume b { font-size:15.08px;color:var(--texte) }
.rec-top-barre { grid-column:2/4;height:4px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden }
.rec-top-barre i { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#FF7A59,var(--selection));transform-origin:left;animation:ph-barre .65s ease both }
.rec-note, .rec-source { margin-top:11px;color:var(--texte-2);font-size:10.77px;text-align:center;line-height:1.4 }
.rec-source { overflow-wrap:anywhere }
.rec-compte { margin:0 0 10px;color:var(--texte-2) }
.rec-compte b { margin-right:4px;color:var(--texte);font-size:22.62px;font-family:var(--police-titre) }
.rec-profils { display:grid;grid-template-columns:repeat(auto-fill,minmax(218px,1fr));gap:15px;align-items:stretch }
.rec-profil { position:relative;min-width:0;overflow:hidden;border-radius:23px;border:1px solid color-mix(in srgb,var(--rec-pays) 48%,#375180);background:linear-gradient(155deg,color-mix(in srgb,var(--rec-pays) 33%,#10204a) 0%,var(--fond-bandeau) 43%,#081229 100%);box-shadow:0 18px 36px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.07);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease }
.rec-profil:hover { transform:translateY(-4px);border-color:color-mix(in srgb,var(--rec-pays) 72%,#8db7ff);box-shadow:0 23px 45px rgba(0,0,0,.38),0 0 22px color-mix(in srgb,var(--rec-pays) 18%,transparent) }
.rec-profil-visuel { position:relative;height:218px;overflow:hidden;background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--rec-pays) 38%,#6c88c3) 0,transparent 43%),linear-gradient(180deg,rgba(19,42,91,.3),rgba(var(--surface-rgb),.15)) }
.rec-profil-visuel:after { content:"";position:absolute;z-index:5;inset:auto 0 0;height:76px;background:linear-gradient(180deg,transparent,#0a1631) }
.rec-profil-portrait { position:absolute;inset:0;display:grid;place-items:center;overflow:hidden }
.rec-profil-portrait img { position:absolute;z-index:3;inset:4px 0 0;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:saturate(.94) contrast(1.02);animation:cdf-rec-photo .35s ease both }
.rec-initiales { position:absolute;z-index:1;bottom:23px;color:rgba(255,255,255,.13);font-size:60.31px;font-weight:950;letter-spacing:-.06em;font-family:var(--police-titre) }
.avec-photo .rec-initiales, .avec-photo .rec-silhouette { display:none }
.rec-silhouette:before, .rec-silhouette:after { content:"";position:absolute;left:50%;transform:translateX(-50%);background:linear-gradient(145deg,#344b76,#172949);box-shadow:inset 0 1px rgba(255,255,255,.1) }
.rec-silhouette:before { top:38px;width:72px;height:82px;border-radius:48% 48% 44% 44% }
.rec-silhouette:after { bottom:-31px;width:185px;height:133px;border-radius:50% 50% 16% 16% }
.rec-profil-numero, .rec-profil-drapeau { position:absolute;z-index:7;top:17px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);background:rgba(5,15,37,.84);box-shadow:0 6px 18px rgba(0,0,0,.25);backdrop-filter:blur(7px) }
.rec-profil-numero { left:17px;width:51px;height:51px;border-radius:var(--rayon-3);color:var(--texte);font-size:25.85px;font-weight:900;font-family:var(--police-titre) }
.rec-profil-drapeau { right:17px;min-width:45px;height:36px;padding:0 8px;border-radius:var(--rayon-3);font-size:25.85px;line-height:1;font-family:var(--police-titre) }
.rec-profil-corps { position:relative;z-index:6;margin-top:-8px;padding:0 20px 19px }
.rec-profil-prenom { color:#b8c3da;font-size:16.15px;font-weight:700;letter-spacing:.04em;overflow-wrap:anywhere }
.co-fa-carte .rec-profil h3 { margin:0;color:var(--texte);font-size:25.85px;line-height:1.02;letter-spacing:.025em;overflow-wrap:anywhere;word-break:normal;hyphens:auto;font-family:var(--police-titre) }
.co-fa-carte .rec-profil h3.rec-profil-nom-long { font-size:21.54px;line-height:1.08;letter-spacing:.012em;text-wrap:balance }
.co-fa-carte .rec-profil h3.rec-profil-nom-tres-long { font-size:18.31px;line-height:1.1;letter-spacing:.005em;text-wrap:balance }
.rec-profil-meta { min-height:30px;margin-top:13px;color:#aebbd4;font-size:12.92px;line-height:1.35;text-transform:var(--petits-titres-casse);letter-spacing:var(--petits-titres-espace,.055em) }
.rec-profil-club { min-height:29px;margin-top:5px;color:#f0c24b;font-size:11.85px;line-height:1.35;font-weight:750 }
.rec-profil-badges { display:flex;flex-wrap:wrap;gap:7px;margin-top:14px }
.rec-profil-badges span { padding:6px 11px;border-radius:999px;border:1px solid rgba(132,158,216,.25);background:rgba(255,255,255,.045);color:#c4cee2;font-size:11.85px;font-weight:850 }
.rec-profil-badges span:last-child { border-color:color-mix(in srgb,var(--rec-pays) 55%,#f15572);color:#ffc0cb }
.rec-profil-stats { display:grid;grid-template-columns:1.25fr .8fr .9fr;gap:6px;margin-top:14px }
.rec-profil-stats span { min-width:0;padding:8px 5px;border-radius:var(--rayon-2);background:rgba(255,255,255,.035);text-align:center }
.rec-profil-stats b, .rec-profil-stats small { display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.rec-profil-stats b { color:var(--selection);font-size:14px }
.rec-profil-stats small { margin-top:2px;color:#7f8daa;font-size:8.62px;text-transform:var(--petits-titres-casse);letter-spacing:var(--petits-titres-espace,.055em) }
.rec-profil-voir, .rec-plus { border:1px solid color-mix(in srgb,var(--rec-pays,#FF7A59) 58%,#52658e);background:color-mix(in srgb,var(--rec-pays,#FF7A59) 13%,var(--fond-bandeau));color:var(--texte);font:inherit;font-weight:900;cursor:pointer }
.rec-profil-voir { width:100%;margin-top:12px;padding:9px;border-radius:var(--rayon-2);font-size:11.85px }
.rec-profil-voir:hover { background:color-mix(in srgb,var(--rec-pays) 24%,var(--fond-bandeau)) }
.rec-plus { display:block;margin:18px auto 2px;padding:10px 19px;border-radius:999px }
.rec-plus[hidden] { display:none }
.rec-table-wrap { max-height:720px;overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:var(--rayon-2);background:rgba(var(--surface-rgb),.25) }
.rec-table { width:100%;min-width:930px;border-collapse:separate;border-spacing:0;font-size:11.85px }
.rec-table thead { position:sticky;top:0;z-index:2;background:#111b32;box-shadow:0 1px rgba(255,255,255,.12) }
.rec-table th, .rec-table td { padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.055);text-align:left;white-space:nowrap }
.rec-table thead th { height:37px;color:var(--texte-2);font-size:9.69px;text-transform:var(--petits-titres-casse);letter-spacing:var(--petits-titres-espace,.08em) }
.rec-table tbody tr { transition:background .15s }
.rec-table tbody tr:hover { background:rgba(255,122,89,.055) }
.rec-table tbody th { font-weight:400 }
.rec-table tbody th .rec-nom, .rec-table tbody th small { display:block }
.rec-table tbody th .rec-nom { color:var(--texte);font-size:12.92px;font-weight:900;letter-spacing:.03em }
.rec-table tbody th small { margin-top:1px;color:#aeb8ca;font-size:10.77px }
.rec-table .rec-nombre { text-align:right;font-variant-numeric:tabular-nums }
.rec-table td.rec-fort { color:var(--selection);font-weight:900 }
.rec-table .rec-action { text-align:center }
.rec-voir { border:1px solid rgba(255,122,89,.42);border-radius:var(--rayon-2);background:rgba(255,122,89,.1);color:#FFC3B6;padding:4px 10px;font:inherit;font-weight:900;cursor:pointer }
.rec-voir:hover { background:rgba(255,122,89,.2);color:var(--texte) }
.rec-detail { position:fixed;z-index:1200;inset:0;padding:32px;overflow:auto;display:grid;place-items:center;background:rgba(2,7,18,.82);backdrop-filter:blur(9px) }
.rec-detail[hidden] { display:none }
.rec-detail-panneau { width:min(1120px,100%);padding:18px;border-radius:var(--rayon-3);border:1px solid rgba(255,122,89,.3);background:linear-gradient(145deg,rgba(255,122,89,.09),rgba(var(--accent-rgb),.04)),#0d172c;box-shadow:0 22px 70px rgba(0,0,0,.55) }
.rec-detail-tete { display:grid;grid-template-columns:62px minmax(0,1fr) 34px;gap:12px;align-items:center;margin-bottom:13px }
.rec-avatar { position:relative;width:62px;height:62px;border-radius:var(--rayon-3);display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#243e72,#101f42);color:var(--texte);font-size:16.15px;font-weight:900;letter-spacing:.03em;box-shadow:0 0 20px rgba(255,122,89,.24) }
.rec-avatar img { position:absolute;z-index:3;inset:0;width:100%;height:100%;object-fit:cover }
.rec-avatar .rec-initiales { position:relative;bottom:auto;z-index:2;font-size:18.31px;color:var(--texte) }
.rec-avatar .rec-silhouette { display:none }
.rec-detail-id { min-width:0 }
.rec-detail-id h2 { margin:0!important;font-size:20.46px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.rec-detail-id div { margin-top:2px;color:#d1d8e5;font-size:12.92px }
.rec-detail-id small { display:block;margin-top:3px;color:var(--texte-2);font-size:10.77px }
.rec-detail-id .rec-detail-club { margin-top:5px;color:#f0c24b;font-weight:750 }
.rec-detail-fermer { width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:var(--texte-doux);font-size:23.69px;line-height:1;cursor:pointer;font-family:var(--police-titre) }
.rec-detail-fermer:hover { color:var(--texte);background:rgba(255,255,255,.1) }
.rec-detail-grille { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px }
.rec-detail-groupe { padding:10px;border-radius:var(--rayon-2);background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07) }
.co-fa-carte .rec-detail-groupe h3 { margin:0 0 8px;color:#FFB09F;font-size:10.77px;text-transform:var(--petits-titres-casse);letter-spacing:var(--petits-titres-espace,.08em) }
.rec-detail-stats { display:grid;gap:5px }
.rec-stat { display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.055) }
.rec-stat:last-child { border-bottom:0;padding-bottom:0 }
.rec-stat span { color:var(--texte-2);font-size:9.69px }
.rec-stat b { font-size:11.85px;text-align:right }
.rec-stat.accent b { color:var(--selection);font-size:15.08px }
.rec-feuilles, .rec-remarque { margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.08);font-size:10.77px;color:var(--texte-2) }
.rec-feuilles>b { color:var(--texte-doux);text-transform:var(--petits-titres-casse);letter-spacing:var(--petits-titres-espace,.07em) }
.rec-feuilles>div { display:flex;flex-wrap:wrap;gap:5px;margin-top:6px }
.rec-feuilles span { padding:3px 7px;border-radius:999px;background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.2);color:#bfeef3 }
.rec-remarque b { color:#FFB09F }
.rec-turnover { margin-top:13px;padding-top:12px;border-top:1px solid rgba(0,200,150,.24) }
.rec-turnover-tete { display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:9px }
.co-fa-carte .rec-turnover-tete h3 { margin:0;color:#50e3b5;font-size:12.92px;text-transform:var(--petits-titres-casse);letter-spacing:var(--petits-titres-espace,.07em) }
.rec-turnover-tete p { margin:3px 0 0;color:var(--texte-2);font-size:9.69px }
.rec-turnover-tete>span { flex:none;padding:4px 7px;border-radius:999px;font-size:8.62px;font-weight:800;text-transform:var(--petits-titres-casse);letter-spacing:var(--petits-titres-espace,.06em) }
.rec-turnover-tete .detaillees { color:#7ff0cb;background:rgba(0,200,150,.11);border:1px solid rgba(0,200,150,.28) }
.rec-turnover-tete .publiques { color:#a9b5ca;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1) }
.rec-turnover .rec-detail-groupe { background:rgba(0,200,150,.035);border-color:rgba(0,200,150,.12) }
.rec-turnover-note { margin-top:8px;color:#76839b;font-size:9.69px;font-style:italic }
.rec-aucun { grid-column:1/-1;padding:28px;text-align:center;color:var(--texte-2) }
@media (max-width:1180px) { .rec-outils { grid-template-columns:repeat(3,minmax(0,1fr)) } }
@media (max-width:1180px) { .rec-detail-grille { grid-template-columns:repeat(2,minmax(0,1fr)) } }
@media (max-width:1180px) { .rec-profils { grid-template-columns:repeat(auto-fill,minmax(205px,1fr)) } }
@media (max-width:780px) { .rec-kpis { grid-template-columns:repeat(2,minmax(0,1fr)) } }
@media (max-width:780px) { .rec-outils { grid-template-columns:1fr 1fr } }
@media (max-width:780px) { .rec-input { grid-column:1/-1 } }
@media (max-width:780px) { .rec-reset { width:100% } }
@media (max-width:780px) { .rec-top { grid-template-columns:1fr } }
@media (max-width:780px) { .rec-classement-tete { align-items:stretch;flex-direction:column } }
@media (max-width:780px) { .rec-select-mesure { width:100% } }
@media (max-width:520px) { .rec-souspages { grid-template-columns:repeat(3,minmax(112px,1fr));overflow-x:auto } }
@media (max-width:520px) { .rec-souspage { padding-inline:10px;font-size:10.77px } }
@media (max-width:520px) { .rec-france-pages { grid-template-columns:repeat(3,minmax(95px,1fr));overflow-x:auto } }
@media (max-width:520px) { .rec-france-page { padding-inline:8px;font-size:9.69px } }
@media (max-width:520px) { .rec-outils { grid-template-columns:1fr } }
@media (max-width:520px) { .rec-input { grid-column:auto } }
@media (max-width:520px) { .rec-detail { padding:12px } }
@media (max-width:520px) { .rec-detail-panneau { padding:13px } }
@media (max-width:520px) { .rec-detail-grille { grid-template-columns:1fr } }
@media (max-width:520px) { .rec-detail-id h2 { font-size:17.23px!important } }
@media (max-width:520px) { .rec-definition { text-align:left } }
@media (max-width:520px) { .rec-table-wrap { max-height:620px } }
@media (max-width:520px) { .rec-profils { grid-template-columns:repeat(2,minmax(0,1fr));gap:9px } }
@media (max-width:520px) { .rec-profil { border-radius:var(--rayon-3) } }
@media (max-width:520px) { .rec-profil-visuel { height:165px } }
@media (max-width:520px) { .rec-profil-numero { top:10px;left:10px;width:39px;height:39px;border-radius:var(--rayon-3);font-size:20.46px } }
@media (max-width:520px) { .rec-profil-drapeau { top:10px;right:10px;min-width:38px;height:31px;font-size:21.54px;font-family:var(--police-titre) } }
@media (max-width:520px) { .rec-profil-corps { padding:0 11px 12px } }
@media (max-width:520px) { .rec-profil-prenom { font-size:12.92px } }
@media (max-width:520px) { .co-fa-carte .rec-profil h3 { font-size:19.38px } }
@media (max-width:520px) { .co-fa-carte .rec-profil h3.rec-profil-nom-long { font-size:16.15px } }
@media (max-width:520px) { .co-fa-carte .rec-profil h3.rec-profil-nom-tres-long { font-size:14px;line-height:1.12 } }
@media (max-width:520px) { .rec-profil-meta { min-height:27px;margin-top:9px;font-size:9.69px } }
@media (max-width:520px) { .rec-profil-club { min-height:25px;font-size:9.69px } }
@media (max-width:520px) { .rec-profil-badges { gap:4px;margin-top:9px } }
@media (max-width:520px) { .rec-profil-badges span { padding:4px 7px;font-size:9.69px } }
@media (max-width:520px) { .rec-profil-stats { grid-template-columns:1fr 1fr;margin-top:9px } }
@media (max-width:520px) { .rec-profil-stats span:first-child { grid-column:1/-1 } }
@media (max-width:520px) { .rec-profil-voir { margin-top:8px;padding:7px } }
@media (max-width:520px) { .rec-silhouette:before { top:29px;width:57px;height:64px } }
@media (max-width:520px) { .rec-silhouette:after { width:145px;height:101px } }
@media (max-width:440px) { .rec-profils { grid-template-columns:1fr } }
@media (max-width:440px) { .rec-profil-visuel { height:228px } }
@media (max-width:440px) { .rec-kpis .co-fa-kpi .val { font-size:28px;font-family:var(--police-titre) } }
@media (max-width:440px) { .rec-profil-corps { padding-inline:16px } }
@media (max-width:440px) { .rec-profil-stats { grid-template-columns:1.25fr .8fr .9fr } }
@media (max-width:440px) { .rec-profil-stats span:first-child { grid-column:auto } }
.rk-role .co-fa-pill.actif { background:var(--selection);border-color:var(--selection);color:var(--sur-clair) }
.rk-kpis .co-fa-kpi .val { font-size:36.62px;font-family:var(--police-titre) }
@media (max-width:1100px) { .rk-kpis .co-fa-kpi:last-child { grid-column:1/-1 } }
@media (max-width:760px) { .rk-kpis .co-fa-kpi:last-child { grid-column:1/-1 } }
@media (max-width:480px) { .rk-kpis .co-fa-kpi:last-child { grid-column:auto } }
.co-e22 .co-fa-carte { container-type:inline-size }
.fx-banniere { --fond:var(--vert);position:relative;overflow:hidden;border-radius:var(--rayon-3);margin:0 0 16px;padding:26px 28px;
  background:radial-gradient(ellipse 50% 95% at 14% 50%,color-mix(in srgb,var(--fond) 24%,transparent),transparent 70%),
    linear-gradient(135deg,#0f1d3d 0%,var(--fond-page) 62%,var(--fond-bandeau) 100%);
  border:1px solid color-mix(in srgb,var(--fond) 32%,rgba(255,255,255,.08));
  box-shadow:0 22px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.07);animation:cdf-obj-entree .6s cubic-bezier(.2,.8,.2,1) both }
.fx-banniere .acc-projecteurs::before, .fx-banniere .acc-projecteurs::after { opacity:.26 }
.fx-banniere>.fx-dedans { position:relative;z-index:2 }
.fx-anneau { display:block;width:100%;height:100%;overflow:visible }
.fx-anneau-fond { fill:none;stroke:rgba(255,255,255,.07);stroke-width:10 }
.fx-anneau-val { fill:none;stroke:var(--c,var(--vert));stroke-width:10;stroke-linecap:round;stroke-dasharray:100 100;stroke-dashoffset:100;
  transition:stroke-dashoffset 1.1s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 0 6px var(--c,var(--vert))) }
@media (prefers-reduced-motion:reduce) { .fx-banniere { animation:none } }
@media (prefers-reduced-motion:reduce) { .fx-anneau-val { transition:none } }
@media (max-width:700px) { .fx-banniere { padding:18px 16px } }
.ph-tete { text-align:center;margin-bottom:16px }
.ph-sur { font-size:11.85px;font-weight:800;letter-spacing:var(--petits-titres-espace,.24em);text-transform:var(--petits-titres-casse);color:var(--fond) }
.ph-tete h1 { font-size:34.46px;font-weight:900;margin:4px 0 2px;line-height:1.1;letter-spacing:-.01em;font-family:var(--police-titre) }
.ph-sous { color:var(--texte-doux);font-size:14px }
.ph-trio { display:grid;grid-template-columns:1fr auto 1fr;gap:26px;align-items:center }
.ph-cote { display:flex;gap:18px;align-items:center;justify-content:center }
.ph-jauge { --c:var(--vert);display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:var(--rayon-3);padding:6px }
.ph-jauge-anneau { position:relative;width:132px;height:132px }
.ph-jauge.gros .ph-jauge-anneau { width:200px;height:200px }
.ph-jauge-c { position:absolute;inset:0;display:flex;align-items:center;justify-content:center }
.ph-pct { font-size:40.92px;font-weight:900;line-height:1;color:var(--texte);text-shadow:0 0 18px color-mix(in srgb,var(--c) 60%,transparent);font-family:var(--police-titre) }
.ph-jauge.gros .ph-pct { font-size:66.77px;font-family:var(--police-titre) }
.ph-jauge-c span { font-size:17.23px;font-weight:800;color:var(--texte-doux);margin-left:2px }
.ph-jauge-t { font-size:14px;font-weight:800;margin-top:8px }
.ph-jauge.gros .ph-jauge-t { font-size:17.23px }
.ph-jauge-s { font-size:12.92px;color:var(--texte-doux) }
.ph-volume { display:flex;flex-direction:column;align-items:center;text-align:center;min-width:104px;border-radius:var(--rayon-3);padding:6px }
.ph-volume b { font-size:49.54px;font-weight:900;line-height:1;font-family:var(--police-titre) }
.ph-volume span { font-size:12.92px;color:var(--texte-doux);font-weight:700 }
.ph-volume small { font-size:11.85px;color:var(--texte-2) }
.ph-note { margin:-6px 2px 14px;font-size:12.92px;color:var(--orange) }
.ph-duo { margin-bottom:14px }
.ph-groupe+.ph-groupe { margin-top:12px }
.ph-groupe-t { font-size:14px;font-weight:800;margin-bottom:4px }
.ph-groupe.ok .ph-groupe-t { color:var(--vert) }
.ph-groupe.ko .ph-groupe-t { color:var(--rouge) }
.ph-groupe-t b { font-size:17.23px }
.ph-barre { display:grid;grid-template-columns:150px minmax(0,1fr) 34px;gap:10px;align-items:center;padding:4px 6px;border-radius:var(--rayon-2) }
.ph-barre:hover { background:rgba(255,255,255,.04) }
.ph-barre .lb { font-size:14px;font-weight:700 }
.ph-barre .piste { height:14px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden }
.ph-barre .piste i { display:block;height:100%;border-radius:999px;background:var(--c);box-shadow:0 0 10px color-mix(in srgb,var(--c) 60%,transparent);
  transform-origin:left center;animation:cdf-ph-pousse .8s cubic-bezier(.2,.8,.2,1) both }
.ph-barre b { font-size:17.23px;font-weight:900;text-align:right }
.ph-barre.vide { opacity:.4 }
.ph-premier-resume { display:grid;grid-template-columns:auto minmax(180px,1fr);gap:22px;align-items:center;margin-bottom:14px }
.ph-premier-jauge .ph-jauge-anneau { width:116px;height:116px }
.ph-premier-jauge .ph-pct { font-size:36.62px;font-family:var(--police-titre) }
.ph-premier-stats { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px }
.ph-premier-stats>div { min-width:0;padding:12px 8px;border-radius:var(--rayon-3);text-align:center;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06) }
.ph-premier-stats b { display:block;font-size:29.08px;line-height:1;font-weight:900;font-family:var(--police-titre) }
.ph-premier-stats span { display:block;margin-top:5px;font-size:11.31px;color:var(--texte-2);font-weight:750 }
.ph-premier-stats .ok b { color:var(--vert) }
.ph-premier-stats .ko b { color:var(--rouge) }
.ph-premier-details, .ph-causes { display:grid;gap:3px }
.ph-premier-details .ph-barre .lb, .ph-causes .ph-barre .lb { white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.ph-causes-resume { margin:2px 6px 12px;color:var(--texte-doux);font-size:14px }
.ph-causes-resume b { color:var(--rouge);font-size:23.69px;font-weight:900;font-family:var(--police-titre) }
.ph-note-interne { margin:12px 6px 0 }
.ph-table { width:100%;border-collapse:separate;border-spacing:0 4px;font-size:14px }
.ph-table th { font-size:11.31px;font-weight:700;letter-spacing:var(--petits-titres-espace,.1em);text-transform:var(--petits-titres-casse);color:var(--texte-2);padding:6px;text-align:center;white-space:nowrap }
.ph-table th.ok { color:var(--vert) }
.ph-table th.ko { color:var(--rouge) }
.ph-table th.lib { text-align:left }
.ph-table tbody tr { animation:cdf-obj-monte .4s cubic-bezier(.2,.8,.2,1) both }
.ph-table td { background:rgba(255,255,255,.035);padding:7px 6px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px }
.ph-table td:first-child { border-radius:8px 0 0 8px }
.ph-table td:last-child { border-radius:0 8px 8px 0 }
.ph-table tbody tr:hover td { background:rgba(255,255,255,.075) }
.ph-table td.lib { text-align:left;font-weight:800 }
.ph-table .fort { font-weight:800 }
.ph-table .gris { color:var(--texte-3) }
.ph-table td.nb { font-weight:900;font-size:16.15px }
.ph-table td.case { color:rgba(255,255,255,.2);font-weight:900 }
.ph-table td.case span { display:inline-block;min-width:24px;padding:2px 6px;border-radius:999px }
.ph-table td.case.ok span { background:rgba(var(--vert-rgb),.16);color:#7dffb0 }
.ph-table td.case.ko span { background:rgba(var(--rouge-rgb),.15);color:#ff93a6 }
.ph-chip { display:inline-block;padding:2px 10px;border-radius:999px;font-size:12.92px;font-weight:800;color:var(--sur-clair);background:var(--c);
  box-shadow:0 0 10px color-mix(in srgb,var(--c) 45%,transparent);white-space:nowrap }
.co-cmp-defile .ph-noms { min-width:760px }
.co-cmp-defile .ph-deroule { min-width:980px }
@media (max-width:900px) { .ph-trio { grid-template-columns:1fr;gap:16px } }
@media (max-width:900px) { .ph-jauge.gros { order:-1 } }
@media (max-width:700px) { .ph-tete h1 { font-size:25.85px;font-family:var(--police-titre) } }
@media (max-width:700px) { .ph-cote { gap:8px } }
@media (max-width:700px) { .ph-jauge-anneau { width:104px;height:104px } }
@media (max-width:700px) { .ph-pct { font-size:32.31px;font-family:var(--police-titre) } }
@media (max-width:700px) { .ph-jauge.gros .ph-jauge-anneau { width:170px;height:170px } }
@media (max-width:700px) { .ph-jauge.gros .ph-pct { font-size:56px;font-family:var(--police-titre) } }
@media (max-width:700px) { .ph-volume b { font-size:40.92px;font-family:var(--police-titre) } }
@media (max-width:700px) { .ph-barre { grid-template-columns:112px minmax(0,1fr) 28px;gap:8px } }
@media (max-width:700px) { .ph-premier-resume { grid-template-columns:1fr;justify-items:center } }
@media (max-width:700px) { .ph-premier-stats { width:100% } }
@media (prefers-reduced-motion:reduce) { .ph-barre .piste i, .ph-table tbody tr { animation:none } }
.ph-split .fx-anneau-fond { stroke:rgba(var(--rouge-rgb),.55) }
.to-grille>.co-fa-carte { margin-bottom:0 }
.fx-donut { display:block;width:100%;height:100%;overflow:visible }
.fx-donut .fx-anneau-fond { stroke-width:16 }
.fx-donut-part { fill:none;stroke-width:16;animation:cdf-fx-donut .9s cubic-bezier(.2,.8,.2,1) both;filter:drop-shadow(0 0 4px rgba(0,0,0,.4)) }
.st-grille>.co-fa-carte { margin-bottom:0 }
@media (prefers-reduced-motion:reduce) { .fx-donut-part { animation:none } }
.co-fa-pill.jp-incomplet { opacity:.55;border-style:dashed }
.fx-bilan { padding:22px 24px }
.fx-bilan .ph-tete { margin-bottom:10px }
.fx-bilan .co-fa-score { margin:0 0 12px }
.fx-bilan .co-fa-score .val { font-size:49.54px;text-shadow:0 0 24px color-mix(in srgb,var(--fond) 60%,transparent);font-family:var(--police-titre) }
.fx-bilan .co-fa-kpis { margin:0 }
.fx-bilan .co-fa-kpi { background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px) }
.fx-page .co-fa-kpi { transition:transform .25s,box-shadow .25s,border-color .25s }
.fx-page .co-fa-kpi:hover { transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,.45);border-color:color-mix(in srgb,var(--fond,var(--accent)) 50%,transparent) }
.fx-page .co-fa-carte, .fx-page .co-cmp-carte { animation:cdf-obj-monte .55s cubic-bezier(.2,.8,.2,1) both;transition:border-color .25s,box-shadow .25s }
.fx-page .co-fa-carte:hover, .fx-page .co-cmp-carte:hover { border-color:rgba(var(--accent-rgb),.3);box-shadow:0 16px 36px rgba(0,0,0,.4) }
.fx-page .co-fa-type .barre i { transform-origin:left center;animation:cdf-ph-pousse .9s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 0 8px rgba(79,142,252,.45) }
.fx-page .co-fa-mq, .fx-page .co-fa-pt, .fx-page .co-ct-pt { animation:cdf-fx-pop .45s cubic-bezier(.2,.8,.2,1) .3s both }
.fx-page .co-fa-zone { animation:cdf-fx-fondu .7s ease .2s both }
.fx-page .co-fa-ligne, .fx-page .co-cmp-table tbody tr { animation:cdf-obj-monte .45s cubic-bezier(.2,.8,.2,1) .25s both }
.fx-page .co-fa-suite { transition:transform .2s }
.fx-page .co-fa-suite:hover { transform:translateY(-2px) }
@media (prefers-reduced-motion:reduce) { .fx-page .co-fa-carte, .fx-page .co-cmp-carte, .fx-page .co-fa-type .barre i, .fx-page .co-fa-mq, .fx-page .co-fa-pt, .fx-page .co-ct-pt, .fx-page .co-fa-zone, .fx-page .co-fa-ligne, .fx-page .co-cmp-table tbody tr { animation:none } }
.lec-fond { position:fixed;inset:0;z-index:100;background:rgba(3,7,16,.88);display:flex;align-items:center;justify-content:center;padding:18px }
.lec-boite { background:var(--fond-carte);border:1px solid rgba(255,255,255,.14);border-radius:var(--rayon-3);width:min(1400px,100%);max-height:100%;
  display:flex;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.6) }
.lec-gauche { flex:1;min-width:0;padding:14px 16px;display:flex;flex-direction:column;gap:8px }
.lec-tete { display:flex;align-items:center;gap:12px }
.lec-titre { font-size:17.23px;font-weight:800;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.lec-compteur { color:var(--texte-2);font-weight:700;white-space:nowrap }
.lec-fermer { background:rgba(255,255,255,.1);border:none;color:var(--texte);border-radius:var(--rayon-2);width:34px;height:34px;font-size:17.23px;cursor:pointer }
.lec-angles { display:none;align-self:center;align-items:center;gap:4px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:var(--rayon-2);padding:4px 6px }
.lec-angles.on { display:flex }
.lec-angles .nom { font-weight:800;font-size:13.46px;padding:0 6px 0 2px;white-space:nowrap }
.lec-angles button { height:28px;border-radius:var(--rayon-2);border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:var(--texte);font-weight:800;font-size:12.92px;cursor:pointer;padding:0 8px }
.lec-angles button.actif { background:var(--selection);color:#000;border-color:var(--selection) }
.lec-ecran { position:relative;width:100%;aspect-ratio:16/9;max-height:calc(100vh - 230px);background:#000;border-radius:var(--rayon-2);overflow:hidden }
.lec-ecran iframe, .lec-ecran video { position:absolute;inset:0;width:100%;height:100%;border:0 }
.lec-ecran video { display:none }
.lec-msg { position:absolute;inset:0;display:none;align-items:center;justify-content:center;text-align:center;padding:20px;color:var(--texte-doux);font-size:16.15px }
.lec-msg.on { display:flex }
.lec-info { font-size:15.08px;min-height:20px;color:var(--texte-doux) }
.lec-boutons { display:flex;gap:8px;align-items:center;flex-wrap:wrap }
.lec-btn { background:var(--bleu-co);color:var(--texte);border:none;border-radius:var(--rayon-2);padding:7px 14px;font-size:14px;font-weight:700;cursor:pointer }
.lec-btn:hover { filter:brightness(1.15) }
.lec-auto { margin-left:auto;font-size:14px;display:flex;align-items:center;gap:6px;cursor:pointer }
.lec-liste { width:330px;flex:0 0 330px;border-left:1px solid rgba(255,255,255,.12);overflow:auto;max-height:calc(100vh - 36px) }
.lec-item { padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.07);border-left:4px solid transparent;cursor:pointer;font-size:14px }
.lec-item:hover { background:rgba(255,255,255,.07) }
.lec-item.pos { border-left-color:#27CB39 }
.lec-item.neg { border-left-color:#E0525C }
.lec-item.actif { background:var(--bleu-co) }
.lec-item .m { opacity:.75;font-size:12.92px }
.lec-item .t { font-weight:800 }
.lec-q { display:inline-block;background:rgba(255,255,255,.12);border-radius:var(--rayon-1);padding:1px 6px;margin:3px 4px 0 0;font-size:11.85px;font-weight:600;line-height:1.5 }
@media (max-width:900px) { .lec-fond { padding:0;align-items:stretch } }
@media (max-width:900px) { .lec-boite { flex-direction:column;border-radius:0;overflow:auto } }
@media (max-width:900px) { .lec-liste { width:auto;flex:none;border-left:none;border-top:1px solid rgba(255,255,255,.12);max-height:none } }
@media (max-width:900px) { .lec-ecran { max-height:none } }
@media (max-width:900px) { .lec-btn { padding:7px 10px } }
.fx-poussiere { position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none }
.fx-confettis { position:fixed;inset:0;z-index:300;width:100vw;height:100vh;pointer-events:none }
.acc-projecteurs { position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden }
.acc-projecteurs::before, .acc-projecteurs::after { content:"";position:absolute;top:-30%;width:46%;height:170%;opacity:.5;mix-blend-mode:screen;
  background:conic-gradient(from 180deg at 50% 0%,transparent 0deg,color-mix(in srgb,var(--fond) 55%,#fff) 8deg,transparent 22deg);
  filter:blur(6px);transform-origin:50% 0 }
.acc-projecteurs::before { left:2%;animation:cdf-acc-balaye 9s ease-in-out infinite alternate }
.acc-projecteurs::after { right:2%;animation:cdf-acc-balaye 11s ease-in-out infinite alternate-reverse }
.acc-resume .co-fa-kpi { transition:transform .25s,box-shadow .25s,border-color .25s }
.acc-resume .co-fa-kpi:hover { transform:translateY(-4px);box-shadow:0 14px 28px rgba(0,0,0,.45);border-color:rgba(var(--accent-rgb),.5) }
.calco-hero>.acc-projecteurs::before, .calco-hero>.acc-projecteurs::after { opacity:.22 }
.fm-legende { display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:-4px 0 12px;font-size:12.92px;color:var(--texte-doux) }
.fm-legende>span { display:inline-flex;align-items:center;gap:5px }
.fm-legende .src { margin-left:auto;color:var(--texte-2) }
.fm-equipe { --c:#3a4660;--num:#fff;display:grid;grid-row:span 3;grid-template-rows:subgrid;border-radius:var(--rayon-3);overflow:hidden;border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,color-mix(in srgb,var(--c) 45%,var(--fond-carte)) 0%,var(--fond-carte) 30%) }
.fm-equipe.nous { border-color:rgba(var(--accent-rgb),.45);box-shadow:0 0 30px rgba(var(--accent-rgb),.12) }
.fm-tete { display:flex;align-items:center;gap:10px;padding:12px 16px }
.fm-tete img { width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5)) }
.fm-tete b { font-size:18.31px;font-weight:900 }
.fm-tete span { color:var(--texte-doux);font-weight:800;letter-spacing:.12em;font-size:12.92px }
.fm-terrain { position:relative;display:grid;grid-template-rows:repeat(6,minmax(0,1fr));gap:6px;padding:16px 10px 18px;min-height:600px;
  background:linear-gradient(180deg,rgba(var(--surface-rgb),.55),rgba(var(--surface-rgb),.72)),url("/media/cdf/terrain.png") center/100% 100% no-repeat }
.fm-ligne { display:flex;justify-content:space-evenly;align-items:flex-start }
.fm-joueur { display:flex;flex-direction:column;align-items:center;gap:3px;width:108px;cursor:default;
  animation:cdf-fm-entree .5s cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(var(--d) * 35ms + .15s);transition:transform .2s }
.fm-joueur.vide { visibility:hidden;animation:none }
.fm-joueur:hover { transform:translateY(-4px) scale(1.08);z-index:2 }
.fm-joueur .maillot { position:relative;width:46px;height:48px;display:grid;place-items:center }
.fm-joueur .maillot svg { position:absolute;inset:0;width:100%;height:100%;fill:var(--c);stroke:rgba(255,255,255,.85);stroke-width:1.6;
  filter:drop-shadow(0 4px 6px rgba(0,0,0,.55)) }
.fm-joueur .maillot b { position:relative;margin-top:6px;font-size:17.23px;font-weight:900;color:var(--num);font-variant-numeric:tabular-nums }
.fm-joueur .cap { position:absolute;top:-4px;right:-6px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-style:normal;
  font-size:10.77px;font-weight:900;color:var(--sur-clair);background:linear-gradient(135deg,#ffe58a,#d4a017);box-shadow:0 0 8px rgba(var(--selection-rgb),.6) }
.fm-joueur .nom { max-width:100%;font-size:12.38px;font-weight:800;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  text-shadow:0 1px 3px rgba(0,0,0,.9) }
.fm-joueur .badges { display:flex;gap:3px;flex-wrap:wrap;justify-content:center }
.fm-joueur.marqueur .maillot svg { stroke:var(--selection);stroke-width:2.4;animation:cdf-fm-or 2.2s ease-in-out infinite }
.fm-banc { padding:12px 12px 14px;border-top:1px solid rgba(255,255,255,.1) }
.fm-banc .lib { display:block;font-size:11.85px;font-weight:900;letter-spacing:var(--petits-titres-espace,.16em);text-transform:var(--petits-titres-casse);color:var(--texte-2);margin:0 0 8px 4px }
.fm-banc-liste { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 4px }
.fm-banc .fm-joueur { width:auto;min-width:0 }
.fm-banc .fm-joueur .maillot { width:36px;height:38px }
.fm-banc .fm-joueur .maillot b { font-size:14px;margin-top:5px }
@media (max-width:1100px) { .fm-equipe+.fm-equipe { margin-top:16px } }
@media (max-width:700px) { .fm-terrain { min-height:520px;padding:12px 4px } }
@media (max-width:700px) { .fm-joueur { width:84px } }
@media (max-width:700px) { .fm-joueur .maillot { width:38px;height:40px } }
@media (max-width:700px) { .fm-joueur .maillot b { font-size:15.08px } }
@media (max-width:700px) { .fm-joueur .nom { font-size:10.77px } }
@media (max-width:700px) { .fm-legende .src { margin-left:0 } }
@media (prefers-reduced-motion:reduce) { .fm-joueur, .fm-joueur.marqueur .maillot svg { animation:none } }
@media (prefers-reduced-motion:reduce) { .acc-projecteurs::before, .acc-projecteurs::after { animation:none } }
.acc-resume.entre .co-fa-kpi { animation:cdf-acc-entree .45s cubic-bezier(.2,.8,.2,1) both }
.acc-resume.entre .co-fa-kpi:nth-child(2) { animation-delay:.05s }
.acc-resume.entre .co-fa-kpi:nth-child(3) { animation-delay:.1s }
.acc-resume.entre .co-fa-kpi:nth-child(4) { animation-delay:.15s }
@media (max-width:700px) { .fx-banniere, .fx-banniere>.fx-dedans, .ph-tete, .co-fa-carte, .co-fa-kpi { min-width:0;max-width:100% } }
@media (max-width:700px) { .ph-tete h1, .ph-sous, .ph-sur { max-width:100%;overflow-wrap:anywhere } }
@media (max-width:700px) { .rec-banniere { overflow:hidden } }
@media (max-width:700px) { .jr-kpis .co-fa-kpi { padding:10px } }
@media (max-width:700px) { .jr-kpis .co-fa-kpi .val { font-size:28px } }
@media (max-width:700px) { .rec-definition { max-width:100%;overflow-wrap:anywhere } }
@media (max-width:1100px) { .acc-resume .co-fa-kpis { grid-template-columns:1fr 1fr } }
.sc-grille>.co-fa-carte { margin:0 }
.contenu.fx-entree { animation:cdf-page-entree .45s cubic-bezier(.2,.8,.2,1) both }
.fx-page .co-fa-carte, .fx-page .co-cmp-carte { position:relative }
.fx-page .co-fa-carte::after, .fx-page .co-cmp-carte::after { content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;
  background:radial-gradient(460px circle at var(--mx,50%) var(--my,-300px),rgba(var(--accent-rgb),.09),transparent 45%) }
.fx-page .co-fa-carte:hover::after, .fx-page .co-cmp-carte:hover::after { opacity:1 }
@media (prefers-reduced-motion:reduce) { .contenu.fx-entree { animation:none } }
@media (prefers-reduced-motion:reduce) { .fx-page .co-fa-carte::after, .fx-page .co-cmp-carte::after { display:none } }
.adv-fm .fm-tete { flex-wrap:wrap }
.adv-fm .fm-terrain { min-height:620px }
@media (max-width:700px) { .adv-fm .fm-terrain { min-height:520px } }
.rm .co-fa-point { background:var(--acc);box-shadow:0 0 10px var(--acc) }
.rm-tdb>.co-fa-carte { margin:0;padding:var(--pad) }
.rm .co-fa-carte.rm-bloc h2 { margin:0 0 12px }
.acc-projecteurs::before, .acc-projecteurs::after { will-change:transform }
@media (max-width:700px),(pointer:coarse) { .fx-bilan .co-fa-kpi { -webkit-backdrop-filter:none;backdrop-filter:none } }
.contenu.fx-glisse-d, .contenu.fx-glisse-g { position:relative;z-index:2;background:var(--fond-page) }
.contenu.fx-glisse-d { animation:cdf-glisse-d .38s cubic-bezier(.2,.8,.2,1) both }
.contenu.fx-glisse-g { animation:cdf-glisse-g .38s cubic-bezier(.2,.8,.2,1) both }
@media (orientation:landscape) and (max-height:520px) { .fx-banniere { padding:14px 18px } }
@media (orientation:landscape) and (max-height:520px) { .co-fa-kpis { grid-template-columns:1fr 1fr } }
@media (orientation:landscape) and (max-height:520px) { .co-fa-kpis.six { grid-template-columns:repeat(3,minmax(0,1fr)) } }
@media (orientation:landscape) and (max-height:520px) { .lec-fond { padding:0 } }
@media (orientation:landscape) and (max-height:520px) { .lec-boite { width:100vw;max-width:none;height:100vh;max-height:none;border-radius:0 } }
@media (orientation:landscape) and (max-height:520px) { .lec-liste { display:none } }
@media (orientation:landscape) and (max-height:520px) { .lec-ecran { max-height:calc(100vh - 64px) } }
@media (prefers-reduced-motion:reduce) { .contenu.fx-glisse-d, .contenu.fx-glisse-g { animation:none } }
.am-affiche .ph-sur { text-transform:var(--petits-titres-casse) }
.rec-souspages { grid-template-columns:repeat(5,minmax(0,1fr)) }
.rec-souspage[data-page="france"][aria-current="page"] { border-color:rgba(var(--bleu-co-rgb),.6);background:linear-gradient(135deg,rgba(var(--bleu-co-rgb),.22),rgba(var(--accent-rgb),.08));box-shadow:inset 0 1px rgba(255,255,255,.07),0 0 18px rgba(var(--bleu-co-rgb),.12) }
.rec-souspage[data-page="aia"][aria-current="page"] { border-color:rgba(169,139,255,.6);background:linear-gradient(135deg,rgba(169,139,255,.22),rgba(var(--accent-rgb),.07));box-shadow:inset 0 1px rgba(255,255,255,.07),0 0 18px rgba(169,139,255,.12) }
.rec-barre { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px }
.rec-barre[hidden] { display:none }
.rec-barre .rec-france-pages { flex:1 1 380px;margin:0 }
.rec-barre .rec-france-pages[hidden] { display:none }
.rec-periode { display:inline-flex;align-items:center;gap:4px;padding:5px;border:1px solid rgba(255,255,255,.09);border-radius:var(--rayon-3);background:rgba(var(--surface-rgb),.62) }
.rec-periode-lib { padding:0 8px 0 6px;color:var(--texte-2);font-size:10.77px;font-weight:850;text-transform:var(--petits-titres-casse);letter-spacing:var(--petits-titres-espace,.06em);white-space:nowrap }
.rec-periode-choix { min-height:34px;padding:7px 13px;border:1px solid transparent;border-radius:var(--rayon-2);background:transparent;color:#a3afc6;font:inherit;font-size:11.85px;font-weight:900;cursor:pointer;white-space:nowrap;transition:background .16s,border-color .16s,color .16s }
.rec-periode-choix:hover { color:var(--texte);background:rgba(255,255,255,.045) }
.rec-periode-choix[aria-pressed="true"] { color:var(--texte);border-color:rgba(169,139,255,.55);background:linear-gradient(135deg,rgba(169,139,255,.24),rgba(var(--bleu-co-rgb),.12));box-shadow:inset 0 1px rgba(255,255,255,.07) }
.rec-periode-choix:focus-visible { outline:none;border-color:#A98BFF;box-shadow:0 0 0 2px rgba(169,139,255,.25) }
.rec-outils.rec-outils-base { grid-template-columns:repeat(4,minmax(0,1fr)) }
.rec-select[hidden] { display:none }
.rec-aia-base { border-top-color:rgba(169,139,255,.3) }
.co-fa-carte .rec-aia-base .rec-turnover-tete h3, .rec-aia-base .rec-turnover-tete h3 { color:#c4b2ff }
.rec-aia-base .rec-detail-groupe { background:rgba(169,139,255,.04);border-color:rgba(169,139,255,.14) }
.rec-aia-base .rec-detail-groupe h3 { color:#c4b2ff }
.rec-periode-fiche { flex:none;padding:3px;border-radius:var(--rayon-2) }
.rec-periode-fiche .rec-periode-choix { min-height:28px;padding:5px 10px;font-size:10.77px }
.rec-cdm { border-top-color:rgba(255,122,89,.3) }
.rec-cdm .rec-turnover-tete h3 { color:#FFB09F }
.rec-cdm .rec-detail-groupe { background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.07) }
@media (max-width:1180px) { .rec-outils.rec-outils-base { grid-template-columns:repeat(3,minmax(0,1fr)) } }
@media (max-width:1180px) { .rec-outils.rec-outils-base .rec-input { grid-column:1/-1 } }
@media (max-width:780px) { .rec-outils.rec-outils-base { grid-template-columns:1fr 1fr } }
@media (max-width:780px) { .rec-barre { align-items:stretch;flex-direction:column } }
@media (max-width:780px) { .rec-barre .rec-france-pages { flex:none } }
@media (max-width:780px) { .rec-periode { justify-content:space-between } }
@media (max-width:780px) { .rec-periode-choix { flex:1 } }
@media (max-width:520px) { .rec-souspages { grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:4px;overflow:visible } }
@media (max-width:520px) { .rec-souspage { grid-column:span 2;min-width:0;min-height:38px;padding:8px 3px;font-size:9.69px;letter-spacing:.02em } }
@media (max-width:520px) { .rec-souspage:nth-child(n+4) { grid-column:span 3 } }
@media (max-width:520px) { .rec-banniere .ph-tete h1 { font-size:23.69px;overflow-wrap:anywhere } }
@media (max-width:520px) { .rec-banniere .ph-sous, .rec-banniere .ph-sur { overflow-wrap:anywhere } }
@media (max-width:520px) { .rec-kpis .co-fa-kpi { padding:10px 9px } }
@media (max-width:520px) { .rec-kpis .co-fa-kpi .lib { font-size:9.69px;letter-spacing:.08em } }
@media (max-width:520px) { .rec-kpis .co-fa-kpi .sous { font-size:10.77px } }
@media (max-width:520px) { .rec-kpis .co-fa-kpi:last-child .val { font-size:21.54px;letter-spacing:-.035em;overflow:visible;text-overflow:clip } }
@media (max-width:520px) { .rec-outils.rec-outils-base { grid-template-columns:1fr 1fr } }
@media (max-width:520px) { .rec-outils.rec-outils-base .rec-input, .rec-outils.rec-outils-base .rec-reset { grid-column:1/-1 } }
@media (max-width:520px) { .rec-outils.rec-outils-base .rec-select { min-width:0;font-size:12.92px;padding-inline:7px } }
@media (max-width:520px) { .rec-periode-lib { display:none } }
@media (max-width:520px) { .rec-aia-base .rec-turnover-tete { flex-direction:column } }
.rec-profil-stats.rec-profil-stats-deux { grid-template-columns:1.25fr 1fr }
@media (max-width:520px) { .rec-profil-stats.rec-profil-stats-deux span:first-child { grid-column:auto } }
.rec-videos-liste { display:flex;flex-wrap:wrap;gap:8px;margin-top:10px }
.rec-video { display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.08);color:var(--texte-doux);text-decoration:none;font-size:14px }
.rec-video:hover { background:rgba(var(--accent-rgb),.2);color:var(--texte) }
.rec-video span { color:var(--accent) }
.rec-xml-groupes { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-top:10px }
.rec-xml-groupe { display:grid;gap:2px;text-align:left;padding:10px 12px;border-radius:var(--rayon-3);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:var(--texte-doux);font:inherit;cursor:pointer }
.rec-xml-groupe span { font-size:12.92px;color:var(--texte-2);font-weight:700 }
.rec-xml-groupe b { font-size:23.69px;color:var(--texte);font-family:var(--police-titre) }
.rec-xml-groupe small { font-size:11.85px;color:var(--texte-2);line-height:1.35 }
.rec-xml-groupe:hover, .rec-xml-groupe.actif { border-color:var(--accent);background:rgba(var(--accent-rgb),.08) }
.rec-xml-clips h4 { margin:14px 0 6px;font-size:15.08px }
.rec-xml-clips { max-height:360px;overflow:auto }
.rec-xml-clip { display:grid;grid-template-columns:auto auto 1fr auto;gap:10px;align-items:center;padding:7px 10px;border-radius:var(--rayon-2);color:var(--texte-doux);text-decoration:none;font-size:13.46px }
.rec-xml-clip:nth-child(even) { background:rgba(255,255,255,.03) }
.rec-xml-clip:hover { background:rgba(var(--accent-rgb),.1) }
.rec-xml-clip span { color:var(--accent);font-variant-numeric:tabular-nums }
.rec-xml-clip small { color:var(--texte-2) }
.rec-xml-clip i { font-style:normal;color:var(--accent) }
@media (max-width:700px) { .rec-xml-clip { grid-template-columns:auto auto 1fr } }
@media (max-width:700px) { .rec-xml-clip small { grid-column:1/-1 } }
button.rec-xml-clip { width:100%;border:0;background:none;font:inherit;text-align:left;cursor:pointer }
button.rec-xml-clip:nth-child(even) { background:rgba(255,255,255,.03) }
button.rec-xml-clip:hover { background:rgba(var(--accent-rgb),.1) }
.rec-xml-clips h4 { display:flex;align-items:center;justify-content:space-between;gap:10px }
.rec-xml-tout { padding:6px 14px;border-radius:999px;border:0;background:var(--accent);color:var(--sur-clair);font:inherit;font-weight:900;font-size:13.46px;cursor:pointer }
.lec-fond { z-index:1300 }
.lec-msg a.lec-secours { color:var(--accent);font-weight:800;margin-left:6px;text-decoration:none }
.rec-collectif { margin-top:14px;padding:20px;border-radius:var(--rayon-3);background:rgba(255,255,255,.025);border:1px solid rgba(var(--orange-rgb),.25) }
.rec-coll-tete { text-align:center;margin-bottom:16px }
.rec-coll-tete small { color:var(--orange);font-weight:900;letter-spacing:var(--petits-titres-espace,.16em);text-transform:var(--petits-titres-casse);font-size:11.85px }
.rec-coll-tete h2 { margin:4px 0;font-size:28px;font-weight:900;font-family:var(--police-titre) }
.rec-coll-tete p { margin:0;color:var(--texte-2);font-size:14px }
.rec-coll-nations { display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px }
.rec-coll-nation { display:grid;justify-items:center;gap:4px;padding:12px 6px;border-radius:var(--rayon-3);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:var(--texte-doux);font:inherit;cursor:pointer;transition:transform .15s,border-color .15s }
.rec-coll-nation:hover { transform:translateY(-2px);border-color:var(--c) }
.rec-coll-nation.on { border-color:var(--c);background:color-mix(in srgb,var(--c) 22%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--c) 40%,transparent) }
.rec-coll-drapeau { font-size:32.31px;line-height:1;font-family:var(--police-titre) }
.rec-coll-nation b { font-size:13.46px }
.rec-coll-matchs { display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 6px }
.rec-coll-match { padding:7px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:var(--texte-doux);font:inherit;font-size:13.46px;font-weight:800;cursor:pointer }
.rec-coll-match.on { background:var(--orange);border-color:var(--orange);color:var(--sur-clair) }
.rec-coll-groupe { margin:18px 0 0;font-size:12.92px;letter-spacing:var(--petits-titres-espace,.1em);text-transform:var(--petits-titres-casse);color:var(--orange) }
@media (max-width:700px) { .rec-collectif { padding:14px } }
@media (max-width:700px) { .rec-coll-nations { grid-template-columns:repeat(4,1fr) } }
@media (max-width:700px) { .rec-coll-drapeau { font-size:25.85px;font-family:var(--police-titre) } }
@media (max-width:700px) { .rec-coll-nation b { font-size:11.31px } }
.rec-coll-drapeau img { display:block;width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 0 .8px rgba(255,255,255,.95)) drop-shadow(0 0 .8px rgba(255,255,255,.95)) drop-shadow(0 4px 9px rgba(0,0,0,.55)) }
@media (max-width:700px) { .rec-coll-drapeau img { width:46px;height:46px } }
.rec-coll-filtres { margin:14px 0 6px;padding:12px 14px;border-radius:var(--rayon-3);background:rgba(var(--orange-rgb),.05);border:1px solid rgba(var(--orange-rgb),.2) }
.rec-coll-filtres-tete { display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:8px }
.rec-coll-filtres-tete b { font-size:14.54px }
.rec-coll-filtres-tete small { color:var(--texte-2);font-size:12.38px }
.rec-coll-raz { margin-left:auto;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:none;color:var(--texte-doux);font:inherit;font-size:12.92px;font-weight:800;cursor:pointer }
.rec-coll-critere { display:grid;grid-template-columns:170px 1fr;gap:8px;align-items:start;padding:6px 0;border-top:1px solid rgba(255,255,255,.06) }
.rec-coll-critere>span { font-size:12.38px;font-weight:800;color:var(--orange);padding-top:5px }
.rec-coll-critere>div { display:flex;flex-wrap:wrap;gap:5px }
.rec-coll-puce { display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:var(--texte-doux);font:inherit;font-size:12.92px;cursor:pointer }
.rec-coll-puce small { color:var(--texte-2);font-size:11.31px }
.rec-coll-puce.on { background:var(--orange);border-color:var(--orange);color:var(--sur-clair) }
.rec-coll-puce.on small { color:var(--sur-clair) }
@media (max-width:700px) { .rec-coll-critere { grid-template-columns:1fr } }
@media (max-width:700px) { .rec-coll-critere>span { padding-top:0 } }
.rec-coll-liste h4 { display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 6px;font-size:15.08px }
.rec-fm { margin:18px 0 10px }
.rec-fm h3 { margin:0 0 6px;font-size:16.15px;font-family:var(--police-titre) }
.rec-fm-legende { margin:0 0 12px }
.rec-fm-joueur { cursor:pointer;border-radius:var(--rayon-1) }
@media (hover:hover) { .rec-fm-joueur:hover .nom { color:var(--accent) } }
.rec-fm-joueur:focus-visible { outline:2px solid var(--accent);outline-offset:2px }
.rec-fm-ne { opacity:.45 }
.rec-fm-pastille { display:inline-block;width:12px;height:12px;border-radius:50%;vertical-align:-1px;background:var(--texte-2) }
.rec-fm-pastille.ne { opacity:.45 }
.rec-fm-pastille.nouveau { background:var(--signal);box-shadow:0 0 8px var(--signal) }
.rec-fm-suite { display:grid;grid-auto-flow:column;grid-auto-columns:minmax(470px,1fr);gap:16px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity }
.rec-fm-suite > .fm { grid-template-columns:minmax(0,1fr);scroll-snap-align:start }
@media (max-width:700px) { .rec-fm-suite { grid-auto-columns:100%;scroll-snap-type:x mandatory } }
@media (max-width:700px) { .rec-fm-suite .fm-joueur { width:80px } }
.rec-fm-corps { display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer }
.rec-fm-video { margin-top:1px;min-height:22px;padding:1px 9px;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.18);
  color:var(--texte);font:inherit;font-size:10.77px;font-weight:800;line-height:1.5;cursor:pointer;transition:background-color .15s ease }
.rec-fm-video:hover, .rec-fm-video:focus-visible { background:rgba(var(--accent-rgb),.42) }
.rec-fm-video:active { transform:scale(.96) }
.rec-fm-video.exemple { display:inline-block;cursor:default;pointer-events:none }
.rec-feuilles .rec-feuille-video { padding:3px 9px;border-radius:999px;background:rgba(var(--accent-rgb),.14);border:1px solid rgba(var(--accent-rgb),.35);color:var(--texte-doux);
  font:inherit;font-size:inherit;cursor:pointer }
.rec-feuilles .rec-feuille-video b { color:var(--texte) }
.rec-feuilles .rec-feuille-video:hover { background:rgba(var(--accent-rgb),.3) }
@keyframes cdf-acc-balaye { from{transform:rotate(-14deg)}to{transform:rotate(16deg)} }
@keyframes cdf-acc-entree { from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none} }
@keyframes cdf-fm-entree { from{opacity:0;transform:scale(.4) translateY(10px)}to{opacity:1;transform:none} }
@keyframes cdf-fm-or { 0%,100%{filter:drop-shadow(0 4px 6px rgba(0,0,0,.55)) drop-shadow(0 0 3px rgba(var(--selection-rgb),.5))}50%{filter:drop-shadow(0 4px 6px rgba(0,0,0,.55)) drop-shadow(0 0 11px rgba(var(--selection-rgb),.95))} }
@keyframes cdf-fx-donut { from{stroke-dasharray:0 100} }
@keyframes cdf-fx-fondu { from{opacity:0} }
@keyframes cdf-fx-pop { from{opacity:0;scale:.3}to{opacity:1;scale:none} }
@keyframes cdf-glisse-d { from{transform:translateX(var(--n0,100%));box-shadow:-20px 0 40px rgba(0,0,0,.6)} }
@keyframes cdf-glisse-g { from{transform:translateX(var(--n0,-30%));opacity:.55} }
@keyframes cdf-obj-entree { from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none} }
@keyframes cdf-obj-monte { from{opacity:0;translate:0 16px;scale:.97}to{opacity:1;translate:none;scale:none} }
@keyframes cdf-page-entree { from{opacity:0;transform:translateY(12px)} }
@keyframes cdf-ph-pousse { from{transform:scaleX(0)} }
@keyframes cdf-rec-photo { from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)} }
/* ---------------- Ajustements du Site CO ---------------- */
.rec-souspages { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rec-barre-inter .rec-france-pages { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rec-compet { display: flex; align-items: center; justify-content: center; gap: 10px; min-width: 0; }
.rec-compet img { flex: none; width: 30px; height: 30px; padding: 3px; border-radius: 9px; object-fit: contain; background: #fff; }
.rec-compet span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rec-compet:not([aria-current="page"]) img { filter: saturate(.5); opacity: .75; }
.rec-a-venir { display: grid; justify-items: center; gap: 10px; padding: 34px 22px; text-align: center; }
.rec-a-venir[hidden] { display: none; }
.rec-a-venir-logo { width: 110px; height: 110px; padding: 12px; border-radius: 26px; object-fit: contain; background: #fff; box-shadow: 0 18px 40px -16px rgba(0, 0, 0, .7); }
.rec-a-venir p { max-width: 620px; margin: 0; color: var(--texte-2); line-height: 1.6; }
@media (max-width:760px) { .rec-barre-inter .rec-france-pages { grid-template-columns: minmax(0, 1fr); } }
/* Le Suivi CDF, sous l'en-tête de la fiche d'un joueur (js/pages/cdf.js). */
.rec-suivi { display: grid; gap: 10px; margin: 0 0 16px; padding: 14px 16px; border-radius: var(--rayon-2); border: 1px solid rgba(var(--accent-rgb), .35); background: linear-gradient(135deg, rgba(var(--accent-rgb), .12), rgba(var(--surface-rgb), .6)); }
.rec-suivi-t { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.rec-suivi-t b { font-family: var(--police-titre); font-size: 15px; }
.rec-suivi-t > span:not(.puce) { color: var(--texte-3); font-size: 12px; }
.rec-suivi-note { color: var(--signal); font-weight: 800; }
.rec-suivi p { margin: 0; color: var(--texte-2); font-size: 13px; line-height: 1.5; }
.rec-suivi-choix { display: flex; flex-wrap: wrap; gap: 8px; }
.rec-suivi .bouton { justify-self: start; }
/* International · Chaîne YouTube (js/pages/cdf.js). */
.rec-barre-inter .rec-france-pages { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.rec-periode[hidden], .rec-youtube[hidden] { display: none; }
.rec-youtube { display: grid; gap: 14px; padding: 22px; }
.rec-yt-tete { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.rec-yt-tete h2 { display: flex; align-items: center; gap: 10px; margin: 0; font-family: var(--police-titre); font-size: 20px; }
.rec-yt-chaine { padding: 7px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 800; color: #fff; background: #e62117; }
.rec-yt-intro { margin: 0; color: var(--texte-2); font-size: 13px; }
.rec-yt-groupe { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 10px; align-items: start; }
.rec-yt-groupe > span { padding-top: 8px; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--texte-3); }
.rec-yt-cats { display: flex; flex-wrap: wrap; gap: 6px; }
.rec-yt-cat { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .1); background: rgba(255, 255, 255, .04); color: var(--texte-2); font: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
.rec-yt-cat b { padding: 1px 7px; border-radius: 999px; font-size: 11px; background: rgba(255, 255, 255, .08); }
.rec-yt-cat:hover { color: var(--texte); border-color: rgba(255, 255, 255, .25); }
.rec-yt-cat.est-actif { color: #fff; border-color: rgba(230, 33, 23, .7); background: linear-gradient(135deg, rgba(230, 33, 23, .32), rgba(var(--accent-rgb), .1)); }
.rec-yt-cherche input { width: 100%; padding: 11px 16px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .12); background: rgba(var(--surface-rgb), .8); color: var(--texte); font: inherit; }
.rec-yt-titre { display: flex; align-items: baseline; gap: 12px; }
.rec-yt-titre b { font-family: var(--police-titre); font-size: 16px; }
.rec-yt-titre span { color: var(--texte-3); font-size: 12.5px; }
.rec-yt-grille { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; }
.rec-yt-v { display: grid; gap: 6px; padding: 0; border: 0; background: none; color: var(--texte); font: inherit; text-align: left; cursor: pointer; }
.rec-yt-img { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 14px; background: #111; box-shadow: 0 12px 26px -16px rgba(0, 0, 0, .8); }
.rec-yt-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.rec-yt-img em { position: absolute; right: 7px; bottom: 7px; padding: 2px 6px; border-radius: 6px; font-size: 11.5px; font-style: normal; font-weight: 800; color: #fff; background: rgba(0, 0, 0, .78); }
.rec-yt-img i { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 46px; height: 46px; margin: -23px 0 0 -23px; border-radius: 50%; font-style: normal; color: #fff; background: rgba(230, 33, 23, .92); opacity: 0; transform: scale(.8); transition: opacity .25s, transform .25s; }
.rec-yt-v:hover .rec-yt-img img { transform: scale(1.05); }
.rec-yt-v:hover .rec-yt-img i { opacity: 1; transform: none; }
.rec-yt-t { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; font-weight: 700; line-height: 1.35; }
.rec-yt-v small { color: var(--texte-3); font-size: 11.5px; }
.rec-yt-plus { justify-self: center; padding: 10px 20px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .15); background: rgba(255, 255, 255, .06); color: var(--texte); font: inherit; font-weight: 800; cursor: pointer; }
.rec-yt-vide { margin: 0; color: var(--texte-2); }
.rec-yt-lecteur { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 20px; background: rgba(2, 5, 16, .82); backdrop-filter: blur(6px); }
.rec-yt-l-boite { width: min(1100px, 100%); overflow: hidden; border-radius: 20px; border: 1px solid rgba(255, 255, 255, .12); background: #070c20; box-shadow: 0 40px 100px -40px #000; }
.rec-yt-l-tete { display: flex; align-items: center; gap: 12px; padding: 12px 16px; font-family: 'Figtree', system-ui, sans-serif; color: #f6f8fd; }
.rec-yt-l-tete b { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.rec-yt-l-tete a { font-size: 12.5px; font-weight: 800; color: #ff6b63; }
.rec-yt-l-tete button { width: 32px; height: 32px; border-radius: 50%; border: 0; font-size: 20px; color: #fff; background: rgba(255, 255, 255, .1); cursor: pointer; }
.rec-yt-l-video { aspect-ratio: 16 / 9; background: #000; }
.rec-yt-l-video iframe { width: 100%; height: 100%; border: 0; }
/* Les maillots des sélections (references/Maillot Equipe Nationale, etl/cdf.py) : nations du Collectif, feuilles de match. */
.rec-coll-drapeau.est-maillot img { width: 58px; height: 58px; object-fit: contain; filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .45)); transition: transform .25s; }
.rec-coll-nation:hover .rec-coll-drapeau.est-maillot img, .rec-coll-nation.on .rec-coll-drapeau.est-maillot img { transform: translateY(-3px) rotate(-4deg) scale(1.06); }
.fm-joueur .maillot.est-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .55)); }
.fm-joueur .maillot.est-photo b { color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, .95), 0 0 8px rgba(0, 0, 0, .7); }
/* Une compétition par ses XML (Six Nations U20) : js/pages/cdf.js, xmlJoueurs. */
.rec-xml-vue { padding: 0; border: 0; background: none; box-shadow: none; }
.rec-xml-vue > .rec-banniere { margin-bottom: 16px; }
.rec-xml-nations { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 10px; margin: 4px 0 14px; }
.rec-xml-nation { --c: #4fb3ff; display: grid; justify-items: center; gap: 2px; padding: 12px 6px 10px; border-radius: var(--rayon-3); border: 1px solid rgba(255, 255, 255, .12); background: rgba(255, 255, 255, .03); color: var(--texte-doux); font: inherit; cursor: pointer; transition: transform .15s, border-color .15s, background .15s; }
.rec-xml-nation:hover { transform: translateY(-2px); border-color: var(--c); }
.rec-xml-nation.on { border-color: var(--c); color: var(--texte); background: color-mix(in srgb, var(--c) 22%, transparent); box-shadow: 0 0 18px color-mix(in srgb, var(--c) 40%, transparent); }
.rec-xml-n-img { width: 64px; height: 64px; object-fit: contain; filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .45)); transition: transform .25s; }
.rec-xml-nation:hover .rec-xml-n-img, .rec-xml-nation.on .rec-xml-n-img { transform: translateY(-3px) rotate(-4deg) scale(1.06); }
.rec-xml-n-img.est-toutes, .rec-xml-n-img.est-vide { display: grid; place-items: center; font-family: var(--police-titre); font-size: 30px; font-weight: 900; color: var(--texte); filter: none; }
.rec-xml-nation b { font-size: 13.5px; }
.rec-xml-nation small { font-size: 11px; opacity: .7; }
.rec-xml-outils { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-bottom: 10px; }
.rec-xml-cherche { flex: 1 1 260px; }
.rec-xml-cherche input, .rec-xml-tri select { width: 100%; padding: 10px 14px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .05); color: var(--texte); font: inherit; font-size: 13.5px; }
.rec-xml-tri { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--texte-doux); }
.rec-xml-tri select { width: auto; padding-right: 30px; }
.rec-xml-tri option { color: #0b1430; }
.rec-xml-visuel { display: grid; place-items: center; }
.rec-xml-visuel .rec-xml-maillot { width: 76%; height: 84%; object-fit: contain; filter: drop-shadow(0 14px 22px rgba(0, 0, 0, .5)); transition: transform .35s; }
.rec-xml-profil:hover .rec-xml-maillot { transform: translateY(-4px) rotate(-3deg) scale(1.04); }
.rec-xml-visuel .rec-xml-maillot.est-vide { display: grid; place-items: center; font-family: var(--police-titre); font-size: 34px; font-weight: 900; color: var(--texte); }
.rec-xml-tops { display: flex; flex-wrap: wrap; gap: 4px; margin: 6px 0 2px; }
.rec-xml-tops span { padding: 2px 8px; border-radius: 999px; font-size: 11px; color: var(--texte-doux); background: color-mix(in srgb, var(--rec-pays) 24%, transparent); }
.rec-xml-tops b { color: var(--texte); }
.rec-avatar.rec-xml-avatar { background: radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--rec-pays) 55%, #6c88c3), #101f42); }
.rec-avatar.rec-xml-avatar img { inset: 4px; width: calc(100% - 8px); height: calc(100% - 8px); object-fit: contain; }
@media (max-width:760px) { .rec-barre-inter .rec-france-pages { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rec-yt-groupe { grid-template-columns: minmax(0, 1fr); } .rec-xml-nations { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width:440px) { .rec-xml-nations { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rec-xml-n-img { width: 48px; height: 48px; } }
@media (max-width:520px) { .rec-souspages { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rec-souspage, .rec-souspage:nth-child(n+4) { grid-column: auto; } }