@font-face{font-family:"Newsreader";src:url("/assets/fonts/Newsreader-Variable.ttf") format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:"Public Sans";src:url("/assets/fonts/PublicSans-Variable.ttf") format("truetype");font-weight:100 900;font-display:swap}
:root{--fond:#F7F4EC;--texte:#21283B;--primaire:#1E2A4A;--secondaire:#C9A227;--accent:#6E8FA3;--rayon:16px;
--titre:"Newsreader",system-ui,sans-serif;--corps:"Public Sans",system-ui,sans-serif;
--oeil:color-mix(in srgb,#C9A227 60%,#000);--bp-fond:#C9A227;--bp-texte:#21283B}
@media (prefers-color-scheme:dark){:root{--fond:#14161d;--texte:#EEEAE0;--primaire:#C9A227;
--secondaire:#1E2A4A;--accent:#6E8FA3;--oeil:#C9A227;--bp-fond:#C9A227;--bp-texte:#14161d}}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--fond);color:var(--texte);font-family:var(--corps);line-height:1.6;font-size:18px}
h1,h2,h3{font-family:var(--titre);line-height:1.15;margin:0 0 .4em;font-weight:600}
h1{font-size:clamp(2.1rem,5vw,3.6rem)}
h2{font-size:clamp(1.4rem,2.8vw,2.1rem)}
p{margin:0 0 1em;max-width:60ch}
a{color:var(--primaire)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.saut{position:absolute;left:-999px;top:0;background:var(--accent);color:var(--fond);padding:.6em 1.2em;z-index:30}
.saut:focus{left:.5em;top:.5em}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.entete-ml{position:sticky;top:0;background:var(--fond);
border-bottom:1px solid color-mix(in srgb,var(--texte) 10%,transparent);z-index:20}
.entete-ml-barre{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:1.4em;flex-wrap:wrap;
padding:1em 5vw}
.marque-ml{font-family:var(--titre);font-weight:700;font-size:1.15rem;text-decoration:none;color:var(--texte);
margin-right:auto}
.nav-ml{display:flex;gap:1.3em;flex-wrap:wrap}
.nav-ml a{color:var(--texte);text-decoration:none;font-size:.95rem}
.nav-ml a:hover{color:var(--primaire)}
.select-ml select,.select-ml-statique{font:inherit;font-size:.85rem;padding:.4em .8em;border-radius:999px;
border:1px solid color-mix(in srgb,var(--texte) 25%,transparent);background:transparent;color:var(--texte);
text-decoration:none;display:inline-block}
main{display:block}
.hero,.hero-ml{max-width:1180px;margin:0 auto;padding:9vh 5vw 5vh}
.hero .accroche,.hero-ml .accroche{font-size:1.2rem;opacity:.85;max-width:56ch}
.ligne{padding:6vh 5vw}
.ligne.alt{background:color-mix(in srgb,var(--texte) 4%,var(--fond))}
.ligne-texte{max-width:640px;margin:0 auto}
.oeil{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700;color:var(--oeil);
margin-bottom:.3em}
.bouton{display:inline-block;padding:.85em 1.6em;border-radius:var(--rayon);background:var(--primaire);
color:var(--fond);text-decoration:none;font-weight:600;border:2px solid var(--primaire);margin:.3em .5em .3em 0}
.bouton:hover{filter:brightness(1.08)}
.bouton-principal{background:var(--bp-fond);border-color:var(--bp-fond);color:var(--bp-texte)}
.bientot{background:transparent;color:var(--texte);opacity:.55;border:2px dashed currentColor;cursor:default}
.cartes,.grille-produits,.grille-jeux{list-style:none;padding:0;margin:1.4em auto 0;max-width:1180px;
display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2em}
.carte,.carte-produit{border:1px solid color-mix(in srgb,var(--texte) 14%,transparent);border-radius:var(--rayon);
padding:1.4em}
.carte h3,.carte-produit h2,.carte-produit h3{margin-top:0}
.badge-test{display:inline-block;margin:.6em 0 0;padding:.4em .9em;border-radius:999px;background:var(--accent);
color:var(--fond);font-size:.85rem;font-weight:700}
.legal{max-width:70ch;margin:0 auto;padding:6vh 5vw}
.legal h2{margin-top:1.6em}
.pied-ml{padding:4vh 5vw 6vh;text-align:center;font-size:.85rem;opacity:.75;
border-top:1px solid color-mix(in srgb,var(--texte) 10%,transparent);margin-top:2vh}
.pied-ml nav{display:flex;gap:1em;justify-content:center;flex-wrap:wrap;margin-bottom:.8em}
.pied-ml a{color:inherit}
@media (max-width:640px){body{font-size:17px}.hero,.hero-ml{padding:6vh 5vw 4vh}}