:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{color:#ddd;touch-action:manipulation;overscroll-behavior:none;-webkit-text-size-adjust:100%;background:#111;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#app{width:100%;height:100dvh;position:fixed;top:0;left:0;overflow:hidden}#renderCanvas{touch-action:none;outline:none;width:100%;height:100%;display:block}#hud{z-index:30;pointer-events:none;position:absolute;top:0;left:0}#touchControls{z-index:20;pointer-events:none;position:absolute;inset:0}.touchBtn{color:#ffffff47;letter-spacing:.06em;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffffff0a;border:1px solid #ffffff24;border-radius:16px;width:98px;height:66px;padding:0;font:600 12px system-ui,sans-serif;position:absolute;bottom:14px}.touchBtn.active{color:#ffffffa6;background:#ffffff29;border-color:#ffffff4d}#touchBrake{left:14px}#touchThrottle{left:122px}#touchBoost{bottom:90px;left:122px}#touchLeft{right:122px}#touchRight{right:14px}#rotateOverlay{z-index:100;color:#cfd6ff;text-align:center;background:#0b0b0e;justify-content:center;align-items:center;font:600 16px system-ui,sans-serif;display:flex;position:fixed;inset:0}#rotateOverlay .rotateBox{flex-direction:column;align-items:center;gap:10px;display:flex}#rotateOverlay small{color:#8f9bb3;font-weight:400}.panel{pointer-events:auto;background:#141418e0;border:1px solid #333;width:280px;margin:12px;padding:12px;font-size:13px}.panel h2{letter-spacing:.5px;margin:0 0 10px;font-size:15px}.panel details.section{background:#0c0c1059;border:1px solid #2a2c33;margin:8px 0;padding:6px 8px}.panel details.section>summary{cursor:pointer;letter-spacing:.3px;color:#cfd6ff;padding:2px 0;font-size:12.5px;font-weight:600;list-style:none}.panel details.section>summary::-webkit-details-marker{display:none}.panel details.section>summary:before{content:"▸";color:#8f9bb3;width:1em;transition:transform .12s;display:inline-block}.panel details.section[open]>summary:before{transform:rotate(90deg)}.panel details.section[open]>summary{border-bottom:1px solid #2a2c33;margin-bottom:6px;padding-bottom:5px}.row{justify-content:space-between;align-items:center;gap:8px;margin:6px 0;display:flex}.row label{flex:1}select,input[type=checkbox]{accent-color:#6b8cff}#trackButtons{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}#trackButtons button{color:#ddd;cursor:pointer;background:#2a2d36;border:1px solid #444;flex:28%;padding:6px 4px;font-size:12px}#trackButtons button.active{color:#fff;background:#3d5afe;border-color:#6b8cff}.picked{white-space:pre-wrap;background:#16181d;border:1px solid #2a2c33;max-height:260px;margin-top:10px;padding:8px;font-family:ui-monospace,monospace;font-size:11px;line-height:1.4;overflow:auto}.picked code{color:#9ae}#picInspector{pointer-events:auto}#picInspector label{margin:7px 0;display:block}#picCanvas{width:100%;image-rendering:pixelated;background:#000;border:1px solid #2a2c33;display:block}#picInfo{color:#aaa;margin-top:4px;display:block}.hudToggle{pointer-events:auto;font:inherit;color:#ddd;cursor:pointer;background:#141418e6;border:1px solid #444;padding:6px 12px;font-size:12px;position:absolute;top:8px;left:8px}.hudToggle:hover{background:#282830f2}#backToMenu{width:100%;margin:6px 0 10px}#trackPanel{max-height:calc(100vh - 60px);margin:0;position:absolute;top:44px;left:8px;overflow-y:auto}
