/* Fichier généré par scripts/refonte/portee.mjs — ne pas modifier à la main. */
.mq {
  --bg: #0d0a1c;
  --cadre: #120d24;
  --s1: #17112e;
  --s2: #211a3d;
  --ligne: #2f2754;
  --txt: #f7f5ff;
  --doux: #aca5cc;
  --faible: #7a7299;
  --lime: #ff3045;
  --lime-f: #a50e1e;
  --lime-txt: #fff;
  --discord: #5865f2;
  --clair: #ece8f6;
  --clair-txt: #150e2b;
  --bleu: #9cc6f7;
  --rouge: #ff4d5e;
  --r: 24px;
  --r-s: 14px;
  --f-titre: 'Bricolage Grotesque', 'Geist', system-ui, sans-serif;
  --f-txt: 'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ease: cubic-bezier(.16, 1, .3, 1);
  --mx: 0; --my: 0;
  color-scheme: dark;
}
.mq, .mq * { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 90px; overflow-x: clip; }

.mq {
  margin: 0; background: var(--bg); color: var(--txt);
  font: 400 16px/1.5 var(--f-txt); -webkit-font-smoothing: antialiased;
  padding-bottom: 0;
}
.mq img,
.mq svg { display: block; max-width: 100%; }
.mq a { color: inherit; text-decoration: none; }
.mq button { font: inherit; color: inherit; cursor: pointer; border: 0; background: none; }
.mq h1,
.mq h2,
.mq h3 { font-family: var(--f-titre); font-weight: 700; letter-spacing: -.025em; line-height: 1.02; margin: 0; font-stretch: 92%; }
.mq p { margin: 0; }
.mq :focus-visible { outline: 2px solid var(--lime); outline-offset: 3px; border-radius: 8px; }
.mq .skip { position: absolute; left: -999px; top: 8px; z-index: 100; background: var(--lime); color: var(--lime-txt); padding: 8px 14px; border-radius: 99px; }
.mq .skip:focus { left: 8px; }
.mq .lime { color: var(--lime); }
.mq .o { display: block; pointer-events: none; }
.mq .o svg { width: 100%; height: auto; overflow: visible; filter: drop-shadow(0 14px 18px rgba(0, 0, 0, .35)); }
.mq .top { position: sticky; top: 0; z-index: 30; padding: 12px 16px 0; }
.mq .top-in {
  max-width: 1240px; margin: 0 auto; height: 60px; padding: 0 10px 0 14px;
  display: flex; align-items: center; gap: 18px;
  background: color-mix(in oklab, var(--cadre) 82%, transparent);
  backdrop-filter: blur(16px) saturate(140%); -webkit-backdrop-filter: blur(16px) saturate(140%);
  border: 1px solid rgba(255, 255, 255, .06); border-radius: 99px;
}
.mq .logo { display: inline-flex; align-items: center; gap: 10px; font-family: var(--f-titre); font-weight: 800; font-size: 19px; letter-spacing: -.02em; }
.mq .logo-av { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; flex: none; box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--lime); }
.mq .logo-txt { display: inline-flex; align-items: baseline; gap: 5px; }
.mq .logo-txt small { font-family: var(--f-texte); font-size: 10px; font-weight: 700; letter-spacing: .08em; color: var(--lime-txt); background: var(--lime); padding: 2px 6px; border-radius: 99px; transform: translateY(-2px); }
.mq .top-nav { display: flex; gap: 2px; margin: 0 auto; }
.mq .top-nav a { padding: 8px 14px; border-radius: 99px; font-size: 14.5px; font-weight: 500; color: var(--doux); display: inline-flex; align-items: center; gap: 7px; transition: color .2s, background .2s; }
.mq .top-nav a:hover { color: var(--txt); background: rgba(255, 255, 255, .05); }
.mq .top-nav a[aria-current] { color: var(--txt); background: var(--s2); }
.mq .top-actions { display: flex; gap: 8px; }
.mq .live-dot { width: 7px; height: 7px; border-radius: 50%; background: #ff5a4e; box-shadow: 0 0 0 0 rgba(255, 90, 78, .6); animation: pouls 1.8s infinite; flex: none; }
@keyframes pouls { 70% { box-shadow: 0 0 0 7px rgba(255, 90, 78, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 90, 78, 0); } }
.mq .pill { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 16px; border-radius: 99px; font-size: 14px; font-weight: 600; white-space: nowrap; transition: transform .15s var(--ease), background .2s; }
.mq .pill--ghost { background: var(--s1); border: 1px solid var(--ligne); }
.mq .pill--ghost:hover { background: var(--s2); }
.mq .pill--white { background: var(--txt); color: var(--clair-txt); }
.mq .pill-dot { width: 6px; height: 6px; border-radius: 50%; background: #ffb3a8; }
.mq .pill--white i { font-size: 17px; }

.mq .btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  height: 50px; padding: 0 24px; border-radius: 99px; font-weight: 700; font-size: 15.5px; white-space: nowrap;
  transition: transform .15s var(--ease), box-shadow .2s, background .2s;
}
.mq .btn i { font-size: 18px; }
.mq .btn--lime { background: linear-gradient(180deg, #ff4a5d, #dc1b30); color: var(--lime-txt); box-shadow: inset 0 -3px 0 var(--lime-f), 0 8px 24px -10px rgba(255, 48, 69, .55); }
.mq .btn--lime:hover { box-shadow: inset 0 -3px 0 var(--lime-f), 0 12px 30px -10px rgba(255, 48, 69, .75); transform: translateY(-1px); }
.mq .btn--lime .ph-arrow-right { transition: transform .2s var(--ease); }
.mq .btn--lime:hover .ph-arrow-right { transform: translateX(3px); }
.mq .btn--white { background: var(--txt); color: var(--clair-txt); }
.mq .btn--dark { background: var(--clair-txt); color: var(--txt); }
.mq .btn--ghost { background: var(--s1); border: 1px solid var(--ligne); }
.mq .btn--ghost:hover { background: var(--s2); }
.mq .btn--bloc { width: 100%; }
.mq .btn--s { height: 34px; padding: 0 16px; font-size: 13.5px; }
.mq .btn--xl { height: 62px; padding: 0 34px; font-size: 18px; letter-spacing: -.01em; }

.mq .tag { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 11px; border-radius: 99px; font-size: 12.5px; font-weight: 600; border: 1.5px solid currentColor; width: max-content; }
.mq .tag--line { color: var(--doux); border-color: var(--ligne); }
.mq .tag--dark { color: var(--clair-txt); }
.mq .tag--lime { background: var(--lime); color: var(--lime-txt); border-color: var(--lime); height: 20px; font-size: 10.5px; padding: 0 8px; letter-spacing: .04em; text-transform: uppercase; }
.mq #app { outline: none; }
.mq .sec { max-width: 1240px; margin: 0 auto; padding: 56px 20px 0; }
.mq .sec-tete { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.mq .sec h2,
.mq .h2-seul { font-size: clamp(30px, 4vw, 44px); }
.mq .h2-seul { margin-bottom: 20px; }
.mq .sec-sub { color: var(--doux); margin: -10px 0 20px; }
.mq .lien { display: inline-flex; align-items: center; gap: 6px; color: var(--doux); font-weight: 600; font-size: 14.5px; white-space: nowrap; }
.mq .lien:hover { color: var(--lime); }
.mq .hero { position: relative; overflow-x: clip; max-width: 1240px; margin: 0 auto; padding: 70px 20px 54px; text-align: center; display: flex; flex-direction: column; align-items: center; isolation: isolate; }
.mq .hero h1 { font-size: clamp(44px, 7.6vw, 92px); font-weight: 700; letter-spacing: -.03em; line-height: .98; font-stretch: 100%; }
.mq .hero-sub { color: var(--doux); font-size: 17px; margin-top: 20px; max-width: 40ch; }
.mq .hero-live { display: inline-flex; align-items: center; gap: 9px; height: 34px; padding: 0 14px; border-radius: 99px; background: var(--s1); border: 1px solid var(--ligne); font-size: 13.5px; color: var(--doux); margin-bottom: 26px; }
.mq .hero-live b { color: var(--txt); font-weight: 600; }
.mq .hl-t { font-variant-numeric: tabular-nums; color: var(--lime); font-weight: 600; min-width: 9ch; text-align: left; }
.mq .hero-cta { position: relative; margin-top: 34px; }
.mq .anneau { position: absolute; inset: -12px -16px; border-radius: 99px; border: 1.5px solid rgba(255, 48, 69, .35); pointer-events: none; }
.mq .anneau::after { content: ''; position: absolute; inset: -11px -14px; border-radius: 99px; border: 1px solid rgba(255, 48, 69, .14); }
.mq .mascotte { position: absolute; width: 74px; right: -48px; top: -6px; rotate: 14deg; animation: flotte 5s ease-in-out infinite; }
.mq .hero-deco .f { position: absolute; translate: calc(var(--mx) * var(--k, 20px)) calc(var(--my) * var(--k, 20px)); transition: translate .6s var(--ease); }
.mq .f1 { width: 62px; left: 13%; top: 23%; rotate: -14deg; --k: 26px; }
.mq .f1 svg { animation: flotte 6s ease-in-out infinite; }
.mq .f2 { width: 74px; left: 21%; top: 58%; rotate: -10deg; --k: 40px; }
.mq .f2 svg { animation: flotte 7s ease-in-out -2s infinite; }
.mq .f3 { width: 70px; right: 15%; top: 50%; rotate: 12deg; --k: 34px; }
.mq .f3 svg { animation: flotte 6.5s ease-in-out -1s infinite; }
@keyframes flotte { 50% { transform: translateY(-10px) rotate(3deg); } }
.mq .bento { max-width: 1240px; margin: 0 auto; padding: 0 20px; display: grid; grid-template-columns: 1.08fr 1fr 1fr; gap: 16px; }
.mq .tuile { position: relative; overflow: hidden; border-radius: var(--r); padding: 22px 22px 24px; min-height: 300px; display: flex; flex-direction: column; gap: 12px; isolation: isolate; transition: transform .35s var(--ease); }
.mq .tuile:hover { transform: translateY(-4px); }
.mq .tuile h2 { font-size: clamp(28px, 2.8vw, 36px); }
.mq .tuile p { font-size: 15px; max-width: 30ch; }
.mq .tuile--claire { background: var(--clair); color: var(--clair-txt); justify-content: space-between; }
.mq .tuile--claire p { color: #5d5677; }
.mq .tuile--lime { background: var(--lime); color: var(--lime-txt); }
.mq .tuile--lime p { color: rgba(255, 255, 255, .86); }
.mq .tuile--lime .tag--dark { color: #fff; }
.mq .roue { position: relative; height: 150px; margin: auto -22px -24px; }
.mq .roue img { position: absolute; left: calc(50% - 39px); top: 22px; width: 78px; height: 112px; object-fit: cover; border-radius: 12px; border: 3px solid #fff; transform-origin: 50% 250px; rotate: calc(var(--i) * 13deg); box-shadow: 0 6px 16px rgba(0, 0, 0, .4); transition: rotate .6s var(--ease); }
.mq .roue-moyeu { position: absolute; left: 50%; bottom: -26px; translate: -50% 0; width: 64px; height: 64px; border-radius: 50%; background: var(--lime); color: var(--lime-txt); display: grid; place-items: start center; padding-top: 10px; font-size: 22px; box-shadow: 0 0 0 5px #100b22; }
.mq .carte7 { position: absolute; left: 50%; top: 40px; width: 104px; height: 140px; translate: -40% 0; rotate: -12deg; background: #fbfbf8; border-radius: 12px; box-shadow: 0 12px 26px rgba(0, 0, 0, .16), inset 0 0 0 1px rgba(0, 0, 0, .06); font-family: var(--f-titre); font-weight: 800; color: var(--clair-txt); z-index: -1; }
.mq .carte7 span { position: absolute; left: 10px; top: 6px; font-size: 22px; }
.mq .carte7 .c7b { left: auto; right: 10px; top: auto; bottom: 6px; rotate: 180deg; }
.mq .carte7 i { position: absolute; inset: 0; display: grid; place-items: center; font-style: normal; font-size: 64px; line-height: 1; }
.mq .tj1 { position: absolute; width: 96px; right: 20%; top: 26px; rotate: -8deg; z-index: -1; }
.mq .tj2 { position: absolute; width: 74px; right: 9%; top: 92px; rotate: 16deg; z-index: -1; }
.mq .tuile-bas { display: flex; flex-direction: column; gap: 8px; }
.mq .tboite { position: absolute; width: 150px; right: 10px; bottom: 4px; rotate: -4deg; transition: rotate .5s var(--ease), translate .5s var(--ease); }
.mq .tuile--lime:hover .tboite { rotate: -10deg; translate: -6px -6px; }
.mq .tboite svg { filter: drop-shadow(0 12px 14px rgba(60, 0, 8, .4)); }
.mq .tuile-pill { position: absolute; left: 22px; bottom: 26px; display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px 0 5px; background: var(--clair-txt); color: var(--txt); border-radius: 99px; font-weight: 700; font-size: 14px; rotate: -6deg; }
.mq .tuile-pill b { width: 26px; height: 26px; border-radius: 50%; background: var(--txt); color: var(--clair-txt); display: grid; place-items: center; font-size: 11px; }
.mq .offres { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: start; }
.mq .offre { background: var(--s1); border: 1px solid var(--ligne); border-radius: var(--r); overflow: hidden; }
.mq .offre--vedette { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); border-color: rgba(255, 48, 69, .35); }
.mq .offre-corps { padding: 20px; display: flex; flex-direction: column; gap: 14px; }
.mq .offre--vedette .offre-corps { padding: 26px; }
.mq .offre--vedette .offre-pied { gap: 10px; }
.mq .offre--vedette .offre-pied .btn { order: -1; }
.mq .offre--vedette .paie { justify-content: center; }
.mq .offre-tete { display: flex; align-items: center; gap: 12px; }
.mq .clogo { width: 52px; height: 52px; border-radius: 16px; background: var(--lf, #111); display: grid; place-items: center; overflow: hidden; flex: none; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08); }
.mq .clogo img { width: 76%; height: 76%; object-fit: contain; }
.mq .clogo svg { width: 84%; }
.mq .clogo--s { width: 42px; height: 42px; border-radius: 13px; }
.mq .clogo--xs { width: 34px; height: 34px; border-radius: 11px; }
.mq .offre-nom { display: flex; flex-direction: column; gap: 4px; }
.mq .offre-nom h3 { font-size: 22px; }
.mq .stars { display: inline-flex; align-items: center; gap: 2px; color: var(--lime); font-size: 13px; }
.mq .stars .ph-bold { color: var(--ligne); }
.mq .stars b { color: var(--doux); font-weight: 600; margin-left: 6px; font-size: 12.5px; }
.mq .rang { margin-left: auto; align-self: start; flex: none; width: 36px; height: 48px; border-radius: 7px; background: #fbfbf8; color: var(--clair-txt); display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: .95; rotate: 6deg; box-shadow: 2px 3px 0 #a9a9a3, 0 8px 16px rgba(0, 0, 0, .3); font-family: var(--f-titre); font-weight: 800; }
.mq .rang b { font-size: 17px; }
.mq .rang i { font-style: normal; font-size: 15px; }
.mq .rang--rouge { color: var(--rouge); }
.mq .offre--vedette .rang { background: var(--lime); color: var(--lime-txt); }
.mq .offre-prix { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 10px; }
.mq .offre-prix strong { font-family: var(--f-titre); font-size: 54px; font-weight: 800; letter-spacing: -.04em; line-height: 1; }
.mq .offre--vedette .offre-prix strong { font-size: 76px; color: var(--lime); }
.mq .offre-prix > span:not(.tag) { font-family: var(--f-titre); font-size: 20px; font-weight: 600; color: var(--doux); }
.mq .offre-prix .tag { align-self: center; }
.mq .offre-txt { color: var(--doux); font-size: 15px; }
.mq .note { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: var(--r-s); background: rgba(255, 48, 69, .07); color: #dcd6ef; font-size: 14px; }
.mq .note i { color: var(--lime); font-size: 18px; margin-top: 1px; }
.mq .codes { display: flex; gap: 8px; flex-wrap: wrap; }
.mq .code { flex: 1 1 140px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 14px; border-radius: var(--r-s); border: 1.5px dashed #4a3f78; text-align: left; transition: border-color .2s, background .2s; }
.mq .code span { display: flex; flex-direction: column; }
.mq .code b { font-family: ui-monospace, 'SFMono-Regular', Menlo, monospace; letter-spacing: .04em; font-size: 14.5px; color: var(--lime); }
.mq .code small { color: var(--faible); font-size: 12px; }
.mq .code i { color: var(--doux); font-size: 17px; }
.mq .code:hover { border-color: var(--lime); }
.mq .code.copie { background: rgba(255, 48, 69, .1); border-style: solid; border-color: var(--lime); }
.mq .cond { border-top: 1px solid var(--ligne); padding-top: 10px; }
.mq .cond summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--doux); font-weight: 600; font-size: 14px; padding: 4px 0; }
.mq .cond summary::-webkit-details-marker { display: none; }
.mq .cond summary i { transition: rotate .25s var(--ease); }
.mq .cond[open] summary i { rotate: 180deg; }
.mq .cond dl { margin: 10px 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mq .cond dl div { background: var(--s2); border-radius: 12px; padding: 10px 12px; }
.mq .cond dt { font-size: 12px; color: var(--faible); }
.mq .cond dd { margin: 2px 0 0; font-weight: 600; font-size: 14px; }
.mq .offre-pied { display: flex; flex-direction: column; gap: 12px; }
.mq .paie { display: flex; gap: 6px; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.mq .paie li { font-size: 12.5px; font-weight: 600; color: var(--doux); padding: 5px 11px; border-radius: 99px; background: var(--s2); border: 1px solid var(--ligne); }
.mq .offre-pied .btn { width: 100%; }
.mq .confiance { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 13px; color: var(--doux); }
.mq .confiance i { color: var(--lime); }
.mq .confiance i + i,
.mq .confiance .ph-shield-check { margin-left: 8px; }
.mq .mini { font-size: 12px; color: var(--faible); text-align: center; }
.mq .offres--liste .offre:not(.offre--vedette) { align-self: stretch; }
.mq .gagnants { padding-top: 72px; }
.mq .g-tete { display: flex; align-items: end; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin-bottom: 22px; }
.mq .g-tete h2 { max-width: 16ch; }
.mq .stats { display: flex; gap: 10px; margin: 0; padding: 0; list-style: none; }
.mq .stats li { background: var(--s1); border: 1px solid var(--ligne); border-radius: 18px; padding: 12px 18px; display: flex; flex-direction: column; }
.mq .stats b { font-family: var(--f-titre); font-size: 28px; font-weight: 800; letter-spacing: -.03em; line-height: 1.05; }
.mq .stats span { color: var(--doux); font-size: 13px; }
.mq .defile { overflow: hidden; mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.mq .defile-in { display: flex; gap: 10px; width: max-content; animation: defile 44s linear infinite; }
.mq .defile span { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 8px 0 14px; border-radius: 99px; background: var(--s1); border: 1px solid var(--ligne); font-weight: 600; font-size: 14.5px; }
.mq .defile span i { color: var(--lime); }
.mq .defile span b { background: var(--lime); color: var(--lime-txt); border-radius: 99px; padding: 4px 10px; font-size: 13px; }
@keyframes defile { to { transform: translateX(calc(-50% - 5px)); } }
.mq .etapes ol { list-style: none; margin: 22px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); background: var(--s1); border: 1px solid var(--ligne); border-radius: var(--r); }
.mq .etapes li { padding: 26px; display: grid; grid-template-columns: 64px 1fr; gap: 4px 18px; align-items: center; counter-increment: e; }
.mq .etapes li + li { border-left: 1px dashed var(--ligne); }
.mq .et-o { width: 60px; grid-row: span 2; }
.mq .etapes h3 { font-size: 21px; }
.mq .etapes h3::before { content: counter(e) '. '; color: var(--lime); }
.mq .etapes p { color: var(--doux); font-size: 14.5px; }
.mq .rail { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(190px, 1fr); gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; scrollbar-width: none; }
.mq .rail::-webkit-scrollbar { display: none; }
.mq .jeu { position: relative; aspect-ratio: 1; border-radius: 20px; overflow: hidden; scroll-snap-align: start; border: 1px solid var(--ligne); }
.mq .jeu img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease); }
.mq .jeu::after { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent 50%, rgba(10, 10, 12, .85)); }
.mq .jeu:hover img { transform: scale(1.06); }
.mq .jeu-nom { position: absolute; left: 14px; bottom: 12px; z-index: 1; font-family: var(--f-titre); font-weight: 700; font-size: 20px; }
.mq .jeu-go { position: absolute; right: 12px; bottom: 12px; z-index: 1; width: 36px; height: 36px; border-radius: 50%; background: var(--lime); color: var(--lime-txt); display: grid; place-items: center; transition: transform .3s var(--ease); }
.mq .jeu:hover .jeu-go { transform: scale(1.12); }
.mq .hunt-teaser { display: grid; grid-template-columns: 1fr 1.1fr; gap: 40px; align-items: center; }
.mq .ht-txt { display: flex; flex-direction: column; gap: 16px; align-items: start; }
.mq .ht-txt p { color: var(--doux); max-width: 44ch; }
.mq .ht-points { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.mq .ht-points li { display: flex; gap: 10px; align-items: center; font-weight: 500; }
.mq .ht-points i { width: 32px; height: 32px; border-radius: 10px; background: var(--s2); color: var(--lime); display: grid; place-items: center; font-size: 16px; }
.mq .ht-slots { position: relative; height: 330px; }
.mq .ht-slots figure { position: absolute; margin: 0; width: 62%; top: calc(var(--i) * 52px); left: calc(var(--i) * 19%); rotate: calc((var(--i) - 1) * 5deg); border-radius: 18px; overflow: hidden; border: 4px solid var(--s2); box-shadow: 0 20px 40px rgba(0, 0, 0, .45); background: var(--s2); transition: translate .5s var(--ease); }
.mq .ht-slots:hover figure { translate: 0 calc((var(--i) - 1) * -10px); }
@media (hover: hover) and (pointer: fine) {
  .mq .ht-slots figure { transition: translate .5s var(--ease), scale .35s var(--ease-out), box-shadow .35s var(--ease-out), border-color .2s; }
  .mq .ht-slots figure:hover { scale: 1.14; border-color: var(--lime); box-shadow: 0 28px 60px rgba(0, 0, 0, .6); }
}
.mq .ht-slots img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.mq .ht-slots figcaption { padding: 8px 12px; font-size: 12.5px; color: var(--doux); display: flex; justify-content: space-between; gap: 8px; }
.mq .ht-slots figcaption b { color: var(--txt); }
.mq .videos { display: grid; grid-template-columns: 1.5fr 1fr; grid-template-rows: repeat(3, auto); gap: 12px 18px; }
.mq .video { display: grid; grid-template-columns: 150px 1fr; gap: 14px; align-items: center; padding: 8px; border-radius: 18px; transition: background .2s; }
.mq .video:hover { background: var(--s1); }
.mq .video--une { grid-row: 1 / span 3; grid-template-columns: 1fr; align-content: start; padding: 0; }
.mq .video--une:hover { background: none; }
.mq .video-img { position: relative; display: block; border-radius: 14px; overflow: hidden; aspect-ratio: 16 / 9; }
.mq .video--une .video-img { border-radius: var(--r); }
.mq .video-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease); }
.mq .video:hover .video-img img { transform: scale(1.04); }
.mq .video-play { position: absolute; inset: 0; margin: auto; width: 40px; height: 40px; border-radius: 50%; background: rgba(22, 22, 24, .7); backdrop-filter: blur(6px); display: grid; place-items: center; color: #fff; font-size: 16px; }
.mq .video--une .video-play { width: 66px; height: 66px; font-size: 26px; background: var(--lime); color: var(--lime-txt); }
.mq .video-txt { display: flex; flex-direction: column; gap: 4px; }
.mq .video-txt b { font-weight: 600; font-size: 15px; line-height: 1.3; }
.mq .video--une .video-txt { padding: 14px 4px 0; }
.mq .video--une .video-txt b { font-family: var(--f-titre); font-size: 26px; font-weight: 700; letter-spacing: -.02em; line-height: 1.1; }
.mq .video-txt small { color: var(--faible); font-size: 13px; }
.mq .duo { display: grid; grid-template-columns: 1.25fr 1fr; gap: 16px; }
.mq .duo-a,
.mq .duo-b { position: relative; overflow: hidden; border-radius: var(--r); padding: 28px; display: flex; flex-direction: column; gap: 14px; align-items: start; min-height: 300px; isolation: isolate; transition: transform .35s var(--ease); }
.mq .duo-a:hover,
.mq .duo-b:hover { transform: translateY(-4px); }
.mq .duo-a { background: var(--lime); color: var(--lime-txt); }
.mq .duo-a h2,
.mq .duo-b h2 { font-size: clamp(30px, 3.4vw, 42px); }
.mq .duo-a p { color: var(--clair-txt); max-width: 36ch; }
.mq .duo-a .btn { margin-top: auto; }
.mq .duo-j1 { position: absolute; width: 150px; right: 6%; top: 24px; rotate: -12deg; z-index: -1; }
.mq .duo-j2 { position: absolute; width: 110px; right: 20%; bottom: 20px; rotate: 10deg; z-index: -1; }
.mq .duo-b { background: #5865f2; background: linear-gradient(160deg, #5f6bf5, #4652d9); }
.mq .duo-b ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.mq .duo-b li { display: flex; gap: 10px; align-items: center; font-weight: 500; }
.mq .duo-b .btn { margin-top: auto; color: #3c45b8; }
.mq .avatar { width: 64px; height: 64px; border-radius: 20px; object-fit: cover; border: 3px solid rgba(255, 255, 255, .85); rotate: -5deg; }
.mq .page-tete { position: relative; max-width: 1240px; margin: 0 auto; padding: 56px 20px 8px; display: flex; flex-direction: column; align-items: start; gap: 14px; isolation: isolate; }
.mq .page-tete h1 { font-size: clamp(42px, 6.6vw, 80px); letter-spacing: -.03em; font-stretch: 100%; line-height: .96; }
.mq .page-tete p { color: var(--doux); font-size: 17px; max-width: 52ch; }
.mq .page-tete .hero-live { margin-bottom: 0; }
.mq .pt-deco { position: absolute; right: 20px; top: 30px; width: 300px; height: 220px; z-index: -1; }
.mq .pt-o1 { position: absolute; width: 140px; right: 40px; top: 10px; rotate: -10deg; }
.mq .pt-o2 { position: absolute; width: 96px; right: 170px; top: 96px; rotate: 14deg; }
.mq .pt-ticket { width: 230px; right: 0; top: 18px; rotate: -8deg; }
.mq .pt-ticket + .pt-o2 { right: 196px; top: 108px; rotate: -12deg; }
.mq .compte { background: var(--s1); border: 1px solid var(--ligne); border-radius: var(--r); padding: 18px 20px; }
.mq .compte-deco,
.mq .compte-ok { display: flex; align-items: center; gap: 16px; }
.mq .compte-deco > div,
.mq .compte-ok > div { flex: 1; }
.mq .compte h3 { font-size: 20px; }
.mq .compte p { color: var(--doux); font-size: 14.5px; margin-top: 3px; }
.mq .compte-ico { width: 52px; height: 52px; border-radius: 16px; background: #5865f2; display: grid; place-items: center; font-size: 26px; flex: none; }
.mq .compte-ico .dlogo { width: 30px; height: 30px; color: #fff; }
.mq .compte-ico--ok { background: var(--lime); color: var(--lime-txt); }
.mq .compte[data-etat='deco'] .compte-ok,
.mq .compte[data-etat='ok'] .compte-deco { display: none; }
.mq .compte[data-etat='ok'] { border-color: rgba(255, 48, 69, .4); }
.mq .secoue { animation: secoue .45s; }
@keyframes secoue { 25% { translate: -6px 0; } 50% { translate: 5px 0; } 75% { translate: -3px 0; } }
.mq .exclu { position: relative; overflow: hidden; isolation: isolate; display: grid; grid-template-columns: 1.4fr 1fr; gap: 28px; align-items: center; background: var(--clair); color: var(--clair-txt); border-radius: var(--r); padding: 30px; }
.mq .exclu-txt { display: flex; flex-direction: column; gap: 14px; align-items: start; }
.mq .exclu h2 { font-size: clamp(30px, 3.6vw, 46px); max-width: 15ch; }
.mq .exclu-dates { color: #5d5677; font-weight: 500; }
.mq .exclu ol { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; color: #3a3a40; }
.mq .exclu ol li::marker { font-weight: 800; }
.mq .exclu-droite { display: flex; flex-direction: column; align-items: center; }
.mq .exclu-lot { width: min(250px, 80%); height: auto; margin: -22px 0 -10px;
  -webkit-mask: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent), linear-gradient(transparent, #000 12%, #000 88%, transparent);
  -webkit-mask-composite: source-in; mask: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent), linear-gradient(transparent, #000 12%, #000 88%, transparent); mask-composite: intersect; }
.mq .jc-img picture { display: contents; }
.mq .exclu-droite .exclu-chrono { align-self: stretch; }
.mq .exclu-chrono { background: var(--clair-txt); color: var(--txt); border-radius: 20px; padding: 18px; }
.mq .exclu-chrono small { color: var(--doux); font-weight: 600; font-size: 13px; }
.mq .chrono { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 10px; }
.mq .chrono span { background: var(--s2); border-radius: 14px; padding: 12px 4px; text-align: center; }
.mq .chrono b { display: block; font-family: var(--f-titre); font-size: 34px; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; color: var(--lime); }
.mq .chrono small { font-size: 11.5px; color: var(--doux); }
.mq .chip-temps { display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 14px; border-radius: 99px; background: var(--s1); border: 1px solid var(--ligne); color: var(--doux); font-size: 13.5px; white-space: nowrap; }
.mq .chip-temps b { color: var(--lime); font-variant-numeric: tabular-nums; }
.mq .gws { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.mq .gw { background: var(--s1); border: 1px solid var(--ligne); border-radius: var(--r); padding: 20px; display: flex; flex-direction: column; gap: 16px; }
.mq .gw:first-child { background: linear-gradient(180deg, rgba(255, 48, 69, .1), transparent 60%), var(--s1); border-color: rgba(255, 48, 69, .3); }
.mq .gw header { display: flex; align-items: center; gap: 12px; }
.mq .gw h3 { font-size: 20px; flex: 1; }
.mq .gw-lot strong { display: block; font-family: var(--f-titre); font-size: 48px; font-weight: 800; letter-spacing: -.04em; line-height: 1; }
.mq .gw-lot span { color: var(--doux); font-size: 13.5px; }
.mq .gw-chiffres { display: flex; gap: 16px; color: var(--doux); font-size: 14px; }
.mq .gw-chiffres span { display: inline-flex; gap: 6px; align-items: center; }
.mq .gw-chiffres b { color: var(--txt); font-variant-numeric: tabular-nums; }
.mq .btn.inscrit { background: var(--s2); color: var(--lime); box-shadow: inset 0 0 0 1.5px var(--lime); }
.mq .regles { display: flex; flex-direction: column; gap: 18px; }
.mq .r-chiffres { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.mq .r-c { border-radius: var(--r); padding: 22px; background: var(--s1); border: 1px solid var(--ligne); display: flex; flex-direction: column; gap: 8px; }
.mq .r-c b { font-family: var(--f-titre); font-size: 46px; font-weight: 800; letter-spacing: -.04em; line-height: 1; }
.mq .r-c span { color: var(--doux); font-weight: 500; }
.mq .r-c small { color: var(--faible); font-weight: 400; }
.mq .r-c--lime { background: var(--lime); border-color: var(--lime); color: var(--lime-txt); }
.mq .r-c--lime span,
.mq .r-c--lime small { color: #5c4100; }
.mq .r-txt { color: var(--doux); max-width: 80ch; font-size: 15px; }
.mq .histo { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.mq .histo li { display: flex; align-items: center; gap: 12px; padding: 12px 14px; background: var(--s1); border: 1px solid var(--ligne); border-radius: 18px; }
.mq .histo li div { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.mq .histo b { font-size: 14.5px; }
.mq .histo span { color: var(--doux); font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mq .histo time { color: var(--faible); font-size: 12.5px; white-space: nowrap; }
.mq .jeux { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.mq .jcarte { background: var(--s1); border: 1px solid var(--ligne); border-radius: var(--r); overflow: hidden; display: flex; flex-direction: column; transition: transform .35s var(--ease), border-color .2s; }
.mq .jcarte:hover { transform: translateY(-4px); border-color: #4a3f78; }
.mq .jcarte--grand { grid-column: span 2; grid-row: span 2; }
.mq .jcarte--large { grid-column: span 2; }
.mq .jcarte--large .jc-img { aspect-ratio: 16 / 7; }
.mq .jc-img { display: block; aspect-ratio: 1; overflow: hidden; background: #150e2b; }
.mq .jcarte--grand .jc-img { aspect-ratio: auto; flex: 1; min-height: 300px; }
.mq .jc-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease); }
.mq .jcarte:hover .jc-img img { transform: scale(1.05); }
.mq .jc-txt { padding: 16px 16px 4px; display: flex; flex-direction: column; gap: 4px; }
.mq .jc-txt b { font-family: var(--f-titre); font-size: 21px; display: flex; align-items: center; gap: 8px; }
.mq .jcarte--grand .jc-txt b { font-size: 30px; }
.mq .jc-txt small { color: var(--doux); font-size: 14px; }
.mq .jc-pied { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px 16px; margin-top: auto; color: var(--faible); font-size: 13px; }
.mq .jc-pied > span:first-child { display: inline-flex; gap: 6px; align-items: center; }
.mq .strat { display: flex; align-items: center; gap: 18px; padding: 18px 22px; border-radius: var(--r); background: var(--clair); color: var(--clair-txt); transition: transform .3s var(--ease); }
.mq .strat:hover { transform: translateY(-3px); }
.mq .strat div { flex: 1; display: flex; flex-direction: column; }
.mq .strat b { font-family: var(--f-titre); font-size: 22px; }
.mq .strat small { color: #5d5677; }
.mq .strat > i { font-size: 22px; }
.mq .carte7--s { position: relative; inset: auto; translate: none; width: 48px; height: 64px; border-radius: 8px; z-index: 0; rotate: -8deg; flex: none; }
.mq .carte7--s span { font-size: 13px; left: 6px; top: 3px; }
.mq .carte7--s i { font-size: 30px; }
.mq .hunt { background: var(--s1); border: 1px solid var(--ligne); border-radius: var(--r); padding: 22px; display: flex; flex-direction: column; gap: 16px; }
.mq .hunt-kpi { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.mq .hunt-kpi div { background: var(--s2); border-radius: 16px; padding: 14px; }
.mq .hunt-kpi small { color: var(--faible); font-size: 12.5px; }
.mq .hunt-kpi b { display: block; font-family: var(--f-titre); font-size: 26px; font-weight: 800; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.mq .hunt-kpi .ok b { color: var(--lime); }
.mq .hunt-l { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.mq .hunt-l li { display: grid; grid-template-columns: 34px 1fr 80px 100px 64px; gap: 10px; align-items: center; padding: 10px 12px; border-radius: 14px; background: #1a1432; font-variant-numeric: tabular-nums; }
.mq .hl-n { width: 28px; height: 28px; border-radius: 50%; background: var(--s2); display: grid; place-items: center; font-size: 13px; font-weight: 700; color: var(--doux); }
.mq .fait .hl-n { background: var(--lime); color: var(--lime-txt); }
.mq .hl-s { display: flex; flex-direction: column; }
.mq .hl-s small { color: var(--faible); font-size: 12px; }
.mq .hl-m,
.mq .hl-r,
.mq .hl-x { text-align: right; font-size: 14px; }
.mq .hl-r em { color: var(--faible); font-style: normal; }
.mq .hl-x { color: var(--lime); font-weight: 700; }
.mq .hunt .btn { align-self: center; }
.mq .mini-casinos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.mq .mini-casinos a { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 18px; background: var(--s1); border: 1px solid var(--ligne); transition: border-color .2s; }
.mq .mini-casinos a:hover { border-color: var(--lime); }
.mq .mini-casinos a > span:not(.clogo) { flex: 1; display: flex; flex-direction: column; }
.mq .mini-casinos small { color: var(--lime); font-weight: 600; }
.mq .vide { position: relative; max-width: 760px; margin: 0 auto; padding: 90px 20px 20px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 18px; isolation: isolate; }
.mq .vide h1 { font-size: clamp(40px, 6vw, 68px); letter-spacing: -.03em; line-height: .98; }
.mq .vide p { color: var(--doux); max-width: 44ch; }
.mq .vide-deco { position: absolute; inset: 0; z-index: -1; }
.mq .v1 { position: absolute; width: 70px; left: 0; top: 70px; rotate: -12deg; }
.mq .v2 { position: absolute; width: 90px; right: 0; top: 250px; rotate: 12deg; }
.mq .v3 { position: absolute; width: 64px; left: 8%; top: 300px; rotate: 10deg; }
.mq .races { width: 100%; display: flex; flex-direction: column; gap: 10px; margin-top: 20px; text-align: left; }
.mq .races > div { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 18px; background: var(--s1); border: 1px solid var(--ligne); }
.mq .races span:not(.tag):not(.clogo) { flex: 1; display: flex; flex-direction: column; }
.mq .races small { color: var(--doux); }
.mq .pied { margin-top: 80px; border-top: 1px solid var(--ligne); background: #0f0b20; }
.mq .pied-in { max-width: 1240px; margin: 0 auto; padding: 40px 20px 20px; display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 30px; }
.mq .pied-marque p { color: var(--doux); margin: 14px 0; max-width: 34ch; font-size: 14.5px; }
.mq .pied-soc { display: flex; gap: 8px; }
.mq .pied-soc a { width: 40px; height: 40px; border-radius: 50%; background: var(--s1); border: 1px solid var(--ligne); display: grid; place-items: center; font-size: 18px; transition: background .2s, color .2s; }
.mq .pied-soc a:hover { background: var(--lime); color: var(--lime-txt); }
.mq .pied nav { display: flex; flex-direction: column; gap: 8px; font-size: 14.5px; color: var(--doux); }
.mq .pied nav b { color: var(--txt); font-family: var(--f-titre); font-size: 16px; margin-bottom: 4px; }
.mq .pied nav a:hover { color: var(--lime); }
.mq .pied-legal { max-width: 1240px; margin: 0 auto; padding: 18px 20px 30px; color: var(--faible); font-size: 12.5px; display: flex; gap: 12px; align-items: center; }
.mq .age { flex: none; width: 34px; height: 34px; border-radius: 50%; border: 2px solid var(--faible); display: grid; place-items: center; font-weight: 800; font-size: 12px; color: var(--doux); }
.mq .legal { max-width: 1240px; margin: 24px auto 0; padding: 0 20px; color: var(--faible); font-size: 13px; }
.mq .dock { display: none; }
.mq .toast { position: fixed; left: 50%; bottom: 28px; translate: -50% 20px; opacity: 0; z-index: 60; max-width: min(92vw, 460px); padding: 12px 18px; border-radius: 16px; background: var(--txt); color: var(--clair-txt); font-weight: 600; font-size: 14px; text-align: center; box-shadow: 0 16px 40px rgba(0, 0, 0, .45); pointer-events: none; transition: opacity .25s, translate .35s var(--ease); }
.mq .toast.on { opacity: 1; translate: -50% 0; }
@media (max-width: 1080px) {
  .mq .top-nav a { padding: 8px 10px; font-size: 14px; }
  .mq .top-nav a[data-nav='races'] { display: none; }
  .mq .offres { grid-template-columns: 1fr 1fr; }
  .mq .jeux { grid-template-columns: repeat(2, 1fr); }
  .mq .histo { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 820px) {
  .mq { padding-bottom: calc(84px + env(safe-area-inset-bottom)); }
  .mq .top { padding: 10px 12px 0; }
  .mq .top-in { height: 54px; }
  .mq .top-nav,
.mq .pill--ghost { display: none; }
  .mq .top-actions { margin-left: auto; }
  .mq .hero { padding: 46px 18px 40px; }
  .mq .hero h1 { font-size: clamp(42px, 12.4vw, 64px); }
  .mq .hero-sub { font-size: 16px; margin-top: 16px; }
  .mq .hero-live { font-size: 12.5px; padding: 0 12px; margin-bottom: 22px; }
  .mq .hero-cta { margin-top: 30px; }
  .mq .btn--xl { height: 58px; padding: 0 28px; font-size: 17px; }
  .mq .mascotte { width: 58px; right: -26px; top: -22px; }
  .mq .hero { padding-top: 78px; }
  .mq .f1 { width: 42px; left: auto; right: 7%; top: 12px; }
  .mq .f2 { width: 44px; left: 4%; top: auto; bottom: 0; }
  .mq .f3 { width: 40px; right: auto; left: 6%; top: 18px; }
  .mq .bento { grid-template-columns: 1fr; padding: 0 14px; gap: 12px; }
  .mq .tuile { min-height: 270px; }
  .mq .sec { padding: 48px 14px 0; }
  .mq .sec-tete { margin-bottom: 16px; }
  .mq .offres { grid-template-columns: 1fr; gap: 12px; }
  .mq .offre--vedette { grid-template-columns: 1fr; }
  .mq .offre--vedette .offre-corps { padding: 20px; }
  .mq .offre--vedette .offre-prix strong { font-size: 62px; }
  .mq .g-tete { flex-direction: column; align-items: start; }
  .mq .stats { width: 100%; }
  .mq .stats li { flex: 1; padding: 10px 12px; }
  .mq .stats b { font-size: 23px; }
  .mq .etapes ol { grid-template-columns: 1fr; }
  .mq .etapes li + li { border-left: 0; border-top: 1px dashed var(--ligne); }
  .mq .etapes li { padding: 18px 20px; }
  .mq .rail { grid-auto-columns: 46%; margin: 0 -14px; padding: 0 14px 6px; scroll-padding: 0 14px; }
  .mq .hunt-teaser { grid-template-columns: 1fr; gap: 20px; }
  .mq .ht-slots { height: 250px; order: -1; }
  .mq .ht-slots figure { width: 68%; top: calc(var(--i) * 36px); left: calc(var(--i) * 15%); }
  .mq .videos { grid-template-columns: 1fr; }
  .mq .video--une { grid-row: auto; }
  .mq .video { grid-template-columns: 120px 1fr; padding: 4px; }
  .mq .video--une .video-txt b { font-size: 22px; }
  .mq .duo { grid-template-columns: 1fr; gap: 12px; }
  .mq .duo-a,
.mq .duo-b { min-height: 280px; padding: 22px; }
  .mq .duo-j1 { width: 110px; right: -10px; }
  .mq .duo-j2 { width: 72px; right: 18px; bottom: 22px; }
  .mq .page-tete { padding: 40px 14px 0; }
  .mq .pt-deco { width: 160px; height: 140px; right: 0; top: 10px; opacity: .55; }
  .mq .pt-o1 { width: 90px; right: 10px; }
  .mq .pt-ticket { width: 140px; }
  .mq .pt-o2,
.mq .v2,
.mq .v3 { display: none; }
  .mq .compte-deco,
.mq .compte-ok { flex-wrap: wrap; }
  .mq .compte .btn { width: 100%; }
  .mq .exclu { grid-template-columns: 1fr; padding: 22px; gap: 18px; }
  .mq .exclu .btn { width: 100%; }
  .mq .chrono b { font-size: 28px; }
  .mq .gws,
.mq .r-chiffres,
.mq .histo { grid-template-columns: 1fr; }
  .mq .gw-lot strong { font-size: 42px; }
  .mq .r-c b { font-size: 38px; }
  .mq .jeux { grid-template-columns: 1fr 1fr; gap: 12px; }
  .mq .jcarte--grand .jc-img { min-height: 200px; }
  .mq .jc-txt { padding: 12px 12px 2px; }
  .mq .jc-txt b { font-size: 18px; }
  .mq .jc-txt small { font-size: 13px; }
  .mq .jc-pied { padding: 10px 12px 12px; flex-direction: column; align-items: stretch; gap: 8px; }
  .mq .jc-pied .btn { width: 100%; }
  .mq .hunt { padding: 14px; }
  .mq .hunt-kpi { grid-template-columns: 1fr 1fr; }
  .mq .hunt-kpi div:last-child { grid-column: span 2; }
  .mq .hunt-l li { grid-template-columns: 28px 1fr 74px 50px; }
  .mq .hl-m { display: none; }
  .mq .mini-casinos { grid-template-columns: 1fr; }
  .mq .pied-in { grid-template-columns: 1fr 1fr; }
  .mq .pied-marque { grid-column: span 2; }
  .mq .toast { bottom: calc(96px + env(safe-area-inset-bottom)); }

  .mq .dock {
    display: grid; grid-template-columns: repeat(5, 1fr); position: fixed; z-index: 40;
    left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom)); height: 64px; padding: 0 4px;
    background: color-mix(in oklab, var(--cadre) 88%, transparent); backdrop-filter: blur(18px) saturate(150%); -webkit-backdrop-filter: blur(18px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, .07); border-radius: 24px; box-shadow: 0 12px 30px rgba(0, 0, 0, .45);
  }
  .mq .dock a,
.mq .dock button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; font-size: 11px; font-weight: 600; color: var(--faible); }
  .mq .dock i { font-size: 21px; }
  .mq .dock [aria-current] { color: var(--lime); }
  .mq .dock-orb { width: 46px; height: 46px; margin-top: -26px; border-radius: 50%; background: var(--lime); color: var(--lime-txt); display: grid; place-items: center; box-shadow: 0 0 0 5px var(--bg), inset 0 -3px 0 var(--lime-f); }
  .mq .dock-orb i { font-size: 22px; }
  .mq .dock-mid[aria-current] .dock-orb { box-shadow: 0 0 0 5px var(--bg), inset 0 -3px 0 var(--lime-f), 0 0 22px rgba(255, 48, 69, .5); }
}

@media (max-width: 380px) {
  .mq .offre-prix strong { font-size: 46px; }
  .mq .stats b { font-size: 20px; }
}
.mq .rouge { color: var(--rouge); }
.mq .f4 { display: block; width: 116px; height: 120px; right: 6%; top: 15%; --k: 30px; }
.mq .f4 svg { position: absolute; width: 64px; filter: drop-shadow(0 14px 18px rgba(0, 0, 0, .4)); }
.mq .f4 svg:first-child { left: 0; top: 8px; rotate: -16deg; }
.mq .f4 svg:last-child { left: 42px; top: 0; rotate: 9deg; animation: flotte 6s ease-in-out -3s infinite; }
.mq .f5 { width: 76px; left: 6%; top: 34%; rotate: -6deg; --k: 22px; }
.mq .f5 svg { animation: flotte 7s ease-in-out -4s infinite; }

.mq .stats li { flex-direction: row; align-items: center; gap: 12px; }
.mq .stats li > div { display: flex; flex-direction: column; }
.mq .st-j { width: 42px; flex: none; }

.mq .et-carte { width: 44px; justify-self: center; rotate: -8deg; }

.mq .jeu-badge,
.mq .jeu-j,
.mq .jc-badge { position: absolute; z-index: 1; top: 10px; display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 99px; background: rgba(18, 18, 20, .74); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); font-size: 12px; font-weight: 700; }
.mq .jeu-badge,
.mq .jc-badge { left: 10px; color: var(--lime); }
.mq .jeu-j { right: 10px; color: var(--txt); font-variant-numeric: tabular-nums; }
.mq .jc-img { position: relative; }
.mq .jc-regles { list-style: none; margin: 8px 0 0; padding: 0 16px; display: flex; flex-direction: column; gap: 5px; color: var(--doux); font-size: 13.5px; }
.mq .jc-regles li { display: flex; gap: 8px; align-items: baseline; }
.mq .jc-regles i { font-style: normal; color: var(--lime); font-size: 12px; width: 12px; flex: none; }
.mq .jc-regles i.rouge { color: var(--rouge); }
.mq .jc-plinko { display: flex; gap: 3px; padding: 12px 16px 0; }
.mq .jc-plinko b { flex: 1; height: 22px; border-radius: 6px; display: grid; place-items: center; font-size: 10.5px; font-weight: 800; font-variant-numeric: tabular-nums; }
.mq .jc-plinko .p3 { background: var(--lime); color: var(--lime-txt); }
.mq .jc-plinko .p2 { background: #5a3f12; color: #ffe2a0; }
.mq .jc-plinko .p1 { background: var(--s2); color: var(--doux); }

.mq .strat-main { position: relative; width: 86px; height: 68px; flex: none; }
.mq .strat-main svg { position: absolute; width: 44px; filter: drop-shadow(0 6px 8px rgba(0, 0, 0, .2)); }
.mq .strat-main svg:first-child { left: 0; top: 4px; rotate: -10deg; }
.mq .strat-main svg:nth-child(2) { left: 30px; top: 0; rotate: 8deg; }
.mq .strat-main b { position: absolute; right: -4px; bottom: -4px; z-index: 1; font: 800 13px/1 var(--f-titre); background: var(--clair-txt); color: var(--lime); padding: 5px 8px; border-radius: 99px; }

.mq .gw-lot { position: relative; }
.mq .gw-pile { position: absolute; right: 0; top: -8px; width: 60px; }

.mq .pied-ens { display: flex; justify-content: center; gap: 20px; margin: 0 auto; padding-top: 6px; font-size: 18px; color: var(--faible); }
.mq .pied-ens i { font-style: normal; }
.mq .pied-ens .rouge { color: var(--rouge); opacity: .7; }

@media (max-width: 820px) {
  .mq .f4,
.mq .f5,
.mq .st-j { display: none; }
  .mq .jeu-badge,
.mq .jeu-j { top: 8px; height: 22px; padding: 0 8px; font-size: 10.5px; }
  .mq .jeu-badge { left: 8px; } .mq .jeu-j { right: 8px; }
  .mq .jc-badge { top: 8px; left: 8px; height: 22px; padding: 0 8px; font-size: 10.5px; }
  .mq .jc-regles { padding: 0 12px; font-size: 12.5px; }
  .mq .jc-plinko { padding: 10px 12px 0; gap: 2px; }
  .mq .jc-plinko b { font-size: 8.5px; height: 18px; border-radius: 4px; }
  .mq .rang { width: 32px; height: 43px; }
  .mq .rang b { font-size: 15px; } .mq .rang i { font-size: 13px; }
}

@media (prefers-reduced-motion: reduce) {
  .mq, .mq *,
.mq *::before,
.mq *::after { animation: none !important; transition-duration: .01ms !important; }
  .mq .hero-deco .f { translate: none; }
}

.mq #app { overflow-x: clip; }
.mq .sec { position: relative; }
.mq .sdeco { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
.mq .sec > :not(.sdeco):not(.scene) { position: relative; z-index: 1; }
.mq .d { position: absolute; width: var(--w); }
.mq .d img { display: block; width: 100%; height: auto; filter: drop-shadow(0 14px 18px rgba(0, 0, 0, .4)); animation: flotte 7s ease-in-out infinite; }
.mq .d:nth-child(2) img { animation-duration: 8s; animation-delay: -3s; }
@media (max-width: 1400px) { .mq .d.m { display: none; } }
@media (max-width: 820px) {
  .mq .d.t { width: calc(var(--w) * .55); top: 8px !important; left: auto !important; right: 14px !important; }
}
.mq .dlogo { width: 1.15em; height: 1.15em; fill: currentColor; flex: none; vertical-align: -.18em; }
.mq .hero h1 { font-size: clamp(30px, 4.4vw, 56px); line-height: 1.02; }
.mq .hero-jusqua { font-family: var(--f-txt); font-size: clamp(14px, 1.5vw, 18px); font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--doux); }
.mq .hero h1 .l--35 { font-size: clamp(132px, 22vw, 260px); padding: .1em 0 .1em; margin: -.08em 0 -.1em; }
.mq .hero h1 .l:first-child { line-height: 1.5; }
.mq .hero-35 { font-weight: 800; letter-spacing: -.055em; line-height: .84; }
.mq .hero-35 .lime {
  background: linear-gradient(180deg, #ff7381 0%, #ff4456 32%, #e81c33 66%, #a60b1c 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  padding: 0 .07em; margin: 0 -.07em;
  filter: drop-shadow(0 5px 0 #5e0611) drop-shadow(0 22px 26px rgba(0, 0, 0, .5));
}
.mq .hero-sub { margin-top: 18px; }
.mq .hero-cta { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 16px 18px; }
.mq .hero-btn1 { position: relative; display: inline-flex; }
.mq .tuile--claire {
  background: radial-gradient(120% 90% at 30% 15%, #1a9a63 0%, #0d6a42 55%, #08502f 100%);
  color: #fff; box-shadow: inset 0 0 0 6px #063d24, inset 0 0 0 8px rgba(255, 48, 69, .6);
}
.mq .tuile--claire p { color: rgba(255, 255, 255, .78); }
.mq .tuile--claire .tag--dark { color: #fff; }
.mq .tuile--claire .carte7 { box-shadow: 0 14px 26px rgba(0, 0, 0, .35), inset 0 0 0 1px rgba(0, 0, 0, .06); }
.mq .tuile--lime { background: radial-gradient(120% 100% at 20% 0%, #ff5a6b 0%, #e01b30 48%, #9e0d1e 100%); }

@media (max-width: 820px) {
  .mq .hero h1 { font-size: clamp(28px, 8vw, 40px); }
  .mq .hero h1 .l--35 { font-size: clamp(120px, 40vw, 170px); }
  .mq .hero-cta { flex-direction: column; align-items: stretch; width: 100%; max-width: 360px; }
  .mq .hero-cta .btn { width: 100%; }
  .mq .hero-btn1 { display: flex; }
  .mq .mascotte { right: -18px; top: -30px; }
}
.mq .fond { position: fixed; top: 0; left: 0; width: 100%; height: 100%; height: 100lvh; z-index: -1; pointer-events: none; }
.mq .hero-fond { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.mq .hero-roue { position: absolute; left: 50%; top: 47%; width: min(980px, 150vw); aspect-ratio: 1; translate: -50% -50%; }
.mq .hero-roue { opacity: .42; }
.mq .hero-roue img { display: block; width: 100%; height: 100%; animation: tourne 90s linear infinite; will-change: transform; }
@keyframes tourne { to { rotate: 360deg; } }
.mq .faisceau { position: absolute; top: -10%; width: 50%; height: 120%; transform-origin: 50% 0; will-change: transform;
  background: radial-gradient(26% 92% at 50% 0, rgba(255, 120, 132, .17), rgba(255, 48, 69, .07) 55%, transparent 100%); }
.mq .f-g { left: 0; rotate: -26deg; animation: balaye-g 9s ease-in-out infinite alternate; }
.mq .f-d { right: 0; rotate: 26deg; animation: balaye-d 11s ease-in-out infinite alternate; }
@keyframes balaye-g { to { rotate: 6deg; } }
@keyframes balaye-d { to { rotate: -8deg; } }
.mq .btn--offres { height: 52px; padding: 0 24px; font-size: 15.5px; }
.mq .btn--offres i { transition: translate .2s var(--ease); }
@media (hover: hover) and (pointer: fine) { .mq .btn--offres:hover i { translate: 0 3px; } }
@media (max-width: 820px) {
  .mq .faisceau { width: 70%; }
  .mq .hero-roue { top: 44%; }
  .mq .btn--offres { height: 50px; }
}
.mq .hero-sub,
.mq .hero-jusqua { text-shadow: 0 1px 2px rgba(13, 10, 28, .9), 0 0 18px rgba(13, 10, 28, .85); }
.mq .pill--ico { width: 38px; padding: 0; justify-content: center; background: var(--s1); border: 1px solid var(--ligne); color: var(--doux); }
.mq .pill--ico:hover { color: #fff; background: var(--discord); border-color: var(--discord); }
.mq .pill--ico .dlogo { width: 18px; height: 18px; }
.mq .pill--ico i { font-size: 19px; }
.mq .pill--tg:hover { background: #2aabee; border-color: #2aabee; }
.mq .pill--ghost i { font-size: 16px; }
.mq .pill--rouge { background: linear-gradient(180deg, #ff4a5d, #dc1b30); color: #fff; box-shadow: inset 0 -2px 0 var(--lime-f), 0 6px 18px -8px rgba(255, 48, 69, .7); }
.mq .pill--rouge:hover { filter: brightness(1.08); }
.mq .logo-av { box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--lime); }
.mq .hero-tirage {
  --enc: 9px; position: relative; display: inline-flex; align-items: stretch; margin-bottom: 26px;
  border-radius: 14px; background: #1a1233; border: 1px solid #3a2f66; color: var(--txt);
  box-shadow: 0 14px 30px -14px rgba(0, 0, 0, .8); transition: translate .3s var(--ease), border-color .2s;
  animation: entre .6s var(--ease-out) both;
}
.mq .hero-tirage:hover { translate: 0 -2px; border-color: rgba(255, 48, 69, .6); }
.mq .ht-souche { display: grid; place-items: center; width: 58px; border-radius: 13px 0 0 13px; background: linear-gradient(160deg, #ff4a5d, #b8122a); position: relative; }
.mq .ht-souche img { width: 38px; height: 38px; rotate: -12deg; filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .45)); transition: rotate .5s var(--ease-rebond); }
.mq .hero-tirage:hover .ht-souche img { rotate: 200deg; }
.mq .ht-souche::after { content: ''; position: absolute; right: -1px; top: 6px; bottom: 6px; border-right: 2px dashed rgba(13, 10, 28, .55); }
.mq .ht-milieu { display: flex; flex-direction: column; justify-content: center; padding: 8px 14px 8px 14px; text-align: left; line-height: 1.15; }
.mq .ht-milieu small { font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--doux); }
.mq .ht-milieu b { font-family: var(--f-titre); font-size: 17px; font-weight: 800; letter-spacing: -.01em; }
.mq .ht-compte { display: flex; align-items: center; gap: 3px; padding: 0 12px 0 4px; font-variant-numeric: tabular-nums; }
.mq .ht-compte b { min-width: 30px; height: 32px; display: grid; place-items: center; border-radius: 7px; background: #0b0818; border: 1px solid #2f2754; font: 700 15px/1 var(--f-titre); color: #fff; box-shadow: inset 0 -12px 0 rgba(255, 255, 255, .03); }
.mq .ht-compte i { font-style: normal; color: var(--lime); font-weight: 800; }
.mq .hero .hero-tirage { margin-bottom: 26px; }
.mq .page-tete .hero-tirage { margin-bottom: 0; }
.mq .btn--35 { height: 72px; padding: 0 12px 0 74px; gap: 18px; font-size: 18px; border-radius: 99px;
  box-shadow: inset 0 -4px 0 var(--lime-f), inset 0 2px 0 rgba(255, 255, 255, .25), 0 16px 40px -12px rgba(255, 48, 69, .75); }
.mq .btn--35:hover { box-shadow: inset 0 -4px 0 var(--lime-f), inset 0 2px 0 rgba(255, 255, 255, .25), 0 20px 50px -10px rgba(255, 48, 69, .95); transform: translateY(-2px); }
.mq .b35-pile { position: absolute; left: 8px; top: 50%; width: 60px; height: 60px; translate: 0 -50%; display: grid; place-items: center; border-radius: 50%; background: rgba(0, 0, 0, .18); }
.mq .b35-pile img { width: 54px; height: 54px; object-fit: contain; filter: drop-shadow(0 4px 5px rgba(0, 0, 0, .4)); animation: saute 2.4s var(--ease-out) 1.2s infinite; }
@keyframes saute { 0%, 60%, 100% { translate: 0 0; rotate: 0deg; } 70% { translate: 0 -7px; rotate: -8deg; } 82% { translate: 0 0; rotate: 4deg; } }
.mq .b35-txt { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.1; text-align: left; }
.mq .b35-txt b { font-size: 20px; font-weight: 800; letter-spacing: -.015em; }
.mq .b35-txt small { font-size: 12.5px; font-weight: 600; opacity: .85; margin-top: 3px; }
.mq .b35-go { width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: #fff; color: #d41a2e; flex: none; }
.mq .b35-go i { font-size: 20px; transition: translate .2s var(--ease); }
.mq .btn--35:hover .b35-go i { translate: 3px 0; }
.mq .btn--35 .ph-arrow-right { transform: none !important; }
.mq .hero-btn1 .anneau { inset: -10px -12px; }
.mq .btn--discord { background: var(--discord); color: #fff; box-shadow: inset 0 -3px 0 #3c45b8; }
.mq .btn--discord:hover { filter: brightness(1.08); }
.mq .offre { --t: var(--lime); background: radial-gradient(130% 60% at 0% 0%, color-mix(in oklab, var(--t) 16%, transparent), transparent 62%), var(--s1); }
.mq .offre::before { content: ''; position: absolute; inset: 0 0 auto; height: 4px; z-index: 3; background: linear-gradient(90deg, var(--t), color-mix(in oklab, var(--t) 30%, transparent)); transform-origin: 0 50%; transition: scale 1s var(--ease-out) calc(var(--d, 0ms) + 250ms); }
.mq .offre.rv:not(.vu)::before { scale: 0 1; }
.mq .offre--vedette::before { display: none; }
.mq .offre .offre-prix strong { color: var(--t); }
.mq .offre .clogo { box-shadow: 0 0 0 2px color-mix(in oklab, var(--t) 55%, transparent), 0 8px 20px -8px color-mix(in oklab, var(--t) 70%, transparent); }
.mq .offre .offre-nom h3 { color: #fff; }
.mq .offre.incline,
.mq .offre:hover { border-color: color-mix(in oklab, var(--t) 60%, transparent); }
@media (hover: hover) and (pointer: fine) {
  .mq .offre:hover { box-shadow: 0 24px 60px -24px color-mix(in oklab, var(--t) 55%, transparent); }
}
.mq .clogo--lettrage img { width: 86%; height: auto; }
.mq .tag--aide { cursor: pointer; gap: 5px; transition: color .2s, border-color .2s; }
.mq .tag--aide i { font-size: 13px; }
.mq .tag--aide:hover { color: #fff; border-color: var(--t, var(--lime)); }
.mq .reclame { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; border-radius: var(--r-s); background: rgba(88, 101, 242, .14); border: 1px solid rgba(88, 101, 242, .5); }
.mq .rc-ico { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--discord); color: #fff; flex: none; }
.mq .rc-ico .dlogo { width: 19px; height: 19px; }
.mq .reclame b { display: block; font-size: 14.5px; color: #fff; }
.mq .reclame span { font-size: 13.5px; color: #c9cdf7; }
.mq .claim { margin-top: 12px; padding: 14px; border-radius: var(--r-s); background: rgba(88, 101, 242, .1); border: 1px dashed rgba(88, 101, 242, .55); }
.mq .claim-titre { display: flex; align-items: center; gap: 8px; font-size: 14.5px; color: #fff; }
.mq .claim-titre .dlogo { color: #8f98ff; }
.mq .claim ol { margin: 10px 0 12px; padding-left: 20px; display: grid; gap: 6px; font-size: 14px; color: var(--doux); }
.mq .claim ol b { color: #fff; }
.mq .claim .btn { width: 100%; }
.mq .claim-auto { margin-top: 12px; display: flex; gap: 8px; align-items: flex-start; font-size: 14px; color: var(--doux); }
.mq .claim-auto i { color: var(--t, var(--lime)); font-size: 18px; flex: none; }
.mq .lien-aide { margin-top: 12px; display: inline-flex; align-items: center; gap: 7px; font-size: 13.5px; font-weight: 600; color: var(--doux); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--ligne); }
.mq .lien-aide:hover { color: #fff; }
.mq .lien-aide i { font-size: 16px; color: var(--lime); }
.mq .roue img { width: 84px; height: 116px; left: calc(50% - 42px); object-position: 50% 30%; border: 2px solid rgba(255, 255, 255, .9); border-radius: 12px; }
.mq .tuile-aide { display: inline-flex; align-items: center; gap: 6px; width: max-content; font-size: 13.5px; font-weight: 700; color: #fff; padding: 6px 12px; border-radius: 99px; background: rgba(255, 48, 69, .16); border: 1px solid rgba(255, 48, 69, .45); position: relative; z-index: 1; }
.mq .sl-lien { position: absolute; inset: 0; display: grid; place-items: center; opacity: 0; transition: opacity .25s ease; background: linear-gradient(180deg, transparent 30%, rgba(13, 10, 28, .55)); }
.mq .sl-lien span { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 16px; border-radius: 99px; background: var(--lime); color: #fff; font-weight: 700; font-size: 14px; translate: 0 6px; transition: translate .3s var(--ease-out); }
.mq .ht-slots figure:hover .sl-lien,
.mq .sl-lien:focus-visible { opacity: 1; }
.mq .ht-slots figure:hover .sl-lien span { translate: 0 0; }
@media (hover: none) { .mq .sl-lien { opacity: 1; background: none; place-items: end end; padding: 10px; } .mq .sl-lien span { height: 30px; font-size: 12.5px; translate: none; } }
.mq .reseaux { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 34px; }
.mq .reseau { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 20px; background: var(--s1); border: 1px solid var(--ligne); transition: border-color .2s, translate .3s var(--ease), background .2s; }
.mq .reseau:hover { border-color: color-mix(in oklab, var(--c) 70%, transparent); background: color-mix(in oklab, var(--c) 9%, var(--s1)); translate: 0 -2px; }
.mq .rs-ico { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: var(--c); color: #fff; font-size: 24px; flex: none; }
.mq .reseau[style*='#e7e9ea'] .rs-ico { background: #000; border: 1px solid #333; }
.mq .reseau[style*='#53fc18'] .rs-ico { color: #0b0b0b; }
.mq .rs-ico .dlogo { width: 24px; height: 24px; }
.mq .kick-k { font: 900 24px/1 var(--f-titre); letter-spacing: -.04em; }
.mq .rs-txt { display: flex; flex-direction: column; min-width: 0; }
.mq .rs-txt b { font-family: var(--f-titre); font-size: 18px; }
.mq .rs-txt small { color: var(--faible); font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mq .rs-chiffre { margin-left: auto; text-align: right; font-size: 12.5px; color: var(--doux); line-height: 1.2; display: flex; flex-direction: column; }
.mq .rs-chiffre b { font-family: var(--f-titre); font-size: 19px; color: #fff; }
.mq .reseau > i { color: var(--faible); font-size: 16px; }
.mq .sec-tete--s h3 { font-size: 24px; }
.mq .pied-soc { flex-wrap: wrap; }
.mq .pied-soc .kick-k { font-size: 17px; }
.mq .pied-soc .dlogo { width: 18px; height: 18px; }
@media (max-width: 1080px) { .mq .reseaux { grid-template-columns: 1fr 1fr; } }
.mq .fenetre { width: min(560px, calc(100vw - 24px)); max-height: min(86dvh, 820px); padding: 0; border: 1px solid var(--ligne); border-radius: 24px; background: var(--cadre); color: var(--txt); overflow: hidden; box-shadow: 0 40px 100px -20px rgba(0, 0, 0, .85); }
.mq .fenetre::backdrop { background: rgba(6, 4, 14, .72); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.mq .fenetre[open] { animation: fen-in .32s var(--ease-out); }
.mq .fenetre[open]::backdrop { animation: fen-fond .3s ease; }
@keyframes fen-in { from { opacity: 0; scale: .96; translate: 0 10px; } }
@keyframes fen-fond { from { opacity: 0; } }
.mq .fen-corps { max-height: inherit; overflow-y: auto; padding: 28px 28px 24px; overscroll-behavior: contain; }
.mq .fen-x { position: absolute; top: 14px; right: 14px; z-index: 2; width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: var(--s2); color: var(--doux); font-size: 18px; }
.mq .fen-x:hover { color: #fff; background: var(--ligne); }
.mq .fen-tete { display: flex; flex-direction: column; gap: 10px; padding-right: 40px; margin-bottom: 18px; }
.mq .fen-tete h2 { font-size: 28px; }
.mq .fen-tete p { color: var(--doux); font-size: 14.5px; }
.mq .fen-tete--c { align-items: center; text-align: center; padding: 0; margin-top: 18px; }
.mq .fenetre h3 { font-size: 18px; margin: 20px 0 10px; }
.mq .fen-chrono { padding: 14px; border-radius: 16px; background: var(--s1); border: 1px solid var(--ligne); }
.mq .fen-chrono small { display: block; font-size: 12px; color: var(--faible); margin-bottom: 8px; text-transform: uppercase; letter-spacing: .08em; font-weight: 600; }
.mq .fen-chrono .chrono { justify-content: flex-start; }
.mq .fen-etapes { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; counter-reset: e; }
.mq .fen-etapes li { counter-increment: e; display: grid; grid-template-columns: 30px 1fr; gap: 12px; align-items: start; font-size: 14.5px; color: var(--doux); }
.mq .fen-etapes li::before { content: counter(e); width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--lime); color: #fff; font: 800 14px/1 var(--f-titre); box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .25); }
.mq .fen-etapes b,
.mq .fen-bloc b { color: #fff; }
.mq .fen-bonus { margin-top: 18px; padding: 16px; border-radius: 16px; background: rgba(255, 48, 69, .08); border: 1px solid rgba(255, 48, 69, .3); }
.mq .fen-bonus h3 { margin-top: 0; }
.mq .fen-bonus p { font-size: 14.5px; color: var(--doux); }
.mq .fen-def { display: flex; gap: 12px; padding: 14px; border-radius: 16px; background: var(--s1); border: 1px solid var(--ligne); font-size: 14.5px; color: var(--doux); }
.mq .fen-def i { color: var(--lime); font-size: 22px; flex: none; }
.mq .fen-def b { color: #fff; }
.mq .fen-bloc { display: grid; grid-template-columns: 34px 1fr; gap: 14px; margin-top: 18px; }
.mq .fen-bloc h3 { margin: 4px 0 6px; }
.mq .fen-bloc p { font-size: 14.5px; color: var(--doux); }
.mq .fb-n { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--s2); border: 1px solid var(--ligne); font: 800 16px/1 var(--f-titre); }
.mq .fb-ex { margin-top: 8px !important; padding: 10px 12px; border-radius: 12px; background: var(--s2); }
.mq .fen-pied { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 22px; }
.mq .fen-pied .btn { flex: 1 1 200px; }
.mq .fen-onglets { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; margin-right: 46px; border-radius: 99px; background: var(--s1); border: 1px solid var(--ligne); }
.mq .fen-onglets button { height: 38px; border-radius: 99px; font-weight: 700; font-size: 14.5px; color: var(--doux); transition: background .2s, color .2s; }
.mq .fen-onglets [aria-selected='true'] { background: var(--s2); color: #fff; }
.mq .fen-oauth { display: grid; gap: 10px; margin-top: 20px; }
.mq .fen-oauth .btn--white i { font-size: 19px; }
.mq .fen-ou { display: flex; align-items: center; gap: 12px; margin: 18px 0; color: var(--faible); font-size: 13px; }
.mq .fen-ou::before,
.mq .fen-ou::after { content: ''; flex: 1; height: 1px; background: var(--ligne); }
.mq .fen-form { display: grid; gap: 12px; }
.mq .fen-form label { display: grid; gap: 6px; font-size: 13.5px; font-weight: 600; color: var(--doux); }
.mq .fen-form input { height: 48px; padding: 0 14px; border-radius: 14px; border: 1px solid var(--ligne); background: var(--s1); color: #fff; font: inherit; font-size: 16px; }
.mq .fen-form input:focus { outline: 2px solid var(--lime); outline-offset: 1px; }
.mq .fen-form .btn { margin-top: 4px; }
.mq .fenetre .mini { margin-top: 12px; }
.mq .fenetre .toast { position: fixed; }

@media (max-width: 820px) {
  .mq .top-actions { gap: 6px; }
  .mq .pill--ico { width: 36px; height: 36px; }
  .mq .pill--ghost { display: inline-flex; width: 38px; padding: 0; justify-content: center; font-size: 0; }
  .mq .pill--ghost i { font-size: 17px; }
  .mq .pill--rouge { padding: 0 13px; }
  .mq .pill--ghost { height: 36px; width: 36px; }
  .mq .btn--35 { height: 68px; padding-left: 70px; }
  .mq .b35-txt b { font-size: 18px; }
  .mq .hero-tirage { margin-bottom: 22px; }
  .mq .ht-souche { width: 48px; }
  .mq .ht-souche img { width: 32px; height: 32px; }
  .mq .ht-milieu { padding: 7px 10px; }
  .mq .ht-milieu b { font-size: 15px; }
  .mq .ht-compte { padding-right: 9px; }
  .mq .ht-compte b { min-width: 26px; height: 28px; font-size: 13.5px; }
  .mq .reseaux { grid-template-columns: 1fr; }
  .mq .fenetre { width: 100vw; max-width: 100vw; max-height: 92dvh; margin: auto 0 0; border-radius: 24px 24px 0 0; border-bottom: 0; }
  .mq .fenetre[open] { animation: fen-monte .36s var(--ease-out); }
  @keyframes fen-monte { from { translate: 0 40px; opacity: .4; } }
  .mq .fen-corps { padding: 24px 18px calc(22px + env(safe-area-inset-bottom)); }
  .mq .fen-tete h2 { font-size: 24px; }
}
.mq .scene { position: absolute; z-index: 0; pointer-events: none; }
.mq .scene-jeton { right: max(-260px, calc(50% - 50vw - 260px)); top: 40px; width: min(820px, 118vw); aspect-ratio: 1; opacity: .5; }
.mq .scene-jeton img { display: block; width: 100%; height: 100%; animation: tourne 120s linear infinite reverse; will-change: transform; }
.mq .scene-mas { left: 39%; top: -40px; height: 640px; aspect-ratio: 1199 / 1312; translate: -50% 0; rotate: -5deg; opacity: .36; filter: brightness(.8); }
.mq .mas { position: relative; width: 100%; height: 100%; }
.mq .mas-corps { display: block; width: 100%; height: 100%; }
.mq .mas-r { position: absolute; left: var(--l); top: 32.4%; width: 18.8%; height: 26.3%; overflow: hidden; border-radius: 6px; background: #07060c; }
.mq .mas-r i { position: absolute; left: 0; top: 50%; width: 100%; aspect-ratio: 1 / 26; margin-top: -450%;
  background: url(/refonte/img/fond/symboles.webp?v=1) 0 0 / 100% auto repeat-y; }
.mq .mas-r::after { content: ''; position: absolute; inset: 0; background: linear-gradient(rgba(0, 0, 0, .75), transparent 32%, transparent 68%, rgba(0, 0, 0, .75)); }
.mq .mas-lumiere { position: absolute; left: 8%; right: 14%; top: 0; height: 30%; border-radius: 50% 50% 0 0; opacity: 0;
  background: radial-gradient(60% 70% at 50% 60%, rgba(255, 214, 140, .55), transparent 70%); mix-blend-mode: screen; }
@media (max-width: 820px) {
  .mq .scene-jeton { right: -42vw; top: -120px; width: 104vw; opacity: .42; }
  .mq .scene-mas { left: 50%; top: 250px; height: 440px; opacity: .3; }
}
.mq .hunt-teaser .ht-txt p,
.mq .hunt-teaser .ht-points li { text-shadow: 0 1px 2px rgba(13, 10, 28, .95), 0 0 16px rgba(13, 10, 28, .9); }
@media (max-width: 389px) { .mq .top .logo-txt { display: none; } }
@media (max-width: 820px) { .mq .video--une { grid-template-columns: 1fr; padding: 0; } }
.mq .video-new { position: absolute; left: 12px; top: 12px; padding: 6px 10px; border-radius: 99px; background: var(--lime); color: #fff; font-size: 12.5px; font-weight: 700; box-shadow: 0 6px 16px -6px rgba(0, 0, 0, .6); }
html:has(#fenetre[open]),
html:has(#fenetre[open]) body,
html.dd-ouvert,
html.dd-ouvert body { overflow: hidden; }
.mq #fenetre { overscroll-behavior: contain; }
.mq .pill--ico .tglogo { width: 19px; height: 19px; }
.mq .pill--tg { color: #2aabee; }
.mq .pill--tg:hover { color: #fff; }
.mq .tuile-obj { position: absolute; z-index: 0; pointer-events: none; filter: drop-shadow(0 16px 22px rgba(0, 0, 0, .45)); transition: rotate .5s var(--ease), translate .5s var(--ease); }
.mq .tuile-obj--ticket { right: 10px; top: 12px; width: min(46%, 210px); rotate: 6deg; }
.mq .tuile-obj--cadeau { right: 6px; bottom: 0; width: min(46%, 200px); rotate: -4deg; }
.mq .tuile--claire > .tag,
.mq .tuile--claire .tuile-bas,
.mq .tuile--lime > .tag,
.mq .tuile--lime > h2,
.mq .tuile--lime > p { position: relative; z-index: 1; }
.mq .tuile-pill { z-index: 1; }
.mq .tuile--claire .tuile-bas h2,
.mq .tuile--claire .tuile-bas p,
.mq .tuile--lime > h2,
.mq .tuile--lime > p { max-width: min(58%, 30ch); }
@media (hover: hover) and (pointer: fine) {
  .mq .tuile--claire:hover .tuile-obj--ticket { rotate: 2deg; translate: -4px -6px; }
  .mq .tuile--lime:hover .tuile-obj--cadeau { rotate: -9deg; translate: -6px -6px; }
}
@media (max-width: 820px) {
  .mq .tuile-obj--ticket { width: min(42%, 170px); }
  .mq .tuile-obj--cadeau { width: min(44%, 170px); }
}
.mq .defile .via { position: relative; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; flex: none; font-style: normal; }
.mq .defile .via--dc { background: var(--discord); color: #fff; }
.mq .via--dc .dlogo { width: 15px; height: 15px; fill: currentColor; }
.mq .defile .via--tg { background: #fff; color: #2aabee; }
.mq .via--tg .tglogo { width: 26px; height: 26px; }
.mq .via .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.mq .etapes li .demo-lien { grid-column: 2; justify-self: start; white-space: nowrap; margin-top: 8px; }
.mq .offre::before { display: none; }
@media (max-width: 820px) { .mq .pill--ghost { gap: 0; } }
.mq .ht-compte { gap: 4px; }
.mq .ht-compte b { display: flex; align-items: baseline; justify-content: center; gap: 1px; min-width: 40px; height: 32px; padding: 0 6px; line-height: 32px; }
.mq .ht-compte b small { font-size: 10px; font-weight: 700; color: var(--doux); }
.mq .b35-pile img { width: 58px; height: auto; rotate: -8deg; }
.mq .tuile-pill i { font-size: 14px; }
.mq .reseaux--2 { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 820px) { .mq .reseaux--2 { grid-template-columns: 1fr; } }
@media (max-width: 820px) {
  .mq .ht-milieu small { white-space: nowrap; letter-spacing: .04em; font-size: 10.5px; }
}
.mq .offre-prix .tag { align-self: baseline; }
.mq .tag--aide { line-height: 1; }
.mq .tag--aide i { display: grid; place-items: center; width: 14px; height: 14px; font-size: 14px; line-height: 1; }
.mq .cond { border-top: 0; padding-top: 0; }
.mq .cond summary { gap: 12px; justify-content: flex-start; padding: 10px 14px 10px 10px; border-radius: 14px; color: #fff;
  background: color-mix(in oklab, var(--t, var(--lime)) 16%, var(--s2)); border: 1px solid color-mix(in oklab, var(--t, var(--lime)) 45%, transparent);
  transition: background-color .2s ease, transform .14s var(--ease-out); }
.mq .cond summary:active { transform: scale(.98); }
@media (hover: hover) and (pointer: fine) { .mq .cond summary:hover { background: color-mix(in oklab, var(--t, var(--lime)) 26%, var(--s2)); } }
.mq .cond-ico { width: 36px; height: 36px; flex: none; display: grid; place-items: center; border-radius: 10px; background: var(--t, var(--lime)); color: #0d0a1c; font-size: 19px; }
.mq .cond-txt { flex: 1; display: grid; gap: 2px; line-height: 1.15; }
.mq .cond-txt b { font-size: 15px; font-weight: 700; }
.mq .cond-txt small { font-size: 12.5px; font-weight: 500; color: var(--doux); }
.mq .cond summary > i { font-size: 16px; }
.mq .cond:not([open]) summary > i { animation: cond-appel 2.4s var(--ease-out) infinite; }
@keyframes cond-appel { 0%, 70%, 100% { translate: 0 0; } 80% { translate: 0 4px; } 90% { translate: 0 0; } }
.mq .cond[open] .claim { margin-top: 12px; }
@media (prefers-reduced-motion: reduce) { .mq .cond:not([open]) summary > i { animation: none; } }
.mq .cond-txt b { white-space: nowrap; }
.mq .bento { margin-top: 56px; }
@media (max-width: 820px) { .mq .bento { margin-top: 40px; } }
.mq .tuile .tuile-pill { position: relative; left: auto; bottom: auto; margin-top: auto; align-self: flex-start; }
.mq .tuile > p:not(.sr) { margin-bottom: 14px; }
.mq .tuile > .sr { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.mq .tuile--lime > p { max-width: min(54%, 30ch); }
@media (min-width: 821px) { .mq .tuile-obj--cadeau { width: min(42%, 172px); } }
.mq .b35-pile img { width: 50px; rotate: 0deg; }
.mq .insta { margin-bottom: 34px; }
.mq .hero h1 .l--1000 { font-size: clamp(104px, 13.6vw, 196px); white-space: nowrap; }
.mq .hero-chrono { display: inline-flex; align-items: center; gap: 10px; margin-top: 14px; padding: 6px 8px 6px 16px; border-radius: 14px;
  background: #1a1233; border: 1px solid #3a2f66; color: var(--txt); box-shadow: 0 14px 30px -14px rgba(0, 0, 0, .8);
  transition: translate .3s var(--ease), border-color .2s; animation: entre .6s var(--ease-out) .25s both; }
.mq .hero-chrono:hover { translate: 0 -2px; border-color: rgba(255, 48, 69, .6); }
.mq .hero-chrono small { font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--doux); }
.mq .hero-chrono .ht-compte { padding: 0; }
.mq .hero-chrono > i { color: var(--doux); font-size: 18px; margin-right: 4px; }
.mq .hero-chrono + .hero-sub { margin-top: 16px; text-wrap: balance; }
.mq .b35-pile--jeton img { width: 44px; height: auto; rotate: 0deg; animation: piece-tourne 3.2s var(--ease-out) 1.2s infinite; }
@keyframes piece-tourne { 0%, 62% { rotate: y 0deg; } 88%, 100% { rotate: y 360deg; } }
@media (max-width: 820px) {
  .mq .hero h1 .l--1000 { font-size: clamp(78px, 25vw, 124px); }
  .mq .hero-chrono { margin-top: 10px; }
}
.mq .hero-mel { --w: min(480px, 40vw); position: relative; z-index: 0; display: block; width: var(--w); margin: 2px auto calc(var(--w) * -.15);
  -webkit-mask-image: linear-gradient(transparent, #000 9%, #000 84%, transparent); mask-image: linear-gradient(transparent, #000 9%, #000 84%, transparent);
  animation: entre .8s var(--ease-out) .05s both; }
.mq .hero-mel img { display: block; width: 100%; height: auto; filter: drop-shadow(0 18px 30px rgba(0, 0, 0, .55)); }
.mq .hero h1 .l--1000 { position: relative; z-index: 1; font-size: clamp(100px, 12.2vw, 176px); }
@media (max-width: 820px) {
  .mq .hero-mel { --w: min(380px, 94vw); }
  .mq .hero h1 .l--1000 { font-size: clamp(78px, 25vw, 124px); }
}
.mq .hero:has(.hero-mel) { padding-top: 26px; }
.mq .hero:has(.hero-mel) .hero-mel { --w: min(440px, 36vw); }
.mq .hero:has(.hero-mel) .hero-chrono + .hero-sub { max-width: 62ch; margin-top: 14px; }
.mq .hero:has(.hero-mel) .hero-cta { margin-top: 22px; }
@media (max-width: 820px) {
  .mq .hero:has(.hero-mel) { padding-top: 34px; }
  .mq .hero:has(.hero-mel) .hero-mel { --w: min(360px, 88vw); }
  .mq .hero:has(.hero-mel) .hero-chrono + .hero-sub { max-width: 34ch; }
}
@media (max-width: 820px) and (max-height: 760px) {
  .mq .hero:has(.hero-mel) { padding-top: 20px; }
  .mq .hero:has(.hero-mel) .hero-mel { --w: min(300px, 74vw); }
}
.mq .race-lots { list-style: none; display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin: 18px 0 4px; padding: 0; }
.mq .race-lots li { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 10px 4px; border-radius: 14px; background: var(--s1); border: 1px solid var(--ligne); }
.mq .race-lots span { font-size: 12px; font-weight: 600; color: var(--doux); }
.mq .race-lots b { font-family: var(--f-titre); font-size: 16px; font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mq .race-lots .podium { background: color-mix(in srgb, var(--lime) 16%, var(--s1)); border-color: color-mix(in srgb, var(--lime) 50%, transparent); }
.mq .race-lots .podium span { color: #ffb3bb; }
.mq .fen-pied .lien { align-self: center; margin: 0 auto; }
.mq .vide--race .race-lots { width: 100%; }
.mq .vide--race .tag i { font-size: 14px; }
.mq .race-cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
@media (max-width: 480px) {
  .mq .race-lots { gap: 6px; }
  .mq .race-lots li { padding: 8px 2px; }
  .mq .race-lots b { font-size: 14px; }
  .mq .race-lots span { font-size: 11px; }
}
@media (max-width: 820px) { html { scroll-padding-top: 76px; } }
.mq .race-lots + .fen-etapes { margin-top: 20px; }
.mq .reseau--instagram .rs-ico { background: radial-gradient(circle farthest-corner at 32% 106%, #ffe17d 0%, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), linear-gradient(135deg, #234bd7 12%, #c33cbe 58%); }
.mq .rs-ico .iglogo { width: 26px; height: 26px; }
.mq .hero-deco .f img { display: block; width: 100%; height: auto; filter: drop-shadow(0 14px 16px rgba(0, 0, 0, .45)); }
.mq .hero-deco .f1 { width: 76px; }
.mq .hero-deco .f1 img { animation: flotte 6s ease-in-out infinite; }
.mq .hero-deco .f5 { width: 92px; }
.mq .hero-deco .f5 img { animation: flotte 7s ease-in-out -4s infinite; }
.mq .hero-deco .f4 { width: 150px; height: 130px; }
.mq .hero-deco .f4 img { position: absolute; width: 96px; }
.mq .hero-deco .f4 img:first-child { left: 0; top: 10px; rotate: -12deg; }
.mq .hero-deco .f4 img:last-child { left: 52px; top: 0; rotate: 8deg; animation: flotte 6s ease-in-out -3s infinite; }
@media (max-width: 820px) {
  .mq .hero-deco .f1 { width: 54px; }
  .mq .hero-deco .f5 { display: block; width: 58px; left: 4%; top: 12px; }
}
.mq .top { transition: translate .32s var(--ease-out); }
.mq .top.is-cachee { translate: 0 calc(-100% - 12px); }
@media (min-width: 821px) {
  .mq .hero-deco .f1 { display: none; }
  .mq .hero-deco .f5 { left: 10%; top: 58%; width: 100px; }
}
@media (min-width: 821px) { .mq .hero h1 .l--1000 .lime { word-spacing: -.05em; } }
.mq .vd-droite { margin: 14px 14px 14px 0; padding: 0 22px; border-radius: 20px; background: linear-gradient(180deg, #e0213a, #cf1830); color: #fff;
  display: flex; flex-direction: column; box-shadow: inset 0 -3px 0 var(--lime-f); }
.mq .vd-bloc { flex: 1; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; align-content: center; gap: 14px; padding: 20px 0; }
.mq .vd-bloc + .vd-bloc { border-top: 1px solid rgba(0, 0, 0, .22); }
.mq .vd-ico { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: #1a1233; color: #fff; font-size: 24px; box-shadow: 0 4px 8px rgba(0, 0, 0, .2); }
.mq .vd-t,
.mq .vd-d { display: flex; flex-direction: column; min-width: 0; }
.mq .vd-t small,
.mq .vd-d small { font-size: 12.5px; font-weight: 700; }
.mq .vd-t strong { font-family: var(--f-titre); font-size: 24px; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; white-space: nowrap; }
.mq .vd-d { text-align: right; }
.mq .vd-d strong { font-family: var(--f-titre); font-size: 18px; font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mq .vd-go { grid-column: 1 / -1; width: 100%; height: 46px; background: #fff; color: #c8172b; box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .12); }
.mq .vd-go--2 { background: rgba(0, 0, 0, .24); color: #fff; box-shadow: none; }
.mq .vd-go i { font-size: 17px; }
@media (hover: hover) and (pointer: fine) {
  .mq .vd-go:hover { transform: translateY(-1px); box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .12), 0 10px 22px -10px rgba(0, 0, 0, .5); }
  .mq .vd-go--2:hover { background: rgba(0, 0, 0, .34); box-shadow: none; }
}
@media (max-width: 820px) {
  .mq .vd-droite { margin: 0 12px 12px; padding: 0 16px; }
  .mq .vd-bloc { gap: 10px 12px; padding: 16px 0; }
  .mq .vd-ico { width: 40px; height: 40px; font-size: 20px; }
  .mq .vd-t strong { font-size: clamp(16px, 4.6vw, 20px); }
  .mq .vd-d strong { font-size: clamp(14px, 3.9vw, 16px); }
}
.mq .top-maison { display: none; }
@media (max-width: 820px) {
  .mq .top-in { padding-left: 9px; }
  .mq .top .logo { display: none; }
  .mq .top-maison { display: inline-flex; }
  .mq .top-maison:hover { background: var(--s2); border-color: var(--ligne); color: #fff; }
  .mq .dock { grid-template-columns: repeat(3, 1fr); }
  .mq .dock > a > i { height: 24px; display: grid; place-items: center; }
  .mq .dock-av { width: 22px; height: 22px; margin: 1px 0; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 1.5px var(--faible); }
  .mq .dock-mel[aria-current] .dock-av { box-shadow: 0 0 0 1.5px var(--lime); }
}
.mq .mille { position: relative; max-width: 1240px; margin: 0 auto; padding: 56px 20px 8px; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr); gap: 28px; align-items: center; }
.mq .mille-txt { display: flex; flex-direction: column; align-items: start; gap: 18px; min-width: 0; }
.mq .mille h1 { font-size: clamp(44px, 6.2vw, 80px); letter-spacing: -.03em; font-stretch: 100%; line-height: .98; max-width: 13ch; }
.mq .mille .tag { color: var(--txt); }
.mq .mille .tag i { font-size: 14px; color: var(--lime); }
.mq .mille-sub { color: var(--doux); font-size: 17px; max-width: 54ch; }
.mq .mille-chrono { align-self: stretch; max-width: 580px; padding: 16px; border-radius: 20px; background: var(--s1); border: 1px solid var(--ligne); }
.mq .mille-chrono > small { display: block; font-size: 12px; color: var(--faible); text-transform: uppercase; letter-spacing: .08em; font-weight: 600; }
.mq .mille-chrono p { margin-top: 12px; color: var(--doux); font-size: 14px; }
.mq .mille-cta { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.mq .mille-visuel { position: relative; display: grid; place-items: center; }
.mq .mille-visuel::before { content: ''; position: absolute; inset: 12% 6%; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 48, 69, .32), transparent); }
.mq .mille-visuel img { position: relative; width: min(100%, 330px); height: auto; filter: drop-shadow(0 30px 40px rgba(0, 0, 0, .5)); animation: flotte 7s ease-in-out infinite; }
.mq .mille-chiffres { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.mq .mille-chiffres li { display: flex; flex-direction: column; gap: 6px; padding: 20px 22px; border-radius: var(--r); background: var(--s1); border: 1px solid var(--ligne); }
.mq .mille-chiffres b { font-family: var(--f-titre); font-size: 40px; font-weight: 800; letter-spacing: -.04em; line-height: 1; white-space: nowrap; }
.mq .mille-chiffres li:first-child b { color: var(--lime); }
.mq .mille-chiffres span { color: var(--doux); }
.mq .mille-etapes { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.mq .mille-etapes li { display: flex; flex-direction: column; align-items: start; gap: 12px; padding: 22px; border-radius: var(--r); background: var(--s1); border: 1px solid var(--ligne); }
.mq .me-n { width: 40px; height: 40px; flex: none; display: grid; place-items: center; border-radius: 50%; background: var(--lime); color: #fff; font-family: var(--f-titre); font-size: 18px; font-weight: 800; box-shadow: inset 0 -3px 0 var(--lime-f); }
.mq .mille-etapes h3 { font-size: 22px; line-height: 1.12; }
.mq .mille-etapes p { color: var(--doux); font-size: 15px; }
.mq .mille-etapes .btn { margin-top: auto; }
.mq .mille-plus { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mq .mp-carte { display: flex; flex-direction: column; align-items: start; gap: 14px; padding: 22px; border-radius: var(--r); background: var(--s1); border: 1px solid var(--ligne); }
.mq .mp-tete { display: flex; align-items: center; gap: 12px; width: 100%; }
.mq .mp-t { display: flex; flex-direction: column; min-width: 0; }
.mq .mp-t small { color: var(--faible); font-size: 12.5px; font-weight: 600; }
.mq .mp-t b { font-family: var(--f-titre); font-size: 26px; font-weight: 800; letter-spacing: -.02em; line-height: 1.05; }
.mq .mp-tete .tag { margin-left: auto; flex: none; }
.mq .mp-carte p { color: var(--doux); }
.mq .mp-carte .vd-ico { width: 42px; height: 42px; flex: none; font-size: 21px; background: var(--lime); box-shadow: inset 0 -3px 0 var(--lime-f); }
.mq .mp-carte .btn i { color: var(--lime); }
.mq .faq { display: grid; gap: 10px; max-width: 860px; }
.mq .faq-q { border-radius: 18px; background: var(--s1); border: 1px solid var(--ligne); }
.mq .faq-q summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 18px; font-weight: 700; font-size: 16px; }
.mq .faq-q summary::-webkit-details-marker { display: none; }
.mq .faq-q summary i { flex: none; color: var(--doux); transition: rotate .25s var(--ease); }
.mq .faq-q[open] summary i { rotate: 180deg; }
.mq .faq-q p { padding: 0 18px 16px; color: var(--doux); }
.mq .mille-fin { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px 24px; padding: 22px 26px; border-radius: var(--r); background: linear-gradient(180deg, #e0213a, #cf1830); color: #fff; box-shadow: inset 0 -3px 0 var(--lime-f); }
.mq .mille-fin small { display: block; font-size: 12.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.mq .mille-fin b { font-family: var(--f-titre); font-size: clamp(24px, 3vw, 34px); font-weight: 800; letter-spacing: -.02em; }
.mq .mille-fin .btn--lime { background: #fff; color: #c8172b; box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .12); }
.mq .exclu-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; }
.mq .exclu-lien { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--clair-txt); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 1080px) {
  .mq .mille-etapes h3 { font-size: 20px; }
}
@media (max-width: 820px) {
  .mq .mille { grid-template-columns: 1fr; padding: 24px 14px 0; gap: 6px; }
  .mq .mille-visuel { order: -1; }
  .mq .mille-visuel img { width: 150px; }
  .mq .mille h1 { font-size: clamp(40px, 11vw, 56px); }
  .mq .mille-sub { font-size: 16px; }
  .mq .mille-cta { flex-direction: column; align-items: stretch; width: 100%; }
  .mq .mille-chiffres,
.mq .mille-etapes,
.mq .mille-plus { grid-template-columns: 1fr; }
  .mq .mille-chiffres li { flex-direction: row; align-items: baseline; gap: 12px; padding: 16px 18px; }
  .mq .mille-chiffres b { font-size: 30px; }
  .mq .mille-etapes li,
.mq .mp-carte { padding: 18px; }
  .mq .mille-fin { flex-direction: column; align-items: stretch; text-align: center; padding: 20px; }
  .mq .mille-fin .btn { width: 100%; }
  .mq .exclu-cta { flex-direction: column; align-items: stretch; }
  .mq .exclu-lien { justify-content: center; }
}
.mq .jeu-j { top: auto; right: auto; left: 14px; bottom: 44px; }
@media (max-width: 820px) { .mq .jeu-j { top: auto; right: auto; left: 12px; bottom: 40px; } }
.mq .hero { z-index: 1; }
.mq .etapes ol { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mq .etapes li { grid-template-columns: 64px minmax(0, 1fr); }
@media (max-width: 820px) { .mq .etapes ol { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 430px) { .mq .etapes li .demo-lien { grid-column: 1 / -1; } }
.mq .fenetre::before { content: ''; position: absolute; inset: 0 0 auto; height: 64px; z-index: 1; pointer-events: none; border-radius: 24px 24px 0 0;
  background: linear-gradient(var(--cadre) 70%, transparent); opacity: 0; transition: opacity .2s ease; }
.mq .fenetre.fen--defile::before { opacity: 1; }
.mq .vd-t small,
.mq .vd-d small { white-space: nowrap; }
@media (max-width: 370px) {
  .mq .vd-bloc { gap: 10px 8px; }
  .mq .vd-ico { width: 34px; height: 34px; font-size: 17px; }
}
@media (min-width: 821px) and (max-width: 1100px) {
  .mq .vd-bloc { grid-template-columns: auto minmax(0, 1fr); row-gap: 4px; }
  .mq .vd-d { grid-column: 2; flex-direction: row; align-items: baseline; gap: 6px; text-align: left; }
  .mq .vd-go { margin-top: 10px; }
}
@media (min-width: 821px) {
  .mq .scene-mas { -webkit-mask-image: linear-gradient(#000 45%, transparent 64%); mask-image: linear-gradient(#000 45%, transparent 64%); }
}
.mq .gw-lot { padding-right: 68px; }
@media (max-width: 380px) { .mq .sec-tete { flex-wrap: wrap; } }
@media (min-width: 821px) and (max-width: 1000px) { .mq .pt-ticket + .pt-o2 { display: none; } }
.mq .lien-aide { text-align: left; }
.mq .cond dl div:only-child { grid-column: 1 / -1; }
@media (max-width: 600px) { .mq .pt-ticket { display: none; } }
@media (max-width: 400px) { .mq .vide-deco .v1 { display: none; } }
@media (max-width: 380px) { .mq .jc-plinko b:first-child,
.mq .jc-plinko b:last-child { display: none; } }
.mq .gws { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1000px) {
  .mq .etapes ol { grid-template-columns: minmax(0, 1fr); }
  .mq .etapes li + li { border-left: 0; border-top: 1px dashed var(--ligne); }
}
@media (min-width: 821px) and (max-width: 1000px) { .mq .gw-lot strong { font-size: 38px; } }
@media (max-width: 820px) { .mq .gws { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 1240px) { .mq .etapes li .demo-lien { grid-column: 1 / -1; } }
.mq .bento { grid-template-columns: 1fr; }
@media (min-width: 821px) {
  .mq .tuile--lime { min-height: 240px; padding: 28px 32px; }
  .mq .tuile--lime .tuile-obj--cadeau { right: 48px; bottom: 6px; }
}
.mq .vd-droite { background: none; box-shadow: none; padding: 0; gap: 12px; }
.mq .vd-bloc { position: relative; isolation: isolate; overflow: hidden; padding: 20px; border-radius: 18px; border: 1px solid rgba(255, 255, 255, .1);
  background: #14101f no-repeat 75% 70% / cover; }
.mq .vd-bloc::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(90deg, rgba(13, 10, 28, .88), rgba(13, 10, 28, .5) 50%, rgba(13, 10, 28, .12)), linear-gradient(0deg, rgba(13, 10, 28, .55), transparent 50%); }
.mq .vd-bloc--concours { background-image: url(/refonte/img/fond/vd-concours.webp?v=1); background-position: 75% 38%; }
.mq .vd-bloc--race { background-image: url(/refonte/img/fond/vd-race.webp?v=1); background-position: 75% 62%; }
.mq .vd-bloc + .vd-bloc { border-top: 1px solid rgba(255, 255, 255, .1); }
.mq .vd-ico { background: var(--lime); box-shadow: inset 0 -3px 0 var(--lime-f), 0 6px 14px rgba(0, 0, 0, .35); }
.mq .vd-t small,
.mq .vd-d small { color: rgba(255, 255, 255, .8); }
.mq .vd-t,
.mq .vd-d { text-shadow: 0 1px 12px rgba(0, 0, 0, .6); }
.mq .vd-go--2 { background: rgba(13, 10, 28, .55); border: 1px solid rgba(255, 255, 255, .28); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
@media (hover: hover) and (pointer: fine) { .mq .vd-go--2:hover { background: rgba(13, 10, 28, .72); } }
@media (max-width: 820px) { .mq .vd-droite { padding: 0; } .mq .vd-bloc { padding: 16px; } }
.mq {
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-rebond: cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes entre { from { opacity: 0; translate: 0 18px; } }
@keyframes ligne { from { translate: 0 105%; } }
@keyframes surgit { from { opacity: 0; scale: .4; } }

.mq .hero h1 .l { display: block; overflow: hidden; padding-bottom: .12em; margin-bottom: -.12em; }
.mq .hero h1 .l > span { display: block; animation: ligne .9s var(--ease-out) both; }
.mq .hero h1 .l:nth-child(2) > span { animation-delay: .08s; }
.mq .hero h1 .l:nth-child(3) > span { animation-delay: .18s; }
.mq .hero-live { animation: entre .6s var(--ease-out) both; }
.mq .hero-sub { animation: entre .7s var(--ease-out) .3s both; }
.mq .hero-cta { animation: entre .7s var(--ease-out) .42s both; }
.mq .hero-deco .f { animation: surgit .8s var(--ease-rebond) both; }
.mq .hero-deco .f1 { animation-delay: .45s; } .mq .hero-deco .f2 { animation-delay: .6s; } .mq .hero-deco .f3 { animation-delay: .52s; }
.mq .hero-deco .f4 { animation-delay: .38s; } .mq .hero-deco .f5 { animation-delay: .68s; }

.mq .page-tete > :not(.pt-deco):not(.vide-deco) { animation: entre .7s var(--ease-out) both; }
.mq .page-tete > :nth-child(2) { animation-delay: .04s; }
.mq .page-tete > :nth-child(3) { animation-delay: .12s; }
.mq .page-tete > :nth-child(4) { animation-delay: .2s; }
.mq .pt-deco .o,
.mq .vide-deco .o { animation: surgit .8s var(--ease-rebond) .25s both; }
.mq .pt-deco .o + .o,
.mq .vide-deco .o + .o { animation-delay: .4s; }
.mq .vide-deco .o + .o + .o { animation-delay: .52s; }
@keyframes onde { from { opacity: 1; scale: 1; } to { opacity: 0; scale: 1.16 1.5; } }
.mq .anneau::after { animation: onde 2.4s var(--ease-out) infinite; }
@keyframes reflet { 0%, 62% { translate: -120% 0; } 100% { translate: 320% 0; } }
.mq .btn--xl,
.mq .offre--vedette .btn--lime { position: relative; overflow: hidden; isolation: isolate; }
.mq .btn--xl::before,
.mq .offre--vedette .btn--lime::before {
  content: ''; position: absolute; inset: 0 auto 0 0; width: 34%; z-index: -1; pointer-events: none;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .55), transparent);
  translate: -120% 0; animation: reflet 3.6s ease-in-out 1.4s infinite;
}
html { -webkit-tap-highlight-color: transparent; }
.mq .onde-clic { position: fixed; z-index: 9500; pointer-events: none; box-shadow: 0 0 0 2px currentColor; will-change: transform, opacity; }
.mq .rv { opacity: 0; translate: 0 26px; transition: opacity .6s var(--ease-out) var(--d, 0ms), translate .8s var(--ease-out) var(--d, 0ms), scale .8s var(--ease-out) var(--d, 0ms); }
.mq .rv--carte { translate: 0 44px; scale: .95; }
.mq .rv.vu { opacity: 1; translate: none; scale: none; }
.mq .donne figure { transition: translate .5s var(--ease), transform .9s var(--ease-out) calc(var(--i) * 120ms), opacity .4s ease calc(var(--i) * 120ms); }
.mq .donne:not(.vu) figure { opacity: 0; transform: translate(-60%, 60px) rotate(-18deg); }
.mq .donne img { transition-delay: calc((var(--i) + 2.5) * 60ms); }
.mq .donne:not(.vu) img { rotate: 0deg; }
.mq .pop .d { transition: scale .8s var(--ease-rebond) calc(var(--n, 0) * 140ms + 120ms), opacity .3s ease calc(var(--n, 0) * 140ms + 120ms); }
.mq .pop .d:nth-child(2) { --n: 1; } .mq .pop .d:nth-child(3) { --n: 2; }
.mq .pop:not(.vu) .d { opacity: 0; scale: .4; }
@supports (animation-timeline: view()) {
  @keyframes derive { from { translate: 0 calc(var(--w) * .8); } to { translate: 0 calc(var(--w) * -.8); } }
  .mq .d { animation: derive linear both; animation-timeline: view(); }
  .mq .d:nth-child(2) { animation-name: derive2; }
  @keyframes derive2 { from { translate: 0 calc(var(--w) * 1.3); } to { translate: 0 calc(var(--w) * -1.3); } }
  .mq .d.t { animation: none; }
}
.mq .progres { position: fixed; inset: 0 0 auto; height: 3px; z-index: 70; background: var(--lime); transform-origin: 0 50%; scale: 0 1; pointer-events: none; }
@supports (animation-timeline: scroll()) {
  @keyframes progres { to { scale: 1 1; } }
  .mq .progres { animation: progres linear both; animation-timeline: scroll(root); }
}
@supports not (animation-timeline: scroll()) { .mq .progres { display: none; } }
.mq .offre { position: relative; transition: transform .35s var(--ease-out), border-color .2s; }
.mq .offre::after,
.mq .tuile::after,
.mq .duo-a::after,
.mq .duo-b::after,
.mq .jcarte::after {
  content: ''; position: absolute; inset: 0; z-index: 2; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity .3s ease;
  background: radial-gradient(380px circle at var(--gx, 50%) var(--gy, 50%), rgba(255, 255, 255, .1), transparent 62%);
}
.mq .offre.incline,
.mq .tuile.incline,
.mq .duo-a.incline,
.mq .duo-b.incline,
.mq .jcarte.incline {
  transform: perspective(1100px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(-4px);
  transition: transform .18s var(--ease-out), border-color .2s;
}
.mq .incline::after { opacity: 1; }
.mq .offre.incline { border-color: color-mix(in oklab, var(--t, var(--lime)) 60%, transparent); }
.mq .eclat { position: fixed; z-index: 55; pointer-events: none; font: 800 21px/1 var(--f-titre); will-change: transform, opacity; }
.mq .compte-n { font-variant-numeric: tabular-nums; }
.mq .hero.a-rejouer h1 .l > span,
.mq .hero.a-rejouer .hero-live,
.mq .hero.a-rejouer .hero-tirage,
.mq .hero.a-rejouer .hero-chrono,
.mq .hero.a-rejouer .hero-mel,
.mq .hero.a-rejouer .hero-sub,
.mq .hero.a-rejouer .hero-cta,
.mq .hero.a-rejouer .hero-deco .f,
.mq .page-tete.a-rejouer > :not(.pt-deco):not(.vide-deco),
.mq .page-tete.a-rejouer .pt-deco .o,
.mq .page-tete.a-rejouer .vide-deco .o { animation: none; }
.mq .rv--offre { translate: 0 64px; scale: .84; rotate: var(--rz, 0deg);
  transition: opacity .35s var(--ease-out) var(--d, 0ms), translate .75s var(--ease-out) var(--d, 0ms), scale .75s var(--ease-rebond) var(--d, 0ms), rotate .75s var(--ease-rebond) var(--d, 0ms); }
.mq .offres > .offre:nth-child(2) { --rz: -5deg; }
.mq .offres > .offre:nth-child(4) { --rz: 5deg; }
.mq .rv--offre.vu { rotate: none; }
@keyframes offre-halo {
  0% { box-shadow: 0 0 0 0 color-mix(in oklab, var(--t) 75%, transparent), 0 0 0 0 transparent; }
  35% { box-shadow: 0 0 0 3px color-mix(in oklab, var(--t) 70%, transparent), 0 0 48px 4px color-mix(in oklab, var(--t) 45%, transparent); }
  100% { box-shadow: 0 0 0 14px transparent, 0 0 60px 0 transparent; }
}
@keyframes offre-reflet { from { opacity: 1; background-position: 120% 0; } to { opacity: 1; background-position: -60% 0; } }
.mq .rv--offre.vu { animation: offre-halo 1.1s var(--ease-out) calc(var(--d, 0ms) + 380ms) both; }
.mq .rv--offre.vu::after { background: linear-gradient(105deg, transparent 38%, rgba(255, 255, 255, .16) 50%, transparent 62%) 0 0 / 260% 100% no-repeat;
  animation: offre-reflet .9s var(--ease-out) calc(var(--d, 0ms) + 420ms) both; }
.mq .scene-jeton { transition: opacity .8s var(--ease-out), scale 1.1s var(--ease-out); }
.mq .scene-jeton.joue:not(.vu) { opacity: 0; scale: .85; }
.mq .scene-mas .mas { transition: opacity .6s var(--ease-out), translate .9s var(--ease-out); }
.mq .scene-mas.joue:not(.vu) .mas { opacity: 0; translate: 0 50px; }
.mq .mas-r:nth-of-type(1) { --k: 12; } .mq .mas-r:nth-of-type(2) { --k: 16; } .mq .mas-r:nth-of-type(3) { --k: 20; }
@keyframes rouleau1 { 0%, 6% { translate: 0 0; animation-timing-function: cubic-bezier(.45, 0, .2, 1.04); } 40%, 100% { translate: 0 calc(var(--k) * -100% / 26); } }
@keyframes rouleau2 { 0%, 6% { translate: 0 0; animation-timing-function: cubic-bezier(.45, 0, .2, 1.04); } 50%, 100% { translate: 0 calc(var(--k) * -100% / 26); } }
@keyframes rouleau3 { 0%, 6% { translate: 0 0; animation-timing-function: cubic-bezier(.45, 0, .2, 1.04); } 60%, 100% { translate: 0 calc(var(--k) * -100% / 26); } }
.mq .mas-r i { animation: rouleau1 6s infinite; will-change: translate; }
.mq .mas-r:nth-of-type(2) i { animation-name: rouleau2; }
.mq .mas-r:nth-of-type(3) i { animation-name: rouleau3; }
@keyframes jackpot { 0%, 60% { opacity: 0; } 63% { opacity: 1; } 68% { opacity: .25; } 72% { opacity: 1; } 77% { opacity: .25; } 81% { opacity: 1; } 95%, 100% { opacity: 0; } }
.mq .mas-lumiere { animation: jackpot 6s infinite; }
.mq .pill--visite i { font-size: 16px; color: var(--lime); }
@media (max-width: 1100px) { .mq .pill--visite { display: none !important; } }
.mq .demo-lien { display: inline-flex; align-items: center; gap: 8px; height: 32px; margin-top: 10px; padding: 0 12px 0 5px; border-radius: 99px; border: 1px solid rgba(255, 255, 255, .22);
  background: rgba(255, 255, 255, .08); color: #fff; font: 700 13px/1 var(--f-corps, inherit); cursor: pointer; transition: transform .14s var(--ease-out), background-color .2s ease; }
.mq .demo-lien em { font-style: normal; font-weight: 600; color: var(--doux); }
@media (hover: hover) and (pointer: fine) { .mq .demo-lien:hover { background: rgba(255, 255, 255, .16); } }
.mq .demo-play { position: relative; width: 22px; height: 22px; flex: none; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 0 rgba(255, 48, 69, .6); animation: demo-pouls 2.2s var(--ease-out) infinite; }
.mq .demo-play::after { content: ''; position: absolute; left: 8.5px; top: 6px; border-left: 7px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
@keyframes demo-pouls { 0% { box-shadow: 0 0 0 0 rgba(255, 48, 69, .6); } 70%, 100% { box-shadow: 0 0 0 9px rgba(255, 48, 69, 0); } }
.mq .etapes .demo-lien { margin-top: 12px; }
.mq .hero-demo { display: inline-flex; align-items: center; gap: 10px; margin-top: 22px; padding: 8px 16px 8px 8px; border-radius: 99px; border: 1px solid rgba(255, 255, 255, .14);
  background: rgba(13, 10, 28, .55); color: var(--doux); font: 600 14.5px/1.2 var(--f-corps, inherit); cursor: pointer; backdrop-filter: blur(6px);
  transition: transform .14s var(--ease-out), border-color .2s ease; animation: entre .7s var(--ease-out) .55s both; }
.mq .hero-demo { white-space: nowrap; }
.mq .hero-demo b { white-space: nowrap; color: #fff; text-decoration: underline; text-decoration-color: var(--lime); text-underline-offset: 3px; }
@media (hover: hover) and (pointer: fine) { .mq .hero-demo:hover { border-color: rgba(255, 48, 69, .6); } }
.mq .claim-demo { width: 100%; margin-bottom: 8px; }
.mq .claim-demo i { color: var(--lime); font-size: 18px; }
.mq .tuile-aide--sombre { margin-top: 12px; background: #1f173a; border-color: #1f173a; }
.mq .visite-bouclier { position: fixed; inset: 0; z-index: 9000; background: transparent; transition: background-color .3s ease; }
.mq .visite-bouclier.is-sombre { background: rgba(6, 4, 14, .72); }
.mq .visite-trou { position: fixed; left: 0; top: 0; z-index: 9001; pointer-events: none; border-radius: 20px;
  box-shadow: 0 0 0 200vmax rgba(6, 4, 14, .72), 0 0 0 2px rgba(255, 48, 69, .95), 0 0 30px 6px rgba(255, 48, 69, .35);
  transition: transform .4s var(--ease-out), width .4s var(--ease-out), height .4s var(--ease-out); }
.mq .visite { position: fixed; z-index: 9002; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); padding: 16px 16px 14px; border-radius: 20px;
  background: #160f2c; border: 1px solid rgba(255, 48, 69, .35); box-shadow: 0 24px 60px -16px rgba(0, 0, 0, .9); color: var(--txt); }
.mq .visite[hidden] { display: none; }
.mq .visite.is-entree { animation: visite-in .32s var(--ease-out); }
@keyframes visite-in { from { opacity: 0; transform: translate3d(0, 10px, 0); } }
.mq .visite-haut { display: flex; align-items: center; gap: 10px; }
.mq .visite-k { display: inline-flex; align-items: center; gap: 6px; font: 800 11px/1 var(--f-titre); letter-spacing: .14em; text-transform: uppercase; color: var(--lime); }
.mq .visite-k i { font-size: 15px; }
.mq .visite-n { margin-left: auto; font: 600 12.5px/1 var(--f-corps, inherit); color: var(--faible); font-variant-numeric: tabular-nums; }
.mq .visite-n:empty + .visite-x { margin-left: auto; }
.mq .visite-x { width: 32px; height: 32px; display: grid; place-items: center; margin: -6px -6px -6px 0; border: 0; border-radius: 10px; background: none; color: var(--doux); cursor: pointer; }
.mq .visite-x svg { width: 14px; height: 14px; }
.mq .visite-prog { display: flex; gap: 4px; margin: 12px 0 14px; }
.mq .visite-prog i { flex: 1; height: 3px; border-radius: 3px; background: rgba(255, 255, 255, .1); transition: background-color .3s ease; }
.mq .visite-prog i.is-on { background: var(--lime); }
.mq .visite-t { display: block; font: 800 21px/1.1 var(--f-titre); text-transform: uppercase; letter-spacing: .01em; color: #fff; }
.mq .visite-p { margin: 8px 0 0; font-size: 14.5px; line-height: 1.5; color: var(--doux); }
.mq .visite-demo { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 44px; margin-top: 14px; border: 1px solid rgba(88, 101, 242, .6); border-radius: 12px;
  background: rgba(88, 101, 242, .18); color: #fff; font: 700 14px/1 var(--f-corps, inherit); cursor: pointer; }
.mq .visite-demo[hidden] { display: none; }
.mq .visite-demo i { font-size: 18px; color: #8f98ff; }
.mq .visite-bas { display: flex; justify-content: space-between; gap: 10px; margin-top: 16px; }
.mq .visite-bas button { height: 44px; padding: 0 16px; border-radius: 12px; font: 700 14px/1 var(--f-corps, inherit); cursor: pointer; display: inline-flex; align-items: center; gap: 8px;
  transition: transform .14s var(--ease-out), filter .2s ease; -webkit-tap-highlight-color: transparent; }
.mq .visite-prec { border: 1px solid var(--ligne); background: none; color: var(--doux); }
.mq .visite-suiv { border: 0; background: linear-gradient(180deg, #ff4a5d, #dc1b30); color: #fff; text-transform: uppercase; letter-spacing: .04em; box-shadow: inset 0 -2px 0 var(--lime-f); }
.mq .visite-suiv svg { width: 16px; height: 16px; }
@media (hover: hover) and (pointer: fine) { .mq .visite-suiv:hover { filter: brightness(1.08); } }
@media (min-width: 821px) {
  .mq .visite { left: auto; right: 24px; bottom: 24px; width: 390px; }
}
@media (max-width: 820px) {
  .mq .visite { padding: 13px 14px 12px; border-radius: 18px; }
  .mq .visite-prog { margin: 9px 0 10px; }
  .mq .visite-t { font-size: 18px; }
  .mq .visite-p { font-size: 14px; }
  .mq .visite-bas { margin-top: 12px; }
}
html.visite-on .mq .progres { opacity: 0; }
.mq .dd { position: fixed; inset: 0; z-index: 9400; display: grid; align-items: end; justify-items: center; }
.mq .dd[hidden] { display: none; }
.mq .dd-voile { position: absolute; inset: 0; background: rgba(6, 4, 14, .7); opacity: 0; transition: opacity .25s ease; }
.mq .dd.is-on .dd-voile { opacity: 1; }
.mq .dd-panneau { position: relative; width: min(460px, 100%); height: min(690px, 92svh); display: flex; flex-direction: column; gap: 10px;
  padding: 14px 14px calc(14px + env(safe-area-inset-bottom)); border-radius: 24px 24px 0 0; background: #160f2c; border: 1px solid var(--ligne); border-bottom: 0;
  transform: translate3d(0, 100%, 0); transition: transform .34s var(--ease-out); }
.mq .dd.is-on .dd-panneau { transform: none; }
@media (min-width: 821px) {
  .mq .dd { align-items: center; }
  .mq .dd-panneau { border-radius: 24px; border-bottom: 1px solid var(--ligne); padding-bottom: 14px; transform: translate3d(0, 24px, 0) scale(.97); opacity: 0; transition: transform .3s var(--ease-out), opacity .2s ease; }
  .mq .dd.is-on .dd-panneau { opacity: 1; }
}
.mq .dd-haut { display: flex; align-items: center; gap: 12px; }
.mq .dd-logo { width: 40px; height: 40px; flex: none; display: grid; place-items: center; border-radius: 12px; background: var(--discord); color: #fff; }
.mq .dd-logo svg { width: 22px; height: 22px; }
.mq .dd-haut div { flex: 1; min-width: 0; display: grid; gap: 3px; }
.mq .dd-haut b { font: 800 16px/1.15 var(--f-titre); color: #fff; }
.mq .dd-haut small { font-size: 12.5px; font-weight: 600; color: var(--lime); }
.mq .dd-x { width: 38px; height: 38px; flex: none; display: grid; place-items: center; border-radius: 10px; border: 1px solid var(--ligne); background: none; color: var(--doux); cursor: pointer; }
.mq .dd-x svg { width: 14px; height: 14px; }
.mq .dd-prog { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; }
.mq .dd-prog li { flex: 1; display: grid; gap: 5px; font: 600 10.5px/1 var(--f-corps, inherit); color: var(--faible); text-align: center; }
.mq .dd-prog li::before { content: ''; height: 3px; border-radius: 3px; background: rgba(255, 255, 255, .1); transition: background-color .3s ease; }
.mq .dd-prog li.is-on { color: #fff; }
.mq .dd-prog li.is-on::before { background: rgba(255, 48, 69, .5); }
.mq .dd-prog li.is-fait { color: var(--lime); }
.mq .dd-prog li.is-fait::before { background: var(--lime); }
.mq .dd-consigne { margin: 2px 0 0; min-height: 44px; padding: 10px 12px; border-radius: 12px; background: rgba(255, 48, 69, .12); border: 1px solid rgba(255, 48, 69, .35);
  font: 700 15.5px/1.35 var(--f-corps, inherit); color: #fff; }
.mq .dd-consigne b { color: #ff8a96; }
.mq .dd-app { position: relative; flex: 1; min-height: 0; overflow: hidden; border-radius: 16px; background: #313338; color: #dbdee1;
  font-family: "gg sans", "Noto Sans", system-ui, sans-serif; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06); }
.mq .dd-app.is-entree > :not(.dd-doigt) { animation: dd-in .3s var(--ease-out); }
@keyframes dd-in { from { opacity: 0; transform: translate3d(0, 8px, 0); } }
.mq .dd-cible { position: relative; z-index: 1; outline: 2px solid var(--lime); outline-offset: 3px; animation: dd-pouls 1.6s var(--ease-out) infinite; cursor: pointer; }
@keyframes dd-pouls { 0% { box-shadow: 0 0 0 0 rgba(255, 48, 69, .65); } 70%, 100% { box-shadow: 0 0 0 12px rgba(255, 48, 69, 0); } }
.mq .dd-doigt { position: absolute; z-index: 3; width: 30px; height: 40px; pointer-events: none; color: #fff; font-size: 34px; line-height: 1;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .7)); animation: dd-tape 1.1s var(--ease-out) infinite; }
.mq .dd-doigt.is-haut { rotate: 180deg; }
@keyframes dd-tape { 0%, 100% { translate: 0 8px; } 45% { translate: 0 0; } 60% { translate: 0 2px; } }
.mq .dd-btn { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 16px; border: 0; border-radius: 8px; background: var(--discord); color: #fff;
  font: 600 14.5px/1 inherit; font-family: inherit; cursor: pointer; white-space: nowrap; }
.mq .dd-btn--vert { background: #248046; }
.mq .dd-btn--gris { background: #4e5058; }
.mq .dd-btn:active,
.mq .dd-plus:active,
.mq .dd-option:active { transform: scale(.96); }
.mq .dd-invit { height: 100%; display: grid; align-content: center; justify-items: center; gap: 8px; padding: 20px; text-align: center; background: radial-gradient(120% 70% at 50% 0%, #4a1f3a 0%, #313338 62%); }
.mq .dd-invit-av { width: 76px; height: 76px; border-radius: 24px; object-fit: cover; box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .8); }
.mq .dd-invit small { font-size: 12px; color: #b5bac1; text-transform: uppercase; letter-spacing: .06em; font-weight: 700; margin-top: 6px; }
.mq .dd-invit b { font-size: 24px; color: #fff; }
.mq .dd-invit-info { display: flex; align-items: center; gap: 6px; font-size: 13.5px; color: #b5bac1; margin-bottom: 12px; }
.mq .dd-invit-info i { width: 8px; height: 8px; border-radius: 50%; background: #23a55a; }
.mq .dd-invit .dd-btn { width: min(260px, 100%); height: 44px; }
.mq .dd-ecran { position: relative; height: 100%; display: flex; flex-direction: column; }
.mq .dd-ecran--salons { background: #2b2d31; }
.mq .dd-salons { padding: 12px 10px; display: flex; flex-direction: column; gap: 2px; overflow: auto; }
.mq .dd-serveur { margin: 0 6px 10px; padding-bottom: 12px; border-bottom: 1px solid rgba(0, 0, 0, .3); font-weight: 700; font-size: 16px; color: #f2f3f5; }
.mq .dd-cat { margin: 12px 8px 4px; font-size: 11.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #949ba4; }
.mq .dd-salon { display: block; padding: 9px 10px; border-radius: 6px; border: 0; background: none; color: #949ba4; font: 500 15px/1.2 inherit; font-family: inherit; text-align: left; }
.mq .dd-salon--fort { color: #f2f3f5; font-weight: 600; }
.mq .dd-tete { display: flex; align-items: center; gap: 8px; padding: 12px 14px; border-bottom: 1px solid rgba(0, 0, 0, .25); }
.mq .dd-tete span { color: #80848e; font-size: 20px; line-height: 1; }
.mq .dd-tete b { color: #f2f3f5; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mq .dd-fil { flex: 1; min-height: 0; overflow-y: auto; padding: 14px 12px 60px; display: flex; flex-direction: column; gap: 14px; }
.mq .dd-msg { display: flex; gap: 10px; align-items: flex-start; animation: dd-in .3s var(--ease-out); }
.mq .dd-msg > div { min-width: 0; flex: 1; }
.mq .dd-msg--seul > div { padding: 8px; margin: -8px; border-radius: 8px; background: rgba(88, 101, 242, .08); }
.mq .dd-av { width: 36px; height: 36px; flex: none; border-radius: 50%; display: grid; place-items: center; font: 700 14px/1 inherit; font-family: inherit; color: #fff; }
.mq .dd-av--bot { background: #1e1f22 url(/refonte/img/melchior-yt.webp) center / cover; box-shadow: 0 0 0 2px var(--lime); }
.mq .dd-av--toi { background: var(--discord); }
.mq .dd-nom { margin: 0 0 3px; font-size: 14.5px; font-weight: 600; color: #ff8a96; display: flex; align-items: center; gap: 6px; }
.mq .dd-nom i { font: 700 9.5px/1 inherit; font-family: inherit; font-style: normal; padding: 3px 4px; border-radius: 4px; background: var(--discord); color: #fff; }
.mq .dd-nom--toi { color: #f2f3f5; }
.mq .dd-msg p { margin: 0; font-size: 14.5px; line-height: 1.4; color: #dbdee1; }
.mq .dd-msg p b,
.mq .dd-ok b { color: #fff; }
.mq .dd-embed { margin-top: 4px; padding: 10px 12px 12px 14px; border-radius: 6px; background: #2b2d31; border-left: 4px solid var(--lime); display: grid; gap: 6px; }
.mq .dd-embed--vert { border-left-color: #23a55a; }
.mq .dd-embed > b { color: #fff; font-size: 15px; }
.mq .dd-embed p { font-size: 13.5px; }
.mq .dd-boutons { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.mq .dd-boutons .dd-btn { height: 34px; padding: 0 10px; font-size: 13px; }
.mq .dd-select { display: flex; align-items: center; justify-content: space-between; margin-top: 8px; height: 40px; padding: 0 12px; border-radius: 6px; background: #1e1f22; border: 1px solid #111214; color: #949ba4; font-size: 14px; }
.mq .dd-select.is-ouvert { border-color: var(--discord); border-radius: 6px 6px 0 0; }
.mq .dd-options { display: grid; background: #2b2d31; border: 1px solid var(--discord); border-top: 0; border-radius: 0 0 6px 6px; padding: 4px; }
.mq .dd-option { display: block; padding: 9px 10px; border: 0; border-radius: 4px; background: none; color: #dbdee1; font: 500 14.5px/1.2 inherit; font-family: inherit; text-align: left; }
.mq button.dd-option { background: rgba(88, 101, 242, .25); color: #fff; font-weight: 600; outline-offset: 0; }
.mq .dd-seul { display: block; margin-top: 8px; font-size: 12px; color: #949ba4; }
.mq .dd-modale { position: absolute; left: 10px; right: 10px; top: 50%; translate: 0 -50%; z-index: 2; padding: 16px; border-radius: 10px; background: #313338; box-shadow: 0 0 0 100vmax rgba(0, 0, 0, .6), 0 12px 30px rgba(0, 0, 0, .6); display: grid; gap: 12px; animation: dd-in .3s var(--ease-out); }
.mq .dd-modale-t { font-size: 18px; color: #f2f3f5; }
.mq .dd-champ { display: grid; gap: 6px; }
.mq .dd-champ > span:first-child { font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: #b5bac1; }
.mq .dd-input { display: block; padding: 10px; border-radius: 4px; background: #1e1f22; color: #f2f3f5; font-size: 14.5px; }
.mq .dd-input::after { content: ''; display: inline-block; width: 1px; height: 1em; margin-left: 2px; vertical-align: -2px; background: #f2f3f5; animation: dd-curseur 1s steps(1) infinite; }
@keyframes dd-curseur { 50% { opacity: 0; } }
.mq .dd-modale-bas { display: flex; justify-content: flex-end; align-items: center; gap: 16px; margin-top: 4px; }
.mq .dd-lien { font-size: 14px; color: #dbdee1; }
.mq .dd-points { display: inline-flex; gap: 4px; padding: 6px 0; }
.mq .dd-points i { width: 7px; height: 7px; border-radius: 50%; background: #b5bac1; animation: dd-points 1s ease-in-out infinite; }
.mq .dd-points i:nth-child(2) { animation-delay: .15s; } .mq .dd-points i:nth-child(3) { animation-delay: .3s; }
@keyframes dd-points { 0%, 60%, 100% { opacity: .3; transform: none; } 30% { opacity: 1; transform: translateY(-3px); } }
.mq .dd-capture { margin-top: 4px; width: 190px; padding: 12px; border-radius: 10px; background: #0f1d2b; border: 1px solid rgba(255, 255, 255, .1); display: grid; gap: 4px; }
.mq .dd-capture-t { font-size: 11px; color: #94a3b8; text-transform: uppercase; letter-spacing: .06em; font-weight: 700; }
.mq .dd-capture b { font-size: 24px; font-weight: 800; color: #fff; }
.mq .dd-capture-ok { font-size: 12px; font-weight: 700; color: #23a55a; }
.mq .dd-saisie { position: relative; display: flex; align-items: center; gap: 10px; margin: 0 10px 10px; padding: 6px 6px 6px 8px; border-radius: 10px; background: #383a40; }
.mq .dd-plus { width: 32px; height: 32px; flex: none; display: grid; place-items: center; border-radius: 50%; border: 0; background: #4e5058; color: #dbdee1; font: 600 20px/1 inherit; font-family: inherit; padding: 0; }
.mq .dd-texte { flex: 1; min-width: 0; font-size: 14.5px; color: #f2f3f5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mq .dd-texte--vide { color: #80848e; }
.mq .dd-fin { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.mq .dd-fin[hidden] { display: none; }
.mq .dd-vrai { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 48px; border-radius: 12px; background: var(--discord); color: #fff; font: 700 15px/1 var(--f-corps, inherit); text-decoration: none; }
.mq .dd-vrai svg { width: 20px; height: 20px; }
.mq .dd-revoir { height: 48px; padding: 0 16px; border-radius: 12px; border: 1px solid var(--ligne); background: none; color: var(--doux); font: 700 14px/1 var(--f-corps, inherit); cursor: pointer; }
html.dd-ouvert body { overflow: hidden; }

@media (prefers-reduced-motion: reduce) {
  .mq .dd-cible,
.mq .dd-doigt,
.mq .dd-points i,
.mq .dd-msg,
.mq .dd-app.is-entree > *,
.mq .demo-play,
.mq .dd-input::after,
.mq .visite.is-entree { animation: none; }
  .mq .dd-panneau,
.mq .visite-trou { transition: none; }
}
.mq .dd-app { background: linear-gradient(180deg, #13122a, #0d0c1f); color: #e3e2f0; }
.mq .dd-ecran--salons { background: linear-gradient(180deg, #15142c, #0f0e22); }
.mq .dd-invit { background: radial-gradient(120% 70% at 50% 0%, #3a1838 0%, #13122a 62%); }
.mq .dd-invit b { font-size: 20px; }
.mq .dd-serveur { display: grid; gap: 4px; margin: 0 6px 8px; padding-bottom: 12px; font-size: 18px; font-weight: 800; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.mq .dd-serveur small { font-size: 13px; font-weight: 500; color: #9a98b5; }
.mq .dd-cat { margin: 14px 8px 4px; font-size: 13px; font-weight: 800; font-style: italic; letter-spacing: .02em; color: #9a98b5; }
.mq .dd-salon { display: flex; align-items: center; gap: 8px; padding: 8px 10px; font-size: 14.5px; font-weight: 700; letter-spacing: .01em; text-transform: uppercase; color: #8e8ca8; }
.mq .dd-salon--fort { color: #fff; }
.mq .dd-diese { font-size: 18px; font-weight: 500; color: #8e8ca8; width: 16px; }
.mq button.dd-salon { width: 100%; border-radius: 8px; background: rgba(88, 101, 242, .16); }
.mq .dd-tete { background: #0f0e22; border-bottom-color: rgba(255, 255, 255, .06); }
.mq .dd-tete b { font-weight: 800; letter-spacing: .01em; }
.mq .dd-av--bot { background: #000 url(/refonte/img/melchior-ia.webp) center / cover; box-shadow: none; }
.mq .dd-nom { color: #8b88a8; font-weight: 700; }
.mq .dd-nom small { font-size: 11.5px; font-weight: 500; color: #8e8ca8; }
.mq .dd-embed { background: #24233b; border: 1px solid rgba(255, 255, 255, .07); border-left: 4px solid #f0b232; border-radius: 14px; padding: 12px 14px; gap: 8px; }
.mq .dd-embed--panneau { border-left-width: 1px; }
.mq .dd-embed--vert { border-left-color: #23a55a; }
.mq .dd-embed p { font-size: 13.5px; line-height: 1.45; color: #e3e2f0; }
.mq .dd-embed .dd-cite { padding-left: 10px; border-left: 3px solid #4e4d68; }
.mq .dd-pied { font-size: 11.5px; font-weight: 600; color: #cfcde3; }
.mq .dd-boutons { gap: 8px; }
.mq .dd-boutons .dd-btn { height: 38px; padding: 0 12px; border-radius: 10px; font-size: 13.5px; font-weight: 700; }
.mq .dd-btn--gris { background: #2e2d47; color: #f2f1fa; }
.mq .dd-msg--seul > div { background: rgba(88, 101, 242, .07); }
.mq .dd-seul span { color: #00a8fc; }
.mq .dd-lecture { display: flex; align-items: center; gap: 12px; margin: 0 10px 10px; padding: 10px 10px 10px 14px; border-radius: 16px; background: #1f1e36; font-size: 13px; line-height: 1.35; color: #e3e2f0; }
.mq .dd-lecture span { flex: none; width: 40px; height: 36px; display: grid; place-items: center; margin-left: auto; border-radius: 10px; background: var(--discord); color: #fff; font-size: 18px; }
.mq .dd-saisie { background: #1f1e36; }
.mq .dd-salons { position: relative; flex: 1; min-height: 0; }
.mq .visite { padding: 22px 22px 18px; border-radius: 24px; }
.mq .visite-prog { margin: 14px 0 18px; }
.mq .visite-t { font-size: 24px; }
.mq .visite-p { margin-top: 10px; font-size: 16.5px; line-height: 1.6; }
.mq .visite-demo { height: 50px; margin-top: 18px; font-size: 15px; }
.mq .visite-bas { margin-top: 20px; }
.mq .visite-bas button { height: 50px; padding: 0 20px; font-size: 15px; }
@media (min-width: 821px) {
  .mq .visite { left: 50%; right: auto; bottom: 24px; width: min(620px, calc(100vw - 48px)); translate: -50% 0; padding: 26px 28px 22px; }
}
@media (max-width: 820px) {
  .mq .visite { left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom)); padding: 20px 18px 16px; }
  .mq .visite-t { font-size: 21px; }
  .mq .visite-p { font-size: 16px; }
  .mq .visite-prog { margin: 12px 0 14px; }
  .mq .visite-bas { margin-top: 16px; }
}
.mq .dd-lecture b { white-space: nowrap; }
html:not([data-passage]) body { background: #0d0a1c; }
@media (max-width: 820px) {
  html:not([data-passage]) body { padding-bottom: calc(84px + env(safe-area-inset-bottom)); }
}
html:is([data-passage]) .mq :is(.top, .dock, .pied, .progres, .fond) { display: none !important; }
html:is([data-passage]) { scroll-padding-top: auto; overflow-x: visible; -webkit-tap-highlight-color: initial; }
html:not(.mq-connecte) .mq [data-session='connecte'],
html.mq-connecte .mq [data-session='anonyme'] { display: none; }
.mq .pill--compte i { font-size: 17px; }
@media (max-width: 820px) {
  .mq .pill--compte { width: auto; padding: 0 14px; font-size: 14px; gap: 7px; }
}
.mq .pied nav a { display: flex; align-items: center; min-height: 24px; }
.mq .pied-legal a { position: relative; color: var(--doux); text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; }
.mq .pied-legal a::after { content: ''; position: absolute; inset: -12px -6px; }
.mq .pied-legal a:hover { color: var(--txt); }
.mq [hidden] { display: none !important; }
.mq .accueil { overflow-x: clip; }
.mq .sr { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.mq .hero h1 .l--repli { position: relative; z-index: 1; font-size: clamp(40px, 5.6vw, 72px); max-width: 15ch; margin-inline: auto; }
@media (max-width: 820px) { .mq .hero h1 .l--repli { font-size: clamp(34px, 9.4vw, 46px); } }
.mq .hero:has(.l--repli:not([hidden])) .hero-mel { margin-bottom: 6px; }
.mq .hero h1 .l[data-hero-repli]:not(.l--repli) { line-height: 1.5; }
.mq .hero-chrono .ht-compte { min-height: 32px; font: 800 15px/1 var(--f-titre); }
.mq .offres > .offre:nth-child(4n+1) .rang i::before { content: '♠'; }
.mq .offres > .offre:nth-child(4n+2) .rang i::before { content: '♥'; }
.mq .offres > .offre:nth-child(4n+3) .rang i::before { content: '♦'; }
.mq .offres > .offre:nth-child(4n) .rang i::before { content: '♣'; }
.mq .offres > .offre:nth-child(4n+2) .rang,
.mq .offres > .offre:nth-child(4n+3) .rang { color: var(--rouge); }
.mq .offres > .offre.offre--vedette .rang { color: var(--lime-txt); }
.mq .offre:not(.offre--vedette) .txt-vedette,
.mq .offre--vedette .txt-normal { display: none; }
.mq .offre--vedette .offre-corps > .offre-pied { order: 1; }
.mq .offre--vedette .offre-corps > .cond { order: 2; }
.mq .vd-droite:not(:has(> .vd-bloc:not([hidden]))) { display: none; }
.mq .offre--vedette:not(:has(.vd-bloc:not([hidden]))) { grid-template-columns: minmax(0, 1fr); }
.mq .offre:not(.offre--vedette) .vd-droite { margin: 0 14px 14px; }
.mq .offre:not(.offre--vedette) .vd-bloc { grid-template-columns: auto minmax(0, 1fr); row-gap: 4px; }
.mq .offre:not(.offre--vedette) .vd-d { grid-column: 2; flex-direction: row; align-items: baseline; gap: 6px; text-align: left; }
.mq .offre:not(.offre--vedette) .vd-go { margin-top: 10px; }
.mq .offre-txt-label { display: block; margin-bottom: 2px; font-size: 11.5px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--faible); }
.mq .cond-note { margin-top: 12px; font-size: 13.5px; color: var(--doux); }
.mq .cond-liens { display: flex; flex-wrap: wrap; gap: 0 18px; }
.mq .claim-titre .dlogo { width: 18px; height: 18px; }
.mq .offre-pied .mention-pub { margin-top: -4px; }
.mq .defile.is-paused .defile-in { animation-play-state: paused; }
.mq .defile-pied { display: flex; justify-content: flex-end; margin-top: 10px; }
.mq .defile-pause { height: 32px; padding: 0 14px; border-radius: 99px; background: var(--s1); border: 1px solid var(--ligne); color: var(--doux); font-size: 13px; font-weight: 600; }
.mq .defile-pause:hover { color: var(--txt); background: var(--s2); }
.mq .defile span i { font-size: 15px; }
.mq .tuile-pill b i { font-size: 13px; }
.mq .vd-droite { container-type: inline-size; }
@container (max-width: 370px) {
  .mq .vd-bloc { grid-template-columns: auto minmax(0, 1fr); row-gap: 4px; }
  .mq .vd-d { grid-column: 2; flex-direction: row; align-items: baseline; gap: 6px; text-align: left; }
  .mq .vd-go { margin-top: 10px; }
}