/* ═══════════════════════════════════════════════════════════════════
   FootEdge — refonte 2026-10 (accueil, pronostics, fiche match)
   Préfixe fx- : aucune collision avec les anciennes feuilles (fp-, pg-, sd-).
   ═══════════════════════════════════════════════════════════════════ */
:root{
  --fx-bg:#07070d;--fx-bg2:#0a0a12;--fx-surf:#0e0e18;--fx-surf2:#13131f;--fx-line:#1f1f2e;--fx-line2:#191926;--fx-line3:#262636;
  --fx-text:#ececf4;--fx-mut:#a3a3b8;--fx-dim:#8a8aa0;
  --fx-acc:#00ff87;--fx-acc-ink:#04140b;--fx-acc-soft:#0f2a1d;--fx-sig:#ffd23f;--fx-sig-line:#3a3320;--fx-neg:#ff8a3d;--fx-neg-soft:#3a2418;--fx-blue:#7aa7ff;
  --fx-disp:'Inter Tight','Inter',system-ui,sans-serif;--fx-body:'Inter',system-ui,-apple-system,sans-serif;
}
body .fx{background:var(--fx-bg);color:var(--fx-text);font-family:var(--fx-body);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;line-height:1.5}
body .fx *,body .fx *::before,body .fx *::after{box-sizing:border-box}
body .fx a{color:inherit;text-decoration:none}
:where(body .fx) :where(h1,h2,h3,p,dl,dd,ol,ul){margin:0;padding:0}
body .fx img{display:block;max-width:100%}
.fx-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.fx-sec{padding-top:88px}
.fx-sec--tight{padding-top:48px}
.fx-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Typographie */
.fx-eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fx-mut)}
.fx-eyebrow::before{content:'';width:28px;height:2px;background:var(--fx-acc);display:inline-block;flex:none}
.fx-eyebrow--plain::before{display:none}
.fx-kicker{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--fx-acc)}
.fx-kicker--sig{color:var(--fx-sig)}
body .fx .fx-h1{font-family:var(--fx-disp);font-weight:900;font-size:clamp(40px,5.6vw,68px);line-height:.98;letter-spacing:-.035em;color:var(--fx-text)}
body .fx .fx-h2{font-family:var(--fx-disp);font-weight:900;font-size:clamp(30px,3.4vw,42px);line-height:1.04;letter-spacing:-.03em;color:var(--fx-text)}
body .fx .fx-h3{font-size:18px;font-weight:800;line-height:1.3;color:var(--fx-text)}
.fx-acc{color:var(--fx-acc)}.fx-sigc{color:var(--fx-sig)}.fx-negc{color:var(--fx-neg)}
.fx-lead{font-size:18px;line-height:1.6;color:var(--fx-mut);max-width:560px}
.fx-lead strong,.fx-txt strong{color:var(--fx-text);font-weight:700}
.fx-txt{font-size:15px;line-height:1.65;color:var(--fx-mut)}
.fx-small{font-size:12px;line-height:1.55;color:var(--fx-dim)}
.fx-num{font-family:var(--fx-disp);font-weight:900;letter-spacing:-.02em}

