.quiz-main .fond{transform-origin:50% 100%;pointer-events:none;opacity:.5;background:radial-gradient(1490px 603px at 50% 100%,#c46a6a 0%,#b13966 15.1%,#a82164 22.7%,#9e0862 30.3%,#650741 43.3%,#490631 49.8%,#2c0520 56.3%,#0f0109 100%);position:absolute;inset:0;mask-image:linear-gradient(#0000 0%,#000 50%)}.quiz-main .quiz-scene{z-index:1;flex:1;place-items:center;width:100%;max-width:46rem;margin-inline:auto;padding:clamp(7rem,5svh + 5rem,10rem) clamp(1.25rem,4vw,3.375rem) clamp(2.5rem,5svh,4rem);display:grid;position:relative}.quiz-main .ecran{grid-area:1/1;width:100%}.quiz-main .ecran[hidden]{display:none}.quiz-main .ecran--accueil{text-align:center;flex-direction:column;align-items:center;gap:1.1rem;display:flex}.quiz-main .ecran--accueil h1{font-family:var(--font-display);color:var(--color-text-strong);margin:0;font-size:clamp(1.9rem,1.3rem + 2.4vw,3.2rem);font-weight:700;line-height:1.1}.quiz-main .accueil__ligne{color:var(--color-text-body);margin:0;font-size:1rem}.quiz-main .bouton{background:var(--color-accent);min-height:44px;color:var(--color-text-strong);font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;margin-top:.6rem;padding:.8rem 1.9rem;font-size:.9375rem;font-weight:500;transition:background-color .2s;display:inline-flex}.quiz-main .bouton:hover{background:var(--color-accent-press)}.quiz-main .ecran--jeu{flex-direction:column;gap:clamp(1.1rem,2.4vh,1.9rem);display:flex}.quiz-main .jeu__tete{align-items:center;gap:.9rem;display:flex}.quiz-main .quitter{width:44px;height:44px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;margin:-1rem -.75rem -1rem 0;transition:color .2s;display:grid}.quiz-main .quitter:hover{color:var(--color-text-strong)}.quiz-main .quitter:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.quiz-main .quitter svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:1.15rem;height:1.15rem}.quiz-main .jauge{flex:1;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.quiz-main .jauge__tiret{background:var(--color-border-accent);border-radius:999px;flex:1;height:3px;transition:background-color .3s;overflow:hidden}.quiz-main .jauge__tiret[data-etat=juste]{background:#ebb773}.quiz-main .jauge__tiret[data-etat=rate]{background:#7e788980}.quiz-main .jauge__drain{background:var(--color-accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.quiz-main .enonce{align-items:center;min-height:clamp(4.5rem,9vh,6.75rem);display:grid}.quiz-main .enonce>*{grid-area:1/1;margin:0}.quiz-main .enonce__texte{font-family:var(--font-display);color:var(--color-text-strong);font-size:clamp(1.15rem,.9rem + 1.05vw,1.7rem);font-weight:700;line-height:1.3}.quiz-main .enonce__commentaire{color:var(--color-text-body);font-size:clamp(.95rem,.9rem + .25vw,1.05rem);line-height:1.55}.quiz-main .reponses{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.quiz-main .reponse{border:1px solid var(--color-border-accent);width:100%;min-height:44px;color:var(--color-text-body);font-family:var(--font-body);text-align:left;cursor:pointer;background:#ffffff08;border-radius:.85rem;padding:.85rem 1.15rem;font-size:clamp(.95rem,.9rem + .2vw,1.05rem);line-height:1.4;transition:background-color .2s,border-color .2s,color .2s,opacity .3s;display:block}.quiz-main .reponse:hover:not(:disabled){border-color:var(--color-border-focus);color:var(--color-text-strong);background:#e45ba51a}.quiz-main .reponse:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.quiz-main .reponse:disabled{cursor:default}.quiz-main .reponse[data-etat=juste]{color:var(--color-text-strong);background:#ebb7731a;border-color:#ebb773}.quiz-main .reponse[data-etat=rate]{border-color:var(--color-accent-press);color:var(--color-text-muted)}.quiz-main .reponse[data-etat=eteinte]{opacity:.32}.quiz-main .barre-suivant{justify-content:flex-end;min-height:2.5rem;display:flex}.quiz-main .suivant{min-height:44px;color:var(--color-text-muted);font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;padding:.5rem .25rem .5rem .75rem;font-size:.6875rem;font-weight:600;transition:opacity .25s,color .2s;display:inline-flex}.quiz-main .suivant:hover{color:var(--color-text-strong)}.quiz-main .suivant:disabled{opacity:0;pointer-events:none}.quiz-main .chevron{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:.9em;height:.9em;transition:transform .2s}.quiz-main .suivant:hover .chevron{transform:translate(2px)}.quiz-main .ecran--fin{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.quiz-main .fin__score{font-family:var(--font-display);color:var(--color-text-strong);margin:0;font-size:clamp(3.5rem,2rem + 7vw,6.5rem);font-weight:800;line-height:1}.quiz-main .fin__total{color:var(--color-text-muted);margin-left:.35rem;font-size:.4em}.quiz-main .fin__verdict{font-family:var(--font-display);color:var(--color-accent-soft);margin:0;font-size:clamp(1.25rem,1rem + 1vw,1.9rem);font-weight:700}.quiz-main .sans-js{color:var(--color-text-muted);margin:.6rem 0 0;font-size:.9375rem;display:none}@media (scripting:none){.quiz-main .sans-js{display:block}.quiz-main [data-demarrer]{display:none}.quiz-main [data-entre]{opacity:1!important}.quiz-main .fond{opacity:.5!important;transform:none!important}}