.zone-patron{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center}.grille-patron .carreau{fill:transparent;stroke:var(--paragraph-color);stroke-opacity:.25;cursor:pointer}.grille-patron .carreau:hover{fill:var(--blue-transparent);fill-opacity:.25}.grille-patron .carreau.choisi{fill:var(--blue-transparent);fill-opacity:.75;stroke:var(--blue-text);stroke-opacity:1;stroke-width:2}.scene-3d{position:relative;width:280px;height:250px;perspective:900px;cursor:default;touch-action:none}.scene-3d.tourne{cursor:grabbing}.monde-3d{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;transition:transform 1.2s ease-in-out}.scene-3d.tourne .monde-3d{transition:none}.face-3d{position:absolute;box-sizing:border-box;width:54px;height:54px;outline:2px solid var(--blue-text);outline-offset:-2px;background:color-mix(in srgb,var(--blue-transparent) 55%,var(--back));transform-style:preserve-3d;transition:transform 1.2s ease-in-out;display:flex;align-items:center;justify-content:center}.face-3d.racine{left:-27px;top:-27px;background:color-mix(in srgb,var(--blue-transparent) 80%,var(--back))}.monde-3d.plie .face-3d.cote-x{background:color-mix(in srgb,var(--blue-transparent) 45%,var(--back))}.monde-3d.plie .face-3d.cote-y{background:color-mix(in srgb,var(--blue-transparent) 90%,var(--back))}.monde-3d.plie .face-3d.cote-z{background:color-mix(in srgb,var(--blue-transparent) 68%,var(--back))}.face-3d.doublon,.monde-3d.plie .face-3d.doublon{outline-color:var(--red-text);background:color-mix(in srgb,var(--red-transparent) 75%,var(--back))}.zone-patron.seule .scene-3d{width:320px;height:280px}.chiffre-de{font-size:22px;font-weight:700;color:var(--paragraph-color);pointer-events:none}.face-3d.a-remplir{cursor:pointer;outline-style:dashed;background:color-mix(in srgb,var(--green-transparent) 30%,var(--back))}.face-3d.a-remplir>.chiffre-de{color:var(--green-text)}.face-3d.a-remplir.doublon,.monde-3d.plie .face-3d.a-remplir.doublon{background:color-mix(in srgb,var(--red-transparent) 75%,var(--back))}.titre-collection{margin:16px 0 6px;text-align:left}.collection-patrons{display:flex;flex-direction:column;gap:8px}.famille-patrons{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.nom-famille{min-width:5.5em;text-align:left;font-variant-numeric:tabular-nums;white-space:nowrap}.vignette{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:1px solid var(--aside-border-color);border-radius:6px}.vignette.vide{border-style:dashed;opacity:.5}.vignette rect{fill:var(--blue-transparent);stroke:var(--blue-text);stroke-width:.08}.vignette.signalee{outline:3px solid var(--green-text);outline-offset:1px;animation:clignoter .5s ease-in-out 4 alternate}@keyframes clignoter{0%{outline-color:var(--green-text)}to{outline-color:transparent}}