*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#050505;font-family:Inter,system-ui,sans-serif;overflow:hidden}.ui-layer{pointer-events:none;z-index:10;width:100vw;height:100vh;position:absolute;top:0;left:0}.top-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#0f141ef2;border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;width:100%;padding:10px 20px;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 15px #00000080}.top-bar h2{color:#38bdf8;margin:0 20px 0 0;font-size:1.2rem}.top-bar .btn{width:auto;margin:0;padding:8px 16px;font-size:.95rem}.dropdown-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;color:#fff;background:#0f141ef2;border:1px solid #ffffff1a;border-radius:12px;width:320px;padding:20px;position:absolute;top:70px;left:20px;box-shadow:0 15px 35px #00000080}.slider-group{margin-bottom:15px}.slider-group label{color:#cbd5e1;justify-content:space-between;margin-bottom:8px;font-size:.9rem;display:flex}.slider-group input[type=range]{cursor:pointer;accent-color:#38bdf8;width:100%}.checkbox-group{cursor:pointer;color:#cbd5e1;align-items:center;gap:10px;margin-bottom:20px;display:flex}.checkbox-group input{cursor:pointer;accent-color:#38bdf8;width:18px;height:18px}.telemetry-box{color:#fff;pointer-events:auto;background:#0f141ecc;border:1px solid #ffffff1a;border-radius:12px;padding:15px;position:absolute;bottom:20px;left:20px}.telemetry-box h3{margin-top:0;margin-bottom:8px;font-size:1rem}.telemetry-box p{color:#94a3b8;margin:3px 0;font-size:.85rem}.reset-btn{color:#fff!important;background:#ef4444!important;bottom:40px!important;right:170px!important}.btn{color:#fff;cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;width:100%;margin-bottom:8px;padding:10px 15px;font-size:.9rem;transition:all .2s ease-in-out;display:block}.btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translate(3px)}.btn.primary{text-align:center;background:#212935;border-color:#60a5fa;font-weight:700}.btn.primary:hover{background:#2563eb;transform:translateY(-1px)}.floating-btn{text-align:center;width:auto}.gas-btn{touch-action:none;-webkit-user-select:none;user-select:none}.bh-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;pointer-events:auto;background:#0f141ed9;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:15px;width:300px;padding:20px;display:flex;position:absolute;top:20px;right:20px}@media (width<=768px){.top-bar h2{display:none}.top-bar{padding:10px;overflow-x:auto}.top-bar .btn{flex-shrink:0;padding:5px 7px;font-size:.85rem}.dropdown-panel{width:calc(100vw - 20px);padding:15px;top:60px;left:10px}.telemetry-box{padding:10px;bottom:30px;left:10px}.reset-btn{padding:12px!important;bottom:20px!important;right:130px!important}.gas-btn{bottom:20px!important;right:10px!important}.bh-panel{gap:10px;width:calc(100vw - 20px);max-width:300px;padding:12px;inset:auto auto 20px 10px}.bh-panel h2{font-size:1.1rem!important}.bh-panel label{margin-bottom:2px!important;font-size:.8rem!important}.bh-panel input[type=range]{margin-bottom:5px}.bh-panel button{font-size:.85rem;padding:8px!important}}