:root{
  --mt-noir:#0c0c0e;
  --mt-noir2:#0f1012;
  --mt-ardoise:#1a232d;
  --mt-ardoise2:#222d39;
  --mt-or:#b8954a;
  --mt-or-clair:#cdaa5e;
  --mt-or-fonce:#9c7d3c;
  --mt-blanc:#ffffff;
  --mt-gris:#9aa2ac;
  --mt-gris2:#6f767e;
  --mt-bord:#262730;
  --mt-rayon:12px;
  --mt-conteneur:1300px;
}

*{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth}

body{
  background:var(--mt-noir);
  color:var(--mt-blanc);
  font-family:'Mulish',-apple-system,sans-serif;
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}

img{max-width:100%;display:block}

a{color:inherit;text-decoration:none}

.mt-enveloppe{
  max-width:var(--mt-conteneur);
  margin:0 auto;
  padding:0 24px;
}

.mt-barre{
  position:sticky;
  top:0;
  z-index:50;
  background:var(--mt-ardoise);
  border-bottom:1px solid rgba(255,255,255,.05);
}

.mt-barre-int{
  display:flex;
  align-items:center;
  gap:34px;
  height:68px;
  max-width:1640px;
  margin:0 auto;
  padding:0 26px;
}

.mt-logo{flex:0 0 auto;cursor:pointer}
.mt-logo img{height:38px;width:auto}

.mt-menu{
  display:flex;
  align-items:center;
  gap:30px;
  list-style:none;
}
.mt-menu a{
  color:var(--mt-gris);
  font-weight:600;
  font-size:16px;
  transition:color .18s ease;
  cursor:pointer;
}
.mt-menu a:hover{color:var(--mt-blanc)}

.mt-droite{
  display:flex;
  align-items:center;
  gap:14px;
  margin-left:auto;
}

.mt-connexion{
  border:1px solid var(--mt-ardoise2);
  background:transparent;
  color:var(--mt-blanc);
  font-weight:700;
  font-size:15px;
  padding:12px 22px;
  border-radius:10px;
  cursor:pointer;
  font-family:inherit;
  transition:border-color .18s ease;
}
.mt-connexion:hover{border-color:var(--mt-or)}

.mt-inscription{
  background:var(--mt-or);
  color:#1a1405;
  font-weight:800;
  font-size:15px;
  padding:12px 26px;
  border:none;
  border-radius:10px;
  cursor:pointer;
  font-family:inherit;
  transition:background .18s ease;
}
.mt-inscription:hover{background:var(--mt-or-clair)}

.mt-banniere{
  position:relative;
  min-height:520px;
  background:#000 url('../img/top-banner.jpg') no-repeat right center;
  background-size:cover;
  overflow:hidden;
}
.mt-banniere::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#000 22%,rgba(0,0,0,.55) 48%,rgba(0,0,0,0) 72%);
}
.mt-banniere-int{
  position:relative;
  max-width:var(--mt-conteneur);
  margin:0 auto;
  padding:74px 24px 60px;
}
.mt-etiquette{
  display:inline-block;
  background:var(--mt-or-fonce);
  color:#0c0c0e;
  font-weight:700;
  font-size:14px;
  padding:7px 17px;
  border-radius:7px;
  margin-bottom:30px;
}
.mt-surtitre{
  font-size:21px;
  font-weight:500;
  color:#e9e9ec;
  margin-bottom:18px;
}
.mt-banniere h1{
  font-size:64px;
  line-height:1.04;
  font-weight:800;
  letter-spacing:-.5px;
  max-width:620px;
  margin-bottom:18px;
}
.mt-promo-offre{
  font-size:27px;
  font-weight:700;
  color:var(--mt-or-clair);
  max-width:560px;
  margin-bottom:38px;
}
.mt-cta-grand{
  background:var(--mt-or);
  color:#1a1405;
  font-weight:800;
  font-size:17px;
  padding:16px 44px;
  border:none;
  border-radius:9px;
  cursor:pointer;
  font-family:inherit;
  transition:background .18s ease;
}
.mt-cta-grand:hover{background:var(--mt-or-clair)}

.mt-section{padding:46px 0 6px}
.mt-titre-section{
  font-size:42px;
  font-weight:800;
  letter-spacing:-.4px;
  margin:0 0 26px;
}

.mt-piste{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:22px;
}

