html body.football{--hero:url('/media/hero/football.webp?v=3')}
html body.tennis{--hero:url('/media/hero/tennis.webp?v=4')}
html body.mma{--hero:url('/media/hero/mma.webp?v=7')}
html body.basketball{--hero:url('/media/hero/basketball.webp?v=3')}
html body.nfl{--hero:url('/media/hero/nfl.webp?v=3')}
html body.nhl{--hero:url('/media/hero/nhl.webp?v=3')}
html body.boxing{--hero:url('/media/hero/boxing.webp?v=5')}
html body.cricket{--hero:url('/media/hero/cricket.webp?v=3')}
@media (max-width:699px){
  html body.football{--hero:url('/media/hero/football-m.webp?v=3')}
  html body.tennis{--hero:url('/media/hero/tennis-m.webp?v=4')}
  html body.mma{--hero:url('/media/hero/mma-m.webp?v=8')}
  html body.basketball{--hero:url('/media/hero/basketball-m.webp?v=3')}
  html body.nfl{--hero:url('/media/hero/nfl-m.webp?v=3')}
  html body.nhl{--hero:url('/media/hero/nhl-m.webp?v=3')}
  html body.boxing{--hero:url('/media/hero/boxing-m.webp?v=6')}
  html body.cricket{--hero:url('/media/hero/cricket-m.webp?v=3')}
}
html body .shero{min-height:460px;border-bottom:1px solid rgba(244,246,250,.08);background:#08090C}
html body .shero::before{left:36%!important;right:0!important;top:0!important;bottom:0!important;
  opacity:1!important;filter:none!important;background-image:var(--hero,none)!important;
  background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.6) 14%,#000 34%);
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.6) 14%,#000 34%)}
html body .shero::after{background:
  linear-gradient(90deg,#08090C 0%,rgba(8,9,12,.9) 34%,rgba(8,9,12,.3) 54%,rgba(8,9,12,0) 72%,rgba(8,9,12,0) 88%,rgba(8,9,12,.4) 100%),
  linear-gradient(0deg,#08090C 0%,rgba(8,9,12,0) 30%),
  linear-gradient(180deg,rgba(8,9,12,.5) 0%,rgba(8,9,12,0) 18%)!important}
html body .shero .in{display:flex;flex-direction:column;padding:28px 18px 26px!important;position:relative}
html body .shero .in>.msfil{order:0}
html body .shero .in>header.top{order:1;display:block!important;margin:0}
html body .shero .in>.sim-modes{order:2}
html body .shero .in>#chips{order:3}
html body .shero header.top>div:first-child{max-width:600px}
html body .shero header.top>div:last-child{position:absolute;top:26px;right:18px}
html body .shero #title{font-family:'Bebas Neue','Bebas Neue Fallback',Impact,sans-serif!important;font-weight:400!important;
  font-size:clamp(84px,9vw,132px)!important;line-height:.9!important;letter-spacing:.01em!important;margin:14px 0 0!important;
  background:linear-gradient(180deg,#FFF1C6 0%,#E9C46C 48%,#B9801F 100%);-webkit-background-clip:text;background-clip:text;
  color:transparent!important;filter:drop-shadow(0 6px 22px rgba(0,0,0,.55))}
html body .shero #meta{display:none!important}
html body .shero #meta:has(#voir-tout){display:block!important;font-size:13px!important;margin-top:10px!important}
html body .shero .board-intro{margin:10px 0 0!important;max-width:46ch!important;font-size:17px!important;line-height:1.5!important;
  font-weight:600!important;color:#D5DAD8!important;text-shadow:0 1px 12px rgba(0,0,0,.6)}
.aff-pills{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 0}
.aff-pills:empty{display:none}
html:is(.sp-on,.lg-on,.ent-on) .aff-pills:empty:not(.vide){display:flex;min-height:49px}
@media (max-width:699px){html:is(.sp-on,.lg-on,.ent-on) .aff-pills:empty:not(.vide){min-height:95px}}
.aff-pills .pill{display:inline-flex;align-items:baseline;gap:8px;padding:10px 15px;border-radius:999px;
  border:1px solid rgba(244,246,250,.16);background:rgba(8,9,12,.55);
  -webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 26px -14px rgba(0,0,0,.8)}
.aff-pills .pill b{font:400 27px/1 'Bebas Neue','Bebas Neue Fallback',Impact,sans-serif;letter-spacing:.01em;color:#F4F6FA}
.aff-pills .pill span{font:700 12px/1 'Manrope',system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#C9D0CD}
.aff-pills .pill.g b{color:#18D27E}
.aff-pills .pill.t{align-items:center;padding:12px 15px}
html body .shero #reload{background:rgba(8,9,12,.5)!important;border:1px solid rgba(244,246,250,.16)!important;color:#C9D0CD!important;
  border-radius:999px!important;font-size:12.5px!important;padding:8px 13px!important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html body .shero #reload:hover{color:#F4F6FA!important;border-color:rgba(212,175,90,.6)!important}
html body .shero .sim-modes{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;max-width:720px;
  margin:26px 0 0!important;padding:6px!important;border-radius:20px;border:1px solid rgba(244,246,250,.14);
  background:rgba(8,9,12,.62);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
html body .shero .sim-modes button{display:flex!important;flex-direction:column;justify-content:center;min-height:64px;
  padding:12px 16px!important;border-radius:14px!important;border:0!important;background:transparent!important;
  box-shadow:none!important;color:#9AA1AC}
html body .shero .sim-modes button[data-on="true"]{background:linear-gradient(160deg,rgba(244,246,250,.10),rgba(244,246,250,.03))!important;
  box-shadow:inset 0 0 0 1px rgba(230,178,76,.5)!important}
html body .shero .sim-modes button:hover{background:rgba(244,246,250,.05)!important}
html body .shero .sim-modes .ti{display:flex;align-items:center;gap:12px;font:800 15px/1.15 'Manrope',system-ui,sans-serif!important;color:#F4F6FA!important}
html body .shero .sim-modes .so{margin:3px 0 0 46px!important;font:500 12.5px/1.35 'Manrope',system-ui,sans-serif!important;color:#9AA1AC!important}
html body .shero .sim-modes .ti::after{color:#6B7280!important}
html body .shero .sim-modes button[data-on="false"]:hover .ti::after{color:#FFE6A1!important}
.sim-modes .lic,.sim-modes .simic{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;flex:none}
.sim-modes .lic{border:1px solid rgba(244,246,250,.16);color:#F4F6FA}
html body .shero .sim-modes .lic svg{width:16px!important;height:16px!important;color:#F4F6FA!important}
.simic{background:radial-gradient(circle at 35% 30%,#FFE6A1,#E6B24C 55%,#9A6A1C);
  box-shadow:0 0 0 4px rgba(230,178,76,.13),0 8px 20px -8px rgba(230,178,76,.7),inset 0 1px 0 rgba(255,255,255,.5)}
html body .simic svg{width:18px!important;height:18px!important;color:#1A1205!important}
html body .shero #chips{display:flex!important;flex-wrap:wrap!important;gap:0!important;margin-top:14px!important;overflow:visible!important;
  -webkit-mask-image:none!important;mask-image:none!important}
html body .shero #chips>span{background:none!important;border:0!important;padding:0!important;border-radius:0!important;
  font:600 13px/1.5 'Manrope',system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#8A919C!important}
html body .shero #chips>span b{color:#AEB4BE!important;font-weight:700}
html body .shero #chips>span+span::before{content:"·";margin:0 8px;color:#5B616B}
html body .shero #chips>.ch-books{display:none!important}
html body .sim-go button#simGo{display:inline-flex!important;align-items:center;gap:9px}
html body .sim-go button#simGo svg{width:17px;height:17px;flex:none}
@media (max-width:699px){
  html body .shero{min-height:0}
  html body .shero::before{left:0!important;background-position:center top!important;-webkit-mask-image:none;mask-image:none}
  html body .shero::after{background:
    linear-gradient(180deg,rgba(8,9,12,.62) 0%,rgba(8,9,12,.3) 18%,rgba(8,9,12,.12) 34%,rgba(8,9,12,.72) 52%,rgba(8,9,12,.94) 70%,#08090C 100%)!important}
  html body .shero .in{padding:18px 16px 20px!important}
  html body .shero header.top>div:last-child{top:16px;right:16px}
  html body .shero #reload{font-size:12px!important;padding:7px 11px!important}
  html body .shero #title{font-size:76px!important;margin-top:150px!important}
  html body .shero .board-intro{font-size:15px!important;line-height:1.45!important;max-width:none!important}
  .aff-pills{gap:8px;margin-top:16px}
  .aff-pills .pill{padding:9px 12px;gap:7px}
  .aff-pills .pill b{font-size:23px}
  .aff-pills .pill.t{padding:11px 12px}
  html body .shero .sim-modes{margin-top:18px!important;border-radius:18px}
  html body .shero .sim-modes button{min-height:54px;padding:9px 10px!important}
  html body .shero .sim-modes .ti{gap:9px;font-size:14px!important}
  html body .shero .sim-modes .so{display:none!important}
  .sim-modes .lic,.sim-modes .simic{width:30px;height:30px}
  html body .simic svg{width:16px!important;height:16px!important}
  html body .shero #chips{margin-top:12px!important}
  html body .shero #chips>span{font-size:12.5px!important}
}
@media (min-width:1500px){
  html body .shero{min-height:540px}
  html body .shero::before{left:40%!important}
  html body .shero #title{font-size:clamp(120px,7.4vw,156px)!important}
  html body .shero .board-intro{font-size:19px!important}
  .aff-pills .pill b{font-size:31px}
}
@media (min-width:1200px){html body .shero .in{max-width:1160px}}
html body .shero header.top>div:last-child{display:none!important}
.aff-pills button.pill.t{cursor:pointer;font:inherit;color:inherit;gap:8px}
.aff-pills button.pill.t svg{width:14px;height:14px;flex:none;color:#FFE6A1;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.aff-pills button.pill.t:hover{border-color:rgba(212,175,90,.6)}
.aff-pills button.pill.t:hover svg{transform:rotate(-180deg)}
.aff-pills button.pill.t.tourne svg{animation:ms-tour .8s linear infinite}
@keyframes ms-tour{to{transform:rotate(360deg)}}
html body .wrap > #msv-value{max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
.findplus{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:10px}
.findseg.quand{align-items:center}
.findseg.quand .fl{display:grid;place-items:center;padding:0 6px 0 8px;color:#D4AF5A}
.findseg.quand .fl svg{width:15px;height:15px}
.findseg.quand button.on{background:linear-gradient(135deg,#B9801F,#E6B24C 40%,#FFE6A1 60%,#D9A441)!important;color:#1A1205!important;font-weight:800}
.proba{display:flex;align-items:center;gap:12px;flex:1 1 280px;min-width:240px;padding:8px 14px;border-radius:12px;
  background:var(--surface);border:1px solid var(--line2)}
.proba .pl{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap}
.proba .pl svg{width:15px;height:15px;color:#D4AF5A}
.proba .pl b{color:#FFE6A1;font-variant-numeric:tabular-nums;min-width:44px}
.proba input[type=range]{-webkit-appearance:none;appearance:none;flex:1;height:6px;border-radius:6px;cursor:pointer;
  background:linear-gradient(90deg,#C8922E,#FFE6A1 var(--v,0%),rgba(244,246,250,.12) var(--v,0%))}
.proba input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#FFF1C6,#E6B24C 60%,#9A6A1C);border:2px solid #0B0C0F;box-shadow:0 0 0 3px rgba(230,178,76,.25),0 4px 10px rgba(0,0,0,.5)}
.proba input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#E6B24C;border:2px solid #0B0C0F}
.paysf{position:relative;display:inline-flex;align-items:center;gap:9px;flex:0 1 auto;min-width:200px;padding:0 12px 0 14px;height:42px;border-radius:12px;
  background:var(--surface);border:1px solid var(--line2);cursor:pointer}
.paysf.on{border-color:rgba(230,178,76,.55);box-shadow:0 0 0 3px rgba(230,178,76,.12)}
.paysf .pf-fl{display:grid;place-items:center;color:#D4AF5A;line-height:0}.paysf .pf-fl svg{width:16px;height:16px}
.paysf .pf-fl .flagi{width:22px;height:15px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.16)}
.paysf select{-webkit-appearance:none;appearance:none;background:transparent;border:0;color:var(--text,#E8EAEE);font:700 13px/1 Manrope,system-ui,sans-serif;
  padding:0 22px 0 0;height:40px;cursor:pointer;min-width:0;max-width:100%;outline:none}
.paysf.on select{color:#FFE6A1}
.paysf::after{content:"";position:absolute;right:13px;top:50%;width:7px;height:7px;margin-top:-5px;border-right:2px solid #D4AF5A;border-bottom:2px solid #D4AF5A;transform:rotate(45deg);pointer-events:none}
.paysf select option{background:#14171C;color:#E8EAEE}
.paysf:focus-within{outline:2px solid #F0C766;outline-offset:2px}
@media (max-width:699px){.findplus{gap:8px}.findseg.quand{width:100%}.findseg.quand button{padding:0 6px}.proba{flex-basis:100%}.paysf{flex-basis:100%}}
html body.lg-page .shero #chips{display:none!important}
.evt-h a.en-lk{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:6px;border-radius:6px;
  transition:color .2s}
.evt-h a.en-lk::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-top:2px solid currentColor;
  transform:rotate(45deg) scale(.85);opacity:.45;transition:opacity .2s,transform .2s}
.evt-h a.en-lk:hover{color:#FFE6A1}
.evt-h a.en-lk:hover::after{opacity:1;transform:translateX(3px) rotate(45deg) scale(.85)}
.evt-h a.en-lk:focus-visible{outline:2px solid #FFE6A1;outline-offset:3px}
.aff-pills .pill.o{border-color:rgba(230,178,76,.55);background:linear-gradient(160deg,rgba(230,178,76,.16),rgba(8,9,12,.55) 60%);
  box-shadow:inset 0 1px 0 rgba(255,230,161,.12),0 10px 26px -14px rgba(230,178,76,.5)}
.aff-pills .pill.o b{background:linear-gradient(180deg,#FFF1C6,#E6B24C 55%,#B9801F);-webkit-background-clip:text;background-clip:text;color:transparent}
.aff-pills .pill.o span{color:#F1DDA6}
html body.lg-page .shero header.top>div:first-child{max-width:740px}
@media (min-width:1500px){html body.lg-page .aff-pills .pill b{font-size:27px}}
html body.lg-page .aff-pills{gap:8px}
html body.lg-page .aff-pills .pill{padding:10px 13px}
html body .shero>.shero-vid{position:absolute;top:0;bottom:0;left:36%;right:0;width:64%;height:100%;z-index:-2;object-fit:cover;
  object-position:center center;pointer-events:none;opacity:0;transition:opacity .9s ease;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.6) 14%,#000 34%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.6) 14%,#000 34%)}
html body .shero.vid-on>.shero-vid{opacity:1}
@media (min-width:1500px){html body .shero>.shero-vid{left:40%;width:60%}}
@media (max-width:699px){html body .shero>.shero-vid{left:0;width:100%;object-position:center top;-webkit-mask-image:none;mask-image:none}}
@media (prefers-reduced-motion:reduce){html body .shero>.shero-vid{display:none}}
@media (min-width:900px){html body .shero header.top>div:first-child:not(:has(>.msfil))::before{content:"";display:block;height:32px}}
@media (min-width:700px) and (max-width:899px){html body .shero header.top>div:first-child:not(:has(>.msfil))::before{content:"";display:block;height:84px}}
@media (max-width:699px){html body .shero header.top>div:first-child:not(:has(>.msfil))::before{content:"";display:block;height:84px}}
@media (max-width:430px){html.aff-on body .shero header.top>div:first-child:not(:has(>.msfil))::before{height:118px}}
html body .wrap>#fights:empty~nav.mssuite{visibility:hidden}
.pays-liens{margin:30px 0 8px}
.pays-liens h2{font:400 26px/1 'Bebas Neue','Bebas Neue Fallback',Impact,sans-serif;letter-spacing:.05em;margin:0 0 14px;background:linear-gradient(180deg,#FFF1C6,#E6B24C 55%,#B9801F);-webkit-background-clip:text;background-clip:text;color:transparent}
.pays-liens .pl-g{display:flex;flex-wrap:wrap;gap:8px}
.pays-liens a{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 12px 0 10px;border-radius:12px;background:var(--surface);border:1px solid var(--line2);color:var(--text,#E8EAEE);text-decoration:none;font:700 13px/1 Manrope,system-ui,sans-serif;transition:border-color .2s,transform .2s}
.pays-liens a:hover{border-color:#E6B24C;transform:translateY(-1px)}
.pays-liens a:focus-visible{outline:2px solid #F0C766;outline-offset:2px}
.pays-liens .flagi{width:22px;height:15px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.16)}
.pays-liens b{min-width:22px;padding:3px 6px;border-radius:7px;background:rgba(230,178,76,.12);color:#FFE6A1;font-size:12px;text-align:center}
@media (max-width:699px){.pays-liens h2{font-size:22px}.pays-liens a{min-height:38px;padding:0 10px 0 8px}}
@media (max-width:699px){
  html body.football .shero #title{margin-top:26px!important}
  html body.football .shero::before{background-position:50% 78%!important}
  html body.football .shero::after{background:linear-gradient(0deg,#08090C 0%,rgba(8,9,12,.55) 38%,rgba(8,9,12,.25) 70%,rgba(8,9,12,.55) 100%)!important}
}