/* Boutons, puces */
.fx-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:15px;padding:15px 20px;border-radius:12px;border:1px solid var(--fx-line3);color:var(--fx-text);transition:border-color .15s,background .15s,color .15s;min-height:48px}
body .fx a.fx-btn:hover{border-color:var(--fx-acc);color:var(--fx-text)}
.fx-btn--primary{background:var(--fx-acc);border-color:var(--fx-acc);color:var(--fx-acc-ink);font-weight:800}
body .fx a.fx-btn--primary,body .fx a.fx-btn--primary:hover{color:var(--fx-acc-ink)}
body .fx a.fx-btn--primary:hover{background:#3dffa4}
.fx-link{font-size:14px;font-weight:700;color:var(--fx-acc)}
body .fx a.fx-link:hover{text-decoration:underline}
.fx-link--sig{color:var(--fx-sig)}
.fx-chips{display:flex;gap:8px;flex-wrap:wrap}
.fx-chip{font:inherit;font-size:13px;font-weight:600;color:var(--fx-text);background:transparent;border:1px solid var(--fx-line3);border-radius:999px;padding:10px 14px;cursor:pointer;min-height:42px;display:inline-flex;align-items:center;gap:6px;transition:border-color .15s}
.fx-chip img{width:16px;height:16px;object-fit:contain}
.fx-chip span{color:var(--fx-dim)}
.fx-chip:hover{border-color:var(--fx-acc)}
.fx-chip.is-on{background:var(--fx-acc);border-color:var(--fx-acc);color:var(--fx-acc-ink)}
.fx-chip.is-on span{color:var(--fx-acc-ink);opacity:.7}
.fx-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:6px;background:var(--fx-sig);color:#07070d}
.fx-tag--acc{background:var(--fx-acc);color:var(--fx-acc-ink)}
.fx-tag--mut{background:var(--fx-surf2);color:var(--fx-mut)}

/* Cartes */
.fx-card{background:var(--fx-surf);border:1px solid var(--fx-line);border-radius:20px;padding:24px}
.fx-card--sig{border-color:var(--fx-sig-line)}
.fx-tile{background:var(--fx-surf2);border:1px solid var(--fx-line);border-radius:12px;padding:12px 14px;min-width:0}
.fx-tile .k{display:block;font-size:11px;color:var(--fx-dim)}
.fx-tile .v{display:block;font-weight:800;font-size:17px;margin-top:2px}

/* Blasons */
.fx-crest{flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#151522;border:1px solid var(--fx-line3);overflow:hidden;color:var(--fx-text);font-weight:900;letter-spacing:-.02em}
.fx-crest img{width:72%;height:72%;object-fit:contain}
.fx-crest--sm{width:26px;height:26px;font-size:8px}
.fx-crest--md{width:34px;height:34px;font-size:10px}
.fx-crest--lg{width:72px;height:72px;font-size:18px;border-width:2px}
.fx-crest--xl{width:96px;height:96px;font-size:24px;border-width:2px}

/* Barre de probabilités 1·N·2 */
.fx-pbar{display:flex;height:8px;border-radius:5px;overflow:hidden;gap:3px}
.fx-pbar span{display:block;background:#34344a}
.fx-pbar .n{background:#4a4a64}
.fx-pbar .on{background:var(--fx-acc)}
.fx-pbar--lg{height:10px}

/* Chiffres clés */
.fx-figs{display:flex;flex-wrap:wrap;margin-top:44px}
.fx-figs>div{padding-right:28px;margin-right:28px;border-right:1px solid var(--fx-line)}
.fx-figs>div:last-child{border-right:0;margin-right:0;padding-right:0}
.fx-figs dt{font-size:12px;color:var(--fx-dim);font-weight:500}
.fx-figs dd{margin:6px 0 0;font-family:var(--fx-disp);font-weight:800;font-size:30px;line-height:1.1}
.fx-figs dd small{font-size:14px;color:var(--fx-dim);font-weight:600;font-family:var(--fx-body)}

/* ═════════ ACCUEIL ═════════ */
.fx-hero{display:flex;flex-wrap:wrap;gap:48px;align-items:center;padding:64px 0 56px}
.fx-hero__txt{flex:1 1 520px;min-width:0}
.fx-hero__txt .fx-h1{margin-top:22px}
.fx-hero__txt .fx-lead{margin-top:24px}
.fx-hero__cta{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.fx-feat{flex:1 1 420px;min-width:0;position:relative;overflow:hidden;border-radius:22px;padding:26px;background:var(--fx-surf);border:1px solid var(--fx-line)}
.fx-pitch{position:absolute;inset:0;width:100%;height:100%;opacity:.5;pointer-events:none}
.fx-feat>*{position:relative}
.fx-feat>.fx-pitch{position:absolute}
.fx-feat__top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:var(--fx-mut);flex-wrap:wrap}
.fx-feat__teams{display:flex;align-items:center;justify-content:space-between;margin:26px 0 22px;gap:12px}
.fx-feat__team{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;min-width:0;text-align:center;font-weight:700;font-size:15px}
.fx-feat__vs{font-size:13px;color:var(--fx-dim);font-weight:700}
.fx-feat__probs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;text-align:center}
.fx-feat__probs .l{font-size:12px;color:var(--fx-dim);font-weight:600}
.fx-feat__probs .p{font-family:var(--fx-disp);font-size:34px;font-weight:900}
.fx-feat .fx-pbar{margin:14px 0 18px}
.fx-feat__tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fx-feat__more{display:block;text-align:center;margin-top:18px}

.fx-ticker{border-top:1px solid var(--fx-line2);border-bottom:1px solid var(--fx-line2);background:var(--fx-bg2)}
.fx-ticker__in{display:flex;align-items:center;gap:18px;overflow-x:auto;padding-top:14px;padding-bottom:14px;scrollbar-width:thin}
.fx-ticker__lbl{flex:none;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--fx-acc)}
.fx-ticker__it{flex:none;display:flex;align-items:center;gap:10px;font-size:13px;padding:6px 14px 6px 0;border-right:1px solid var(--fx-line)}
.fx-ticker__it .t{color:var(--fx-dim);font-weight:600}
.fx-ticker__it .m{font-weight:600}
.fx-ticker__it .p{color:var(--fx-acc);font-weight:700}
body .fx a.fx-ticker__it:hover .m{color:var(--fx-acc)}

/* Signal nul */
.fx-sig{display:flex;flex-wrap:wrap;gap:56px}
.fx-sig__l{flex:1 1 460px;min-width:0}
.fx-sig__r{flex:1 1 480px;min-width:0;display:flex;flex-direction:column;gap:16px}
.fx-sig__l .fx-h2{margin-top:14px}
.fx-sig__l .fx-txt{margin-top:18px}
.fx-steps{list-style:none;margin-top:34px}
.fx-steps li{display:flex;gap:20px;padding:20px 0;border-top:1px solid var(--fx-line)}
.fx-steps li:last-child{border-bottom:1px solid var(--fx-line)}
.fx-steps .n{font-family:var(--fx-disp);font-weight:900;font-size:30px;color:var(--fx-sig);width:44px;flex:none;line-height:1.1}
.fx-steps .t{font-weight:700;font-size:17px}
.fx-steps .d{margin-top:6px;font-size:14px;line-height:1.6;color:var(--fx-mut)}
.fx-why{margin-top:22px;font-size:14px;line-height:1.65;color:var(--fx-mut)}
.fx-why strong{color:var(--fx-text)}
.fx-ex__top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--fx-mut)}
.fx-ex__score{display:flex;align-items:center;justify-content:space-between;margin:22px 0;gap:12px}
.fx-ex__team{display:flex;align-items:center;gap:12px;font-weight:700;font-size:17px;min-width:0}
.fx-ex__team span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-ex__res{font-family:var(--fx-disp);font-weight:900;font-size:30px;flex:none}
.fx-ex__tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fx-hist__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.fx-hist__kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 22px}
.fx-hist__kpi .v{font-family:var(--fx-disp);font-weight:900;font-size:28px;line-height:1.1}
.fx-hist__kpi .v small{font-size:16px;color:var(--fx-dim)}
.fx-hist__kpi .s{font-size:12px;color:var(--fx-dim)}
.fx-bars{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px}
.fx-bar{display:flex;flex-direction:column}
.fx-bar__up{height:132px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}
.fx-bar__dn{height:46px;display:flex;flex-direction:column;align-items:center;gap:4px}
.fx-bar__up i,.fx-bar__dn i{display:block;width:70%}
.fx-bar__up i{border-radius:5px 5px 0 0;background:var(--fx-acc)}
.fx-bar__dn i{border-radius:0 0 5px 5px;background:var(--fx-neg)}
.fx-bar__up b{font-size:11px;color:var(--fx-acc)}
.fx-bar__dn b{font-size:11px;color:var(--fx-neg)}
.fx-bar__zero{height:1px;background:#3a3a50}
.fx-bar__lbl{text-align:center;font-size:11px;color:var(--fx-mut);margin-top:4px}
.fx-next{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:4px 4px 0;font-size:14px;color:var(--fx-mut)}
.fx-next strong{color:var(--fx-text)}
.fx-nextlist{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.fx-nextlist a{display:flex;align-items:center;gap:12px;background:var(--fx-surf2);border:1px solid var(--fx-sig-line);border-radius:12px;padding:12px 14px;font-size:14px}
.fx-nextlist a .d{color:var(--fx-dim);font-size:13px;flex:none;width:96px}
.fx-nextlist a .m{flex:1;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-nextlist a .o{color:var(--fx-sig);font-weight:800}

/* Cartes match (accueil) */
.fx-sechead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.fx-sechead .fx-h2{margin-top:10px}
.fx-mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px;margin-top:28px}
.fx-mcard{display:block;background:var(--fx-surf);border:1px solid var(--fx-line);border-radius:18px;padding:20px;transition:border-color .15s,transform .15s}
body .fx a.fx-mcard:hover{border-color:#34344a;transform:translateY(-2px)}
.fx-mcard__top{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--fx-mut)}
.fx-mcard__top strong{color:var(--fx-text);font-size:14px}
.fx-mcard__teams{display:flex;flex-direction:column;gap:10px;margin:18px 0}
.fx-mcard__row{display:flex;align-items:center;gap:12px}
.fx-mcard__row .nm{font-weight:700;font-size:15px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-mcard__row .pc{font-weight:800;font-size:15px;color:var(--fx-mut)}
.fx-mcard__row .pc.on{color:var(--fx-acc)}
.fx-mcard__row .sc{font-family:var(--fx-disp);font-weight:900;font-size:18px}
.fx-mcard__foot{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--fx-dim)}
.fx-mcard__foot strong{color:var(--fx-text)}
.fx-mcard.is-hidden{display:none}
.fx-center{text-align:center;margin-top:28px}

/* Comment ça marche */
.fx-how{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:28px}
.fx-how .fx-card{padding:24px}
.fx-how svg{width:28px;height:28px}
.fx-how .t{margin-top:16px;font-weight:700;font-size:16px}
.fx-how p{margin-top:8px;font-size:14px;line-height:1.6;color:var(--fx-mut)}

/* Bilan (anneaux) */
.fx-rings{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:28px}
.fx-ring{display:flex;align-items:center;gap:20px}
.fx-ring svg{flex:none}
.fx-ring .t{font-weight:700;font-size:16px}
.fx-ring .d{margin-top:4px;font-size:13px;color:var(--fx-mut)}

/* Derniers résultats */
.fx-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:18px}
.fx-res{display:block;background:var(--fx-surf);border:1px solid var(--fx-line);border-radius:14px;padding:16px}
body .fx a.fx-res:hover{border-color:#34344a}
.fx-res__top{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--fx-dim)}
.fx-res__row{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-weight:700;font-size:14px}
.fx-res__row span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-res__row.w{color:var(--fx-acc)}
.fx-res__pick{margin-top:10px;font-size:12px;color:var(--fx-mut)}
.fx-ok{font-weight:800;color:var(--fx-acc)}
.fx-ko{font-weight:800;color:var(--fx-neg)}

/* Soutien, SEO */
.fx-donate{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.fx-donate .fx-h3{font-size:20px}
.fx-seo__comps{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.fx-seo__comps a{font-size:13px;font-weight:600;color:var(--fx-mut);border:1px solid var(--fx-line3);border-radius:999px;padding:8px 14px}
body .fx .fx-seo__comps a:hover{color:var(--fx-text);border-color:var(--fx-acc)}
.fx-seo__txt{margin-top:18px;display:flex;flex-direction:column;gap:10px;font-size:13px;line-height:1.75;color:var(--fx-dim)}
.fx-seo__txt strong{color:var(--fx-mut)}
.fx-end{height:72px}


/* ═════════ PAGE PRONOSTICS (archive des matchs) ═════════ */
.fx-ana__head{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-end;justify-content:space-between;padding-top:56px}
.fx-ana__intro{flex:1 1 520px;min-width:0}
body .fx .fx-ana__h1{font-size:clamp(38px,4.6vw,56px);margin-top:18px}
.fx-ana__intro .fx-lead{margin-top:16px;font-size:16px}
.fx-ana__figs{margin-top:0}
.fx-ana__figs dd{font-size:28px}
.fx-days{display:flex;align-items:center;gap:8px;padding-top:28px;padding-bottom:0}
.fx-days__strip{display:flex;gap:8px;overflow-x:auto;scroll-behavior:smooth;flex:1;min-width:0;padding:2px 0 6px;scrollbar-width:none}
.fx-days__strip::-webkit-scrollbar{display:none}
.fx-days__arr{flex:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--fx-line3);background:var(--fx-surf);color:var(--fx-text);display:flex;align-items:center;justify-content:center;cursor:pointer}
.fx-days__arr:hover{border-color:var(--fx-acc)}
.fx-day{flex:none;width:88px;text-align:center;border-radius:14px;padding:11px 6px;border:1px solid var(--fx-line3);background:var(--fx-surf);color:var(--fx-text);display:flex;flex-direction:column;gap:1px;transition:border-color .15s}
body .fx a.fx-day:hover{border-color:var(--fx-acc);color:var(--fx-text)}
.fx-day .w{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--fx-mut)}
.fx-day .n{font-family:var(--fx-disp);font-weight:900;font-size:24px;line-height:1.15}
.fx-day .c{font-size:11px;color:var(--fx-dim)}
.fx-day.is-empty{opacity:.45}
.fx-day.is-today{border-color:#2f5a44}
.fx-day.is-on{background:var(--fx-acc);border-color:var(--fx-acc);color:var(--fx-acc-ink);opacity:1}
.fx-day.is-on .w,.fx-day.is-on .c{color:var(--fx-acc-ink)}
body .fx a.fx-day.is-on:hover{color:var(--fx-acc-ink)}
.fx-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-top:18px}
.fx-search{flex:1 1 280px;display:flex;align-items:center;gap:10px;background:var(--fx-surf);border:1px solid var(--fx-line3);border-radius:12px;padding:0 14px;min-height:46px;color:var(--fx-dim)}
.fx-search:focus-within{border-color:var(--fx-acc)}
.fx-search input{flex:1;background:transparent;border:0;outline:none;color:var(--fx-text);font:inherit;font-size:14px;min-height:44px}
.fx-sort{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fx-mut)}
.fx-sort select{font:inherit;font-size:13px;color:var(--fx-text);background:var(--fx-surf);border:1px solid var(--fx-line3);border-radius:10px;padding:11px 12px;min-height:44px}
.fx-jump{margin-top:16px;font-size:14px;color:var(--fx-mut)}
.fx-jump strong{color:var(--fx-text)}
.fx-panel{display:none;padding-top:28px}
.fx-panel.is-on{display:block}
.fx-panel__head{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;margin-bottom:18px}
.fx-panel__head .fx-small{margin-left:8px;font-weight:500}
.fx-panel__note{margin-top:14px}
.fx-league{background:#0b0b14;border:1px solid var(--fx-line);border-radius:18px;overflow:hidden;margin-bottom:18px}
.fx-league[hidden]{display:none}
.fx-league__head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--fx-line)}
.fx-league__logo{width:32px;height:32px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none;font-size:16px}
.fx-league__logo img{width:24px;height:24px;object-fit:contain}
body .fx .fx-league__name{font-size:16px;font-weight:800}
.fx-league__more{margin-left:auto;font-size:13px;font-weight:600;color:var(--fx-mut)}
.fx-thead,.fx-row{display:grid;grid-template-columns:64px minmax(0,1.6fr) minmax(0,1.4fr) 104px 74px 18px;gap:16px;align-items:center;padding:12px 20px}
.fx-thead{padding-top:10px;padding-bottom:10px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fx-dim);border-bottom:1px solid var(--fx-line2)}
.fx-row{border-bottom:1px solid #15151f;padding-top:14px;padding-bottom:14px;transition:background .12s}
.fx-row:last-child{border-bottom:0}
body .fx a.fx-row:hover{background:#12121d;color:var(--fx-text)}
.fx-row[hidden]{display:none}
.fx-row__time{font-weight:700;font-size:15px}
.fx-row__teams{display:flex;flex-direction:column;gap:8px;min-width:0}
.fx-row__team{display:flex;align-items:center;gap:10px;min-width:0;font-weight:700;font-size:14px}
.fx-row__team .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-row__team b{font-family:var(--fx-disp);font-size:16px}
.fx-row__team.w{color:var(--fx-acc)}
.fx-row__probs{display:flex;flex-direction:column;gap:8px;min-width:0}
.fx-row__pct{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:var(--fx-mut)}
.fx-row__pct .on{color:var(--fx-acc)}
.fx-row__probs .fx-pbar{height:7px}
.fx-row__badge{align-self:flex-start;font-size:10px;padding:3px 8px}
.fx-row__odds{display:flex;flex-direction:column;font-size:15px}
.fx-row__odds small{font-size:12px;color:var(--fx-mut)}
.fx-row__conf{display:flex;flex-direction:column;gap:6px;font-size:15px}
.fx-row__conf i{display:block;height:4px;border-radius:3px;background:var(--fx-line)}
.fx-row__conf i b{display:block;height:4px;border-radius:3px;background:var(--fx-acc)}
.fx-row__go{color:var(--fx-dim)}
.fx-empty{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.fx-none{margin-top:8px;color:var(--fx-mut)}
.fx-faq__list{margin-top:16px;border-top:1px solid var(--fx-line)}
.fx-faq__it{border-bottom:1px solid var(--fx-line);padding:18px 0}
.fx-faq__it summary{cursor:pointer;font-weight:700;font-size:16px;list-style-position:inside}
.fx-faq__it p{margin-top:12px;font-size:14px;line-height:1.7;color:var(--fx-mut)}
.fx-faq__it p strong,.fx-faq__it p em{color:var(--fx-text)}
.fx-faq__it a{color:var(--fx-acc)}
@media(max-width:760px){
  .fx-ana__head{padding-top:32px;gap:20px}
  .fx-days__arr{display:none}
  .fx-day{width:76px;padding:9px 4px}
  .fx-thead{display:none}
  .fx-row{grid-template-columns:52px minmax(0,1fr) 64px;grid-template-areas:"t m c" "p p o";gap:10px 12px;padding:14px 16px}
  .fx-row__time{grid-area:t;font-size:14px}
  .fx-row__teams{grid-area:m}
  .fx-row__conf{grid-area:c;align-items:flex-end}
  .fx-row__probs{grid-area:p}
  .fx-row__odds{grid-area:o;align-items:flex-end;font-size:14px}
  .fx-row__go{display:none}
  .fx-league__head{padding:14px 16px}
  .fx-league__more{display:none}
}


/* ═════════ FICHE MATCH ═════════ */
.fx-mt4{margin-top:4px}.fx-mt12{margin-top:12px}
.fx-tag--neg{background:var(--fx-neg-soft);color:var(--fx-neg)}
.fx-crumb{padding-top:20px;font-size:13px;color:var(--fx-dim)}
.fx-crumb a{color:var(--fx-mut)}
.fx-mhead{position:relative;overflow:hidden;margin-top:16px;background:var(--fx-surf);border:1px solid var(--fx-line);border-radius:24px;padding:28px 32px 32px}
.fx-mhead>*{position:relative}
.fx-mhead>.fx-pitch{position:absolute}
.fx-mhead__meta{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:13px;color:var(--fx-mut)}
.fx-mhead__meta .fx-kicker{display:inline-flex;align-items:center;gap:8px}
.fx-mhead__meta .fx-kicker img{width:18px;height:18px;object-fit:contain;background:#fff;border-radius:4px;padding:1px}
.fx-mhead__row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px}
.fx-mhead__team{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.fx-mhead__name{font-family:var(--fx-disp);font-weight:900;font-size:clamp(20px,2.6vw,30px);letter-spacing:-.02em;line-height:1.1}
body .fx .fx-mhead__name a:hover{color:var(--fx-acc)}
.fx-mhead__mid{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.fx-mhead__big{font-family:var(--fx-disp);font-weight:900;font-size:clamp(40px,5vw,58px);letter-spacing:-.03em;line-height:1}
.fx-mhead__sub{font-size:13px;color:var(--fx-mut)}
.fx-mhead__sub strong{color:var(--fx-text)}
.fx-forms{display:flex;gap:6px}
.fx-form{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.fx-form--w{background:#0f3322;color:var(--fx-acc)}
.fx-form--d{background:#22223a;color:#c8c8dc}
.fx-form--l{background:var(--fx-neg-soft);color:var(--fx-neg)}
body .fx .sd-live-bar{display:none;align-items:center;gap:10px;padding:8px 14px;border-radius:10px;background:rgba(255,40,40,.08);border:1px solid rgba(255,40,40,.25)}
body .fx .sd-live-bar.sd-live-bar--visible{display:flex}
body .fx .sd-live-dot{width:8px;height:8px;border-radius:50%;background:#ff2828;animation:fx-pulse 1.2s ease-in-out infinite}
@keyframes fx-pulse{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){body .fx .sd-live-dot{animation:none}}
body .fx .sd-live-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#ff7070}
body .fx .sd-live-score{font-family:var(--fx-disp);font-size:26px;font-weight:900}
body .fx .sd-live-min{font-size:12px;font-weight:700;color:#ff7070}
.fx-msec{padding-top:36px}
body .fx .fx-msec__t{font-size:26px;margin-bottom:16px}
.fx-msec__note{margin-top:14px;font-size:13px}
.fx-probs{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.fx-prob{position:relative;background:var(--fx-surf);border:1px solid var(--fx-line);border-radius:18px;padding:22px}
.fx-prob.is-fav{border-color:#1d4a33}
.fx-prob.is-vb{border-color:var(--fx-acc)}
.fx-prob.is-actual{border-color:#2f5a44}
.fx-prob__top{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--fx-mut);font-weight:600}
.fx-prob__top span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-prob__pct{font-family:var(--fx-disp);font-weight:900;font-size:52px;line-height:1.05;margin-top:8px}
.fx-prob.is-fav .fx-prob__pct,.fx-prob.is-vb .fx-prob__pct{color:var(--fx-acc)}
.fx-prob__bar{height:6px;border-radius:4px;background:var(--fx-line);margin-top:8px}
.fx-prob__bar i{display:block;height:6px;border-radius:4px;background:#5b5b78}
.fx-prob.is-fav .fx-prob__bar i,.fx-prob.is-vb .fx-prob__bar i,.fx-mkt .fx-prob__bar i{background:var(--fx-acc)}
.fx-prob__odds{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:16px;font-size:13px;color:var(--fx-mut)}
.fx-prob__odds strong{color:var(--fx-text);font-size:17px;margin-left:auto}
.fx-fair{width:100%;text-align:right;font-size:12px;color:var(--fx-acc)}
.fx-prob__tag{position:absolute;top:-10px;right:16px}
.fx-cta{margin-top:16px}
.fx-mbody{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;padding-top:36px}
.fx-mmain{flex:999 1 640px;min-width:0;display:flex;flex-direction:column;gap:20px}
.fx-maside{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:16px}
.fx-reco{margin-top:16px;padding:14px 16px;border-radius:12px;background:var(--fx-acc-soft);border:1px solid #1d4a33}
.fx-reco p{margin-top:6px;font-weight:600}
.fx-scores{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;margin-top:16px}
.fx-score{border-radius:14px;padding:14px;text-align:center;border:1px solid var(--fx-line);background:var(--fx-surf2)}
.fx-score.is-top{border-color:var(--fx-acc);background:var(--fx-acc-soft)}
.fx-score.is-hit{border-color:var(--fx-acc)}
.fx-score .s{font-family:var(--fx-disp);font-weight:900;font-size:26px}
.fx-score .p{font-size:12px;color:var(--fx-mut);margin-top:2px}
.fx-score .fx-ok{font-size:11px;margin-top:4px}
.fx-mkts{display:flex;flex-direction:column;gap:14px;margin-top:16px}
.fx-mkt__top{display:flex;justify-content:space-between;gap:10px;font-size:14px}
.fx-mkt__top strong{font-weight:800}
.fx-mkt .fx-prob__bar{height:8px}
.fx-mkt .fx-prob__bar i{height:8px}
.fx-dc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.fx-dc .fx-tile.is-best{border-color:#1d4a33}
.fx-dc .fx-tile .fx-small{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-cmp{display:flex;flex-direction:column;gap:14px;margin-top:18px}
.fx-cmp__row{display:grid;grid-template-columns:56px minmax(0,1fr) 170px minmax(0,1fr) 56px;gap:10px;align-items:center;font-size:14px}
.fx-cmp__row .h{text-align:right}
.fx-cmp__row .l{text-align:center;font-size:12px;color:var(--fx-mut)}
.fx-cmp__row .bh,.fx-cmp__row .ba{display:flex;height:8px;border-radius:5px;background:var(--fx-line)}
.fx-cmp__row .bh{justify-content:flex-end}
.fx-cmp__row i{display:block;height:8px;border-radius:5px}
.fx-cmp__row .bh i{background:var(--fx-acc)}
.fx-cmp__row .ba i{background:var(--fx-blue)}
.fx-h2h{margin-top:8px}
.fx-h2h__row{display:grid;grid-template-columns:96px minmax(0,1fr) 72px minmax(0,1fr);gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--fx-line2);font-size:14px}
.fx-h2h__row:last-child{border-bottom:0}
body .fx a.fx-h2h__row:hover{color:var(--fx-acc)}
.fx-h2h__row .d{color:var(--fx-dim);font-size:13px}
.fx-h2h__row .t{display:flex;align-items:center;gap:8px;font-weight:600;min-width:0}
.fx-h2h__row .t.h{justify-content:flex-end;text-align:right}
.fx-h2h__row .s{text-align:center;background:var(--fx-surf2);border-radius:8px;padding:6px 0}
.fx-conf{display:flex;align-items:center;gap:18px}
.fx-conf svg{flex:none}
.fx-refs{display:grid;grid-template-columns:1fr auto auto;gap:10px 14px;margin-top:14px;font-size:14px}
.fx-refs dt{color:var(--fx-mut)}
.fx-refs dd{margin:0;font-weight:700;text-align:right}
.fx-refs dd:nth-of-type(1),.fx-refs dd:nth-of-type(2){font-size:12px;color:var(--fx-dim);font-weight:600}
.fx-sim__choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.fx-sim__choices .fx-chip{justify-content:center;padding:10px 6px}
.fx-sim__stake{display:block;margin-top:16px;font-size:13px;color:var(--fx-mut)}
.fx-sim__stake strong{color:var(--fx-text)}
.fx-sim input[type=range]{width:100%;margin-top:8px;accent-color:#00ff87;min-height:28px}
.fx-sim__res{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;font-size:14px;color:var(--fx-mut)}
.fx-sim__res strong{font-size:20px;color:var(--fx-text)}
/* Vérification du signal nul sur la fiche */
.fx-dscheck{margin-top:18px;background:var(--fx-surf);border:1px solid var(--fx-sig-line);border-radius:18px;padding:22px;display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.fx-dscheck__l{flex:1 1 240px}
.fx-dscheck__l .fx-h3{margin-top:6px}
.fx-dscheck__l p{margin-top:6px;font-size:13px;color:var(--fx-mut)}
.fx-dscheck ul{flex:2 1 460px;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.fx-dscheck li{display:flex;align-items:center;gap:12px;background:var(--fx-surf2);border-radius:12px;padding:12px 14px;font-size:14px}
.fx-dscheck li svg{flex:none}
.fx-dscheck li .x{flex:1}
.fx-dscheck li .r{font-size:12px;color:var(--fx-dim);text-align:right}
/* Barre mobile value bet (seulement quand les value bets sont publics) */
.sd-mobile-vbet{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:rgba(7,7,13,.97);border-top:1px solid rgba(0,255,135,.2);padding:10px 16px;align-items:center;gap:10px}
.sd-mobile-vbet__left{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sd-mobile-vbet__label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#8a8aa0}
.sd-mobile-vbet__bet{font-size:13px;font-weight:800;color:#ececf4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-mobile-vbet__right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}
.sd-mobile-vbet__edge{font-size:12px;font-weight:800;color:#00ff87}
.sd-mobile-vbet__odds{font-size:11px;color:#a3a3b8}
.sd-mobile-vbet__btn{display:inline-flex;align-items:center;gap:5px;padding:10px 16px;background:#00ff87;color:#04140b;font-size:13px;font-weight:800;border-radius:8px;white-space:nowrap}
@media(max-width:768px){.sd-mobile-vbet{display:flex}}
@media(max-width:760px){
  .fx-mhead{padding:20px 16px 24px}
  .fx-mhead__row{gap:10px}
  .fx-crest--xl{width:60px;height:60px;font-size:15px}
  .fx-mhead__team{gap:8px}
  .fx-mhead__name{font-size:15px;overflow-wrap:anywhere;hyphens:auto}
  .fx-mhead__big{font-size:32px}
  .fx-mhead__sub{font-size:11px}
  .fx-mhead__mid{max-width:110px}
  .fx-dscheck{padding:18px 16px}
  .fx-dscheck li{flex-wrap:wrap}
  .fx-dscheck li .r{flex:1 0 100%;text-align:left;padding-left:34px}
  .fx-form{width:20px;height:20px;font-size:10px;border-radius:5px}
  .fx-forms{gap:3px}
  .fx-prob__pct{font-size:40px}
  .fx-probs{grid-template-columns:1fr}
  .fx-cmp__row{grid-template-columns:40px minmax(0,1fr) minmax(0,1fr) 40px;grid-template-areas:"l l l l" "h bh ba a";gap:6px 8px}
  .fx-cmp__row .l{grid-area:l;text-align:center}
  .fx-cmp__row .h{grid-area:h;text-align:left}
  .fx-cmp__row .bh{grid-area:bh}
  .fx-cmp__row .ba{grid-area:ba}
  .fx-cmp__row .a{grid-area:a;text-align:right}
  .fx-h2h__row{grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);}
  .fx-h2h__row .d{grid-column:1/-1}
  .fx-dc{grid-template-columns:1fr}
}


/* ═════════ COULEURS DES CLUBS (2026-10, v2.5.1) ═════════
   Chaque carte reçoit --ch (domicile) et --ca (extérieur) : fx_team_vars(). color-mix() : sans support, fond uni. */
.fx-club{--ch:#00ff87;--ca:#7aa7ff}
/* Blasons cerclés à la couleur du club */
.fx-crest--h{border-color:var(--ch);box-shadow:0 0 0 3px color-mix(in srgb,var(--ch) 22%,transparent),0 0 18px -4px color-mix(in srgb,var(--ch) 60%,transparent);background:color-mix(in srgb,var(--ch) 16%,#12121c)}
.fx-crest--a{border-color:var(--ca);box-shadow:0 0 0 3px color-mix(in srgb,var(--ca) 22%,transparent),0 0 18px -4px color-mix(in srgb,var(--ca) 60%,transparent);background:color-mix(in srgb,var(--ca) 16%,#12121c)}
.fx-crest--sm.fx-crest--h,.fx-crest--sm.fx-crest--a{box-shadow:0 0 0 2px color-mix(in srgb,var(--ch) 18%,transparent)}
.fx-crest--sm.fx-crest--a{box-shadow:0 0 0 2px color-mix(in srgb,var(--ca) 18%,transparent)}
/* Barre 1·N·2 : une seule couleur, celle du résultat le plus probable ; le reste en gris neutre (lisibilité) */
.fx-pbar--club span:not(.on){background:#30304a}
.fx-pbar--club .h.on{background:var(--ch)}
.fx-pbar--club .a.on{background:var(--ca)}
.fx-pbar--club .n.on{background:#c9c9dc}
/* Cartes de match (accueil) */
.fx-mcard.fx-club{position:relative;overflow:hidden;background:var(--fx-surf);
  background:radial-gradient(110% 85% at 0% 0%,color-mix(in srgb,var(--ch) 24%,transparent) 0%,transparent 58%),radial-gradient(110% 85% at 100% 100%,color-mix(in srgb,var(--ca) 20%,transparent) 0%,transparent 58%),var(--fx-surf)}
.fx-wm{position:absolute;right:-34px;bottom:-62px;width:150px;height:150px;opacity:.05;background:center/contain no-repeat;pointer-events:none;transform:rotate(-8deg)}
.fx-mcard.fx-club>*:not(.fx-wm){position:relative}
body .fx a.fx-mcard.fx-club:hover{border-color:color-mix(in srgb,var(--ch) 55%,#2a2a3c);box-shadow:0 14px 44px -16px color-mix(in srgb,var(--ch) 70%,transparent)}
.fx-mcard__row .pc{color:var(--fx-mut)}
.fx-mcard__row .pc.on{font-size:17px}
.fx-mcard__row .pc--h.on{color:var(--ch)}
.fx-mcard__row .pc--a.on{color:var(--ca)}
/* Match à la une */
.fx-feat-wrap{flex:1 1 420px;min-width:0;position:relative}
.fx-feat-wrap .fx-feat{flex:none}
.fx-feat-glow{position:absolute;inset:8% -4% -4% 8%;border-radius:40px;filter:blur(60px);opacity:.55;background:linear-gradient(120deg,var(--ch),transparent 55%,var(--ca));pointer-events:none}
.fx-feat-wrap .fx-feat{position:relative;background:var(--fx-surf);background:radial-gradient(90% 70% at 0% 0%,color-mix(in srgb,var(--ch) 26%,transparent),transparent 60%),radial-gradient(90% 70% at 100% 100%,color-mix(in srgb,var(--ca) 22%,transparent),transparent 60%),var(--fx-surf);border-color:color-mix(in srgb,var(--ch) 30%,#262636)}
.fx-feat__p--home .p{color:var(--ch)}
.fx-feat__p--away .p{color:var(--ca)}
.fx-feat__p:not(.is-fav){opacity:.72}
.fx-feat__p.is-fav .p{text-shadow:0 0 28px currentColor}
/* Bande « À venir » */
.fx-ticker__it .fx-crest{flex:none}
.fx-ticker__it .p--h{color:var(--ch)}
.fx-ticker__it .p--a{color:var(--ca)}
.fx-ticker__it .p--n{color:var(--fx-text)}
/* Fond animé du haut de l'accueil */
.fx-home{position:relative;overflow:hidden}
.fx-herobg{position:absolute;left:0;right:0;top:0;height:760px;pointer-events:none;
  background:radial-gradient(600px 420px at 8% 10%,rgba(0,255,135,.13),transparent 70%),radial-gradient(520px 420px at 92% 30%,rgba(90,110,255,.12),transparent 70%);
  -webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.fx-herobg::after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(0,255,135,.16) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(70% 70% at 30% 35%,#000,transparent);mask-image:radial-gradient(70% 70% at 30% 35%,#000,transparent)}
.fx-home>section,.fx-home>.fx-ticker{position:relative}
/* Puces de compétitions colorées */
.fx-chip--comp{border-color:color-mix(in srgb,var(--cc) 40%,var(--fx-line3))}
.fx-chip--comp::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--cc);flex:none}
.fx-chip--comp img+*,.fx-chip--comp img{margin-left:0}
.fx-chip--comp.is-on{background:var(--cc);border-color:var(--cc);color:#0a0a12}
.fx-chip--comp.is-on span{color:#0a0a12}
.fx-chip--comp.is-on::before{background:#0a0a12}
/* Derniers résultats */
.fx-res.fx-club{position:relative;overflow:hidden}
.fx-res__row--h.w{color:var(--ch)}
.fx-res__row--a.w{color:var(--ca)}
/* Pronostics : ligues et lignes */
.fx-league{border-top:3px solid var(--lc,#7c7c9a)}
.fx-league__head{background:linear-gradient(90deg,color-mix(in srgb,var(--lc,#7c7c9a) 16%,transparent),transparent 60%)}
.fx-league__logo{box-shadow:0 0 0 3px color-mix(in srgb,var(--lc,#7c7c9a) 35%,transparent)}
.fx-row.fx-club{position:relative}
.fx-row__pct span{color:var(--fx-mut)}
.fx-row__pct .h.on{color:var(--ch)}
.fx-row__pct .a.on{color:var(--ca)}
.fx-row__pct .n.on{color:var(--fx-text)}
.fx-row__team--h.w{color:var(--ch)}
.fx-row__team--a.w{color:var(--ca)}
/* Fiche match */
.fx-match .fx-mhead{background:var(--fx-surf);background:radial-gradient(70% 120% at 0% 50%,color-mix(in srgb,var(--ch) 30%,transparent),transparent 62%),radial-gradient(70% 120% at 100% 50%,color-mix(in srgb,var(--ca) 26%,transparent),transparent 62%),var(--fx-surf)}
.fx-mhead__wm{position:absolute;top:50%;width:300px;height:300px;transform:translateY(-50%) rotate(-8deg);opacity:.08;background:center/contain no-repeat;pointer-events:none}
.fx-mhead__wm--h{left:-60px}
.fx-mhead__wm--a{right:-60px;transform:translateY(-50%) rotate(8deg)}
.fx-mhead>.fx-mhead__wm{position:absolute}
.fx-crest--xl.fx-crest--h,.fx-crest--xl.fx-crest--a{border-width:3px}
.fx-prob--home,.fx-prob--away,.fx-prob--draw{border-top:3px solid var(--fx-line3)}
.fx-prob--home.is-fav{border-color:color-mix(in srgb,var(--ch) 35%,#262636);border-top-color:var(--ch);background:linear-gradient(180deg,color-mix(in srgb,var(--ch) 16%,transparent),transparent 70%),var(--fx-surf);box-shadow:0 18px 50px -24px var(--ch)}
.fx-prob--away.is-fav{border-color:color-mix(in srgb,var(--ca) 35%,#262636);border-top-color:var(--ca);background:linear-gradient(180deg,color-mix(in srgb,var(--ca) 16%,transparent),transparent 70%),var(--fx-surf);box-shadow:0 18px 50px -24px var(--ca)}
.fx-prob--draw.is-fav{border-top-color:#c9c9dc}
.fx-prob.fx-prob--home:not(.is-fav) .fx-prob__pct,.fx-prob.fx-prob--away:not(.is-fav) .fx-prob__pct,.fx-prob.fx-prob--draw:not(.is-fav) .fx-prob__pct{color:var(--fx-text)}
.fx-prob.fx-prob--home .fx-prob__bar i,.fx-prob.fx-prob--away .fx-prob__bar i,.fx-prob.fx-prob--draw .fx-prob__bar i{background:#4a4a64}
.fx-prob.fx-prob--home.is-fav .fx-prob__pct{color:var(--ch);text-shadow:0 0 30px color-mix(in srgb,var(--ch) 60%,transparent)}
.fx-prob.fx-prob--away.is-fav .fx-prob__pct{color:var(--ca);text-shadow:0 0 30px color-mix(in srgb,var(--ca) 60%,transparent)}
.fx-prob.fx-prob--draw.is-fav .fx-prob__pct{color:#fff}
.fx-prob.fx-prob--home.is-fav .fx-prob__bar i{background:var(--ch)}
.fx-prob.fx-prob--away.is-fav .fx-prob__bar i{background:var(--ca)}
.fx-prob.fx-prob--draw.is-fav .fx-prob__bar i{background:#c9c9dc}
.fx-cmp__row .bh i{background:var(--ch)}
.fx-cmp__row .ba i{background:var(--ca)}
.fx-cmp__row .h{color:var(--ch)}
.fx-cmp__row .a{color:var(--ca)}

/* ═════════ RESPONSIVE ═════════ */
@media(max-width:760px){
  .fx-wrap{padding:0 16px}
  .fx-sec{padding-top:56px}
  .fx-hero{padding:36px 0 32px;gap:32px}
  .fx-lead{font-size:16px}
  .fx-hero__cta .fx-btn{flex:1 1 100%}
  .fx-figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;border-top:1px solid var(--fx-line);border-bottom:1px solid var(--fx-line)}
  .fx-figs>div{padding:14px 0 14px 12px;margin:0;border-right:0;border-left:1px solid var(--fx-line)}
  .fx-figs>div:first-child{border-left:0;padding-left:0}
  .fx-figs dd{font-size:24px}
  .fx-figs dt{font-size:11px}
  .fx-feat{padding:20px}
  .fx-feat__probs .p{font-size:26px}
  .fx-feat__tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .fx-feat__tiles .fx-tile{padding:10px}
  .fx-sig{gap:32px}
  .fx-steps .n{font-size:22px;width:32px}
  .fx-mgrid{grid-template-columns:1fr}
  .fx-ex__res{font-size:24px}
  .fx-ex__team{font-size:15px}
  .fx-hist__kpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
  .fx-hist__kpi .v{font-size:22px;white-space:nowrap}
  .fx-pitch{opacity:.3}
  .fx-bar__up{height:100px}
  .fx-wrap.fx-msec{padding-top:32px}
  .fx-mhead__wm{width:150px;height:150px;opacity:.06}
  .fx-mhead__wm--h{left:-50px}
  .fx-mhead__wm--a{right:-50px}
  .fx-wm{width:120px;height:120px;opacity:.07}
}

/* ═════════ LE CASSE DE L'ALGO (jeu, v2.6.0 : coffres à 3 molettes, scène 3D) ═════════ */
.fx-casse{position:relative;overflow:hidden;--gold:#ffd23f;--gold2:#a8761c;--steel1:#3b3f52;--steel2:#1a1c26;--steel3:#0c0d13}
.fx-casse>section{position:relative}
.fx-casse [hidden]{display:none!important}
.fx-bot{display:inline-block;vertical-align:-3px;flex:none}
.fx-rain{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:9998;opacity:0;transition:opacity .2s}
.fx-rain.is-on{opacity:1}
/* en-tête */
.fx-cs-hero{display:flex;flex-wrap:wrap;gap:40px;align-items:center;padding:48px 24px 8px}
.fx-cs-hero__txt{flex:1 1 500px;min-width:0}
.fx-cs-hero .fx-h1{margin-top:14px}
.fx-cs-hero .fx-lead{margin-top:20px;max-width:600px}
.fx-cs-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
/* cagnotte et compteur */
.fx-pot{margin-top:28px;max-width:520px;padding:18px 20px;border-radius:20px;border:1px solid #5a4a20;background:radial-gradient(120% 120% at 0% 0%,rgba(255,210,63,.16),transparent 60%),#0e0e16;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 20px 60px -30px rgba(255,210,63,.6)}
.fx-pot__top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.fx-pot__k{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--fx-mut)}
.fx-pot__live{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--fx-acc)}
.fx-pot__live i{width:8px;height:8px;border-radius:50%;background:var(--fx-acc);box-shadow:0 0 0 0 rgba(0,255,135,.6);animation:fx-ping 1.8s infinite}
@keyframes fx-ping{0%{box-shadow:0 0 0 0 rgba(0,255,135,.6)}70%{box-shadow:0 0 0 8px rgba(0,255,135,0)}100%{box-shadow:0 0 0 0 rgba(0,255,135,0)}}
.fx-pot__v{display:flex;align-items:flex-end;gap:6px;margin-top:6px;font-family:var(--fx-disp);font-weight:900;color:var(--gold);line-height:1}
.fx-odo{display:inline-flex;font-size:76px;height:1em;line-height:1em;overflow:hidden}
.fx-odo__d{display:inline-block;height:1em;overflow:hidden}
.fx-odo__s{display:block;transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}
.fx-odo__s i{display:block;height:1em;font-style:normal;text-align:center}
.fx-pot__eur{font-size:46px;padding-bottom:6px}
.fx-pot__bar{height:8px;border-radius:99px;background:#1c1c28;margin-top:14px;overflow:hidden}
.fx-pot__bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#a8761c,var(--gold),#fff1a8);box-shadow:0 0 14px rgba(255,210,63,.6);transition:width 1.2s ease}
.fx-pot__s{margin-top:10px;font-size:13px;line-height:1.5;color:var(--fx-mut)}
.fx-pot__s strong{color:var(--gold)}
/* scène : coffre 3D (v2.8, three.js) */
.fx-v3{position:relative;flex:0 1 560px;width:100%;max-width:560px;aspect-ratio:1.1;margin:0 auto;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;outline:none}
.fx-v3::before{content:'';position:absolute;inset:-4% -12% -2%;pointer-events:none;background:radial-gradient(46% 42% at 50% 56%,rgba(0,255,135,.20),rgba(0,255,135,0) 70%),radial-gradient(30% 20% at 50% 86%,rgba(245,197,66,.16),transparent 70%)}
.fx-v3__poster,.fx-v3__cv{position:absolute;inset:0;width:100%;height:100%;display:block}
.fx-v3__poster{object-fit:contain;transition:opacity .5s}
.fx-v3__cv{opacity:0;transition:opacity .5s}
.fx-v3.is-3d .fx-v3__cv{opacity:1}.fx-v3.is-3d .fx-v3__poster{opacity:0}
.fx-v3__sum{position:absolute;left:0;right:0;top:15%;margin:0;text-align:center;font-family:var(--fx-disp);font-weight:900;font-size:clamp(30px,6vw,46px);line-height:1;color:#fff;text-shadow:0 0 26px rgba(0,255,135,.9),0 3px 0 #0a3d24;opacity:0;transform:translateY(12px) scale(.85);transition:opacity .35s,transform .45s cubic-bezier(.3,1.5,.5,1);pointer-events:none;z-index:2}
.fx-v3.is-sum .fx-v3__sum{opacity:1;transform:none}
.fx-v3__hint{position:absolute;left:0;right:0;bottom:2%;text-align:center;margin:0;font-size:11px;font-weight:800;color:var(--fx-acc);letter-spacing:.16em;text-transform:uppercase;z-index:2;opacity:.85}
.fx-v3.is-open .fx-v3__hint{opacity:0}
.fx-v3:focus-visible{outline:2px solid var(--fx-acc);outline-offset:4px;border-radius:24px}
/* le code */
.fx-cs-how{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.fx-cs-how__i{display:flex;gap:14px;background:var(--fx-surf);border:1px solid var(--fx-line);border-radius:18px;padding:18px}
.fx-cs-how__n{flex:none;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--fx-disp);font-weight:900;color:#1a1405;background:radial-gradient(circle at 35% 30%,#fff3b0,#ffd23f 45%,#a8761c)}
.fx-cs-how__i strong{display:block;font-size:15px}
.fx-cs-how__i p{font-size:13px;line-height:1.55;color:var(--fx-mut);margin-top:4px}
.fx-cs-how__i p b{color:var(--gold)}
.fx-cs-how__note{margin-top:12px;text-align:center}
/* colonne des coffres */
.fx-cs-main{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}
.fx-cs-col{min-width:0}
.fx-cs-tools{display:flex;align-items:center;gap:12px}
.fx-cs-sound{width:40px;height:40px;border-radius:12px;border:1px solid var(--fx-line3);background:var(--fx-surf);font-size:18px;cursor:pointer}
.fx-cs-notice{margin-top:18px;padding:14px 16px;border-radius:14px;background:var(--fx-sig-line);border:1px solid #5a4a20;font-size:14px;color:#f3e3b0}
.fx-cs-notice strong{color:var(--gold)}
.fx-cs-grid{display:grid;gap:16px;margin-top:20px}
/* coffre d'un match */
.fx-safe{position:relative;overflow:hidden;border-radius:22px;padding:18px 20px;border:1px solid #2a2c3a;
  background:radial-gradient(70% 120% at 0% 0%,color-mix(in srgb,var(--ch) 12%,transparent),transparent 60%),radial-gradient(70% 120% at 100% 0%,color-mix(in srgb,var(--ca) 10%,transparent),transparent 60%),linear-gradient(160deg,#1a1c27 0%,#11121a 60%,#0c0d13 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(0,0,0,.6),0 18px 50px -30px rgba(0,0,0,.9);transition:border-color .25s,box-shadow .25s,transform .25s}
.fx-safe::before,.fx-safe::after{content:'';position:absolute;top:12px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#6a6f88,#1a1c26);box-shadow:0 1px 1px rgba(0,0,0,.8)}
.fx-safe::before{left:12px}.fx-safe::after{right:12px}
.fx-safe__top{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--fx-dim);padding:0 14px}
.fx-safe__top strong{color:var(--fx-text);font-size:13px}
.fx-safe__teams{display:flex;align-items:center;gap:10px;margin-top:10px;font-weight:800;font-size:17px}
.fx-safe__teams a{flex:1;min-width:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .fx .fx-safe__teams a:hover{color:var(--fx-acc)}
.fx-safe__teams .fx-crest--lg{width:40px;height:40px}
.fx-safe__body{position:relative;margin-top:14px}
.fx-safe__dials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px;border-radius:18px;background:linear-gradient(180deg,#07080c,#0e0f16);box-shadow:inset 0 2px 10px rgba(0,0,0,.9),inset 0 0 0 1px #20222e}
.fx-dial{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.fx-dial__k{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--fx-dim);white-space:nowrap}
.fx-drum{--r:82px;position:relative;width:100%;height:132px;perspective:520px;overflow:hidden;border-radius:14px;cursor:grab;touch-action:none;outline:none;
  background:linear-gradient(180deg,#050507,#14151d 50%,#050507);box-shadow:inset 0 0 0 1px #2a2c3a,inset 0 14px 18px rgba(0,0,0,.85),inset 0 -14px 18px rgba(0,0,0,.85);
  -webkit-mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent)}
.fx-drum:focus-visible{box-shadow:inset 0 0 0 2px var(--gold)}
.fx-drum::before,.fx-drum::after{content:'';position:absolute;left:6px;right:6px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,210,63,.7),transparent);z-index:2;pointer-events:none}
.fx-drum::before{top:calc(50% - 23px)}.fx-drum::after{top:calc(50% + 22px)}
.fx-drum__in{position:absolute;left:0;right:0;top:50%;height:44px;margin-top:-22px;transform-style:preserve-3d;transition:transform .38s cubic-bezier(.2,.9,.25,1.25)}
.fx-drum__f{position:absolute;inset:0;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  background:linear-gradient(180deg,#2b2e3e,#1b1d28 50%,#2b2e3e);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(0,0,0,.6)}
.fx-drum__f b{font-family:var(--fx-disp);font-weight:900;font-size:21px;line-height:1;color:#fff}
.fx-drum__f small{font-size:10px;color:var(--fx-mut);max-width:96%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}
.fx-drum__f.is-q b{color:#4a4e66}
.fx-dial.is-tick .fx-drum{animation:fx-tick .18s ease}
@keyframes fx-tick{50%{transform:scale(.97)}}
.fx-dial__v{font-size:12px;font-weight:800;color:var(--gold);white-space:nowrap}
.fx-dial__v span{font-weight:500;color:var(--fx-dim)}
.fx-dial__v em{font-style:normal;padding:1px 5px;border-radius:5px;background:var(--gold);color:#1a1405;font-size:10px}
.fx-dial.is-hit .fx-drum{box-shadow:inset 0 0 0 2px var(--fx-acc),0 0 24px -4px rgba(0,255,135,.7)}
.fx-dial.is-hit .fx-dial__v{color:var(--fx-acc)}
.fx-dial.is-beat .fx-drum{box-shadow:inset 0 0 0 2px var(--gold),0 0 26px -2px rgba(255,210,63,.8)}
.fx-dial.is-beat .fx-dial__v{color:var(--gold)}
.fx-dial.is-miss .fx-drum{opacity:.45}
.fx-dial.is-miss .fx-dial__v{color:var(--fx-dim)}
.fx-safe__foot{margin-top:12px;display:grid;gap:10px}
.fx-safe__row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}
.fx-safe__pot{font-size:13px;color:var(--fx-mut)}
.fx-safe__pot b{font-family:var(--fx-disp);font-size:18px;color:var(--gold)}
.fx-safe__pot small{font-size:11px;color:var(--fx-dim)}
.fx-safe__pot.is-q{color:var(--gold);font-weight:700}
.fx-safe__score{font-family:var(--fx-disp);font-size:17px;color:var(--fx-text);margin-left:4px}
.fx-safe__loot{font-size:13px;font-weight:800;padding:6px 12px;border-radius:999px;background:var(--fx-surf2);color:var(--fx-mut)}
.fx-safe__loot.is-open{background:linear-gradient(90deg,#a8761c,var(--gold),#fff1a8);color:#1a1405;box-shadow:0 0 20px rgba(255,210,63,.6)}
.fx-safe__algo{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--fx-mut)}
.fx-safe__algo b{color:var(--fx-text)}
.fx-safe__algo b.ok{color:var(--fx-acc)}.fx-safe__algo b.ko{color:var(--fx-neg);text-decoration:line-through}
.fx-safe__ok{color:var(--fx-acc)}.fx-safe__dirty{color:var(--gold)}
.fx-star{font:inherit;font-size:12px;font-weight:800;padding:8px 13px;border-radius:999px;border:1px solid #5a4a20;background:transparent;color:var(--gold);cursor:pointer}
.fx-star.is-on{background:var(--gold);color:#1a1405;border-color:var(--gold);box-shadow:0 0 18px rgba(255,210,63,.6)}
.fx-safe.is-boost{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 18px 60px -24px rgba(255,210,63,.7)}
.fx-safe.is-full:not(.is-locked) .fx-safe__dials{box-shadow:inset 0 2px 10px rgba(0,0,0,.9),inset 0 0 0 1px #5a4a20}
.fx-safe.is-sealed{animation:fx-seal .8s ease}
@keyframes fx-seal{20%{transform:scale(.985)}45%{box-shadow:0 0 0 2px var(--fx-acc),0 0 50px -10px rgba(0,255,135,.7)}100%{transform:none}}
.fx-safe__stamp{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transform:translateZ(400px)}
.fx-safe__stamp span{font-family:var(--fx-disp);font-weight:900;font-size:30px;line-height:1;text-align:center;letter-spacing:.04em;color:var(--gold);padding:14px 22px;border:4px solid var(--gold);border-radius:14px;transform:rotate(-10deg) scale(2);background:rgba(10,8,4,.78);box-shadow:0 0 40px rgba(255,210,63,.6)}
.fx-safe.is-cracked{border-color:var(--gold)}
.fx-safe.is-cracked .fx-safe__stamp{opacity:1;transition:opacity .2s .2s}
.fx-safe.is-cracked .fx-safe__stamp span{transform:rotate(-10deg) scale(1);transition:transform .45s cubic-bezier(.3,1.6,.5,1) .2s}
/* formulaires */
body .fx-casse input[type=text],body .fx-casse input[type=email]{width:100%;min-height:48px;padding:12px 14px;border-radius:12px;border:1px solid var(--fx-line3);background:#0a0a13;color:var(--fx-text);font:inherit;font-size:16px}
body .fx-casse input[type=text]:focus,body .fx-casse input[type=email]:focus{outline:none;border-color:var(--gold)}
.fx-casse button.fx-btn{font-family:inherit;cursor:pointer;background-color:transparent}
.fx-casse button.fx-btn--primary{background:var(--fx-acc)}
.fx-casse button.fx-btn:hover{border-color:var(--fx-acc)}
.fx-casse button.fx-btn--primary:hover{background:#3dffa4}
.fx-casse button.fx-btn:disabled{opacity:.45;cursor:not-allowed}
.fx-cs-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--fx-mut);line-height:1.5}
.fx-cs-check input{width:18px;height:18px;margin-top:1px;accent-color:#00ff87;flex:none}
.fx-cs-check a{color:var(--gold);text-decoration:underline}
.fx-cs-form{margin-top:16px;display:flex;flex-direction:column;gap:14px;position:sticky;bottom:12px;z-index:5;box-shadow:0 -10px 40px -10px rgba(0,0,0,.85);border-color:#2a2c3a}
.fx-cs-form__new{display:flex;flex-direction:column;gap:10px}
.fx-cs-form__row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.fx-cs-share{margin-top:16px;border-color:#5a4a20}
.fx-cs-share .fx-txt{margin-top:6px}
.fx-cs-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
/* colonne */
.fx-cs-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:90px}
.fx-cs-me{border-color:#5a4a20;background:radial-gradient(100% 90% at 100% 0%,rgba(255,210,63,.12),transparent 60%),var(--fx-surf)}
.fx-cs-me .fx-kicker{color:var(--gold)}
.fx-cs-me__name{font-family:var(--fx-disp);font-weight:900;font-size:24px;margin:2px 0 12px}
.fx-cs-me__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.fx-cs-me__grid>div{background:var(--fx-surf2);border:1px solid var(--fx-line);border-radius:12px;padding:10px}
.fx-cs-me__grid .k{display:block;font-size:11px;color:var(--fx-dim)}
.fx-cs-me__grid .v{display:block;font-size:22px;margin:2px 0}
.fx-cs-me__warn{margin-top:12px;font-size:13px;line-height:1.5;color:#f3e3b0}
.fx-cs-me__warn a{color:var(--gold);text-decoration:underline}
.fx-cs-me__ok{margin-top:12px;font-size:13px;color:var(--fx-acc)}
.fx-cs-tabs{margin-top:14px}
.fx-cs-tabs .fx-chip{min-height:36px;padding:7px 12px;font-size:12px}
.fx-cs-list{list-style:none;margin:14px 0 0;padding:0;max-height:560px;overflow:auto}
.fx-cs-list li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 6px;border-bottom:1px solid var(--fx-line2);font-size:14px}
.fx-cs-list li.fx-small{display:block;border:0;padding:6px 0}
.fx-cs-list .rk{color:var(--fx-dim);font-weight:700;font-size:13px;text-align:center}
.fx-cs-list .ps{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.fx-cs-list .ps small{display:block;font-size:11px;font-weight:500;color:var(--fx-dim)}
.fx-cs-list .ps em{font-style:normal;font-size:11px;color:#1a1405;background:var(--gold);padding:1px 6px;border-radius:999px;margin-left:4px}
.fx-cs-list .pt{font-family:var(--fx-disp);font-weight:900;font-size:16px;color:var(--gold)}
.fx-cs-list li.is-top{background:linear-gradient(90deg,rgba(255,210,63,.14),transparent);border-radius:10px}
.fx-cs-list li.is-me{background:var(--fx-surf2);border-radius:10px}
.fx-cs-list li.is-far{margin-top:8px;border-top:1px dashed var(--fx-line3)}
/* gangs, palmarès, offre, compte, règlement */
#fx-cs-crew{margin-top:24px}
.fx-cs-cbox{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-color:#5a4a20;background:radial-gradient(90% 120% at 0% 0%,rgba(255,210,63,.12),transparent 60%),var(--fx-surf)}
.fx-cs-cbox .fx-h2{margin:4px 0 6px}
.fx-cs-code{font-family:var(--fx-disp);letter-spacing:.12em;color:var(--gold)}
.fx-cs-cforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.fx-cs-cforms form{display:flex;flex-direction:column;gap:12px}
#fx-cs-mycrews .fx-chip{text-decoration:none}
.fx-cs-textbtn{background:none;border:0;padding:0;font:inherit;color:var(--fx-mut);text-decoration:underline;cursor:pointer}
.fx-cs-textbtn:hover{color:var(--fx-text)}
.fx-cs-hof{border-color:#5a4a20;background:radial-gradient(70% 120% at 100% 0%,rgba(255,210,63,.1),transparent 60%),var(--fx-surf)}
.fx-cs-hof__list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
.fx-cs-hof__list li{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--fx-surf2);border:1px solid var(--fx-line)}
.fx-cs-hof__list li span{color:var(--fx-dim);font-size:13px;text-transform:capitalize}
.fx-cs-hof__list li em{font-style:normal;color:var(--gold);font-weight:800}
.fx-cs-hof__list li.is-empty{display:block;color:var(--fx-mut);font-size:14px}
.fx-cs-offer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-style:dashed}
.fx-cs-offer>div{flex:1 1 420px}
.fx-cs-acct{max-width:760px}
.fx-cs-badge{font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;vertical-align:3px;margin-left:6px}
.fx-cs-badge.is-ok{background:var(--fx-acc-soft);color:var(--fx-acc)}
.fx-cs-badge.is-warn{background:var(--fx-sig-line);color:var(--gold)}
.fx-cs-inline{margin-top:12px}
.fx-cs-inline>div{display:flex;gap:10px;margin-top:8px}
.fx-cs-inline>div input{flex:1}
.fx-cs-rules summary{cursor:pointer}
.fx-cs-rules__txt{margin-top:16px;display:grid;gap:12px}
.fx-cs-rules__txt p{font-size:13px;line-height:1.7;color:var(--fx-mut)}
.fx-cs-rules__txt strong{color:var(--fx-text)}
.fx-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:9999;max-width:min(92vw,520px);padding:14px 18px;border-radius:14px;background:#12241a;border:1px solid #1d4a33;color:var(--fx-text);font-size:14px;font-weight:600;box-shadow:0 20px 50px -20px #000}
.fx-toast.is-bad{background:#2a1a12;border-color:#5a3220}
/* bloc d'accueil et fiche match */
.fx-cst{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;padding:28px 32px;border-radius:24px;border:1px solid #5a4a20;background:radial-gradient(60% 120% at 0% 0%,rgba(255,210,63,.14),transparent 60%),radial-gradient(60% 120% at 100% 100%,rgba(0,255,135,.08),transparent 60%),var(--fx-surf)}
.fx-cst__vault{position:relative;width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 34% 28%,#5a5f78,#30344a 30%,#1a1c28 62%,#0f1018);box-shadow:0 0 0 6px #12121b,0 0 0 8px #3a3320,inset 0 0 0 10px #232637,inset 0 0 0 12px rgba(255,210,63,.25),0 20px 50px -16px rgba(255,210,63,.45)}
.fx-cst__vault b{font-family:var(--fx-disp);font-weight:900;font-size:34px;color:#ffd23f;line-height:1;text-shadow:0 0 20px rgba(255,210,63,.5)}
.fx-cst__vault small{font-size:10px;color:var(--fx-mut);letter-spacing:.1em;text-transform:uppercase;margin-top:6px}
.fx-cst .fx-h2{margin-top:8px}
.fx-cst .fx-txt{margin-top:10px}
.fx-cst__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.fx-cst__list{display:flex;flex-direction:column;gap:8px}
.fx-cst__m{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--fx-surf2);border:1px solid var(--fx-line);font-weight:700;font-size:14px}
.fx-cst__m span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-cst__m em{font-style:normal;font-size:12px;color:#ffd23f;white-space:nowrap;letter-spacing:.2em}
.fx-cst__foot{font-size:12px;color:var(--fx-dim);margin-top:4px}
.fx-mbla{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:16px;padding:16px 20px;border-radius:16px;border:1px solid #5a4a20;background:radial-gradient(80% 140% at 0% 0%,rgba(255,210,63,.14),transparent 60%),var(--fx-surf)}
.fx-mbla p{font-size:15px;color:var(--fx-mut)}
.fx-mbla strong{color:var(--fx-text)}
/* molettes claires : questions, blasons, boutons de réponse */
.fx-dial__k{font-size:12px;font-weight:800;letter-spacing:0;text-transform:none;color:var(--fx-text);white-space:normal;text-align:center;line-height:1.25;min-height:30px;display:flex;align-items:center}
.fx-drum__img{width:30px;height:30px;object-fit:contain;flex:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}
.fx-drum__img.is-txt{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#30344a;font-size:10px;font-weight:900;color:#fff}
.fx-drum__f.is-crest{flex-direction:row;gap:8px;padding:0 8px}
.fx-drum__f.is-crest small{font-size:11px;color:var(--fx-mut);margin:0;text-align:left;line-height:1.15}
.fx-drum__f.is-crest small .nm{display:block;font-family:var(--fx-body);font-size:12px;font-weight:800;color:#fff;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-dial__opts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;width:100%}
.fx-opt2{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;padding:6px 4px;border-radius:12px;border:1px solid #2a2c3a;background:linear-gradient(180deg,#1d1f2b,#13141d);color:var(--fx-text);font:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}
.fx-opt2:hover:not(:disabled){border-color:#6d5a22}
.fx-opt2:active:not(:disabled){transform:scale(.96)}
.fx-opt2 b{font-family:var(--fx-disp);font-weight:900;font-size:17px;line-height:1}
.fx-opt2 small{font-size:10px;color:var(--fx-mut);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-opt2__img{width:24px;height:24px;object-fit:contain}
.fx-opt2__img.is-txt{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#30344a;font-size:9px;font-weight:900}
.fx-opt2.is-on{border-color:var(--gold);background:linear-gradient(180deg,rgba(255,210,63,.22),rgba(255,210,63,.06));box-shadow:0 0 18px -6px rgba(255,210,63,.8)}
.fx-opt2.is-on small{color:var(--fx-text)}
.fx-opt2:disabled{cursor:default;opacity:.45}
.fx-opt2.is-on:disabled{opacity:1}
.fx-chipcrest{width:16px;height:16px;object-fit:contain;vertical-align:-3px;margin-right:4px}
.fx-chipcrest.is-txt{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#30344a;font-size:7px}
.fx-safe__algo{flex-wrap:wrap}
@media(max-width:760px){
  .fx-safe__dials{grid-template-columns:1fr;gap:10px;padding:10px}
  .fx-dial{display:grid;grid-template-columns:108px minmax(0,1fr);grid-template-areas:"drum k" "drum opts" "drum v";column-gap:10px;row-gap:6px;align-items:center}
  .fx-dial .fx-drum{grid-area:drum;height:112px;--r:82px}
  .fx-dial__k{grid-area:k;justify-content:flex-start;text-align:left;min-height:0;font-size:13px}
  .fx-dial__opts{grid-area:opts}
  .fx-dial__v{grid-area:v;text-align:left}
  .fx-opt2{min-height:46px}
  .fx-drum__f.is-crest{gap:5px;padding:0 4px}
  .fx-drum__img{width:24px;height:24px}
  .fx-drum__f.is-crest small .nm{max-width:56px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.fx-pot__live i,.fx-lever i{animation:none!important}.fx-drum__in,.fx-odo__s,.fx-v3__cv,.fx-v3__poster{transition:none}}
@media(max-width:1080px){.fx-cs-how{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-cst{grid-template-columns:auto minmax(0,1fr)}.fx-cst__list{grid-column:1/-1}}
@media(max-width:980px){.fx-cs-main{grid-template-columns:1fr}.fx-cs-side{position:static}}
@media(max-width:760px){
  .fx-cs-hero{padding:28px 16px 0;gap:20px}
  .fx-cs-hero__cta .fx-btn{flex:1 1 100%}
  .fx-v3{order:-1;width:100%;margin:0 auto -10px}
  .fx-odo{font-size:62px}.fx-pot__eur{font-size:38px}
  .fx-cs-how{grid-template-columns:1fr}
  .fx-safe{padding:14px}
  .fx-safe__teams{font-size:14px}
  .fx-safe__dials{gap:6px;padding:8px}
  .fx-drum{--r:82px;height:120px}
  .fx-drum__f b{font-size:18px}
  .fx-dial__v{font-size:11px}
  .fx-dial__v span{font-size:11px}
  .fx-safe__stamp span{font-size:24px}
  .fx-cs-cforms{grid-template-columns:1fr}
  .fx-cs-inline>div{flex-direction:column}
  .fx-cs-hof__list li{grid-template-columns:1fr auto}
  .fx-cs-hof__list li span{grid-column:1/-1}
  .fx-cst{grid-template-columns:1fr;padding:22px}
  .fx-cst__vault{width:120px;height:120px}
}

/* Le Casse : lot spécial du mois */
.fx-pot__v--lot{font:800 clamp(26px,5vw,34px)/1.1 var(--fx-disp);letter-spacing:-.02em}
.fx-pot__next{margin-top:10px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.15);font-size:13.5px;line-height:1.4}
.fx-pot__next strong{color:#F5C542}

/* bloc d'accueil : médaillon doré */
.fx-cst__vault{background:radial-gradient(120% 90% at 28% 12%,#fff4b0 0%,#ffd84a 26%,#f8bd0c 58%,#dc9500 100%);box-shadow:inset 0 5px 0 rgba(255,255,255,.6),inset 0 -8px 0 rgba(150,90,0,.45),0 6px 0 #b37800,0 20px 50px -16px rgba(255,210,63,.55)}
.fx-cst__vault b{color:#3a2600;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.fx-cst__vault small{color:#6b4600}

/* ═════════ LE CASSE v2.8 : machine à sous chromée (DA FootEdge) ═════════ */
.fx-cs-grid{gap:22px}
.fx-safe{border:1px solid #1d2a23;border-radius:24px;padding:16px 16px 14px;overflow:hidden;
  background:radial-gradient(90% 60% at 50% 0%,rgba(0,255,135,.07),transparent 70%),linear-gradient(180deg,#101814,#0a0f0c);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 24px 50px -30px rgba(0,0,0,.9)}
.fx-safe::before,.fx-safe::after{display:none}
.fx-safe__top{padding:0;color:var(--fx-dim)}
.fx-safe__top strong{color:var(--fx-acc)}
.fx-safe__teams{margin-top:8px;font-size:18px}
.fx-safe__body{position:relative;margin-top:16px;padding-right:30px}
.fx-safe__dials{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:7px;row-gap:0;padding:0;background:none;box-shadow:none;border-radius:0}
.fx-safe__dials::before{content:'';grid-row:1/3;grid-column:1/-1;margin:-12px -12px -12px;border-radius:22px;border:10px solid transparent;
  background:linear-gradient(#141519,#141519) padding-box,linear-gradient(180deg,#ffffff 0%,#d7dce4 22%,#9aa3b3 55%,#eef1f5 80%,#b9c0cc 100%) border-box;
  box-shadow:0 10px 0 -2px #6d7588,0 18px 26px -10px rgba(0,0,0,.8),inset 0 6px 14px rgba(0,0,0,.8)}
.fx-safe.is-full:not(.is-locked) .fx-safe__dials::before{box-shadow:0 10px 0 -2px #6d7588,0 0 0 2px var(--fx-acc),0 0 30px rgba(0,255,135,.45),inset 0 6px 14px rgba(0,0,0,.8)}
.fx-dial{display:contents}
.fx-dial__k,.fx-dial .fx-drum,.fx-dial__opts,.fx-dial__v{position:relative;z-index:1;grid-area:auto}
.fx-dial__k{grid-row:1;align-self:end;justify-self:center;min-height:0;margin:0 0 6px;padding:4px 7px;border:1.5px solid #fff;background:#0b0c0f;color:#fff;font-size:9.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;line-height:1.15;text-align:center;text-wrap:balance;white-space:normal;max-width:100%}
.fx-dial .fx-drum{grid-row:2;height:124px;border-radius:10px;background:#fff;-webkit-mask-image:none;mask-image:none;box-shadow:none}
.fx-drum::before,.fx-drum::after{display:none}
.fx-drum__f{background:linear-gradient(180deg,#e9ebf0,#ffffff 50%,#e9ebf0);border:0;border-bottom:1px solid rgba(0,0,0,.07)}
.fx-drum__f b{color:#14161c;font-size:24px}
.fx-drum__f small{color:#6b6f7a;font-size:9.5px}
.fx-drum__f.is-q b{color:#c9cdd6}
.fx-drum__f.is-crest{flex-direction:column;gap:2px;padding:0 4px}
.fx-drum__f.is-crest small{font-size:0;color:#6b6f7a}
.fx-drum__f.is-crest small .nm{font-size:10px;color:#14161c;max-width:100%}
.fx-drum__img{width:28px;height:28px;filter:none}
.fx-drum__sh{position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:10px;
  background:linear-gradient(180deg,rgba(8,10,14,.78) 0%,rgba(8,10,14,0) 34%,rgba(255,255,255,.06) 50%,rgba(8,10,14,0) 66%,rgba(8,10,14,.78) 100%),linear-gradient(90deg,rgba(0,0,0,.25),transparent 14%,transparent 86%,rgba(0,0,0,.25))}
.fx-drum:focus-visible{outline:2px solid var(--fx-acc);outline-offset:2px}
.fx-dial__opts{grid-row:3;margin-top:22px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px;padding:3px;border-radius:12px;background:#0b110e;border:1px solid #24312a}
.fx-opt2{min-height:38px;padding:3px 2px;border:0;border-radius:9px;background:transparent;color:var(--fx-text);box-shadow:none;flex-direction:column;gap:1px;transition:background .15s,color .15s}
.fx-opt2 b{font-size:14px;color:inherit}
.fx-opt2 small{display:none}
.fx-opt2__nul{font-size:12px!important;font-family:var(--fx-body)!important;font-weight:800!important}
.fx-opt2__img{width:22px;height:22px}
.fx-opt2:hover:not(:disabled){background:#16211b}
.fx-opt2:active:not(:disabled){transform:scale(.95)}
.fx-opt2.is-on,.fx-opt2.is-on:hover:not(:disabled){background:var(--fx-acc);color:#03140c;box-shadow:0 0 16px -2px rgba(0,255,135,.6)}
.fx-opt2.is-on .fx-opt2__img{filter:drop-shadow(0 0 1px #03140c)}
.fx-dial__v{grid-row:4;margin-top:6px;text-align:center;font-size:12px;font-weight:800;color:var(--gold);white-space:nowrap}
.fx-dial__v span{color:var(--fx-dim);font-weight:600}
.fx-dial.is-hit .fx-drum{box-shadow:0 0 0 3px var(--fx-acc),0 0 22px rgba(0,255,135,.6)}
.fx-dial.is-beat .fx-drum{box-shadow:0 0 0 3px var(--gold),0 0 24px rgba(245,197,66,.7)}
.fx-dial.is-miss .fx-drum{opacity:.4}
.fx-safe__foot{margin-top:14px;padding:12px 2px 0;border-top:1px solid #1d2a23}
.fx-safe.is-boost{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 20px 60px -24px rgba(245,197,66,.6)}
.fx-safe.is-cracked{border-color:var(--gold)}
.fx-safe.is-locked .fx-safe__dials::before{filter:saturate(.6) brightness(.85)}
/* levier à boule rouge */
.fx-lever{position:absolute;right:-2px;top:34px;width:26px;height:150px;pointer-events:none;z-index:2}
.fx-lever::after{content:'';position:absolute;left:2px;top:66px;width:22px;height:46px;border-radius:7px;background:linear-gradient(90deg,#7d8698,#f4f6fa 42%,#aab2c0 62%,#6d7588)}
.fx-lever i{position:absolute;left:9px;bottom:62px;width:8px;height:92px;border-radius:4px;background:linear-gradient(90deg,#8d96a8,#ffffff 45%,#9aa2b2);transform-origin:50% 100%}
.fx-lever b{position:absolute;left:-10px;top:-22px;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#ffb3bf,#ff2337 40%,#9e0c18 100%);box-shadow:0 4px 8px rgba(0,0,0,.5)}
.fx-safe.is-full .fx-lever i,.fx-safe.is-sealed .fx-lever i{animation:fx-pull .9s cubic-bezier(.3,.7,.3,1)}
@keyframes fx-pull{0%{transform:scaleY(1)}35%{transform:scaleY(-.35)}100%{transform:scaleY(1)}}
@media(max-width:760px){
  .fx-safe{padding:14px 12px 12px}
  .fx-safe__teams{font-size:15px}
  .fx-safe__body{padding-right:26px;margin-top:20px}
  .fx-safe__dials{column-gap:5px}
  .fx-safe__dials::before{margin:-10px -10px -10px;border-width:8px}
  .fx-dial__k{font-size:8.5px;padding:3px 5px;justify-content:center;text-align:center}
  .fx-dial .fx-drum{height:104px}
  .fx-drum__f b{font-size:20px}
  .fx-dial__opts{margin-top:18px}
  .fx-opt2{min-height:36px}
  .fx-opt2 b{font-size:13px}
  .fx-opt2__img{width:20px;height:20px}
  .fx-dial__v{font-size:11px;white-space:normal;line-height:1.2}
  .fx-dial__v span{display:block;font-size:10px}
  .fx-lever{right:-4px;top:30px;transform:scale(.88);transform-origin:top right}
}
.fx-dial:nth-child(1)>*{grid-column:1}.fx-dial:nth-child(2)>*{grid-column:2}.fx-dial:nth-child(3)>*{grid-column:3}
.fx-opt2 b{white-space:nowrap}
.fx-safe.is-full:not(.is-locked) .fx-safe__dials{box-shadow:none}

/* ═════════ Radar du signal nul (v2.9) ═════════ */
.fx-radar{margin-top:14px;padding:18px;border-radius:18px;border:1px solid var(--fx-sig-line);background:radial-gradient(120% 90% at 0% 0%,rgba(255,210,63,.07),transparent 55%),var(--fx-surf,#0e0e16)}
.fx-radar__head{display:flex;align-items:center;gap:14px}
.fx-radar__head strong{display:block;font-family:var(--fx-disp);font-weight:900;font-size:17px;color:var(--fx-text)}
.fx-radar__head span{display:block;margin-top:2px;font-size:12.5px;color:var(--fx-mut)}
.fx-radar__scope{position:relative;flex:none;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,210,63,.45);background:radial-gradient(circle,transparent 30%,rgba(255,210,63,.25) 31%,transparent 33%,transparent 62%,rgba(255,210,63,.25) 63%,transparent 65%);overflow:hidden}
.fx-radar__scope i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,210,63,.55),rgba(255,210,63,0) 70deg,transparent 360deg);animation:fx-sweep 2.6s linear infinite}
.fx-radar__scope::after{content:'';position:absolute;left:62%;top:30%;width:6px;height:6px;border-radius:50%;background:var(--fx-sig);box-shadow:0 0 8px var(--fx-sig);animation:fx-blip 2.6s linear infinite}
@keyframes fx-sweep{to{transform:rotate(360deg)}}
@keyframes fx-blip{0%,15%{opacity:0}20%{opacity:1}60%,100%{opacity:0}}
.fx-radar__lead{margin:14px 0 10px;font-size:13px;line-height:1.5;color:var(--fx-mut)}
.fx-radar__lead strong{color:var(--fx-text)}
.fx-radar__list{display:flex;flex-direction:column;gap:8px}
body .fx a.fx-radar__row,.fx-radar__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:14px;align-items:center;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--fx-line,#1f2230);color:var(--fx-text);text-decoration:none;transition:border-color .15s,background .15s}
.fx-radar__row:hover{border-color:var(--fx-sig-line);background:rgba(255,210,63,.04)}
.fx-radar__m .d{display:block;font-size:11.5px;font-weight:700;color:var(--fx-sig);letter-spacing:.02em}
.fx-radar__m .t{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:14px;min-width:0}
.fx-radar__m .t b{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.fx-radar__m .t i{font-style:normal;color:var(--fx-dim,#6b6f7a)}
.fx-radar__m .fx-crest{flex:none}
.fx-radar__c{position:relative;display:flex;flex-direction:column;gap:7px;padding-left:46px}
.fx-radar__n{position:absolute;left:0;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:900 12px/1 var(--fx-disp);color:var(--fx-sig);border:1.5px solid var(--fx-sig-line)}
.fx-radar__c .c{display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:8px;align-items:center}
.fx-radar__c .c svg{grid-row:1/3}
.fx-radar__c em{font-style:normal;font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-radar__c small{grid-column:2;font-size:11.5px;color:var(--fx-mut)}
.fx-radar__c .bar{grid-column:2;display:block;height:4px;margin-top:4px;border-radius:9px;background:rgba(255,255,255,.07);overflow:hidden}
.fx-radar__c .bar b{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#a8761c,var(--fx-sig))}
.fx-radar__foot{margin:12px 0 0;font-size:11.5px;color:var(--fx-dim,#6b6f7a)}
.fe-ds .fx-radar{margin:16px 0 8px}
@media(max-width:760px){.fx-radar{padding:14px}body .fx a.fx-radar__row,.fx-radar__row{grid-template-columns:1fr;gap:10px}.fx-radar__c em{white-space:normal}}
@media(prefers-reduced-motion:reduce){.fx-radar__scope i,.fx-radar__scope::after{animation:none}}