.mt-carte{cursor:pointer}
.mt-vignette{
  position:relative;
  border-radius:var(--mt-rayon);
  overflow:hidden;
  aspect-ratio:1/1;
  background:#16171b;
}
.mt-vignette img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}
.mt-carte:hover .mt-vignette img{transform:scale(1.06)}
.mt-voile{
  position:absolute;
  inset:0;
  background:rgba(8,8,10,.72);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  opacity:0;
  transition:opacity .25s ease;
}
.mt-carte:hover .mt-voile{opacity:1}
.mt-jouer{
  background:var(--mt-or);
  color:#1a1405;
  font-weight:800;
  font-size:16px;
  padding:13px 46px;
  border-radius:8px;
  border:none;
  cursor:pointer;
  font-family:inherit;
}
.mt-demo{
  color:#cfd3d8;
  font-weight:600;
  font-size:16px;
  cursor:pointer;
}
.mt-nom-jeu{
  margin:14px 0 2px;
  font-size:18px;
  font-weight:700;
}
.mt-carte:first-child .mt-nom-jeu{color:var(--mt-or-clair)}
.mt-fournisseur-jeu{
  font-size:15px;
  color:var(--mt-gris);
  font-weight:500;
}
.mt-carte:first-child .mt-fournisseur-jeu{color:var(--mt-or-fonce)}

