.figure-enroulement:focus{outline:none}.figure-enroulement:focus-visible{outline:2px dashed var(--blue-text);outline-offset:4px}.figure-enroulement .axe{stroke:var(--paragraph-color);stroke-opacity:.35;stroke-width:1}.figure-enroulement .cercle{fill:none;stroke:var(--paragraph-color);stroke-opacity:.55;stroke-width:1.4}.figure-enroulement .crans{stroke:var(--paragraph-color);stroke-opacity:.55;stroke-width:1.2}.figure-enroulement .origine{fill:var(--paragraph-color)}.plateau .figure-enroulement .nom-point{font-size:14px;font-style:italic}.figure-enroulement .fil{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.figure-enroulement .graduations{fill:none;stroke:currentColor;stroke-width:1.3}.figure-enroulement .passage,.figure-enroulement .perle{fill:currentColor}.figure-enroulement .point{fill:currentColor;stroke:none}.figure-enroulement .poignee.inactive{cursor:default}.figure-enroulement .rayon-image{stroke:var(--green-text);stroke-width:1.6;stroke-dasharray:3 3}.figure-enroulement .juste{fill:none;stroke:var(--green-text);stroke-width:2.4}.figure-enroulement .lien-faute{stroke:currentColor;stroke-width:1.6;stroke-dasharray:5 4}.figure-enroulement .parcours{fill:none;stroke:currentColor;stroke-width:3.4;stroke-linejoin:round;stroke-linecap:round;stroke-opacity:.75}.figure-enroulement .perle-fil{cursor:pointer;color:var(--blue-text)}.figure-enroulement .perle-fil .bille{fill:currentColor;stroke:var(--aside-color);stroke-width:1.5}.plateau .figure-enroulement .lettre-perle{fill:var(--aside-color);font-size:12.5px;font-weight:700;pointer-events:none}.figure-enroulement .perle-fil.trouvee{color:var(--green-text)}.figure-enroulement .perle-fil.choisie .bille{stroke:var(--red-text);stroke-width:3}.carte-reel.rangee{min-height:0;border:none;padding:0 4px;color:var(--green-text)}.choix-perles{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:8px}.choix-perles .puce-perle{width:40px;height:40px;border:2px solid var(--blue-text);border-radius:50%;background:transparent;color:var(--blue-text);font:inherit;font-weight:700;cursor:pointer}.choix-perles .puce-perle.choisie{border-color:var(--red-text);color:var(--red-text);background:color-mix(in srgb,var(--red-transparent) 35%,transparent)}.choix-perles .puce-perle.trouvee{border-color:var(--green-text);color:var(--green-text);opacity:.6;cursor:default}.plateau .legende-figure{margin:2px 0 8px;font-size:.92em;opacity:.85}.saisie-reel{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.bouton-signe{width:40px;height:40px;border:2px solid var(--aside-border-color);border-radius:8px;background:transparent;color:var(--paragraph-color);font:inherit;font-size:1.2em;cursor:pointer}.collection-familles{display:flex;flex-direction:column;gap:8px}.famille{flex-wrap:wrap;gap:6px}.famille,.vignette-cercle{display:flex;align-items:center}.vignette-cercle{width:48px;height:48px;justify-content:center}.vignette-cercle .axe{stroke:var(--paragraph-color);stroke-opacity:.3;stroke-width:1}.vignette-cercle .cercle{fill:none;stroke:var(--paragraph-color);stroke-opacity:.6;stroke-width:1.2}.vignette-cercle .point{fill:currentColor}.vignette-cercle .rayon-vignette{stroke:currentColor;stroke-width:1.4}.vignette-cercle.vide .cercle{stroke-dasharray:3 3}.place-reel{display:flex;align-items:center;justify-content:center;gap:4px;min-width:64px;min-height:44px;padding:0 4px;border:1px solid var(--aside-border-color);border-radius:6px}.place-reel.vide{border-style:dashed;opacity:.5}.place-reel .reel-trouve{color:var(--green-text)}.place-reel .lettre-place{font-size:.8em;opacity:.7}.saisie-reel .lettre-pi{font-style:italic;font-size:1.2em}