@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;600;700;800&display=swap";:root{--creme:#fbf6ea;--creme2:#f3ead6;--encre:#211e3b;--indigo:#4b3fd4;--indigo-clair:#6c5ce7;--ambre:#f2c14e;--ambre-bord:#d99a26;--ambre-txt:#5a3e12;--vert:#2fb380;--gris:#8a85a0}body{background:var(--creme);color:var(--encre);background-image:radial-gradient(circle at 12% 12%,#6c5ce70f,#0000 40%),radial-gradient(circle at 88% 6%,#f76c5e0f,#0000 35%);font-family:Nunito,sans-serif}.wrap{max-width:760px;margin:0 auto;padding:20px 18px}.topbar{align-items:center;gap:10px;padding:8px 0;display:flex}.logo{color:var(--indigo);align-items:center;font-family:Fredoka;font-size:26px;font-weight:700;text-decoration:none;display:flex}.logo .z{background:var(--indigo);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;margin-right:6px;display:inline-flex;transform:rotate(-6deg);box-shadow:2px 3px #4b3fd440}.tagline{color:var(--gris);margin-left:auto;font-size:13px;font-weight:700}.fil{color:var(--gris);margin:16px 0;font-size:13px;font-weight:700;line-height:1.8}.fil a{color:var(--indigo);text-decoration:none}.fil span{margin:0 4px}.fil strong{color:var(--encre)}.entete h1{color:var(--encre);font-family:Fredoka;font-size:clamp(28px,6vw,40px);font-weight:600}.compte{color:var(--gris);margin:8px 0 14px;font-size:16px;font-weight:700}.compte b{color:var(--indigo);font-family:Fredoka;font-size:20px}.intro{color:var(--gris);max-width:640px;margin-bottom:8px;font-size:15px;font-weight:600;line-height:1.65}.outil{margin:22px 0 6px}.outil-h{color:var(--gris);margin:0 0 12px;font-family:Fredoka;font-size:16px;font-weight:600}.alpha-grille{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.alpha-t{background:var(--ambre);width:44px;height:48px;color:var(--ambre-txt);border:1px solid var(--ambre-bord);box-shadow:0 3px 0 var(--ambre-bord);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;font-family:Fredoka;font-size:18px;font-weight:600;transition:transform .1s;display:flex}.alpha-t:hover{transform:translateY(-2px)}.alpha-t.actif{background:var(--indigo);color:#fff;border-color:var(--indigo);box-shadow:0 3px #3a2fb0}.fp{border:2px solid var(--creme2);background:#fff;border-radius:16px;padding:18px}.fp-h{flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 12px;font-family:Fredoka;font-size:17px;font-weight:600;display:flex}.fp-sub{text-transform:uppercase;letter-spacing:.4px;color:var(--indigo);background:#4b3fd41a;border-radius:20px;padding:2px 8px;font-family:Nunito;font-size:11px;font-weight:800}.fp-lbl2{color:var(--encre);margin:0 0 8px;font-size:13px;font-weight:800;display:block}.fp-hint{color:var(--gris);opacity:.85;font-size:12px;font-weight:600}.fp-intro{color:var(--gris);max-width:62ch;margin:0 0 12px;font-size:13px;font-weight:600;line-height:1.5}.fp-intro b{color:var(--encre)}.fp-grille{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.fp-case{flex-direction:column;align-items:center;gap:3px;display:flex}.fp-case input{text-align:center;text-transform:uppercase;background:var(--creme);width:42px;height:48px;color:var(--encre);border:2.5px dashed #cfc4ab;border-radius:9px;outline:none;padding:0;font-family:Fredoka;font-size:20px;font-weight:600}.fp-case input:focus{border-color:var(--indigo-clair);background:#fff;border-style:solid}.fp-case input.rempli{background:var(--vert);color:#fff;border:1px solid #248a63;box-shadow:0 3px #248a63}.fp-case span{color:var(--gris);font-size:9px;font-weight:800}.fp-champ{margin-bottom:14px}.fp-txt{letter-spacing:3px;text-transform:uppercase;border:2.5px solid var(--creme2);background:var(--creme);width:100%;max-width:280px;color:var(--encre);border-radius:12px;outline:none;padding:11px 14px;font-family:Fredoka;font-size:18px;font-weight:500}.fp-txt:focus{border-color:var(--indigo-clair);background:#fff}.fp-actions{margin-top:6px}.fp-reset{color:var(--gris);border:2px solid var(--creme2);cursor:pointer;background:#fff;border-radius:10px;padding:8px 16px;font-family:Fredoka;font-size:13px;font-weight:500}.fp-out{margin-top:16px}.fp-count{color:var(--encre);margin:0 0 10px;font-size:15px;font-weight:800}.fp-count b{color:var(--indigo);font-family:Fredoka;font-size:18px}.fp-etat{color:var(--gris);margin:0;font-size:14px;font-weight:600}.ff-bloc{margin-bottom:14px}.ff-lbl{text-transform:uppercase;letter-spacing:.5px;color:var(--gris);margin-bottom:8px;font-size:12px;font-weight:800;display:block}.ff-hint{text-transform:none;letter-spacing:0;color:var(--gris);opacity:.8;font-weight:600}.ff-row{flex-wrap:wrap;gap:6px;display:flex}.ff-b{min-width:40px;height:40px;color:var(--indigo);border:2px solid var(--creme2);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:0 12px;font-family:Fredoka;font-size:15px;font-weight:500;transition:all .12s;display:flex}.ff-b:hover{border-color:var(--indigo-clair)}.ff-b.actif{background:var(--indigo);color:#fff;border-color:var(--indigo)}.cta{background:var(--indigo);color:#fff;border-radius:16px;align-items:center;gap:14px;margin:22px 0;padding:16px 20px;text-decoration:none;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:0 6px #3a2fb0}.cta:active{transform:translateY(3px);box-shadow:0 3px #3a2fb0}.cta-txt{flex-direction:column;display:flex}.cta-txt strong{font-family:Fredoka;font-size:18px;font-weight:600}.cta-txt span{opacity:.85;font-size:13px;font-weight:600}.cta-fleche{margin-left:auto;font-size:24px;font-weight:800}.note{color:var(--gris);margin-bottom:14px;font-size:13px;font-style:italic;font-weight:600}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2px solid var(--creme2);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;transition:border-color .12s;display:inline-flex}.chip:hover{border-color:var(--indigo-clair)}.chip-mot{letter-spacing:1px;color:var(--encre);font-family:Fredoka;font-size:16px;font-weight:500}.chip-mot .surl{color:#e4483d;font-weight:700}.chip-pts{color:#fff;background:var(--vert);border-radius:20px;padding:1px 8px;font-family:Fredoka;font-size:12px;font-weight:600}.pageresse{justify-content:space-between;gap:10px;margin:30px 0;display:flex}.pageresse a{color:var(--indigo);border:2px solid var(--creme2);background:#fff;border-radius:12px;padding:10px 16px;font-family:Fredoka;font-weight:500;text-decoration:none}.pageresse a:hover{border-color:var(--indigo-clair)}.parcourir{border-top:2px solid var(--creme2);margin-top:40px;padding-top:26px}.parcourir h2{margin-bottom:14px;font-family:Fredoka;font-size:18px;font-weight:600}.pc-titre{text-transform:uppercase;letter-spacing:.6px;color:var(--gris);margin:16px 0 8px;font-size:12px;font-weight:800}.pc-liens{flex-wrap:wrap;gap:8px;display:flex}.pc-liens a{color:var(--indigo);border:2px solid var(--creme2);background:#fff;border-radius:10px;padding:6px 12px;font-family:Fredoka;font-size:14px;font-weight:500;text-decoration:none}.pc-liens a:hover{border-color:var(--indigo-clair)}.pc-liens a.actif{background:var(--indigo);color:#fff;border-color:var(--indigo)}