:root{--q-papier:#F4F1EA;--q-encre:#12100E;--q-cobalt:#1B3AC4;--q-tangerine:#FF5A1F;--q-jaune:#FFD23F;--q-gris:#4A453C;--q-blanc:#FFFFFF;--q-titre:"Space Grotesk","Bricolage Grotesque",sans-serif;--q-texte:"Archivo","Space Grotesk",sans-serif;--q-tap:52px;--q-radius:4px;--q-trait:3px;--q-ombre:5px 5px 0 var(--q-encre);--q-ease:cubic-bezier(.2,.9,.3,1.2)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background-color:var(--q-papier);background-image:radial-gradient(rgba(18,16,14,.13) 1px,transparent 0);background-size:22px 22px;background-position:-1px -1px;color:var(--q-encre);font-family:var(--q-texte);line-height:1.55}.q-foot,.q-head,main{position:relative}.q-head{display:flex;min-height:var(--q-tap);padding:.85rem 1.25rem;background:var(--q-cobalt);border-bottom:var(--q-trait) solid var(--q-encre)}.q-brand,.q-head{align-items:center}.q-brand{display:inline-flex;gap:.6rem;font-family:var(--q-titre);font-size:1.4rem;font-weight:700;letter-spacing:-.03em;color:var(--q-blanc);text-decoration:none;text-transform:uppercase}.q-logo{flex:none}.wrap{max-width:38rem;margin:0 auto;padding:2rem 1.25rem 4rem}.score,h1,h2{font-family:var(--q-titre);line-height:1.02;letter-spacing:-.035em;margin:0;text-transform:uppercase}h1{font-size:clamp(2rem,8vw,3.2rem);margin-bottom:.6rem}.lede,h1{text-align:center}.lede{color:var(--q-gris);margin:0 0 .5rem;font-size:1.05rem}.rassure{text-align:center;margin:0 0 2.5rem;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--q-cobalt)}.compteur,.rassure{font-family:var(--q-titre);font-weight:700}.compteur{display:inline-block;margin:0 0 .8rem;font-size:.95rem;background:var(--q-jaune);color:var(--q-encre);border:var(--q-trait) solid var(--q-encre);padding:.15rem .6rem}.question h2{font-size:1.5rem;margin:0 0 1.5rem;text-transform:none;letter-spacing:-.02em}.question ul{list-style:none;padding:0;margin:0;display:grid;gap:.8rem}.reponse{width:100%;min-height:var(--q-tap);padding:.8rem 1rem;border-radius:var(--q-radius);border:var(--q-trait) solid var(--q-encre);background:var(--q-blanc);color:var(--q-encre);font-family:var(--q-texte);font-size:1.02rem;font-weight:600;text-align:left;cursor:pointer;box-shadow:var(--q-ombre);transition:transform .12s var(--q-ease),box-shadow .12s var(--q-ease)}.reponse:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--q-encre)}.reponse:active:not(:disabled){transform:translate(5px,5px);box-shadow:0 0 0 var(--q-encre)}.reponse:focus-visible{outline:var(--q-trait) solid var(--q-cobalt);outline-offset:3px}.reponse.faux,.reponse.juste{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.reponse.juste{background:var(--q-jaune)}.reponse.juste:after{content:"\2713";font-family:var(--q-titre);font-size:1.3rem;font-weight:700}.reponse.faux{background:var(--q-tangerine)}.reponse.faux:after{content:"\2715";font-family:var(--q-titre);font-size:1.2rem;font-weight:700}.resultat{text-align:center;padding-top:1rem}.score{display:inline-block;font-size:clamp(3.5rem,18vw,6rem);font-weight:700;margin:0;font-variant-numeric:tabular-nums;background:var(--q-cobalt);color:var(--q-blanc);border:var(--q-trait) solid var(--q-encre);box-shadow:var(--q-ombre);padding:.1em .35em}.score span{font-size:.38em;color:var(--q-jaune)}.defi{margin:1.2rem 0 1.5rem;color:var(--q-gris)}.defi,.z-btn{font-size:1.05rem}.z-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--q-tap);padding:0 1.8rem;border:var(--q-trait) solid var(--q-encre);border-radius:var(--q-radius);background:var(--q-tangerine);color:var(--q-encre);font-family:var(--q-titre);font-weight:700;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;text-decoration:none;box-shadow:var(--q-ombre);transition:transform .12s var(--q-ease),box-shadow .12s var(--q-ease)}.z-btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--q-encre)}.z-btn:active{transform:translate(5px,5px);box-shadow:0 0 0 var(--q-encre)}.rejouer{margin-top:1rem;min-height:var(--q-tap);padding:0 1.4rem;border:var(--q-trait) solid var(--q-encre);border-radius:var(--q-radius);background:var(--q-blanc);color:var(--q-encre);font-family:var(--q-titre);font-weight:700;text-transform:uppercase;cursor:pointer;box-shadow:var(--q-ombre)}.z-share{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.z-share-directs{display:flex;gap:1rem;list-style:none;padding:0;margin:0}a{color:var(--q-cobalt);text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:var(--q-tangerine)}.z-share-directs a{min-height:var(--q-tap);display:inline-flex;align-items:center;font-weight:700}.famille{margin-bottom:2.2rem}.famille-titre{display:inline-block;margin:0 0 .9rem;font-family:var(--q-titre);font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--q-encre);color:var(--q-papier);padding:.2rem .7rem}.themes{list-style:none;padding:0;display:grid;gap:.7rem}.famille .themes{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.themes a{display:flex;min-height:var(--q-tap);align-items:center;justify-content:space-between;gap:.5rem;padding:0 .9rem;border:var(--q-trait) solid var(--q-encre);border-radius:var(--q-radius);background:var(--q-blanc);color:var(--q-encre);font-family:var(--q-titre);font-weight:700;text-decoration:none;box-shadow:3px 3px 0 var(--q-encre);transition:transform .12s var(--q-ease),box-shadow .12s var(--q-ease),background .12s}.themes a:hover{background:var(--q-jaune);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--q-encre)}.famille .themes em{font-style:normal;font-size:.8rem;color:var(--q-gris);font-variant-numeric:tabular-nums}.q-foot{margin-top:3.5rem;padding:2rem 1.25rem 3rem;border-top:var(--q-trait) solid var(--q-encre);background:var(--q-cobalt);color:var(--q-blanc);font-size:.9rem;text-align:left}.q-foot-grille{max-width:38rem;margin-inline:auto;display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:34rem){.q-foot-grille{grid-template-columns:1.4fr 1fr}}.q-foot-marque .q-brand{font-size:1.2rem;margin-bottom:.6rem}.q-foot-marque p{margin:0;max-width:22rem;color:var(--q-blanc)}.q-foot nav{display:block}.q-foot nav h2{font-family:var(--q-titre);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--q-jaune);margin:0 0 .5rem}.q-foot nav ul{list-style:none;padding:0;margin:0;display:grid;gap:0}.q-foot nav a{display:inline-flex;align-items:center;min-height:2.5rem;padding-block:.3rem;color:var(--q-blanc);text-decoration:none;font-weight:700}.q-foot nav a:hover,.q-pass{color:var(--q-jaune)}.q-pass{margin-left:auto;min-height:var(--q-tap);display:inline-flex;align-items:center;font-family:var(--q-titre);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-bottom:var(--q-trait) solid var(--q-jaune);padding:0 .1rem}.q-pass:hover{color:var(--q-blanc);border-bottom-color:var(--q-blanc)}.offre{background:var(--q-blanc);border:var(--q-trait) solid var(--q-encre);border-radius:var(--q-radius);box-shadow:var(--q-ombre);padding:1.6rem 1.4rem;margin:1.5rem 0 0;text-align:center}.offre-points{list-style:none;padding:0;margin:0 0 1.4rem;display:grid;gap:.7rem;text-align:left}.offre-points li{position:relative;padding-left:1.7rem}.offre-points li:before{content:"\2713";position:absolute;left:0;top:-.05em;font-family:var(--q-titre);font-weight:700;color:var(--q-cobalt)}.offre-prix{font-family:var(--q-titre);font-size:1.05rem;font-weight:500;color:var(--q-encre);margin:0 0 1.4rem;line-height:1.35}.offre .z-btn{width:100%;justify-content:center}.offre .rassure{margin:1.2rem 0 0}.offre-attente{background:var(--q-jaune);color:var(--q-encre);border:var(--q-trait) solid var(--q-encre);border-radius:var(--q-radius);padding:.7rem .9rem;margin:0 0 1rem;text-align:left;font-size:.95rem}.offre-resilier{text-align:center;margin:2.5rem 0 0;font-size:.9rem}