: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;--domino:#3b3b40;--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;--domino:#d8d8de;--bleu:#4d8dff;--shadow:0 1px 2px #0006, 0 8px 24px #00000059}}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% -10%, #ffd50029, transparent 40%), radial-gradient(circle at 100% 0%, #ff58001f, transparent 45%), 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:12px;padding-top:16px;display:flex}.marque{color:var(--text);align-items:center;gap:10px;font-size:1.2rem;font-weight:800;text-decoration:none;display:inline-flex}.logo{align-items:flex-end;gap:4px;height:26px;display:inline-flex}.logo i{background:var(--bleu);transform-origin:100% 100%;border-radius:2px;width:7px;height:24px;display:block}.logo i:nth-child(2){background:var(--jaune);transform:rotate(15deg)}.logo i:nth-child(3){background:var(--orange);transform:rotate(40deg)}.format{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:3px;display:inline-flex}.format button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:.9rem}.format button[aria-checked=true]{background:var(--accent);color:#fff;font-weight:700}main{flex:1;padding-bottom:32px}h1{margin:24px 0 8px;font-size:clamp(1.6rem,5vw,2.3rem);line-height:1.2}h2{align-items:center;gap:10px;margin-top:36px;display:flex}.etape{background:var(--orange);color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:1rem;display:inline-grid}.intro p{color:var(--muted);max-width:60ch}.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)}.alerte{border-left:4px solid var(--orange);padding-left:10px}.catalogue{grid-template-columns:repeat(auto-fill,minmax(260px,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)}.vignette{background:var(--sol);aspect-ratio:16/10;border-radius:12px;place-items:center;padding:8px;display:grid}.vignette svg{width:100%;height:100%}.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}.plan .sol{fill:var(--sol)}.plan .domino{fill:var(--domino)}.plan .domino.repere{fill:var(--bleu)}.plan .domino.depart{fill:var(--vert)}.plan .domino.trou{fill:none;stroke:var(--orange);stroke-width:1.5px;vector-effect:non-scaling-stroke}.plan .domino.dans-zone:not(.trou){fill:var(--orange)}.plan .domino.hors-zone{opacity:.25}.plan .axe{fill:none;stroke:var(--rouge);stroke-width:2px;vector-effect:non-scaling-stroke}.plan .axe-nom{fill:var(--rouge);font-size:4px;font-weight:700}.plan .num-repere{fill:var(--bleu);paint-order:stroke;stroke:var(--sol);stroke-width:.8px;font-size:3px;font-weight:700}.plan .num-trou{fill:var(--orange);paint-order:stroke;stroke:var(--sol);stroke-width:.8px;font-size:2.6px;font-weight:700}.plan-cadre{background:var(--sol);border:1px solid var(--border);border-radius:var(--radius);position:relative;overflow:hidden}.plan-conteneur svg{touch-action:none;cursor:grab;width:100%;height:min(60vh,520px);display:block}.plan-outils{background:var(--surface);border-bottom:1px solid var(--border);justify-content:flex-end;gap:6px;padding:8px;display:flex}.legende{color:var(--muted);flex-wrap:wrap;gap:6px 16px;padding:0;font-size:.9rem;list-style:none;display:flex}.legende i{vertical-align:middle;border-radius:2px;width:8px;height:16px;margin-right:4px;display:inline-block}.l-repere{background:var(--bleu)}.l-trou{border:2px solid var(--orange)}.l-depart{background:var(--vert)}.detail{background:var(--surface);border:2px solid var(--orange);border-radius:var(--radius);margin-top:12px;padding:14px}.detail h3{margin:0 0 8px}.detail-plan svg{border-radius:12px;width:100%;height:auto;max-height:40vh;display:block}.detail-plan .num-repere{stroke-width:.4px;font-size:1.4px}.detail-plan .num-trou{stroke-width:.4px;font-size:1.2px}.maquette{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);touch-action:none;height:min(60vh,380px);overflow:hidden}.chiffres{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:12px 0 0;display:grid}.chiffres div{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px 12px}.chiffres dt{color:var(--muted);font-size:.8rem}.chiffres dd{margin:0;font-weight:700}.tableau-defile{margin-top:12px;overflow-x:auto}table{border-collapse:collapse;background:var(--surface);font-variant-numeric:tabular-nums;border-radius:12px;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:6px 10px}td:last-child{white-space:normal}@media (width<=480px){th,td{padding:6px;font-size:.9rem}}.ligne-depart td:first-child{color:var(--vert);font-weight:800}.tuto{max-width:720px}.schema{background:var(--sol);border-radius:12px;width:100%;max-width:420px}.s-metre{fill:var(--jaune)}.s-regle{fill:#c8a071}.s-talon{fill:#9a5f2d}.s-texte{fill:var(--text);font-size:13px;font-weight:700}.s-petit{fill:var(--muted);font-size:11px}.s-fleche,.s-trait{fill:none;stroke:var(--text);stroke-width:2px}.s-fleche-metre{fill:none;stroke:#1c1c1e;stroke-width:2px}.s-hypo{fill:none;stroke:var(--orange);stroke-width:2px;stroke-dasharray:6 4}.s-point{fill:var(--bleu)}.s-domino{fill:var(--domino)}.bas{color:var(--muted);padding:16px;font-size:.9rem}@media print{.haut,.bas,#apercu,#preparer,#montage,#finition,#imprimer{display:none!important}body{color:#000;background:#fff}table{background:#fff}}.tuto section{scroll-margin-top:16px}.chapo{font-size:1.05rem}.schema-large{max-width:560px}.tuto figure{margin:16px 0}.tuto figcaption{color:var(--muted);margin-top:6px;font-size:.9rem}.sommaire{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 20px}.sommaire ol{columns:2 220px;margin:0;padding-left:20px}.sommaire p{margin:8px 0 0}.checklist{padding:0;list-style:none}.checklist li{margin:8px 0;padding-left:28px;position:relative}.checklist li:before{content:"✓";background:var(--vert);color:#fff;border-radius:6px;place-items:center;width:20px;height:20px;font-size:.8rem;font-weight:700;display:grid;position:absolute;top:0;left:0}.astuce,.attention,.exemple{background:var(--surface);border-left:4px solid var(--bleu);border-radius:12px;padding:10px 14px}.attention{border-left-color:var(--orange)}.exemple{border-left-color:var(--vert);font-variant-numeric:tabular-nums}.erreurs dt{margin-top:12px;font-weight:700}.erreurs dd{color:var(--muted);margin:2px 0 0}.s-mur{fill:var(--border)}.s-graduation{fill:none;stroke:#1c1c1e;stroke-width:1.2px}.s-axe-virtuel{fill:none;stroke:var(--rouge);stroke-width:1.5px;stroke-dasharray:5 4}.s-origine{fill:var(--rouge)}.s-circuit{fill:none;stroke:var(--domino);stroke-width:3px;stroke-dasharray:2 4}.s-repere-mini rect{fill:#f3e9b5;stroke:#b9a45a;stroke-width:1px}.s-repere-mini path{fill:none;stroke:var(--bleu);stroke-width:2px}.s-scotch{fill:#f3e9b5;stroke:#b9a45a;stroke-width:1px}.s-sur-metre,.s-sur-regle,.s-sur-scotch{fill:#1c1c1e}.s-croix{fill:none;stroke:var(--rouge);stroke-width:2.5px}.s-bord{fill:none;stroke:var(--bleu);stroke-width:3px}.s-cale{fill:#c8a071;stroke:#9a5f2d;stroke-width:1px}.s-regle-dessus{opacity:.85}.s-sur-mur{fill:var(--text)}.s-domino-suivant{opacity:.45}@media print{.tuto .sommaire,.tuto figure{break-inside:avoid}}