:root{--bleu:#0051ba;--jaune:#ffd500;--orange:#ff5800;--vert:#009e60;--rouge:#c41e3a;--bg:#fafaf7;--surface:#fff;--text:#1c1c1e;--muted:#5f6368;--border:#e3e3de;--accent:var(--bleu);--sol:#f3efe6;--shadow:0 1px 2px #0000000f, 0 8px 24px #0000000f;--radius:18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121214;--surface:#1c1c20;--text:#f2f2f2;--muted:#a0a0a8;--border:#2e2e34;--accent:#4d8dff;--sol:#26262b;--bleu:#4d8dff;--shadow:0 1px 2px #0006, 0 8px 24px #00000059}}*{box-sizing:border-box}body{min-height:calc(100vh - var(--malolabo-barre-h,0px));background:radial-gradient(circle at 10% -10%, #ffd50029, transparent 40%), radial-gradient(circle at 100% 0%, #ff58001f, transparent 45%), var(--bg);color:var(--text);flex-direction:column;margin:0;line-height:1.6;display:flex}a{color:var(--accent)}.haut,main,.bas{width:100%;max-width:960px;margin:0 auto;padding:0 16px}.haut{justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.nav a{font-weight:700;text-decoration:none}.marque{color:var(--text);align-items:center;gap:10px;font-size:1.2rem;font-weight:800;text-decoration:none;display:inline-flex}.logo{width:30px;height:26px;display:inline-block;position:relative}.logo i{background:var(--bleu);border-radius:50%;width:11px;height:11px;position:absolute;bottom:0;left:0}.logo i:nth-child(2){background:var(--jaune);bottom:14px;left:9.5px}.logo i:nth-child(3){background:var(--orange);left:19px}main{flex:1;padding-bottom:32px}h1{margin:24px 0 8px;font-size:clamp(1.6rem,5vw,2.3rem);line-height:1.2}h2{margin-top:32px}.intro p,.chapo{color:var(--muted);max-width:60ch}.bas{color:var(--muted);padding-bottom:24px}.bouton{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:12px;min-width:44px;min-height:40px;padding:6px 14px}.bouton:hover{border-color:var(--accent)}.catalogue{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:0;list-style:none;display:grid}.carte{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);height:100%;box-shadow:var(--shadow);color:var(--text);flex-direction:column;gap:6px;padding:14px;text-decoration:none;transition:transform .2s;display:flex}.carte:hover,.carte:focus-visible{border-color:var(--accent);transform:translateY(-3px)}.carte-nom{font-size:1.1rem;font-weight:800}.carte-texte{color:var(--muted);font-size:.95rem}.carte-infos{color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin-top:auto;font-size:.85rem;display:flex}.difficulte{letter-spacing:2px;color:var(--orange)}.aide{color:var(--muted);max-width:65ch;font-size:.95rem}.arbre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.arbre svg{width:100%;min-width:640px;height:auto;display:block}.arbre .lien{fill:none;stroke:var(--muted);stroke-width:2.5px}.arbre .noeud circle{stroke:var(--surface);stroke-width:3px}.arbre .noeud:hover circle,.arbre .noeud:focus-visible circle{stroke:var(--text)}.arbre .noeud-balles{fill:#fff;text-anchor:middle;font-size:14px;font-weight:800}.arbre .noeud-nom{fill:var(--text);text-anchor:middle;font-size:13px}.difficulte-1 circle{fill:var(--vert)}.difficulte-2 circle{fill:var(--bleu)}.difficulte-3 circle{fill:#a07800}.difficulte-4 circle{fill:var(--orange)}.difficulte-5 circle{fill:var(--rouge)}.tuto h2{align-items:center;gap:10px;display:flex}.tuto .numero{background:var(--orange);color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:1rem;display:inline-grid}.tuto p,.tuto li{max-width:65ch}.scene{width:100%;height:min(70vh - var(--malolabo-barre-h,0px), 560px, 110vw);background:var(--sol);border-radius:var(--radius);touch-action:none;min-height:320px;position:relative;overflow:hidden}.scene canvas{width:100%;height:100%;display:block}.commandes{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;display:flex}.choix{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:3px;display:inline-flex}.choix button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:36px;padding:6px 12px;font-size:.9rem}.choix button[aria-checked=true]{background:var(--accent);color:#fff;font-weight:700}.pastilles{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.pastilles button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:4px 14px 4px 4px;display:inline-flex}.pastilles button .numero{background:var(--border);border-radius:50%;place-items:center;width:30px;height:30px;font-weight:700;display:inline-grid}.pastilles button[aria-pressed=true]{border-color:var(--orange)}.pastilles button[aria-pressed=true] .numero{background:var(--orange);color:#fff}.conseil{max-width:65ch}.infos{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:max-content 1fr;gap:4px 16px;margin-top:24px;padding:14px;display:grid}.infos dt{color:var(--muted)}.infos dd{margin:0}.astuce-zoom{color:#fff;text-align:center;pointer-events:none;opacity:0;background:#000000bf;border-radius:12px;margin:0;padding:8px 14px;font-size:.9rem;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.astuce-zoom.visible{opacity:1}