.controller-launch{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:25px}.controller-launch label{display:flex;align-items:center;gap:10px}.controller-preview{position:relative;margin-top:24px;aspect-ratio:16/9;max-height:480px;background:#e9e9e1;overflow:hidden}#controller-preview-image{display:block;width:100%;height:100%;object-fit:contain}#controller-preview-start{position:absolute;left:50%;bottom:20px;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:calc(100% - 24px);padding:12px 18px;background:#192830;color:#fff;border:1px solid #fff9;box-shadow:0 2px 8px #0003;font-size:1rem;line-height:1.3}#controller-preview-start:hover{background:#29434c;border-color:#fff}#controller-preview-start img{flex:none;filter:invert(1)}#live-controller{margin-top:24px;scroll-margin-top:24px}#controller-canvas{position:relative;width:100%;max-width:100%;aspect-ratio:16/9;background:#e9e9e1;min-height:280px}#controller-canvas canvas{width:100%;height:100%;display:block}:is(#controller-canvas,#outcome-scene) .live-force-label{position:absolute;left:0;top:0;z-index:2;box-sizing:border-box;width:176px;max-width:calc(100% - 16px);padding:9px 12px;border:1px solid #b8c2c655;border-radius:3px;background:#283035e8;color:#fff;font:14px/18px Arial,sans-serif;letter-spacing:0;font-variant-numeric:tabular-nums;pointer-events:none;backdrop-filter:blur(8px)}.live-force-label strong{display:block;font-size:12px;line-height:15px;font-weight:400;color:#d4dde0;margin-bottom:5px}.live-force-label>div{display:grid;grid-template-columns:1fr auto;gap:3px 6px;margin-top:5px}.live-force-label b{font-size:16px;line-height:20px;font-weight:500;white-space:nowrap;color:#fff}.live-force-label .label-issued{color:#8ed1eb}.live-force-label .label-measured{color:#ffb365}.live-force-label i{grid-column:1/-1;display:block;height:3px;background:#d3e1e233;overflow:hidden}.live-force-label i:after{content:"";display:block;height:100%;width:calc(var(--force,0)*100%);background:currentColor}#controller-drag{display:inline-flex;align-items:center;justify-content:center;gap:6px}#controller-drag img{width:18px;height:18px;filter:invert(1)}#controller-controls #controller-drag[aria-pressed=true]{background:#e3f3f4;color:#123a42;border-color:#c7eef2;box-shadow:inset 0 0 0 1px #123a42}#controller-drag[aria-pressed=true] img{filter:none}#controller-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0}#controller-time{font-variant-numeric:tabular-nums;margin-right:auto}.controller-sidebar{min-width:0}.controller-physics{margin:0 0 12px;padding:0;border:0}.controller-physics summary{font-size:14px}.controller-physics label,.controller-physics output{font-size:14px;font-variant-numeric:tabular-nums}#controller-physics-slider{display:block;width:100%;height:20px;margin:4px 0;accent-color:var(--command)}#controller-physics-apply{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:14px}#controller-physics-apply img{filter:invert(1)}:root[data-theme=day] #controller-physics-apply img{filter:none}.controller-data{display:grid;grid-template-columns:1fr;gap:10px;align-items:start;border-top:1px solid var(--rule);padding-top:12px}.controller-data label{display:flex;align-items:center;gap:10px;font-size:.875rem}.controller-force-control{margin-bottom:10px}.controller-force-heading,.controller-force-value{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.controller-force-heading input{accent-color:var(--command);width:16px;height:16px;margin:0}#controller-force-phase{font-size:.75rem;color:var(--muted);text-align:right}.controller-force-value{margin-top:4px}#controller-force-value{min-width:56px;text-align:right;font-size:.875rem;font-variant-numeric:tabular-nums}#controller-force{display:block;width:100%;height:20px;margin:2px 0 0;accent-color:var(--command);cursor:pointer}#controller-force:disabled{cursor:default;opacity:.5}#controller-readout{font-variant-numeric:tabular-nums;font-size:.9375rem;margin-top:12px}#controller-plot{width:100%;height:190px;display:block}#controller-plot text{font:12px Arial;fill:var(--muted)}.controller-legend{font-size:.875rem;display:flex;gap:20px;margin-top:14px}@media(max-width:650px){.controller-data{grid-template-columns:1fr}.controller-launch{align-items:flex-start}#controller-canvas{aspect-ratio:1.25}}@media(max-width:650px){.controller-preview{aspect-ratio:4/3}#controller-preview-start{bottom:12px;padding:10px 14px;font-size:.9375rem}}.controller-visual{min-width:0;display:flex;flex-direction:column}.controller-visual>.caption{font-size:12px;line-height:1.45;margin:10px 0 0;max-width:none}.controller-data .caption{font-size:12px;line-height:1.4;margin:8px 0 0}.controller-sidebar #controller-controls{gap:7px;margin:0 0 12px}.controller-sidebar #controller-controls button{padding:7px 10px;font-size:14px;min-height:34px}.controller-sidebar #controller-readout{margin:8px 0 0}.controller-sidebar .controller-legend{margin:8px 0 0;gap:16px}@media(min-width:1100px){#live-controller{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:20px;align-items:stretch}#controller-canvas{min-height:440px;aspect-ratio:auto;flex:1}}@media(max-width:1099px){#controller-canvas{aspect-ratio:4/3;min-height:0}.controller-sidebar{margin-top:18px}}