/* The canvas is a real WebGL perspective view, not a transformed 2D sprite. */
#vehicleModel.vehicle-model{display:block;width:min(100%,350px);height:310px;overflow:visible;animation:none;transform:none;scale:1;transition:none;filter:drop-shadow(0 18px 20px rgba(0,0,0,.32)) drop-shadow(0 0 22px rgba(0,197,255,.25));cursor:grab;touch-action:none}
#vehicleModel.vehicle-model:active{cursor:grabbing}
#robot3dCanvas{display:block;width:100%;height:100%;outline:none}
.vehicle-switch{padding:7px 9px;border:1px solid rgba(101,206,255,.36);border-radius:999px;background:linear-gradient(135deg,rgba(22,69,102,.78),rgba(14,31,56,.9));color:#8be8ff;font:10px var(--font-cn);white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}
.vehicle-switch:hover{border-color:#80edff;background:rgba(11,123,163,.42);box-shadow:0 0 14px #15bfff45}
.vehicle-switch[aria-pressed="true"]{border-color:rgba(255,211,133,.52);color:#ffe1a3;background:linear-gradient(135deg,rgba(98,68,34,.55),rgba(34,29,39,.9))}
.vehicle-scene.is-dragging #vehicleModel.vehicle-model{animation:none;transition:none}
.vehicle-scene.is-driving #vehicleModel.vehicle-model{animation:none;transform:none}
@media(max-width:760px){#vehicleModel.vehicle-model{width:min(100%,310px);height:280px}.vehicle-controls{gap:5px}.vehicle-hint{font-size:9px}.vehicle-switch,.vehicle-reset{padding:6px 7px;font-size:9px}}
@media(prefers-reduced-motion:reduce){#vehicleModel.vehicle-model{transition:none}}