
:root{--ff-au:#E6B24C;--ff-au2:#FFE6A1;--ff-ag:#E3E9E6;--ff-tx:#F4F6FA;--ff-mu:#9AA1AC;--ff-fa:#7A818C;
  --ff-ln:rgba(244,246,250,.08);--ff-ln2:rgba(244,246,250,.14);--ff-pos:#18D27E}
body .card.ffc,body .f2.ffc,body .bc.ffc{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--ff-ln);
  background:radial-gradient(120% 70% at 50% -12%,color-mix(in srgb,var(--sp,#E6B24C) 16%,transparent),transparent 62%),
    linear-gradient(180deg,#121419,#0C0D11);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 22px 54px rgba(0,0,0,.42)}
body .card.ffc::after,body .f2.ffc::after,body .bc.ffc::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:1px;
  background:linear-gradient(135deg,rgba(230,178,76,.42),transparent 32%,transparent 68%,rgba(230,178,76,.22));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
body .f2.ffc.hasval::after,body .card.ffc.hasval::after{background:linear-gradient(135deg,rgba(24,210,126,.6),transparent 34%,transparent 66%,rgba(24,210,126,.3))}
body.tennis{--sp:#199E70}body.football{--sp:#D4AF5A}body.mma{--sp:#D0383E}body.basketball{--sp:#D95926}
body.nfl{--sp:#D55181}body.nhl{--sp:#3A8DDE}body.boxing{--sp:#9B6BDE}body.cricket{--sp:#C98500}
.ffh{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:8px;padding:16px 16px 4px}
.ffs{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;min-width:0}
.ffav{position:relative;width:76px;height:76px;border-radius:50%;padding:3px;flex:none;
  background:conic-gradient(from 200deg,var(--sp,#E6B24C),var(--ff-au2),var(--ff-au),var(--sp,#E6B24C));
  box-shadow:0 10px 28px rgba(0,0,0,.5)}
.ffav::before{content:attr(data-ini);position:absolute;inset:3px;border-radius:50%;display:grid;place-items:center;
  font:400 28px/1 'Bebas Neue','Bebas Neue Fallback','Inter Tight',sans-serif;letter-spacing:.02em;color:var(--ff-ag);
  background:radial-gradient(circle at 50% 30%,#2A2E36,#121418);border:3px solid #0E1014}
.ffav .mav{position:absolute!important;inset:3px!important;width:auto!important;height:auto!important;margin:0!important;
  border-radius:50%!important;overflow:hidden;border:3px solid #0E1014;background:#15171C!important;box-shadow:none!important;
  display:block!important;opacity:0;transition:opacity .25s}
.ffav .mav.on{opacity:1}
.ffav .mav img{width:100%!important;height:100%!important;object-fit:cover;display:block;border-radius:50%}
.ffav .mav.logo img,.ffav .mav.ecu img{object-fit:contain;padding:11px;border-radius:0}
.ffav .mav.ecu{background:radial-gradient(circle at 50% 32%,#2B2F37,#14161B)!important}
.ffav .mav.ecu.clair{background:radial-gradient(circle at 50% 32%,#FFFFFF,#D9DEE3)!important}
.ffav .mav.txt{display:grid!important;place-items:center;font:400 28px/1 'Bebas Neue','Bebas Neue Fallback',sans-serif;color:var(--ff-ag)}
.ffcc{position:absolute;right:-1px;bottom:1px;z-index:2;line-height:0}
.ffcc .flagi{display:block;width:24px;height:17px;border-radius:4px;object-fit:cover;
  box-shadow:0 0 0 2px #0E1014,0 0 0 3px rgba(230,178,76,.55),0 4px 10px rgba(0,0,0,.6)}
.ffs.r .ffcc{right:auto;left:-1px}
.ffn{font-weight:800;font-size:15.5px;line-height:1.18;color:var(--ff-tx);overflow-wrap:anywhere;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ffn small{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ff-fa);margin-top:3px}
.ffp{font:400 40px/1 'Bebas Neue','Bebas Neue Fallback','Inter Tight',sans-serif;letter-spacing:.01em;color:#C9D0CD}
.ffp small{font-size:20px;color:var(--ff-mu);margin-left:1px}
.ffs.fav .ffp{background:linear-gradient(180deg,#fff,var(--ff-ag) 55%,#9EA9A4);-webkit-background-clip:text;background-clip:text;color:transparent}
.ffvs{margin-top:16px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none;
  font:400 19px/1 'Bebas Neue','Bebas Neue Fallback','Inter Tight',sans-serif;color:#0B0C0F;
  background:radial-gradient(circle at 35% 30%,var(--ff-au2),var(--ff-au) 55%,#9A6A1C);
  box-shadow:0 0 0 6px rgba(230,178,76,.10),0 0 28px rgba(230,178,76,.32)}
.ffbar{display:flex;gap:3px;height:6px;margin:12px 16px 4px;border-radius:99px;overflow:hidden}
.ffbar b{display:block;height:100%;border-radius:99px;background:rgba(244,246,250,.24)}
.ffbar b.a{background:linear-gradient(90deg,var(--sp,#E6B24C),color-mix(in srgb,var(--sp,#E6B24C) 55%,#fff))}
@media(max-width:600px){.ffav{width:68px;height:68px}.ffp{font-size:36px}.ffn{font-size:15px}.ffh{padding:14px 12px 2px}}
.card.ffc .matchup{grid-template-columns:1fr 1fr!important;gap:10px;padding:10px 16px 16px}
.card.ffc .matchup>.vs,.card.ffc .fighter .nm,.card.ffc .fighter .barwrap,.card.ffc .fighter>.kv:nth-child(3){display:none!important}
.card.ffc .fighter{border-radius:14px;background:rgba(244,246,250,.035);border:1px solid var(--ff-ln);padding:11px 12px;
  display:flex;flex-direction:column;gap:8px;text-align:left!important}
.card.ffc .fighter .kv{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0;flex-direction:row!important}
.card.ffc .fighter .kv .k{font-size:12px;font-weight:600;color:var(--ff-mu);text-transform:none;letter-spacing:0}
.card.ffc .fighter .kv .v{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:15px;font-weight:600;color:var(--ff-tx);text-align:right}
.card.ffc .fighter .vbadge{align-self:flex-start;margin:2px 0 0}
.card.ffc .fighter.r{align-items:stretch}
.card.ffc .fighter.r .vbadge{align-self:flex-end}
.card.ffc .fighter:has(.v-good),.card.ffc .fighter:has(.v-thin){border-color:rgba(24,210,126,.45);background:linear-gradient(160deg,rgba(24,210,126,.10),rgba(24,210,126,.02))}
.card.ffc .chead{padding:14px 16px 0}
@media(max-width:600px){.card.ffc .matchup{grid-template-columns:1fr 1fr!important;gap:8px;padding:8px 12px 14px}
  .card.ffc .fighter{padding:10px}.card.ffc .fighter .kv{flex-direction:column!important;align-items:flex-start;gap:3px}
  .card.ffc .fighter.r .kv{align-items:flex-end}}
.f2.ffc .f2-nm,.f2.ffc .f2-duel,.f2.ffc .f2-vs,.f2.ffc .f2-pl,.f2.ffc .f2-pct{display:none!important}
.f2.ffc .f2-grid{grid-template-columns:1fr 1fr!important;gap:10px;padding:10px 16px 6px}
.f2.ffc .f2-side{border-radius:14px;background:rgba(244,246,250,.035);border:1px solid var(--ff-ln);padding:11px 12px}
.f2.ffc .f2-top{padding:14px 16px 0}
.fbr.ffc .fbr-t{display:none!important}
.fbr.ffc .fbr-b{display:block!important;padding:10px 16px 4px}
.fbr.ffc .fbr-p{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px;width:100%}
.fbr.ffc .fbr-p .pc{border-radius:14px;background:rgba(244,246,250,.035);border:1px solid var(--ff-ln);padding:10px 6px}
.fbr.ffc .fbr-p .pc .k{font-weight:800;letter-spacing:.1em;color:var(--ff-mu)}
.fbr.ffc .fbr-p .pc .pct{font:400 26px/1 'Bebas Neue','Bebas Neue Fallback','Inter Tight',sans-serif!important;letter-spacing:.01em}
.fbr.ffc .pbar{margin:12px 16px 4px;height:6px;border-radius:99px;gap:3px}
.fbr.ffc .fbr-h{padding:14px 16px 0}
.bc.ffc .bchead .ttl{display:none!important}
.bc.ffc .bchead{display:block!important;padding:14px 16px 0;cursor:pointer}
.bc.ffc .bchead .mt{display:flex;justify-content:flex-end;align-items:center;gap:9px;width:100%}
.bc.ffc .bchead .ffh{padding:6px 0 4px}
.bc.ffc .boff{padding:10px 16px 14px}
.bkl{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;vertical-align:middle;font-family:'Manrope',system-ui,sans-serif;font-weight:600}
.bkl img,.bkl .bkm{width:18px;height:18px;border-radius:5px;object-fit:cover;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.10)}
.bkl .bkm{display:inline-grid;place-items:center;font-style:normal;font:400 13px/1 'Bebas Neue','Bebas Neue Fallback',Impact,sans-serif;letter-spacing:.02em;color:#0B0C0F;background:linear-gradient(135deg,#FFE6A1,#E6B24C)}
.card.ffc .fighter .kv .v .bkl{font-size:12px;color:var(--ff-mu);margin-left:6px}
.cpl{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#fff;margin-right:10px;vertical-align:middle;flex:none;
  box-shadow:0 2px 10px rgba(0,0,0,.35)}
.cpl img{max-width:22px;max-height:22px;object-fit:contain}
.cpl.mono{background:linear-gradient(135deg,#FFE6A1,#E6B24C 60%,#B9801F);color:#0B0C0F;font:400 15px/1 'Bebas Neue','Bebas Neue Fallback',Impact,sans-serif;letter-spacing:.03em}
.evt-h .en{display:inline-flex;align-items:center}
body .sim{position:relative;border-radius:24px;padding:24px;border:1px solid var(--ff-ln);
  background:radial-gradient(90% 120% at 50% 0%,rgba(230,178,76,.10),transparent 55%),linear-gradient(180deg,#111318,#0B0C10)}
body .sim-h b{font:400 30px/1 'Bebas Neue','Bebas Neue Fallback','Inter Tight',sans-serif;letter-spacing:.02em;font-weight:400}
body .sim-h span{font-size:14px}
body .sim-duel{align-items:center;gap:16px;margin-top:20px}
body .sim-w{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:14px;align-items:center;
  border-radius:18px;border:1px solid var(--ff-ln2);background:rgba(244,246,250,.03);padding:14px}
body .sim-w .sim-l{grid-column:2;margin-bottom:6px}
body .sim-w input{grid-column:2;background:#0B0C0F;border-color:var(--ff-ln2);border-radius:12px;font-weight:700;font-size:15px}
body .sim-w .sim-sug{grid-column:1/-1}
.sim-av{grid-row:1/3;width:64px;height:64px}
.sim-av.vide{background:none;box-shadow:none;border:1.5px dashed rgba(230,178,76,.55);padding:0}
.sim-av.vide::before{content:"+";inset:0;border:0;background:none;color:var(--ff-au);font-size:30px}
body .sim-swap{width:48px;height:48px;min-width:48px;padding:0;border-radius:50%;flex-direction:column;gap:0;color:#0B0C0F;
  background:radial-gradient(circle at 35% 30%,var(--ff-au2),var(--ff-au) 55%,#9A6A1C);border:0;
  box-shadow:0 0 0 6px rgba(230,178,76,.10),0 0 26px rgba(230,178,76,.30);font:400 16px/1 'Bebas Neue','Bebas Neue Fallback','Inter Tight',sans-serif;letter-spacing:.02em}
body .sim-swap:hover,body .sim-swap:focus-visible{color:#0B0C0F;background:radial-gradient(circle at 35% 30%,#FFF1C6,var(--ff-au2) 50%,var(--ff-au));border:0}
body .sim-swap svg{width:12px;height:12px}
body .sim select{background:#0B0C0F;border-color:var(--ff-ln2);border-radius:12px;font-weight:700}
body .sim-go{margin-top:20px}
body .sim-go button#simGo{font-size:15px;letter-spacing:0;color:#0B0C0F!important;padding:15px 30px;border-radius:14px;
  background:linear-gradient(135deg,var(--ff-au2),var(--ff-au) 45%,#B9801F);box-shadow:0 12px 30px rgba(230,178,76,.28)}
body .sim-go button#simGo[disabled]{opacity:.45;box-shadow:none}
@media(max-width:720px){body .sim{padding:18px 14px}body .sim-swap{justify-self:center;margin:-4px 0}
  body .sim-w{grid-template-columns:56px minmax(0,1fr)}.sim-av{width:56px;height:56px}
  body .sim-go button#simGo{width:100%}}
@media(max-width:600px){
  .fbr.ffc .fbr-b{padding:8px 12px 4px}
  .fbr.ffc .fbr-p{gap:6px}
  .fbr.ffc .fbr-p .pc .et{display:flex!important;flex-direction:column!important;align-items:center;gap:3px}
  .fbr.ffc .fbr-p .pc .pct{font-size:24px!important}
  .fbr.ffc .fbr-p .pc .bkl span{display:none}
}
body .sim-c{border-radius:16px;border:1px solid var(--ff-ln);background:linear-gradient(160deg,rgba(244,246,250,.05),rgba(244,246,250,.015))}
body .sim-c .p{font:400 44px/1 'Bebas Neue','Bebas Neue Fallback','Inter Tight',sans-serif!important;letter-spacing:.01em;
  background:linear-gradient(180deg,#fff,var(--ff-ag) 55%,#9EA9A4);-webkit-background-clip:text;background-clip:text;color:transparent}
body .sim-c .nm{font-weight:800}
.bc.ffc .boff{gap:8px;padding:12px 16px 16px}
.bc.ffc .orow{gap:8px}
.bc.ffc .olab{font-size:12px;letter-spacing:.1em;color:var(--ff-mu)}
.bc.ffc .oc{border-radius:14px;background:rgba(244,246,250,.035);border:1px solid var(--ff-ln);padding:11px 12px;gap:8px}
.bc.ffc .oc .nm{font-weight:700;color:var(--ff-tx)}
.bc.ffc .oc .pb{font:400 24px/1 'Bebas Neue','Bebas Neue Fallback','Inter Tight',sans-serif;letter-spacing:.01em;color:#D9DEDB}
.bc.ffc .oc .odw{display:inline-flex;align-items:center;gap:8px;margin-left:auto}
.bc.ffc .oc .odw .bkl{font-size:12px;color:var(--ff-mu)}
.bc.ffc .oc .od{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:14px;border-radius:10px;padding:6px 9px}
.bc.ffc .oc.val{border-color:rgba(24,210,126,.45);background:linear-gradient(160deg,rgba(24,210,126,.10),rgba(24,210,126,.02))}
.bc.ffc .oc.soon{color:var(--ff-fa);font-size:13px}
@media(max-width:600px){.bc.ffc .oc .odw .bkl span{display:none}}
.f2 .f2-mkt[hidden]{display:none!important}
.f2 .f2-attente .f2-pas{margin-top:6px;font-size:14px;font-weight:700;color:var(--ff-mu)}
.f2 .f2-foot[hidden]{display:none!important}   
.empty .avenir{margin:18px auto 4px;max-width:520px;width:100%;text-align:left;border-radius:18px;border:1px solid var(--ff-ln);
  background:linear-gradient(160deg,rgba(244,246,250,.05),rgba(244,246,250,.015));padding:14px 16px}
.empty .avh{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ff-au);margin-bottom:8px}
.empty .avr{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--ff-ln)}
.empty .avt{font-weight:800;color:var(--ff-tx);font-size:15px}
.empty .avt small{display:block;font-size:12px;font-weight:600;color:var(--ff-mu);margin-top:2px}
.empty .avd{font-size:13px;font-weight:700;color:var(--ff-tx);text-align:right;white-space:nowrap}
.empty .avn{font-size:12px;color:var(--ff-mu);margin-top:8px}
@media(max-width:600px){.empty .avr{flex-direction:column;align-items:flex-start;gap:4px}.empty .avd{text-align:left;white-space:normal}}
