:root{--bg:#f7f4ec;--surface:#fff;--text:#1d2430;--muted:#5d6570;--border:#e4ddcc;--accent:#1f5f99;--sur-accent:#fff;--accent-fond:#1f5f9914;--orange:#f28c28;--scene:radial-gradient(circle at 50% 35%, #fff, #efe8d8);--shadow:0 1px 2px #0000000f, 0 8px 24px #0000000f;--radius:16px;--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:#10151c;--surface:#18202a;--text:#eef2f6;--muted:#9aa4b0;--border:#2a3440;--accent:#6fb0ff;--sur-accent:#10151c;--accent-fond:#6fb0ff24;--scene:radial-gradient(circle at 50% 35%, #223040, #121821);--shadow:0 1px 2px #0006, 0 8px 24px #00000059}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;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{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-top:16px;display:flex}.marque{color:var(--text);align-items:center;gap:8px;font-size:1.25rem;font-weight:800;text-decoration:none;display:inline-flex}.liens{gap:16px;display:flex}.liens a{font-weight:600;text-decoration:none}main{flex:1;padding-bottom:32px}.bas{color:var(--muted);padding-top:16px;padding-bottom:24px;font-size:.9rem}h1{margin:20px 0 8px;font-size:clamp(1.6rem,5vw,2.3rem);line-height:1.15}h2{margin:0 0 6px;font-size:1.1rem}.intro p{color:var(--muted);max-width:60ch}.onglets{border-bottom:1px solid var(--border);gap:8px;margin:20px 0 16px;display:flex}.onglets button{font:inherit;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:10px 16px;font-weight:700}.onglets button[aria-selected=true]{color:var(--text);border-bottom-color:var(--orange)}.filtres{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.puces{flex-wrap:wrap;gap:8px;display:flex}.puces button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);border-radius:999px;padding:0 14px;font-size:.95rem}.puces button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--sur-accent)}.difficulte{color:var(--muted);align-items:center;gap:8px;display:flex}select{font:inherit;border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);border-radius:10px;padding:0 8px}.catalogue{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.carte{height:100%;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.carte:hover,.carte:focus-visible{border-color:var(--accent)}.carte img{aspect-ratio:4/3;object-fit:contain;background:var(--scene);width:100%;padding:12px;display:block}.carte .nom{padding:10px 14px 0;font-weight:700}.carte .meta{color:var(--muted);padding:0 14px 12px;font-size:.9rem}.points{letter-spacing:2px;color:var(--orange)}.vide,.bientot{color:var(--muted)}.bientot{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:24px}.famille{color:var(--muted);margin:20px 0 0;font-weight:600}#contenu h1{margin-top:2px}.lecteur{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px}.scene{aspect-ratio:4/3;background:var(--scene);touch-action:none;border-radius:12px;width:100%;max-height:min(62vh,560px);position:relative;overflow:hidden}.scene canvas{width:100%;height:100%;display:block}.sans-3d{text-align:center;height:100%;color:var(--muted);place-items:center;margin:0;padding:16px;display:grid}.commandes{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.bouton{cursor:pointer;border:1px solid var(--border);background:var(--surface);width:48px;height:48px;color:var(--text);border-radius:999px;place-items:center;display:inline-grid}.bouton svg{fill:currentColor;width:22px;height:22px}.bouton.principal{background:var(--orange);border-color:var(--orange);color:#1d2430;width:56px;height:56px}.bouton .icone-pause,.bouton.en-cours .icone-lire{display:none}.bouton.en-cours .icone-pause{display:block}.bouton:disabled{opacity:.4;cursor:default}.vitesse{color:var(--muted);align-items:center;gap:6px;margin-left:8px;display:flex}.etapes{flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.etapes button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);min-width:44px;min-height:44px;color:var(--text);border-radius:999px;padding:0 10px}.etapes button[aria-current=step]{background:var(--accent);border-color:var(--accent);color:var(--sur-accent)}.texte{text-align:center;max-width:50ch;min-height:3.2em;margin:12px auto 4px;font-size:1.1rem}.texte strong{color:var(--muted);margin-right:6px;font-weight:600}.infos{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:24px;display:grid}.infos>div{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.infos p,.infos ul{margin:0}.infos ul{padding-left:1.2em}.proches{flex-wrap:wrap;gap:8px;list-style:none;display:flex;padding:0!important}.fabriquer{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:24px;padding:16px}.fabriquer h2{margin-bottom:12px}.fabriquer h3{margin:0 0 4px;font-size:1rem}.fabriquer-grille{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.fabriquer ul,.fabriquer ol{margin:0;padding-left:1.2em}.fabriquer p{margin:0}.texte-long{max-width:720px}.texte-long section{margin-top:24px}.vocabulaire dt{margin-top:10px;font-weight:700}.vocabulaire dd{color:var(--muted);margin:0}.attention{border-left:4px solid var(--orange);background:var(--surface);border-radius:8px;padding:8px 12px}.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}