/* VPN Autos – jeux éditoriaux | scoped styles only */
.vpna-jeu{--vj-navy:#0c2036;--vj-ink:#243447;--vj-orange:#dd5926;--vj-line:#dbe5e9;--vj-light:#f2f6f8;box-sizing:border-box;max-width:860px;margin:28px auto 38px;color:var(--vj-ink);font:400 16px/1.5 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;}
.vpna-jeu *,.vpna-jeu *::before,.vpna-jeu *::after{box-sizing:border-box;}
.vpna-jeu .vpna-jeu__shell{background:#f7f9fa;border:1px solid var(--vj-line);border-radius:20px;overflow:hidden;padding:clamp(20px,3.5vw,34px);}
.vpna-jeu .vpna-jeu__kicker{display:inline-block;margin:0 0 11px;padding:5px 10px;border:1px solid #efc2b0;border-radius:99px;color:#92380f;font-weight:800;letter-spacing:.075em;text-transform:uppercase;font-size:11px;}
.vpna-jeu .vpna-jeu__title{margin:0 0 9px;font-size:clamp(23px,3.4vw,31px);line-height:1.23;letter-spacing:-.025em;font-weight:800;color:var(--vj-navy);}
.vpna-jeu .vpna-jeu__intro{color:var(--vj-ink);margin:0 0 24px;max-width:680px;font-size:15px;line-height:1.6;}
.vpna-jeu .vpna-jeu__app{background:#fff;border-radius:15px;border:1px solid var(--vj-line);padding:clamp(18px,3.4vw,30px);}
.vpna-jeu .vpna-jeu__fallback{margin:0;color:var(--vj-ink);}
.vpna-jeu .vpna-jeu__progress-line{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:750;color:#556678;letter-spacing:.01em;}
.vpna-jeu .vpna-jeu__track{height:6px;margin:10px 0 27px;background:#e7ebee;border-radius:999px;overflow:hidden;}
.vpna-jeu .vpna-jeu__bar{height:100%;background:var(--vj-orange);border-radius:999px;width:0;transition:width .28s ease;}
.vpna-jeu .vpna-jeu__question{margin:0 0 22px;font-size:clamp(18px,2.3vw,22px);font-weight:750;line-height:1.4;color:var(--vj-navy);}
.vpna-jeu .vpna-jeu__answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.vpna-jeu .vpna-jeu__answer,.vpna-jeu .vpna-jeu__next,.vpna-jeu .vpna-jeu__restart{cursor:pointer;border-radius:11px;font:750 15px/1.4 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;min-height:50px;padding:12px 17px;transition:background .15s ease,border-color .15s ease,transform .15s ease;}
.vpna-jeu .vpna-jeu__answer{background:#fff;border:2px solid #cad6de;color:var(--vj-navy);}
.vpna-jeu .vpna-jeu__answer:hover:not(:disabled){border-color:var(--vj-orange);background:#fff8f4;transform:translateY(-1px);}
.vpna-jeu .vpna-jeu__answer:disabled{cursor:default;opacity:.7;}
.vpna-jeu .vpna-jeu__answer.is-correct{background:#eaf5ee;border-color:#27704a;color:#17432d;opacity:1;}
.vpna-jeu .vpna-jeu__answer.is-wrong{background:#fff1e9;border-color:#bd4920;color:#8a3115;opacity:1;}
.vpna-jeu .vpna-jeu__feedback{border-left:4px solid #c5d7e1;background:#f1f5f7;border-radius:0 9px 9px 0;margin-top:18px;padding:13px 16px;color:var(--vj-ink);font-size:14px;line-height:1.6;}
.vpna-jeu .vpna-jeu__feedback strong{display:block;margin-bottom:4px;color:var(--vj-navy);font-weight:800;}
.vpna-jeu .vpna-jeu__feedback p{margin:0;color:var(--vj-ink);}
.vpna-jeu .vpna-jeu__next,.vpna-jeu .vpna-jeu__restart{background:var(--vj-navy);border:2px solid var(--vj-navy);color:#fff;margin:18px 0 0;width:100%;}
.vpna-jeu .vpna-jeu__next:hover,.vpna-jeu .vpna-jeu__restart:hover{background:#213c58;color:#fff;}
.vpna-jeu .vpna-jeu__answer:focus-visible,.vpna-jeu .vpna-jeu__next:focus-visible,.vpna-jeu .vpna-jeu__restart:focus-visible{outline:3px solid var(--vj-orange);outline-offset:3px;}
.vpna-jeu .vpna-jeu__result-score{font-size:clamp(34px,7vw,56px);font-weight:850;letter-spacing:-.05em;color:var(--vj-navy);margin:0 0 6px;line-height:1.1;}
.vpna-jeu .vpna-jeu__result-title{font-size:20px;line-height:1.3;font-weight:800;color:var(--vj-navy);margin:0 0 10px;}
.vpna-jeu .vpna-jeu__result-copy{color:var(--vj-ink);margin:0 0 12px;}
@media(max-width:550px){.vpna-jeu .vpna-jeu__answers{grid-template-columns:1fr}.vpna-jeu .vpna-jeu__shell{border-radius:13px}.vpna-jeu .vpna-jeu__app{padding:16px}}
@media(prefers-reduced-motion:reduce){.vpna-jeu *,.vpna-jeu *::before,.vpna-jeu *::after{transition:none;animation:none;scroll-behavior:auto}}