@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;--corail:#f76c5e;--corail-bord:#d94a3d;--vert:#2fb380;--gris:#8a85a0}body{background:var(--creme);color:var(--encre);background-image:radial-gradient(circle at 12% 15%,#6c5ce70f,#0000 40%),radial-gradient(circle at 88% 8%,#f76c5e0f,#0000 35%);font-family:Nunito,sans-serif}.wrap{max-width:760px;margin:0 auto;padding:20px 18px 60px}.topbar{align-items:center;gap:10px;padding:8px 0;display:flex}.logo{color:var(--indigo);letter-spacing:-.5px;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}.hero{text-align:center;margin:26px 0 8px}.hero h1{color:var(--encre);font-family:Fredoka;font-size:clamp(28px,6vw,42px);font-weight:600;line-height:1.08}.hero h1 em{color:var(--indigo);font-style:normal}.hero p{color:var(--gris);margin-top:10px;font-size:16px;font-weight:600}.card{border:2px solid var(--creme2);background:#fff;border-radius:22px;margin-top:22px;padding:22px;box-shadow:0 10px 30px #211e3b0f}.label{text-transform:uppercase;letter-spacing:.6px;color:var(--gris);margin-bottom:8px;font-size:13px;font-weight:800;display:block}.saisie{flex-wrap:wrap;gap:10px;display:flex}#chevalet{letter-spacing:6px;text-transform:uppercase;border:2.5px solid var(--creme2);background:var(--creme);min-width:0;color:var(--encre);border-radius:14px;outline:none;flex:1;padding:14px 16px;font-family:Fredoka;font-size:24px;font-weight:500;transition:all .15s}#chevalet:focus{border-color:var(--indigo-clair);background:#fff;box-shadow:0 0 0 4px #6c5ce71f}.btn{color:#fff;background:var(--indigo);cursor:pointer;border:none;border-radius:14px;min-height:56px;padding:0 26px;font-family:Fredoka;font-size:18px;font-weight:600;transition:transform .1s,box-shadow .1s;box-shadow:0 4px #3a2fb0}.btn:active{transform:translateY(3px);box-shadow:0 1px #3a2fb0}.aide{color:var(--gris);margin-top:12px;font-size:14px;font-weight:600}.chipjoker{background:var(--corail);color:#fff;width:22px;height:22px;box-shadow:0 2px 0 var(--corail-bord);vertical-align:middle;border-radius:6px;justify-content:center;align-items:center;font-family:Fredoka;font-weight:600;display:inline-flex}.apercu{flex-wrap:wrap;gap:6px;min-height:4px;margin-top:16px;display:flex}.tuile{background:var(--ambre);width:40px;height:44px;color:var(--ambre-txt);border:1px solid var(--ambre-bord);box-shadow:0 3px 0 var(--ambre-bord);text-transform:uppercase;border-radius:8px;justify-content:center;align-items:center;font-family:Fredoka;font-size:22px;font-weight:600;display:flex;position:relative}.tuile.j{background:var(--corail);color:#fff;border-color:var(--corail-bord);box-shadow:0 3px 0 var(--corail-bord)}.tuile .v{opacity:.8;font-size:9px;font-weight:700;position:absolute;bottom:2px;right:4px}.resume{color:var(--encre);align-items:baseline;gap:8px;margin:26px 0 4px;font-size:17px;font-weight:800;display:flex}.resume b{color:var(--indigo);font-family:Fredoka;font-size:22px}.etat{color:var(--gris);margin-top:20px;font-weight:600}.grp{margin-top:18px}.grp h3{color:var(--gris);align-items:center;gap:8px;margin-bottom:10px;font-family:Fredoka;font-size:15px;font-weight:500;display:flex}.grp h3:after{content:"";background:var(--creme2);border-radius:2px;flex:1;height:2px}.mots{flex-direction:column;gap:8px;display:flex}.mot{border:2px solid var(--creme2);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;transition:transform .12s,border-color .12s;display:flex}.mot:hover{border-color:var(--indigo-clair);transform:translate(3px)}.mot .lettres{flex-wrap:wrap;gap:3px;display:flex}.mtuile{background:var(--creme2);width:26px;height:29px;color:var(--encre);text-transform:uppercase;border-radius:5px;justify-content:center;align-items:center;font-family:Fredoka;font-size:15px;font-weight:600;display:flex}.mot .pts{color:#fff;background:var(--vert);white-space:nowrap;border-radius:20px;margin-left:auto;padding:3px 11px;font-family:Fredoka;font-size:15px;font-weight:600}.parcourir{border-top:2px solid var(--creme2);margin-top:40px;padding-top:30px}.parcourir h2{margin-bottom:8px;font-family:Fredoka;font-size:20px;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;transition:border-color .12s}.pc-liens a:hover{border-color:var(--indigo-clair)}.explication{border-top:2px solid var(--creme2);margin-top:44px;padding-top:30px}.explication h2{color:var(--encre);margin:26px 0 8px;font-family:Fredoka;font-size:20px;font-weight:600}.explication h2:first-child{margin-top:0}.explication p{color:var(--gris);max-width:640px;font-size:15px;font-weight:600;line-height:1.65}.foot{text-align:center;color:var(--gris);margin-top:40px;font-size:12px;font-weight:600;line-height:1.6}@media (prefers-reduced-motion:reduce){*{transition:none!important}}