.mt-bloc-texte{
  max-width:1000px;
  margin:64px auto 30px;
  padding:0 24px;
}
.mt-date-maj{
  font-size:14px;
  color:var(--mt-gris2);
  margin-bottom:26px;
  letter-spacing:.2px;
}
.mt-bloc-texte h2{
  font-size:30px;
  font-weight:800;
  margin:38px 0 16px;
  letter-spacing:-.3px;
}
.mt-bloc-texte h3{
  font-size:22px;
  font-weight:700;
  margin:28px 0 12px;
  color:#eef0f2;
}
.mt-bloc-texte p{
  font-size:16.5px;
  line-height:1.75;
  color:#c3c8cf;
  margin:0 0 18px;
}
.mt-bloc-texte ul,
.mt-bloc-texte ol{
  margin:0 0 20px;
  padding-left:24px;
  color:#c3c8cf;
  line-height:1.75;
}
.mt-bloc-texte li{margin-bottom:9px}
.mt-bloc-texte ul li::marker{color:var(--mt-or)}
.mt-bloc-texte ol li::marker{color:var(--mt-or);font-weight:700}
.mt-bloc-texte table{
  width:100%;
  border-collapse:collapse;
  margin:6px 0 26px;
  font-size:15.5px;
}
.mt-bloc-texte th,
.mt-bloc-texte td{
  text-align:left;
  padding:13px 16px;
  border:1px solid var(--mt-bord);
}
.mt-bloc-texte th{
  background:#16171b;
  color:#fff;
  font-weight:700;
}
.mt-bloc-texte td{color:#c3c8cf}
.mt-bloc-texte tr:nth-child(even) td{background:#101115}
.mt-bloc-texte img{
  margin:24px auto;
  border-radius:var(--mt-rayon);
  max-width:560px;
  width:100%;
}

.mt-pied{
  margin-top:50px;
  border-top:1px solid var(--mt-bord);
  padding-top:50px;
}
.mt-pied-haut{
  display:flex;
  gap:64px;
  flex-wrap:wrap;
  padding-bottom:40px;
}
.mt-pied-marque{
  flex:1 1 280px;
  max-width:360px;
}
.mt-pied-logo{display:inline-block;margin-bottom:20px;cursor:pointer}
.mt-pied-logo img{height:40px;width:auto}
.mt-pied-marque p{
  color:var(--mt-gris);
  font-size:15.5px;
  line-height:1.7;
}
.mt-colonnes{
  display:flex;
  gap:72px;
  flex:2 1 auto;
  flex-wrap:wrap;
}
.mt-colonne-titre{
  font-size:14px;
  font-weight:800;
  letter-spacing:.6px;
  text-transform:uppercase;
  margin-bottom:22px;
  color:#fff;
}
.mt-colonne ul{list-style:none}
.mt-colonne li{margin-bottom:16px}
.mt-colonne a{
  color:var(--mt-gris);
  font-size:16px;
  cursor:pointer;
  transition:color .18s ease;
}
.mt-colonne a:hover{color:#fff}

.mt-fournisseurs{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:64px;
  flex-wrap:wrap;
  padding:30px 0 46px;
  border-top:1px solid var(--mt-bord);
}
.mt-fournisseurs img{height:30px;width:auto;opacity:.85}

.mt-paiements{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:78px;
  flex-wrap:wrap;
  padding:42px 0;
}
.mt-paiements img{height:40px;width:auto}

.mt-licence{
  border-top:1px solid var(--mt-bord);
  padding:40px 0 8px;
}
.mt-licence p{
  max-width:1500px;
  margin:0 auto;
  text-align:center;
  color:var(--mt-gris);
  font-size:16px;
  line-height:1.6;
}
.mt-sceaux{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:48px;
  padding:42px 0 60px;
}
.mt-sceaux img{height:64px;width:auto}

@media(max-width:1180px){
  .mt-piste{grid-template-columns:repeat(4,1fr)}
  .mt-banniere h1{font-size:54px}
}

@media(max-width:1024px){
  .mt-menu{display:none}
  .mt-colonnes{gap:48px;flex-wrap:wrap}
}

@media(max-width:760px){
  .mt-titre-section{font-size:30px}
  .mt-banniere{min-height:0}
  .mt-banniere::before{background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.82) 100%)}
  .mt-banniere-int{padding:46px 20px 40px}
  .mt-banniere h1{font-size:36px;max-width:none}
  .mt-surtitre{font-size:18px}
  .mt-piste{
    display:flex;
    grid-template-columns:none;
    gap:14px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding-bottom:10px;
    -webkit-overflow-scrolling:touch;
  }
  .mt-carte{flex:0 0 44%;scroll-snap-align:start}
  .mt-pied-haut{flex-direction:column;gap:36px}
  .mt-pied-marque{max-width:none}
  .mt-colonnes{gap:40px}
  .mt-fournisseurs{gap:38px}
  .mt-paiements{gap:42px}
  .mt-paiements img{height:30px}
  .mt-bloc-texte h2{font-size:25px}
}

@media(max-width:480px){
  .mt-carte{flex:0 0 62%}
  .mt-barre-int{gap:14px;padding:0 16px}
}

.mt-bloc-texte h2{scroll-margin-top:92px}

.mt-sommaire{
  background:#101218;
  border:1px solid var(--mt-bord);
  border-radius:14px;
  padding:26px 30px 16px;
  margin:24px 0 36px;
}
.mt-sommaire-titre{
  font-size:13px;
  font-weight:800;
  letter-spacing:.8px;
  text-transform:uppercase;
  color:var(--mt-or-clair);
  margin-bottom:18px;
}
.mt-sommaire ol{
  list-style:none;
  margin:0;
  padding:0;
  columns:2;
  column-gap:48px;
  counter-reset:somm;
}
.mt-sommaire li{
  margin:0 0 12px;
  break-inside:avoid;
  counter-increment:somm;
}
.mt-sommaire a{
  display:flex;
  gap:11px;
  align-items:baseline;
  color:#c3c8cf;
  font-size:15.5px;
  line-height:1.4;
  transition:color .18s ease;
}
.mt-sommaire a::before{
  content:counter(somm,decimal-leading-zero);
  color:var(--mt-or);
  font-weight:800;
  font-variant-numeric:tabular-nums;
}
.mt-sommaire a:hover{color:#fff}

.mt-faq{
  border-top:1px solid var(--mt-bord);
  margin:10px 0 8px;
}
.mt-faq-item{border-bottom:1px solid var(--mt-bord)}
.mt-faq-item summary{
  list-style:none;
  cursor:pointer;
  position:relative;
  padding:20px 46px 20px 0;
  font-size:17.5px;
  font-weight:700;
  color:#eef0f2;
}
.mt-faq-item summary::-webkit-details-marker{display:none}
.mt-faq-item summary::after{
  content:"";
  position:absolute;
  right:8px;
  top:26px;
  width:10px;
  height:10px;
  border-right:2px solid var(--mt-or);
  border-bottom:2px solid var(--mt-or);
  transform:rotate(45deg);
  transition:transform .2s ease;
}
.mt-faq-item[open] summary::after{transform:rotate(225deg);top:30px}
.mt-faq-item summary:hover{color:#fff}
.mt-faq-rep{padding:0 0 22px}
.mt-faq-rep p{margin:0;color:#c3c8cf;line-height:1.7}

.mt-avis{
  font-size:14.5px;
  color:var(--mt-gris2);
  border-left:3px solid var(--mt-or-fonce);
  padding:8px 0 8px 18px;
  margin-top:30px;
}

.mt-bloc-texte ul.mt-liste-2col{
  columns:2;
  column-gap:48px;
}
.mt-bloc-texte ul.mt-liste-2col li{break-inside:avoid}

.mt-galerie{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin:22px 0 28px;
}
.mt-galerie img{
  width:100%;
  max-width:none;
  margin:0;
  border-radius:10px;
  aspect-ratio:1/1;
  object-fit:cover;
}
.mt-illustration{margin:26px 0;text-align:center}
.mt-illustration img{
  margin:0 auto;
  max-width:520px;
  width:100%;
  border-radius:12px;
}
.mt-illustration figcaption{
  margin-top:11px;
  font-size:14px;
  color:var(--mt-gris2);
}

@media(max-width:760px){
  .mt-sommaire{padding:22px 20px 10px}
  .mt-sommaire ol{columns:1}
  .mt-bloc-texte ul.mt-liste-2col{columns:1}
  .mt-galerie{grid-template-columns:repeat(2,1fr)}
  .mt-faq-item summary{font-size:16px;padding-right:38px}
}