/* V10 original-model driving simulator. All rules are local to its mount. */
#drive3d{scroll-margin-top:112px}
#fieldscout-drive3d-root{--d3-ink:#172e23;--d3-muted:#5f7165;--d3-green:#236d43;--d3-line:#d1ddd4;color:var(--d3-ink);font-family:inherit;outline:none}
#fieldscout-drive3d-root *,#fieldscout-drive3d-root *::before,#fieldscout-drive3d-root *::after{box-sizing:border-box}
#fieldscout-drive3d-root button,#fieldscout-drive3d-root input{font:inherit}
#fieldscout-drive3d-root button{border:1px solid var(--d3-line);background:#fff;color:var(--d3-ink);border-radius:7px;padding:10px 12px;cursor:pointer;line-height:1.3;font-size:13px;font-weight:700}
#fieldscout-drive3d-root button:hover:not(:disabled){border-color:#508661;background:#edf6ee}
#fieldscout-drive3d-root button:focus-visible,#fieldscout-drive3d-root input:focus-visible,#fieldscout-drive3d-root a:focus-visible,#fieldscout-drive3d-root canvas:focus-visible{outline:3px solid #58a76d;outline-offset:3px}
#fieldscout-drive3d-root button:disabled,#fieldscout-drive3d-root input:disabled{opacity:.42;cursor:default}
#fieldscout-drive3d-root [hidden]{display:none!important}
#fieldscout-drive3d-root .fs3d-top{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:#183f2e;color:#eaf6ed;padding:13px 18px;border-radius:12px 12px 0 0;font-size:12px;letter-spacing:.015em}
#fieldscout-drive3d-root .fs3d-pill{background:#def0bc;color:#193d2a;padding:5px 9px;border-radius:4px;font-size:10px;font-weight:800;letter-spacing:.12em;white-space:nowrap}
#fieldscout-drive3d-root .fs3d-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;border:1px solid var(--d3-line);border-top:0}
#fieldscout-drive3d-root .fs3d-stage{position:relative;min-height:660px;background:#dce9df;overflow:hidden}
#fieldscout-drive3d-root .fs3d-canvas{position:absolute;inset:0}
#fieldscout-drive3d-root .fs3d-canvas canvas{display:block;width:100%;height:100%;touch-action:none}
#fieldscout-drive3d-root .fs3d-scene-label{position:absolute;top:23px;left:24px;display:flex;flex-direction:column;gap:4px;pointer-events:none;background:#e8f0e7d9;border:1px solid #c3d2c1;border-radius:5px;padding:9px 12px}
#fieldscout-drive3d-root .fs3d-scene-label strong{font-size:11px;letter-spacing:.13em;font-weight:800}
#fieldscout-drive3d-root .fs3d-scene-label span{font-size:11px;color:#4f6656}
#fieldscout-drive3d-root .fs3d-scene-footer{position:absolute;left:18px;right:18px;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px;color:#244432;pointer-events:none}
#fieldscout-drive3d-root .fs3d-scene-footer span{padding:6px 9px;background:#edf4e6dd;border-radius:4px}
#fieldscout-drive3d-root .fs3d-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;background:#e8eee8;padding:26px;z-index:2}
#fieldscout-drive3d-root .fs3d-loading img{width:min(90%,360px);max-height:280px;object-fit:contain;mix-blend-mode:multiply}
#fieldscout-drive3d-root .fs3d-loading strong{font-size:22px;letter-spacing:-.025em}
#fieldscout-drive3d-root .fs3d-loading p{font-size:13px;line-height:1.6;margin:0;max-width:390px;color:var(--d3-muted)}
#fieldscout-drive3d-root .fs3d-loading button{background:var(--d3-green);color:#fff;border-color:var(--d3-green);padding:12px 18px}
#fieldscout-drive3d-root .fs3d-panel{background:#fcfdfb;padding:23px 21px;border-left:1px solid var(--d3-line)}
#fieldscout-drive3d-root .fs3d-overline{font-size:9px;letter-spacing:.14em;color:var(--d3-green);font-weight:800;margin:0 0 6px}
#fieldscout-drive3d-root h3{margin:0;font-size:25px;line-height:1.2;letter-spacing:-.04em}
#fieldscout-drive3d-root .fs3d-help{font-size:12px;line-height:1.6;color:var(--d3-muted);margin:12px 0 16px}
#fieldscout-drive3d-root .fs3d-pad{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,64px);gap:7px;margin:0 0 17px;touch-action:none;user-select:none}
#fieldscout-drive3d-root .fs3d-pad button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;background:#f0f6ef;touch-action:none;user-select:none}
#fieldscout-drive3d-root .fs3d-pad span{font-size:24px;line-height:1.1;font-family:Arial,sans-serif}
#fieldscout-drive3d-root .fs3d-pad small{font-size:9px;line-height:1.3;margin-top:4px;white-space:nowrap}
#fieldscout-drive3d-root .fs3d-pad .is-held{background:#286e43!important;border-color:#286e43!important;color:#fff;box-shadow:0 0 0 3px #b7d7a8}
#fieldscout-drive3d-root .fs3d-up{grid-area:1/2}
#fieldscout-drive3d-root .fs3d-left{grid-area:2/1}
#fieldscout-drive3d-root .fs3d-stop{grid-area:2/2;background:#efe8ce!important;border-color:#dacf9f}
#fieldscout-drive3d-root .fs3d-stop span{font-size:17px}
#fieldscout-drive3d-root .fs3d-right{grid-area:2/3}
#fieldscout-drive3d-root .fs3d-down{grid-area:3/2}
#fieldscout-drive3d-root .fs3d-speed-label{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;margin-bottom:7px}
#fieldscout-drive3d-root .fs3d-speed-label output{font-variant-numeric:tabular-nums;color:var(--d3-green)}
#fieldscout-drive3d-root input[type=range]{display:block;width:100%;margin:0 0 14px;padding:0;min-height:20px;height:20px;accent-color:#34794c;background:transparent;border:none}
#fieldscout-drive3d-root .fs3d-status{border-left:3px solid #5f9b68;background:#ecf4e7;border-radius:3px;padding:9px 10px;font-size:11px;font-weight:700;line-height:1.45;min-height:35px}
#fieldscout-drive3d-root[data-emergency=true] .fs3d-status{border-color:#b24034;background:#ffede8;color:#922d23}
#fieldscout-drive3d-root .fs3d-telemetry{display:grid;grid-template-columns:1fr 1fr;gap:11px 12px;margin:16px 0;padding:0}
#fieldscout-drive3d-root .fs3d-telemetry div{min-width:0}
#fieldscout-drive3d-root .fs3d-telemetry dt{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--d3-muted);margin:0 0 3px}
#fieldscout-drive3d-root .fs3d-telemetry dd{font-size:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700;margin:0;white-space:nowrap}
#fieldscout-drive3d-root .fs3d-camera-controls{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 9px}
#fieldscout-drive3d-root .fs3d-camera-controls button{font-size:10px;padding:8px 9px;flex:1 0 auto}
#fieldscout-drive3d-root .fs3d-camera-controls button[aria-pressed=true]{background:#e8f2dd;color:#315b30;border-color:#b0c7a0}
#fieldscout-drive3d-root button.fs3d-emergency{width:100%;background:#a6372c;border-color:#a6372c;color:white;padding:10px}
#fieldscout-drive3d-root button.fs3d-emergency:hover:not(:disabled){background:#8f2d23;border-color:#8f2d23}
#fieldscout-drive3d-root .fs3d-small{font-size:10px;line-height:1.6;margin:12px 0 0;color:var(--d3-muted)}
#fieldscout-drive3d-root .fs3d-small a{font-weight:700;color:var(--d3-green)}
#fieldscout-drive3d-root .fs3d-foot{border:1px solid var(--d3-line);border-top:0;border-radius:0 0 10px 10px;padding:12px 17px;display:flex;justify-content:space-between;gap:10px;font-size:10px;line-height:1.5;background:#f3f6ef;color:var(--d3-muted)}
#fieldscout-drive3d-root .fs3d-model-note{font-size:11px;line-height:1.6;color:var(--d3-muted);margin:12px 0 0}
@media(max-width:1000px){#fieldscout-drive3d-root .fs3d-layout{grid-template-columns:minmax(0,1fr) 285px}#fieldscout-drive3d-root .fs3d-panel{padding:20px 15px}#fieldscout-drive3d-root .fs3d-scene-footer{flex-direction:column;align-items:start;gap:4px}}
@media(max-width:760px){#fieldscout-drive3d-root .fs3d-layout{grid-template-columns:1fr}#fieldscout-drive3d-root .fs3d-stage{min-height:440px}#fieldscout-drive3d-root .fs3d-panel{border-left:0;border-top:1px solid var(--d3-line);padding:22px}#fieldscout-drive3d-root .fs3d-pad{width:min(100%,310px);margin-left:auto;margin-right:auto}#fieldscout-drive3d-root .fs3d-telemetry{grid-template-columns:repeat(3,1fr)}#fieldscout-drive3d-root .fs3d-foot{flex-direction:column;gap:4px}#fieldscout-drive3d-root .fs3d-scene-footer{flex-direction:row;align-items:center}#fieldscout-drive3d-root .fs3d-model-note{font-size:10px}#fieldscout-drive3d-root .fs3d-top{gap:7px}}
@media(max-width:400px){#fieldscout-drive3d-root .fs3d-stage{min-height:360px}#fieldscout-drive3d-root .fs3d-panel{padding:18px}#fieldscout-drive3d-root .fs3d-telemetry{grid-template-columns:1fr 1fr}#fieldscout-drive3d-root .fs3d-scene-label{left:14px;top:14px}#fieldscout-drive3d-root .fs3d-scene-footer{left:10px;right:10px;font-size:9px;gap:5px}}
