.rover-playback{min-width:0}.rover-playback svg{display:block;width:100%;height:auto}.rover-playback-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 0 0;font:11px/1.4 var(--font)}.rover-playback-controls button,.rover-playback-controls select{min-height:36px;padding:6px 10px;border:1px solid var(--line);background:#fffdf8;color:var(--ink);font:inherit;border-radius:3px}.rover-playback-controls button{cursor:pointer;min-width:76px}.rover-playback-controls button:hover{border-color:var(--blue);color:var(--blue)}.rover-playback-controls button:focus-visible,.rover-playback-controls select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.rover-playback-controls select{max-width:105px;cursor:pointer}.rover-playback-status{flex:1 1 130px;min-width:0;color:var(--muted);font-size:11px}.rover-playback-moving .rover-sensor-zones circle{animation:rover-reading .85s ease-in-out infinite alternate}.rover-playback-moving .rover-memory{animation:rover-memory 1.2s ease-in-out infinite}.rover-playback-compact{pointer-events:none}.depth-trace-grid .rover-playback{align-self:start}.depth-trace-grid .rover-playback-controls{margin-top:8px}.depth-practice .rover-playback{width:100%}.rover-tread{will-change:stroke-dashoffset}
@keyframes rover-reading{from{stroke-opacity:.35}to{stroke-opacity:1}}
@keyframes rover-memory{0%,100%{stroke:#bfbfb2}45%{stroke:#2351e8}}
@media(max-width:640px){.rover-playback-controls{gap:6px;padding-top:8px}.rover-playback-controls button{min-height:38px;min-width:72px;padding:6px 9px}.rover-playback-controls select{min-height:38px;max-width:102px;padding:6px}.rover-playback-status{flex-basis:100%;font-size:10px}.depth-visual .rover-playback-controls{padding-top:5px}}
@media(prefers-reduced-motion:reduce){.rover-playback-moving .rover-sensor-zones circle,.rover-playback-moving .rover-memory{animation:none}.rover-tread{will-change:auto}}
@media print{.rover-playback-controls{display:none!important}.rover-playback{break-inside:avoid}}
.task-illustration>.rover-playback{height:100%;width:100%}.task-illustration .rover-playback svg{height:100%;width:100%}.rover-guide-diagram{margin-top:18px;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.rover-guide-diagram summary{cursor:pointer}.rover-guide-diagram svg{margin-top:16px;max-height:220px}