:root{color-scheme:light;--bg:#f4f6f8;--surface:#ffffff;--surface-survol:#f8fafc;--border:#e4e9ef;--border-forte:#d3dbe4;--encre:#101828;--encre-2:#475467;--encre-3:#98a2b3;--texte-lecon:#243043;--accent:#059669;--accent-fonce:#047857;--accent-doux:#ecfdf5;--accent-bord:#a7f3d0;--accent-texte:#047857;--violet:#6d5bd0;--violet-doux:#f5f3ff;--violet-bord:#ddd6fe;--violet-texte:#4c3e9e;--rouge:#d92d20;--rouge-doux:#fef3f2;--rouge-bord:#fecdca;--rouge-texte:#912018;--ambre:#b54708;--ambre-doux:#fffaeb;--ambre-bord:#fedf89;--ambre-accent:#f79009;--info:#3b82d6;--info-doux:#f0f6fd;--info-bord:#cfe3f7;--info-texte:#1e3a5f;--selection:#c7f0de;--entete-fond:rgba(255,255,255,.85);--barre-fond:#eaeef3;--code-inline-bg:#f2f5f9;--code-inline-texte:#175d43;--intro-grad:#f0fdf9;--code-bg:#fbfcfe;--code-bg-2:#eef2f7;--code-bord:#e0e6ee;--code-texte:#1c2735;--code-gutter:#aab6c8;--code-titre:#6b7a8d;--code-caret:#059669;--code-selection:rgba(52,153,255,.2);--code-console:#0a7d3f;--code-console-vide:#94a3b8;--code-ctrl-texte:#475467;--code-ctrl-bord:#d3dbe4;--code-ctrl-survol-bg:#e4eaf1;--tok-com:#8a94a6;--tok-str:#0a7d3f;--tok-kw:#8250df;--tok-lit:#b5540e;--tok-num:#b5540e;--tok-fn:#0969da;--rayon:14px;--rayon-s:10px;--ombre-s:0 1px 2px rgba(16,24,40,.05);--ombre-m:0 1px 3px rgba(16,24,40,.08), 0 4px 16px rgba(16,24,40,.06);--ombre-l:0 8px 24px rgba(16,24,40,.14), 0 24px 64px rgba(16,24,40,.18);--police:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;--police-code:"JetBrains Mono",Consolas,Menlo,"Courier New",monospace}html[data-theme=sombre]{color-scheme:dark;--bg:#0c1220;--surface:#141d2e;--surface-survol:#1c2740;--border:#233045;--border-forte:#30405c;--encre:#e7edf6;--encre-2:#a9b6c9;--encre-3:#6e7d95;--texte-lecon:#c5d0e2;--accent-doux:#0d2b22;--accent-bord:#1e5b47;--accent-texte:#6ee7b7;--violet:#8b7cf0;--violet-doux:#1f1b36;--violet-bord:#3b3272;--violet-texte:#c7bcf7;--rouge:#f97066;--rouge-doux:#2b1615;--rouge-bord:#55231f;--rouge-texte:#f5b1ab;--ambre:#f0a95c;--ambre-doux:#2a2110;--ambre-bord:#4a3610;--ambre-accent:#d97706;--info:#60a5fa;--info-doux:#12233a;--info-bord:#1e3a5f;--info-texte:#bdd7f7;--selection:#14532d;--entete-fond:rgba(15,21,35,.85);--barre-fond:#233045;--code-inline-bg:#1b2537;--code-inline-texte:#6ee7b7;--intro-grad:#10241d;--ombre-s:0 1px 2px rgba(0,0,0,.3);--ombre-m:0 1px 3px rgba(0,0,0,.35), 0 4px 16px rgba(0,0,0,.3);--ombre-l:0 8px 24px rgba(0,0,0,.45), 0 24px 64px rgba(0,0,0,.5);--code-bg:#0d1522;--code-bg-2:#111c2d;--code-bord:#1f2d42;--code-texte:#dce6f2;--code-gutter:#3d5470;--code-titre:#8296ad;--code-caret:#34d399;--code-selection:rgba(52,153,255,.28);--code-console:#8fd6a5;--code-console-vide:#44597a;--code-ctrl-texte:#9fb2c8;--code-ctrl-bord:#2a3c57;--code-ctrl-survol-bg:#1a2739;--tok-com:#5b7b99;--tok-str:#7ec699;--tok-kw:#c792ea;--tok-lit:#f2a45f;--tok-num:#f2a45f;--tok-fn:#6cb8ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--encre);font-family:var(--police);font-size:15px;background:var(--bg);-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}::selection{background:var(--selection)}.app-header{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:12px 28px;background:var(--entete-fond);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.marque{display:flex;align-items:center;gap:12px}.logo{display:flex;align-items:flex-end;justify-content:flex-end;width:42px;height:42px;padding:2px 5px;background:#f7df1e;border-radius:12px;color:#000;font-size:17px;font-weight:800;letter-spacing:-.04em;line-height:1}.app-header h1{font-size:1.05rem;font-weight:800;letter-spacing:-.02em;margin:0;line-height:1.2}.app-header .sous-titre{font-size:.78rem;color:var(--encre-2);display:block}.progression{margin-left:auto;display:flex;align-items:center;gap:12px}.progression-barre{width:160px;height:8px;border-radius:999px;background:var(--barre-fond);overflow:hidden}.progression-remplie{height:100%;border-radius:999px;background:linear-gradient(90deg,#10b981,var(--accent-fonce));transition:width .4s ease}.progression-texte{font-weight:600;color:var(--encre-2);font-size:.82rem;white-space:nowrap;font-variant-numeric:tabular-nums}.btn{font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;border:1px solid transparent;border-radius:var(--rayon-s);padding:9px 18px;transition:background .15s,border-color .15s,box-shadow .15s,transform .06s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:wait}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-executer{background:var(--accent);color:#fff;box-shadow:var(--ombre-s),inset 0 1px #ffffff26}.btn-executer:hover{background:var(--accent-fonce)}.btn-sec{background:var(--surface);color:var(--encre-2);border-color:var(--border-forte);box-shadow:var(--ombre-s)}.btn-sec:hover{background:var(--surface-survol);color:var(--encre)}.btn-solution{background:var(--violet);color:#fff;box-shadow:var(--ombre-s)}.btn-solution:hover{filter:brightness(1.08)}.btn-suivant{background:var(--accent);color:#fff;margin-top:10px;box-shadow:var(--ombre-s),inset 0 1px #ffffff26}.btn-suivant:hover{background:var(--accent-fonce)}.btn-theme{padding:9px 12px;font-size:1rem;line-height:1}.niveau{max-width:1220px;margin:26px auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.carte{background:var(--surface);border:1px solid var(--border);border-radius:var(--rayon);box-shadow:var(--ombre-m);padding:22px 24px}.carte h2{margin:0 0 10px;font-size:.78rem;font-weight:700;color:var(--encre-3);text-transform:uppercase;letter-spacing:.08em}.fil{color:var(--encre-3);font-size:.78rem;font-weight:500;margin-bottom:6px}.titre-niveau{font-size:1.35rem!important;font-weight:700;letter-spacing:-.02em;color:var(--encre)!important;margin:0 0 12px!important;text-transform:none!important}.lecon{line-height:1.65;font-size:.93rem;color:var(--texte-lecon)}.lecon b{color:var(--encre)}.lecon code,.objectif code,.feedback code{background:var(--code-inline-bg);border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-family:var(--police-code);font-size:.84em;color:var(--code-inline-texte)}.objectif{margin-top:14px;padding:12px 16px;background:var(--ambre-doux);border:1px solid var(--ambre-bord);border-left:3px solid var(--ambre-accent);border-radius:var(--rayon-s);line-height:1.6;font-size:.93rem}.test-note{margin-top:8px;font-size:.82rem;color:var(--ambre)}.colonne-etang{position:sticky;top:88px}.astuce-clavier{text-align:center;color:var(--encre-3);font-size:.78rem;margin:12px 0 28px}.astuce-clavier kbd,kbd{font-family:var(--police-code);font-size:.85em;color:var(--encre-2);background:var(--code-inline-bg);border:1px solid var(--border-forte);border-bottom-width:2px;border-radius:5px;padding:1px 5px}.carte-editeur{padding:0;overflow:hidden;margin-top:20px;border-color:var(--code-bord)}.barre-editeur{display:flex;align-items:center;gap:7px;padding:10px 16px;background:var(--code-bg-2);border-bottom:1px solid var(--code-bord)}.pastille{width:10px;height:10px;border-radius:50%;opacity:.85}.titre-fichier{color:var(--code-titre);font-size:.78rem;font-family:var(--police-code);margin-left:8px}.editeur-corps{display:flex;background:var(--code-bg)}.gutter{padding:14px 0;width:46px;flex:none;text-align:right;overflow:hidden;font:13px/1.7 var(--police-code);color:var(--code-gutter);background:var(--code-bg);border-right:1px solid var(--code-bord);-webkit-user-select:none;user-select:none}.gutter div{padding-right:12px}.editeur-zone{position:relative;flex:1;min-width:0}.surbrillance,.saisie-code{margin:0;padding:14px 16px;width:100%;height:250px;font:13px/1.7 var(--police-code);white-space:pre;overflow:auto;-moz-tab-size:2;tab-size:2;border:none}.surbrillance{color:var(--code-texte);pointer-events:none}.saisie-code{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;color:transparent;caret-color:var(--code-caret);resize:none;outline:none}.saisie-code::selection{background:var(--code-selection)}.tok-com{color:var(--tok-com);font-style:italic}.tok-str{color:var(--tok-str)}.tok-kw{color:var(--tok-kw)}.tok-lit{color:var(--tok-lit)}.tok-num{color:var(--tok-num)}.tok-fn{color:var(--tok-fn)}.controls{display:flex;gap:10px;flex-wrap:wrap;padding:12px 16px;background:var(--code-bg-2);border-top:1px solid var(--code-bord)}.controls .btn-sec{background:transparent;color:var(--code-ctrl-texte);border-color:var(--code-ctrl-bord);box-shadow:none}.controls .btn-sec:hover{background:var(--code-ctrl-survol-bg);color:var(--code-texte)}.console{background:var(--code-bg);color:var(--code-console);font:12.5px/1.65 var(--police-code);padding:9px 16px;min-height:36px;max-height:110px;overflow:auto;border-top:1px solid var(--code-bord);white-space:pre-wrap}.console-vide{color:var(--code-console-vide);font-style:italic}.etang{position:relative;display:grid;gap:0;border-radius:12px;background:linear-gradient(180deg,#4aa8dc,#2f8fc4 55%,#23759f);box-shadow:inset 0 2px 14px #001e3c4d;border:1px solid #1f6a92}.case{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.case .etiquette{position:absolute;top:3px;left:6px;font-size:calc(var(--cell,60px) * .18);font-family:var(--police-code);color:#fff9;font-weight:500;pointer-events:none}.case.eau:after{content:"";position:absolute;width:44%;height:14%;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top:none;animation:vague 3.5s ease-in-out infinite}@keyframes vague{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.25);opacity:.15}}.nenuphar-pad{position:absolute;width:78%;height:78%;border-radius:50%;background:radial-gradient(circle at 32% 30%,#7ed081,#4d9e52 70%,#3c7f42);box-shadow:inset -3px -4px 8px #0032004d,0 2px 5px #00142859}.nenuphar-pad:after{content:"";position:absolute;right:8%;top:38%;width:34%;height:24%;background:#2f8fc4;border-radius:0 50% 50% 0;clip-path:polygon(100% 0,0 50%,100% 100%)}.case .contenu{position:relative;z-index:2;font-size:calc(var(--cell,60px) * .42)}.perso{position:absolute;z-index:5;display:flex;align-items:center;justify-content:center;transition:left .45s cubic-bezier(.45,.05,.55,1.4),top .45s cubic-bezier(.45,.05,.55,1.4);pointer-events:none}.perso .corps{font-size:calc(var(--cell,60px) * .55);filter:drop-shadow(0 3px 3px rgba(0,20,40,.4))}.perso .corps.saut{animation:hop .45s ease-out}@keyframes hop{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-55%) scale(1.15)}to{transform:translateY(0) scale(1)}}.perso .corps.coule{animation:coule .8s ease-in forwards}@keyframes coule{to{transform:translateY(35%) rotate(20deg) scale(.7);opacity:.25}}.perso .corps.secoue{animation:secoue .5s ease}@keyframes secoue{0%,to{transform:translate(0)}25%{transform:translate(-18%)}75%{transform:translate(18%)}}.bulle{position:absolute;bottom:92%;left:50%;transform:translate(-50%);background:#fff;border:1px solid var(--border);border-radius:10px;padding:4px 10px;font-size:.78rem;font-weight:600;white-space:nowrap;box-shadow:var(--ombre-m);animation:bulleAnim 1.1s ease forwards;z-index:9}.bulle:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#fff}@keyframes bulleAnim{0%{opacity:0;transform:translate(-50%,6px)}15%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}.eclabousse{position:absolute;z-index:6;display:flex;align-items:center;justify-content:center;font-size:calc(var(--cell,60px)*.5);animation:splashPop .8s ease-out forwards;pointer-events:none}@keyframes splashPop{0%{transform:scale(.3);opacity:0}30%{transform:scale(1.25);opacity:1}to{transform:scale(1);opacity:0}}.feedback{margin-top:16px;padding:12px 16px;border-radius:var(--rayon-s);line-height:1.6;font-size:.92rem;animation:apparait .25s ease}@keyframes apparait{0%{opacity:0;transform:translateY(4px)}}.feedback.info{background:var(--info-doux);border:1px solid var(--info-bord);border-left:3px solid var(--info);color:var(--info-texte)}.feedback.erreur{background:var(--rouge-doux);border:1px solid var(--rouge-bord);border-left:3px solid var(--rouge);color:var(--rouge-texte)}.feedback.succes{background:var(--accent-doux);border:1px solid var(--accent-bord);border-left:3px solid var(--accent);color:var(--accent-texte)}.feedback.indice{background:var(--violet-doux);border:1px solid var(--violet-bord);border-left:3px solid var(--violet);color:var(--violet-texte)}.feedback pre{background:var(--code-bg);color:var(--code-texte);padding:12px 14px;border-radius:8px;font:12.5px/1.65 var(--police-code);overflow:auto;margin:10px 0;border:1px solid var(--code-bord)}.feedback .btn-sec{margin-top:6px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1018288c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;animation:apparait .2s ease}.panneau-niveaux{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px 28px;max-width:660px;width:100%;max-height:85vh;overflow:auto;box-shadow:var(--ombre-l)}.panneau-niveaux h2{margin:0 0 16px;font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.section-piste{margin-bottom:6px}.titre-piste{margin:14px 0 4px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--encre-3)}.section-piste:first-of-type .titre-piste{margin-top:0}.ligne-monde{padding:14px 0;border-bottom:1px solid var(--border)}.ligne-monde:last-of-type{border-bottom:none}.ligne-monde.verrouille{opacity:.5}.entete-monde{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;flex-wrap:wrap}.entete-monde b{font-size:.95rem;font-weight:600}.desc-monde{color:var(--encre-3);font-size:.8rem}.puces{display:flex;gap:8px;flex-wrap:wrap}.puce{width:38px;height:38px;border-radius:var(--rayon-s);font-weight:600;font-size:.88rem;font-family:inherit;background:var(--surface);color:var(--encre-2);border:1px solid var(--border-forte);padding:0;cursor:pointer;transition:background .15s,border-color .15s}.puce:hover:not(:disabled){border-color:var(--accent);color:var(--accent-texte)}.puce:disabled{cursor:not-allowed;opacity:.55}.puce.fait{background:var(--accent-doux);border-color:var(--accent-bord);color:var(--accent-texte)}.puce.courant{border-color:var(--accent);box-shadow:0 0 0 3px #05966926}.bientot{font-size:.82rem;color:var(--encre-3)}.actions-panneau{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;flex-wrap:wrap}.btn-reinit{color:var(--rouge)}.btn-reinit:hover{border-color:var(--rouge)}.panneau-intro{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:36px 38px 30px;max-width:430px;width:100%;text-align:center;box-shadow:var(--ombre-l);animation:apparait .25s ease}.intro-emoji{display:grid;place-items:center;width:96px;height:96px;margin:0 auto;font-size:3.2rem;line-height:1;background:linear-gradient(135deg,var(--intro-grad),var(--accent-doux));border:1px solid var(--accent-bord);border-radius:50%;filter:drop-shadow(0 2px 4px rgba(16,24,40,.1));animation:mascotteHop 1.6s ease-in-out infinite}@keyframes mascotteHop{0%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.panneau-intro h2{margin:18px 0 2px;font-size:1.2rem;font-weight:700;letter-spacing:-.01em}.intro-perso{color:var(--encre-2);font-size:.9rem;margin:4px 0 14px}.intro-pouvoir{line-height:1.6;margin:0 0 22px;font-size:.93rem;color:var(--texte-lecon)}.panneau-victoire{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:34px 34px 28px;max-width:520px;width:100%;max-height:88vh;overflow:auto;text-align:center;box-shadow:var(--ombre-l);animation:apparait .25s ease}.victoire-trophee{font-size:3.6rem;line-height:1;margin-bottom:6px;animation:mascotteHop 1.6s ease-in-out infinite}.panneau-victoire h2{margin:6px 0 4px;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--encre)}.victoire-soustitre{color:var(--encre-2);font-size:.92rem;margin:0 0 16px;line-height:1.5}.victoire-score{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 20px;font-size:1.05rem}.victoire-score b{color:var(--encre)}.victoire-etoiles,.victoire-defis{color:var(--ambre-accent)}.victoire-parfait{font-size:.85rem;font-weight:700;color:var(--accent);padding:3px 10px;border-radius:999px;background:var(--accent-doux);border:1px solid var(--accent-bord)}.victoire-recap{display:grid;gap:8px;text-align:left;margin-bottom:20px}.recap-item{display:flex;align-items:center;gap:12px;padding:9px 12px;background:var(--accent-doux);border:1px solid var(--accent-bord);border-radius:var(--rayon-s)}.recap-emoji{font-size:1.4rem;line-height:1;flex:none}.recap-texte{display:flex;flex-direction:column;min-width:0;flex:1}.recap-texte b{font-size:.9rem;color:var(--encre)}.recap-texte span{font-size:.78rem;color:var(--encre-2)}.recap-check{color:var(--accent);font-weight:800;flex:none}.certificat{display:flex;align-items:flex-start;gap:12px;text-align:left;padding:16px;margin-bottom:22px;border-radius:var(--rayon-s);background:var(--ambre-doux);border:1px dashed var(--ambre-accent)}.certificat-sceau{font-size:1.8rem;line-height:1;flex:none}.certificat p{margin:0;font-size:.86rem;line-height:1.6;color:var(--texte-lecon)}.panneau-victoire .btn-suivant{width:100%;margin-top:0;padding:12px;font-size:.95rem}.feedback-etoiles{font-size:1.5rem;letter-spacing:2px;margin-bottom:6px}.feedback-etoiles .etoile-vide{opacity:.35}.feedback-conseil{margin-top:8px;font-size:.85rem;color:var(--encre-2)}.defi-propose{margin-bottom:10px;padding:8px 12px;font-size:.85rem;line-height:1.5;background:var(--ambre-doux);color:var(--encre);border:1px solid var(--ambre-bord);border-left:3px solid var(--ambre-accent);border-radius:var(--rayon-s)}.puce-bloc{display:flex;flex-direction:column;align-items:center;gap:3px}.puce-etoiles{font-size:.6rem;line-height:1;letter-spacing:1px;min-height:.7rem;white-space:nowrap}.panneau-progression{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px 28px;max-width:640px;width:100%;max-height:88vh;overflow:auto;box-shadow:var(--ombre-l);animation:apparait .25s ease}.panneau-progression h2{margin:0 0 16px;font-size:1.15rem;font-weight:700}.prog-resume{padding:16px;margin-bottom:18px;border-radius:var(--rayon-s);background:var(--accent-doux);border:1px solid var(--accent-bord)}.prog-jauge{position:relative;height:26px;border-radius:999px;overflow:hidden;background:var(--barre-fond);margin-bottom:12px}.prog-jauge-remplie{height:100%;border-radius:999px;background:linear-gradient(90deg,#10b981,var(--accent-fonce));transition:width .5s ease}.prog-jauge-texte{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700;color:var(--encre)}.prog-chiffres{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;font-size:.9rem;color:var(--encre-2)}.prog-chiffres b{color:var(--encre);font-variant-numeric:tabular-nums}.prog-monde{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--border)}.prog-monde:last-child{border-bottom:none}.prog-emoji{font-size:1.6rem;line-height:1;flex:none}.prog-monde-corps{flex:1;min-width:0}.prog-monde-tete{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.prog-monde-tete b{font-size:.9rem;font-weight:600}.prog-monde-compte{font-size:.82rem;color:var(--encre-2);font-variant-numeric:tabular-nums;flex:none}.prog-monde.complet .prog-monde-compte{color:var(--accent-texte);font-weight:700}.prog-mini-jauge{height:6px;border-radius:999px;background:var(--barre-fond);overflow:hidden;margin:6px 0}.prog-mini-remplie{height:100%;border-radius:999px;background:var(--accent);transition:width .4s ease}.prog-monde-bas{display:flex;gap:14px;font-size:.82rem;color:var(--encre-2)}.prog-etoiles b,.prog-defi{color:var(--encre)}.prog-defi{color:var(--ambre);font-weight:600}@media (max-width: 940px){.niveau{grid-template-columns:minmax(0,1fr)}.colonne-etang{position:static;order:-1}.progression-barre{width:100px}.app-header{padding:10px 16px;gap:12px}.app-header .sous-titre{display:none}}@media (max-width: 640px){body{font-size:14px}.niveau{margin:14px auto;padding:0 12px;gap:14px}.carte{padding:16px 14px;border-radius:12px}.carte-editeur{margin-top:14px}.titre-niveau{font-size:1.15rem!important}.app-header{padding:8px 12px;gap:10px}.logo{width:36px;height:36px;font-size:15px;border-radius:10px}.progression{gap:8px}.progression-texte{display:none}.progression-barre{width:72px}.gutter{width:38px}.surbrillance,.saisie-code{height:220px;padding:12px}.controls{padding:10px 12px;gap:8px}.controls .btn{flex:1 1 auto;padding:9px 8px;font-size:.84rem}.astuce-clavier{display:none}.overlay{padding:10px}.panneau-niveaux{padding:18px 14px;max-height:92vh;border-radius:14px}.panneau-intro{padding:26px 20px 22px;border-radius:14px}.puce{width:34px;height:34px}.actions-panneau .btn{flex:1 1 auto}.bulle{font-size:.72rem;padding:3px 8px}.feedback{padding:10px 12px;font-size:.88rem}}@media (pointer: coarse){.gutter,.surbrillance,.saisie-code{font-size:16px}}.niveau-enrichi{display:block}.sections-barre{max-width:1220px;margin:26px auto 0;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sections-nav{display:flex;gap:10px;flex-wrap:wrap}.sauter-puzzle{white-space:nowrap}.section-onglet{display:flex;align-items:center;gap:9px;padding:11px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--rayon-s);box-shadow:var(--ombre-s);cursor:pointer;font-size:.9rem;font-weight:600;color:var(--encre-2);transition:border-color .12s,color .12s,background .12s}.section-onglet:hover:not(:disabled){border-color:var(--border-forte);color:var(--encre)}.section-onglet.actif{border-color:var(--accent-bord);background:var(--accent-doux);color:var(--accent-texte)}.section-onglet.verrou{opacity:.55;cursor:not-allowed}.section-onglet:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.section-numero{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:.72rem;font-weight:700;background:var(--barre-fond);color:var(--encre-2)}.section-onglet.actif .section-numero{background:var(--accent);color:#fff}.section-emoji{font-size:1.05rem}@media (max-width:640px){.section-onglet .section-label{display:none}}.niveau-section{grid-template-columns:minmax(0,1fr);margin-top:16px}.niveau-enrichi .niveau{margin-top:16px}.section-large{max-width:820px}.section-carte+.section-suite,.section-suite{margin-top:18px}.section-suite{display:flex;justify-content:flex-end}.section-intro{color:var(--encre-2);font-size:.9rem;line-height:1.55;margin:0 0 16px}.decortic-bloc{margin-top:16px}.decortic-titre{font-size:.82rem;font-weight:700;color:var(--encre-2);margin-bottom:6px}.decortic-code{margin:0;padding:14px 16px;background:var(--code-bg);border:1px solid var(--code-bord);border-radius:var(--rayon-s);overflow:auto;font:13px/1.7 var(--police-code);color:var(--code-texte);white-space:pre;-moz-tab-size:2;tab-size:2}.exos-entete{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.exos-compteur{font-size:.82rem;font-weight:700;color:var(--accent-texte)}.exos-jauge{height:7px;border-radius:6px;background:var(--barre-fond);overflow:hidden;margin:10px 0 16px}.exos-jauge span{display:block;height:100%;background:var(--accent);border-radius:6px;transition:width .3s}.exos-puces{display:flex;gap:8px;margin-bottom:16px}.exo-puce{width:30px;height:30px;border-radius:50%;border:1px solid var(--border-forte);background:var(--surface);color:var(--encre-2);font-weight:700;font-size:.82rem;cursor:pointer}.exo-puce.actif{border-color:var(--accent);color:var(--accent-texte)}.exo-puce.fait{background:var(--accent);border-color:var(--accent);color:#fff}.exo-carte{padding:16px 18px;border:1px solid var(--border);border-radius:var(--rayon-s);background:var(--surface-survol)}.exo-genre{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--encre-3)}.exo-enonce{margin:8px 0 14px;font-size:.96rem;line-height:1.55;color:var(--texte-lecon)}.exo-enonce code{background:var(--code-inline-bg);border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-family:var(--police-code);font-size:.84em;color:var(--code-inline-texte)}.exo-editeur{width:100%;min-height:64px;padding:12px 14px;box-sizing:border-box;resize:vertical;font:14px/1.6 var(--police-code);color:var(--code-texte);background:var(--code-bg);border:1px solid var(--code-bord);border-radius:var(--rayon-s);caret-color:var(--code-caret);outline:none;-moz-tab-size:2;tab-size:2}.exo-editeur:focus{border-color:var(--accent-bord)}.exo-actions{display:flex;gap:10px;margin-top:12px}.exo-options{display:flex;flex-wrap:wrap;gap:10px}.exo-option{padding:10px 16px;border:1px solid var(--border-forte);border-radius:var(--rayon-s);background:var(--surface);color:var(--encre);font-size:.92rem;cursor:pointer;font-family:var(--police-code)}.exo-option:hover:not(:disabled){border-color:var(--accent);background:var(--accent-doux)}.exo-option.bonne{border-color:var(--accent);background:var(--accent-doux);color:var(--accent-texte);font-weight:700}.exo-option:disabled{cursor:default}.exo-retour{margin-top:12px;padding:10px 14px;border-radius:var(--rayon-s);font-size:.9rem;line-height:1.5;border:1px solid var(--border);white-space:pre-wrap}.exo-succes{background:var(--accent-doux);border-color:var(--accent-bord);color:var(--accent-texte)}.exo-erreur{background:var(--rouge-doux);border-color:var(--rouge-bord);color:var(--rouge-texte)}.exo-indice{background:var(--info-doux);border-color:var(--info-bord);color:var(--info-texte)}.exos-pied{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.exos-fini{margin-top:14px;padding:12px 16px;border-radius:var(--rayon-s);text-align:center;background:var(--accent-doux);border:1px solid var(--accent-bord);color:var(--accent-texte);font-weight:600;font-size:.92rem}.exos-badge{margin-top:8px;font-size:.85rem;font-weight:600}.exos-badge-rate{color:var(--encre-2);font-weight:500}