.original-demo,.movement-demo,.objective-demo{color:#20211f;margin:2.5rem 0}.original-stage,.movement-stage{touch-action:none;user-select:none;background:radial-gradient(circle,#fff 0,#fafaf7 68%,#f3f3ee 100%);border:1px solid #d8d9d3;border-radius:18px;position:relative;overflow:hidden}.original-stage{height:330px}.movement-stage{height:470px}.original-card,.movement-card{transform-origin:50%;will-change:transform;border:3px solid;border-radius:7px;width:260px;height:164px;position:absolute;top:0;left:0}.original-card{color:#249769;cursor:grab;touch-action:none;background:#24976912;outline:none}.original-card:focus-visible{box-shadow:0 0 0 4px #2497692e}.original-card.is-dragging{cursor:grabbing}.movement-card{pointer-events:none}.original-card>span,.movement-card span{letter-spacing:.04em;text-transform:uppercase;font:700 12px/1 ui-sans-serif,system-ui,sans-serif;position:absolute;top:8px;left:10px}.movement-card--l1,.legend-l1{color:#e05252}.movement-card--l2,.legend-l2{color:#287cc1}.movement-card--original,.legend-original{color:#249769}.original-contact{pointer-events:none;background:#171817;border:3px solid #fff;border-radius:50%;width:15px;height:15px;display:none;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000004d}.original-card.is-dragging .original-contact{display:block}.touch-point{z-index:5;cursor:grab;touch-action:none;background:#171817;border:5px solid #fff;border-radius:50%;width:25px;height:25px;margin:0;padding:0;position:absolute;top:0;left:0;box-shadow:0 1px 5px #0000004d}.touch-point:after{content:"";position:absolute;inset:-16px}.touch-point:hover,.touch-point:focus-visible{outline-offset:3px;outline:3px solid #1718172e}.touch-point.is-dragging{cursor:grabbing}.original-controls,.movement-controls,.objective-footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:.8rem;display:flex}.original-controls p,.objective-footer p,.movement-note{color:#70716c;margin:0;font-size:.82rem}.movement-note{margin-top:.5rem}.movement-controls{margin-top:.9rem}.original-controls button,.reset{color:inherit;font:inherit;cursor:pointer;background:#fff;border:1px solid #cfd0ca;border-radius:999px;flex:none;padding:.45rem .85rem}.original-controls button:hover,.original-controls button:focus-visible,.reset:hover,.reset:focus-visible{border-color:#858780}.movement-legend{flex-wrap:wrap;gap:.45rem 1.1rem;font-size:.84rem;line-height:1.35;display:flex}.movement-legend span{align-items:center;gap:.4rem;display:inline-flex}.movement-legend i{border-top:3px solid;width:1.15rem;display:inline-block}.objective-workspace{background:radial-gradient(circle,#fff 0,#fafaf7 70%,#f3f3ee 100%);border:1px solid #d8d9d3;border-radius:18px 18px 0 0;place-items:center;min-height:320px;display:grid;overflow:hidden}.objective-card{aspect-ratio:300/190;touch-action:none;user-select:none;background:#fffdf7;border:2px solid #777a73;border-radius:8px;width:min(300px,72vw);position:relative;box-shadow:0 12px 30px #2627231a}.objective-card>span{color:#92948e;letter-spacing:.08em;text-transform:uppercase;font:700 11px/1 ui-sans-serif,system-ui,sans-serif;position:absolute;top:10px;left:12px}.objective-vector{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.objective-vector line{stroke:#6857c7;stroke-width:4px}.objective-vector path{fill:#6857c7}.objective-touch,.objective-force{z-index:2;touch-action:none;border-radius:50%;margin:0;padding:0;position:absolute;top:0;left:0}.objective-touch{cursor:grab;background:#171817;border:4px solid #fff;width:23px;height:23px;box-shadow:0 1px 5px #0000004d}.objective-force{cursor:grab;background:#fff;border:3px solid #6857c7;width:18px;height:18px}.objective-touch:after,.objective-force:after{content:"";position:absolute;inset:-12px}.objective-touch.is-dragging,.objective-force.is-dragging{cursor:grabbing}.objective-plots{border:1px solid #d8d9d3;border-top:0;border-radius:0 0 18px 18px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.objective-plot{min-width:0;margin:0;padding:.9rem .9rem .45rem}.objective-plot+.objective-plot{border-left:1px solid #e2e3dd}.objective-plot figcaption{justify-content:space-between;align-items:baseline;gap:.75rem;font-size:.83rem;display:flex}.objective-plot figcaption strong{font-size:1rem}.objective-plot figcaption span{color:#70716c;font-variant-numeric:tabular-nums}.objective-plot svg{width:100%;height:auto;display:block}.plot-axis{stroke:#9b9d96;stroke-width:1px}.plot-zero{stroke:#d3d4ce;stroke-width:1px;stroke-dasharray:3 3}.objective-plot polyline{fill:none;stroke-width:2.5px;stroke-linejoin:round}.objective-plot--l1 polyline{stroke:#e05252}.objective-plot--l1 g{stroke:#e05252;fill:#e05252}.objective-plot--l2 polyline{stroke:#287cc1}.objective-plot--l2 g{stroke:#287cc1;fill:#287cc1}.plot-minimum{fill:#fff;stroke:#171817;stroke-width:3px}.plot-original{fill:none;stroke:#249769;stroke-width:3px}.objective-plot text{fill:#777972;font:12px ui-sans-serif,system-ui,sans-serif}.objective-footer i{border:2px solid #249769;border-radius:50%;width:.65rem;height:.65rem;margin:0 .08rem 0 .25rem;display:inline-block}@media (width<=600px){.original-stage{height:290px}.movement-stage{height:390px}.movement-controls{align-items:flex-start}.objective-workspace{min-height:280px}.objective-plots{grid-template-columns:1fr}.objective-plot+.objective-plot{border-top:1px solid #e2e3dd;border-left:0}}