.fr-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 16px;margin:16px 0}.fr-controls label{font-size:.85rem;margin:7px 0}.fr-controls input,.fr-controls select{display:block;width:100%;margin-top:5px}.fr-figure{margin:18px 0;border:1px solid var(--panel-border);border-radius:12px;overflow:hidden;background:#f7fbff}.fr-figure figcaption{padding:8px 14px;font-size:.84rem;color:var(--muted)}.fr-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.fr-metrics div{padding:12px;background:#f1f7ff;border-radius:10px}.fr-metrics strong,.fr-metrics span{display:block}.fr-metrics strong{font-size:1.15rem;color:var(--primary-color)}.fr-metrics span{font-size:.8rem;color:var(--muted)}#title{margin-top:20px}#status{padding:12px;border-left:4px solid var(--primary-color);background:#eef6ff;border-radius:8px;font-weight:700}#exercise{margin:16px 0;padding:16px;border:1px solid var(--panel-border);border-radius:12px}#answerForm label{display:inline-block;margin-right:20px}#answer{width:150px}#feedback{white-space:pre-line}button[aria-pressed=true]{background:var(--primary-color);color:#fff}summary{cursor:pointer;font-weight:700;margin-bottom:10px}[hidden]{display:none!important}@media(max-width:650px){.fr-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.fr-metrics{grid-template-columns:repeat(2,1fr)}}

.fr-handle{cursor:grab;touch-action:none;outline:none}.fr-handle-b{cursor:ew-resize}.fr-handle-h{cursor:ns-resize}.fr-handle-size{cursor:nesw-resize}.fr-handle:hover .fr-handle-dot,.fr-handle:focus-visible .fr-handle-dot{fill:#dcecff;stroke-width:4}.fr-handle-angle:hover .fr-handle-dot,.fr-handle-angle:focus-visible .fr-handle-dot{fill:#eee6fb}#scene.fr-dragging,#scene.fr-dragging *{cursor:grabbing;user-select:none}

.fr-display{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;border:1px solid var(--panel-border);border-radius:10px;margin:14px 0;padding:8px 12px}.fr-display legend{font-weight:700;font-size:.85rem;padding:0 5px}.fr-display label{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer;font-size:.9rem}.fr-display input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--primary-color)}.fr-display span{font-size:.8rem;color:var(--muted);flex:1 1 280px}

.fr-force-vectors text{font-size:11px;paint-order:stroke;stroke:white;stroke-width:2px;stroke-linejoin:round}

.fr-cone-detail-vectors text{font-size:14px;paint-order:stroke;stroke:white;stroke-width:3px;stroke-linejoin:round}

.fr-discovery{background:#f1f7ff;border:1px solid var(--panel-border);border-radius:12px;padding:14px 16px;margin:14px 0}.fr-discovery h3{margin:0 0 8px}.fr-discovery p{margin:8px 0}.fr-choices{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.fr-choices button{flex:1 1 190px;text-align:left;background:white}.fr-journey-progress{font-size:.85rem;font-weight:700;color:var(--primary-color);margin-top:0}#steps button[data-completed=true] .mob-step-number{background:#e3f4eb;color:#15805b}#observation{font-size:.84rem;color:var(--muted)}#feedback{font-size:.9rem;font-weight:600}#nextStep{margin-left:auto}#trials button[aria-pressed=true]{background:var(--primary-color);color:white}@media(max-width:560px){.fr-discovery{padding:12px}.fr-choices{display:grid}.fr-choices button{width:100%}#nextStep{margin-left:0}}

.fr-choices button[data-correct=true]{opacity:1;background:#e3f4eb;border-color:#24976a;color:#12583c}

/* Poste de travail : réponses et simulation simultanément visibles. */
.fr-workbench{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(390px,1.35fr);gap:10px 20px;align-items:start}
.fr-workbench>#journeyProgress,.fr-workbench>#title,.fr-workbench>#intro{grid-column:1/-1;margin-bottom:0}
.fr-workbench>.fr-discovery{grid-column:1;grid-row:4;margin:0;min-width:0}
.fr-workbench>#lab{grid-column:2;grid-row:4;position:sticky;top:10px;min-width:0;display:flex;flex-direction:column;gap:7px}
#lab .fr-figure{order:0;margin:0}#lab .fr-controls{order:1;margin:2px 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px}#lab>.moves{order:2;margin:0}#lab .fr-display{order:3;margin:2px 0}#lab #status{order:4;padding:6px 10px;margin:0;font-size:.85rem}
#lab .fr-controls label{margin:0}#lab .fr-controls input{margin-top:2px}#lab .fr-figure svg{display:block;width:100%;height:auto;max-height:48vh}
.fr-discovery .moves{display:flex;flex-wrap:wrap;gap:6px} .fr-discovery .moves button{min-width:0} .fr-choices button{flex-basis:100%}
@media(max-width:1000px){.fr-workbench{grid-template-columns:minmax(0,1fr)}.fr-workbench>.fr-discovery{grid-column:1;grid-row:5}.fr-workbench>#lab{grid-column:1;grid-row:4;position:sticky;top:0;background:var(--panel-bg,#fff);z-index:2;padding:4px;border-radius:8px}#lab .fr-figure svg{max-height:34vh}#lab .fr-controls,#lab .fr-display,#lab #status{display:none}.fr-workbench>.fr-discovery{margin-top:6px}}

/* Les commandes restent accessibles via la zone d'essais sur petit écran. */
@media(max-width:1000px){.fr-workbench>#lab{position:static}#lab .fr-controls{display:grid}#lab .fr-display{display:flex}#lab #status{display:block}#lab .fr-figure svg{max-height:none}}
