:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2f5f7;background:#14171b;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{background:#111418;margin:0;overflow:hidden}body.touch-mode{--touch-scale:.56;--touch-frame-left:0px;--touch-frame-top:0px;--touch-frame-width:100vw;--touch-frame-height:100vh;--touch-app-width:100vw;--touch-app-height:100vh;--touch-render-left:0px;--touch-render-top:0px;--touch-render-width:100vw;--touch-render-height:100vh;--touch-edge-inset:10px;--touch-panel-pad:7px;--touch-panel-gap:5px;--touch-font-xs:8px;--touch-font-sm:9px;--touch-font-md:10px;--touch-control-height:22px;--touch-radius:4px;--touch-topbar-top:8px;--touch-panel-top:34px;--touch-debug-top:82px;--touch-left-panel-width:190px;--touch-left-panel-max-height:250px;--touch-left-panel-scroll-gutter:26px;--touch-debug-panel-width:164px;--touch-map-panel-width:314px;--touch-map-panel-top:28px;--touch-trajectory-panel-width:202px;--touch-map-switch-width:168px;--touch-map-switch-bottom:68px;--touch-map-panel-max-height:140px;--touch-debug-panel-max-height:120px;--touch-action-top:39px;--touch-action-gap:5px;--touch-action-width:270px;--touch-action-button-width:54px;--touch-action-button-height:34px;--touch-joystick-size:66px;--touch-joystick-knob-size:26px;--touch-joystick-bottom:40px;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body.touch-mode #scene{left:calc(var(--touch-frame-left) + var(--touch-render-left));top:calc(var(--touch-frame-top) + var(--touch-render-top));width:var(--touch-render-width);height:var(--touch-render-height);bottom:auto;right:auto}body.touch-mode .hud{left:var(--touch-frame-left);top:var(--touch-frame-top);width:var(--touch-app-width);height:var(--touch-app-height);bottom:auto;right:auto}#scene{touch-action:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}.hud{pointer-events:none;position:fixed;inset:0}.topbar{text-shadow:0 2px 12px #0000008c;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:14px;left:18px;right:18px}.brand{font-size:18px;font-weight:800}.status{color:#c9d4dc;font-size:13px}.panel{pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#12161bd1;border:1px solid #ffffff1f;position:absolute;box-shadow:0 16px 40px #0000003d}.panel.panel-dragging{cursor:grabbing;box-shadow:0 18px 46px #00000057,0 0 0 1px #52d6a34d}.left-panel{gap:12px;width:280px;padding:14px;display:grid;top:58px;left:18px}.debug-panel{width:292px;max-height:calc(55vh - 70px);padding:14px;top:58px;right:18px;overflow:auto}.left-panel::-webkit-scrollbar{width:6px}.debug-panel::-webkit-scrollbar{width:6px}.left-panel::-webkit-scrollbar-track{background:#ffffff14;border-radius:999px}.debug-panel::-webkit-scrollbar-track{background:#ffffff14;border-radius:999px}.left-panel::-webkit-scrollbar-thumb{background:#52d6a3b8;border-radius:999px}.debug-panel::-webkit-scrollbar-thumb{background:#52d6a3b8;border-radius:999px}.map-panel{gap:10px;width:min(560px,100vw - 36px);max-height:42vh;padding:14px;display:grid;bottom:18px;right:18px;overflow:hidden auto}.trajectory-panel{gap:10px;width:min(360px,100vw - 36px);padding:12px;display:grid;bottom:18px;left:50%;transform:translate(-50%)}.performance-panel{gap:10px;width:240px;padding:12px;display:grid;bottom:210px;right:18px}.map-switch-panel{gap:10px;width:300px;padding:12px;display:grid;bottom:132px;left:18px}.debug-panel h2,.map-panel h2,.trajectory-panel h2,.performance-panel h2,.map-switch-panel h2{margin:0;font-size:14px}.panel-header{justify-content:flex-start;align-items:center;gap:10px;min-height:28px;display:flex}.panel-header h2{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.panel-drag-handle{color:#d8f6ea;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#52d6a31a;border-color:#52d6a357;min-height:26px;padding:0 8px;font-size:12px}.panel-drag-handle:active{cursor:grabbing}.panel-toggle{min-height:26px;padding:0 9px;font-size:12px}.panel-body{gap:10px;display:grid}.debug-panel .panel-body{display:block}.panel.collapsed{overflow:hidden}.panel.collapsed .panel-body{display:none}.debug-panel.collapsed,.map-panel.collapsed,.performance-panel.collapsed{max-height:none}label,.skill-select-field,.sensitivity-control{color:#aeb9c2;gap:6px;font-size:12px;display:grid}.toggle-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.toggle-row input{width:18px;height:18px}.sensitivity-label-row{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.sensitivity-label-row>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sensitivity-calc-check{color:#dce7ed;white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:inline-flex}.sensitivity-calc-check input{accent-color:#52d6a3}.skill-select-heading{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.skill-select-heading>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.skill-dropdown{--skill-scrollbar-height:0px;--skill-scrollbar-opacity:0;--skill-scrollbar-top:0px;--skill-scrollbar-track-height:0px;min-width:0;display:none;position:relative}.skill-dropdown:before,.skill-dropdown:after{content:"";pointer-events:none;z-index:70;width:5px;opacity:var(--skill-scrollbar-opacity);border-radius:999px;position:absolute;right:5px}.skill-dropdown:before{height:var(--skill-scrollbar-track-height);background:#ffffff29;top:calc(100% + 11px)}.skill-dropdown:after{top:calc(100% + 11px + var(--skill-scrollbar-top));height:var(--skill-scrollbar-height);background:#52d6a3eb;box-shadow:0 0 0 1px #0c0f1247}.skill-dropdown-trigger{text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.skill-dropdown-menu{pointer-events:auto;z-index:60;scrollbar-width:thin;scrollbar-color:#52d6a3b3 #ffffff14;background:#12161bf7;border:1px solid #ffffff24;border-radius:6px;width:100%;max-height:170px;padding:5px 14px 5px 5px;display:none;position:absolute;top:calc(100% + 5px);left:0;overflow:hidden scroll;box-shadow:0 14px 32px #00000052}.skill-dropdown-menu::-webkit-scrollbar{width:6px}.skill-dropdown-menu::-webkit-scrollbar-track{background:#ffffff14;border-radius:999px}.skill-dropdown-menu::-webkit-scrollbar-thumb{background:#52d6a3b8;border-radius:999px}.skill-dropdown.open .skill-dropdown-menu{gap:5px;display:grid}.skill-dropdown-option{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-height:28px;padding:0 8px;overflow:hidden}.skill-dropdown-option.active,.skill-dropdown-option[aria-selected=true]{color:#fff;background:#52d6a32e;border-color:#52d6a394}select,button,input[type=text],input[type=number],textarea{color:#f2f5f7;background:#20262d;border:1px solid #ffffff24;border-radius:6px;min-width:0;min-height:34px}select,input[type=text],input[type=number]{padding:0 9px}textarea{resize:vertical;width:100%;min-height:110px;padding:8px;font:11px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace}.hint{color:#9aa7b2;font-size:11px;line-height:1.45}button{cursor:pointer;padding:0 12px;font-weight:700}button:hover{background:#2d3740}input[type=range]{accent-color:#52d6a3;width:100%}.range-row{grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:10px;display:grid}.range-row input[type=number]{font-variant-numeric:tabular-nums;text-align:center;min-height:30px;padding:0 6px}.sensitivity-calculator{background:#ffffff09;border:1px solid #ffffff1a;border-radius:6px;gap:8px;padding:9px;display:grid}.sensitivity-calculator h3{color:#f2f5f7;margin:0;font-size:12px;font-weight:700}.sensitivity-calculator h3 span{color:#9aa7b2;font-weight:500}.sensitivity-calculator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.sensitivity-calculator label{gap:4px;font-size:11px}.sensitivity-calculator input[type=number]{min-height:30px;padding:0 6px}.sensitivity-calculator button{min-height:30px}.sensitivity-button-flash{animation:.32s ease-out sensitivity-button-flash}.sensitivity-value-highlight{animation:1.15s ease-out sensitivity-value-highlight}@keyframes sensitivity-button-flash{0%{filter:brightness();box-shadow:none}38%{filter:brightness(1.35);box-shadow:0 0 0 2px #41c79c73,0 0 18px #41c79c52}to{filter:brightness();box-shadow:none}}@keyframes sensitivity-value-highlight{0%{background:#41c79c2e;border-color:#41c79cf2;box-shadow:0 0 0 2px #41c79c47}to{box-shadow:none;background:#ffffff0d;border-color:#ffffff1f}}.actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.map-switch-panel .actions{grid-template-columns:1fr}.map-switch-dropdown{position:relative}.map-switch-trigger{text-align:left;width:100%}.map-switch-menu{pointer-events:auto;z-index:30;background:#12161bf5;border:1px solid #ffffff24;border-radius:6px;max-height:220px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 14px 32px #00000052}.map-switch-dropdown.open .map-switch-menu{gap:6px;display:grid}.map-switch-option{grid-template-columns:minmax(0,1fr) 54px;gap:6px;display:grid}.map-switch-option-main,.map-switch-option-delete{min-height:30px;padding:0 8px;font-size:12px}.map-switch-option-main{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.map-switch-option.active .map-switch-option-main{color:#52d6a3;border-color:#52d6a39e}.map-switch-option-delete{color:#ff9b9b}.map-switch-empty{color:#9aa7b2;padding:8px;font-size:12px}.coord-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.coord-row.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.metric-grid div{background:#ffffff0f;border-radius:6px;min-width:0;padding:8px}.metric-grid span{color:#9aa7b2;font-size:11px;display:block}.metric-grid b{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;display:block;overflow:hidden}.debug-row{color:#b8c5ce;grid-template-columns:1fr 82px;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:grid}.rocket-fov-toggle{color:#dce7ed;background:#090e12b8;border-color:#ffffff38;min-width:86px;min-height:28px;padding:0 8px;font-size:12px}.rocket-fov-toggle.active{color:#c9f8e6;background:#52d6a32e;border-color:#52d6a3c7}.crosshair{width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:#ffffffe0;position:absolute;box-shadow:0 0 8px #0009}.crosshair:before{width:2px;height:18px;top:0;left:8px}.crosshair:after{width:18px;height:2px;top:8px;left:0}.crosshair.hidden{opacity:0}.map-selection-box{pointer-events:none;z-index:8;background:#52d6a329;border:1px solid #52d6a3f2;display:none;position:fixed;box-shadow:0 0 0 1px #0a121659}.map-selection-box.active{display:block}.scope-overlay{--scope-size:360px;--scope-width:var(--scope-size);--scope-height:var(--scope-size);pointer-events:none;z-index:8;display:none;position:absolute;inset:0;overflow:hidden}.scope-overlay.active{display:block}.scope-overlay:before,.scope-overlay:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scope-overlay:before{width:var(--scope-width);height:var(--scope-height);border:2px solid #f2f5f7db;box-shadow:0 0 0 9999px #000000b8,inset 0 0 24px #00000052}.scope-overlay:after{width:22px;height:22px;box-shadow:none;background:linear-gradient(#f2f5f7e6,#f2f5f7e6) 50%/2px 22px no-repeat,linear-gradient(#f2f5f7e6,#f2f5f7e6) 50%/22px 2px no-repeat;border:0}.blackout{pointer-events:none;z-index:20;background:#000;display:none;position:absolute;inset:0}.blackout.active{display:block}.charge{opacity:0;background:#ffffff29;border-radius:999px;width:110px;height:8px;position:absolute;top:calc(50% + 28px);left:50%;overflow:hidden;transform:translate(-50%)}.charge.active{opacity:1}.charge span{background:#f2c14e;width:0%;height:100%;display:block}.touch-controls{pointer-events:none;z-index:12;display:none;position:absolute;inset:0}body.touch-mode .touch-controls{display:block}body.touch-mode .topbar{top:var(--touch-map-panel-top);left:var(--touch-edge-inset);right:var(--touch-edge-inset);gap:var(--touch-panel-gap)}body.touch-mode .brand{font-size:var(--touch-font-md)}body.touch-mode .status{font-size:var(--touch-font-sm)}body.touch-mode .panel{border-radius:var(--touch-radius);box-shadow:0 10px 26px #00000038}body.touch-mode .left-panel{left:var(--touch-edge-inset);top:var(--touch-panel-top);width:var(--touch-left-panel-width);max-height:var(--touch-left-panel-max-height);padding:var(--touch-panel-pad) calc(var(--touch-panel-pad) + var(--touch-left-panel-scroll-gutter)) var(--touch-panel-pad) var(--touch-panel-pad);gap:var(--touch-panel-gap);overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#52d6a3b8 #ffffff14;touch-action:none;-webkit-overflow-scrolling:touch;overflow:hidden auto}body.touch-mode .left-panel .panel-body{touch-action:none}body.touch-mode .debug-panel{top:var(--touch-debug-top);right:var(--touch-edge-inset);width:var(--touch-debug-panel-width);max-height:var(--touch-debug-panel-max-height);padding:var(--touch-panel-pad)}body.touch-mode .map-panel{left:50%;right:auto;top:var(--touch-topbar-top);width:min(var(--touch-map-panel-width), calc(100vw - var(--touch-edge-inset) * 2));max-height:var(--touch-map-panel-max-height);padding:var(--touch-panel-pad);gap:var(--touch-panel-gap);bottom:auto;transform:translate(-50%)}body.touch-mode .trajectory-panel{bottom:var(--touch-edge-inset);width:min(var(--touch-trajectory-panel-width), calc(100vw - var(--touch-edge-inset) * 2));padding:var(--touch-panel-pad);gap:var(--touch-panel-gap)}body.touch-mode .performance-panel{right:var(--touch-edge-inset);bottom:calc(var(--touch-map-switch-bottom) + 92px);width:var(--touch-map-switch-width);padding:var(--touch-panel-pad);gap:var(--touch-panel-gap)}body.touch-mode .map-switch-panel{left:var(--touch-edge-inset);bottom:var(--touch-map-switch-bottom);width:var(--touch-map-switch-width);padding:var(--touch-panel-pad);gap:var(--touch-panel-gap)}body.touch-mode .left-panel h2,body.touch-mode .debug-panel h2,body.touch-mode .map-panel h2,body.touch-mode .trajectory-panel h2,body.touch-mode .performance-panel h2,body.touch-mode .map-switch-panel h2{font-size:var(--touch-font-md)}body.touch-mode .panel-header{gap:var(--touch-panel-gap);min-height:var(--touch-control-height)}body.touch-mode .panel-toggle,body.touch-mode .panel-drag-handle{min-height:var(--touch-control-height);padding:0 var(--touch-panel-gap);font-size:var(--touch-font-xs)}body.touch-mode .panel-body{gap:var(--touch-panel-gap)}body.touch-mode label,body.touch-mode .toggle-row,body.touch-mode .sensitivity-control,body.touch-mode .skill-select-field{font-size:var(--touch-font-sm);gap:3px}body.touch-mode .skill-select-heading,body.touch-mode .sensitivity-label-row{gap:var(--touch-panel-gap)}body.touch-mode .sensitivity-calc-check{font-size:var(--touch-font-xs);gap:4px}body.touch-mode #skillSelect{display:none}body.touch-mode .skill-dropdown{width:100%;display:block}body.touch-mode .skill-dropdown-trigger{min-height:var(--touch-control-height);padding:0 calc(var(--touch-panel-gap) + 3px);border-radius:var(--touch-radius);font-size:var(--touch-font-sm)}body.touch-mode .skill-dropdown-menu{width:min(220px, calc(100vw - var(--touch-edge-inset) * 2));max-height:min(150px, calc(var(--touch-app-height) - var(--touch-panel-top) - 28px));border-radius:var(--touch-radius)}body.touch-mode .skill-dropdown-option{min-height:var(--touch-control-height);padding:0 calc(var(--touch-panel-gap) + 3px);font-size:var(--touch-font-sm)}body.touch-mode .rocket-fov-toggle{min-width:68px;min-height:var(--touch-control-height);font-size:var(--touch-font-xs);padding:0 4px}body.touch-mode select,body.touch-mode button,body.touch-mode input[type=text],body.touch-mode input[type=number],body.touch-mode textarea{min-height:var(--touch-control-height);border-radius:var(--touch-radius);font-size:var(--touch-font-sm)}body.touch-mode select,body.touch-mode input[type=text],body.touch-mode input[type=number]{padding:0 var(--touch-panel-gap)}body.touch-mode textarea{min-height:58px;padding:var(--touch-panel-gap);font-size:var(--touch-font-xs);line-height:1.3}body.touch-mode select,body.touch-mode input[type=text],body.touch-mode input[type=number],body.touch-mode textarea{font-size:16px}@supports (-webkit-touch-callout:none){body.touch-mode select,body.touch-mode input[type=text],body.touch-mode input[type=number],body.touch-mode textarea{font-size:16px}}body.touch-mode button{padding:0 var(--touch-panel-gap)}body.touch-mode .hint{font-size:var(--touch-font-xs);line-height:1.35}body.touch-mode .range-row{gap:var(--touch-panel-gap);grid-template-columns:minmax(0,1fr) 48px}body.touch-mode .range-row input[type=number]{min-height:var(--touch-control-height);padding:0 4px}body.touch-mode .actions,body.touch-mode .coord-row,body.touch-mode .metric-grid{gap:var(--touch-panel-gap)}body.touch-mode .metric-grid div{padding:4px}body.touch-mode .metric-grid span{font-size:9px}body.touch-mode .metric-grid b{font-size:10px}.touch-joystick{pointer-events:auto;left:var(--touch-edge-inset);bottom:var(--touch-joystick-bottom);width:var(--touch-joystick-size);height:var(--touch-joystick-size);touch-action:none;background:#12161b6b;border:1px solid #f2f5f747;border-radius:50%;position:absolute}.touch-joystick-knob{width:var(--touch-joystick-knob-size);height:var(--touch-joystick-knob-size);background:#52d6a3db;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000057}.touch-actions{pointer-events:auto;right:var(--touch-edge-inset);top:var(--touch-action-top);gap:var(--touch-action-gap);width:min(var(--touch-action-width), calc(100vw - var(--touch-edge-inset) * 2));touch-action:none;flex-wrap:wrap;justify-content:flex-end;display:flex;position:absolute}.touch-actions button{min-width:var(--touch-action-button-width);min-height:var(--touch-action-button-height);padding:0 var(--touch-panel-gap);font-size:var(--touch-font-sm);background:#20262de0;line-height:1.15}.touch-actions button.active{color:#eefaf5;background:#2a5c4ceb;border-color:#52d6a3c2}.touch-orientation-overlay{right:var(--touch-edge-inset);bottom:var(--touch-edge-inset);z-index:80;pointer-events:none;padding:var(--touch-panel-gap) calc(var(--touch-panel-gap) + 2px);color:#f2f5f7;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0f12b8;border:1px solid #ffffff24;border-radius:8px;display:none;position:fixed}body.touch-mode .touch-orientation-overlay{display:none}.touch-orientation-overlay>div{max-width:220px}.touch-orientation-overlay strong{margin-bottom:4px;font-size:13px;font-weight:800;display:block}.touch-orientation-overlay span{color:#b6c0c8;font-size:11px;line-height:1.35;display:block}@media (orientation:portrait) and (pointer:coarse){body.touch-mode.simulated-landscape #scene{left:calc(var(--touch-frame-left) + var(--touch-frame-width) / 2);top:calc(var(--touch-frame-top) + var(--touch-frame-height) / 2);width:var(--touch-render-width);height:var(--touch-render-height);transform-origin:50%;bottom:auto;right:auto;transform:translate(-50%,-50%)rotate(90deg)}body.touch-mode.simulated-landscape .hud{left:calc(var(--touch-frame-left) + var(--touch-frame-width) / 2);top:calc(var(--touch-frame-top) + var(--touch-frame-height) / 2);width:var(--touch-app-width);height:var(--touch-app-height);transform-origin:50%;bottom:auto;right:auto;transform:translate(-50%,-50%)rotate(90deg)}body.touch-mode.simulated-landscape .topbar{left:var(--touch-edge-inset);right:var(--touch-edge-inset);top:var(--touch-map-panel-top)}body.touch-mode.simulated-landscape .debug-panel,body.touch-mode.simulated-landscape .map-switch-panel{width:min(var(--touch-map-switch-width), calc(50vh - var(--touch-edge-inset) * 2))}body.touch-mode.simulated-landscape .left-panel{width:min(var(--touch-left-panel-width), calc(50vh - var(--touch-edge-inset) * 2))}body.touch-mode.simulated-landscape .debug-panel{top:var(--touch-debug-top);right:var(--touch-edge-inset);max-height:var(--touch-debug-panel-max-height);left:auto}body.touch-mode.simulated-landscape .map-panel{left:50%;right:auto;top:var(--touch-topbar-top);width:min(var(--touch-map-panel-width), calc(100vh - var(--touch-edge-inset) * 2));max-height:var(--touch-map-panel-max-height);bottom:auto;transform:translate(-50%)}body.touch-mode.simulated-landscape .trajectory-panel{left:50%;right:auto;bottom:var(--touch-edge-inset);width:min(var(--touch-trajectory-panel-width), calc(100vh - var(--touch-edge-inset) * 2));transform:translate(-50%)}body.touch-mode.simulated-landscape .performance-panel{right:var(--touch-edge-inset);bottom:calc(var(--touch-map-switch-bottom) + 92px);width:min(var(--touch-map-switch-width), calc(50vh - var(--touch-edge-inset) * 2))}body.touch-mode.simulated-landscape .map-switch-panel{left:var(--touch-edge-inset);bottom:var(--touch-map-switch-bottom)}body.touch-mode.simulated-landscape .touch-actions{right:var(--touch-edge-inset);top:var(--touch-action-top);width:min(var(--touch-action-width), calc(100vh - var(--touch-edge-inset) * 2))}body.touch-mode.simulated-landscape .touch-joystick{left:var(--touch-edge-inset);bottom:var(--touch-joystick-bottom)}body.touch-mode .touch-orientation-overlay{display:none}}@media (width<=760px){body:not(.touch-mode) .left-panel,body:not(.touch-mode) .debug-panel,body:not(.touch-mode) .trajectory-panel,body:not(.touch-mode) .performance-panel,body:not(.touch-mode) .map-switch-panel{width:calc(50vw - 24px)}body:not(.touch-mode) .trajectory-panel{width:auto;bottom:18px;left:18px;right:18px;transform:none}body:not(.touch-mode) .map-panel{width:auto;left:18px;right:18px}body:not(.touch-mode) .map-switch-panel{width:min(300px,50vw - 24px);bottom:206px;left:18px}body.touch-mode .debug-panel{top:var(--touch-debug-top);right:var(--touch-edge-inset);width:min(var(--touch-debug-panel-width), calc(50vw - var(--touch-edge-inset) * 2));max-height:var(--touch-debug-panel-max-height);left:auto}.touch-joystick{left:var(--touch-edge-inset);bottom:var(--touch-joystick-bottom)}}