@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap";:root{--bg-glass: rgba(16, 24, 40, .75);--border-glass: rgba(255, 255, 255, .12);--text-main: #f8fafc;--text-sub: #94a3b8;--accent-cyan: #38bdf8;--accent-amber: #fbbf24;--accent-emerald: #34d399;--accent-rose: #f43f5e;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:#050811;font-family:var(--font-sans);color:var(--text-main)}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#cab-frame{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;box-shadow:inset 0 0 100px #000c,inset 0 -120px 140px #000000e6}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:10;color:var(--text-main)}#history-panel{position:absolute;top:16px;left:16px;width:260px;max-height:280px;padding:12px 16px;display:flex;flex-direction:column}.panel-header{font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-cyan);margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:6px}#history-list{list-style:none;overflow-y:auto;font-family:var(--font-mono);font-size:.85rem;display:flex;flex-direction:column;gap:4px}#history-list::-webkit-scrollbar{width:4px}#history-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}#history-list li{padding:4px 8px;border-radius:6px;background:#ffffff0a;display:flex;justify-content:space-between;align-items:center}.empty-history{color:var(--text-sub);font-style:italic;font-family:var(--font-sans);text-align:center;padding:12px 0!important}.history-item-near{color:var(--accent-cyan)}.history-item-exact{color:var(--accent-emerald);font-weight:700}.history-item-overrun{color:var(--accent-amber)}.history-item-severe{color:var(--accent-rose);font-weight:700}#distance-overlay{position:absolute;top:16px;right:285px;padding:14px 20px;min-width:200px;text-align:right}.distance-label,.gradient-label{font-size:.75rem;font-weight:600;color:var(--text-sub);letter-spacing:.05em}.distance-value-container{font-family:var(--font-mono);font-size:2.2rem;font-weight:700;color:var(--accent-cyan);line-height:1.1}.distance-value-container .unit{font-size:1rem;color:var(--text-sub);margin-left:4px;font-family:var(--font-sans)}.gradient-container{margin-top:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.1)}.gradient-value-container{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;line-height:1.1;margin-top:2px}#gradient-value{font-family:var(--font-mono);font-weight:700}.gradient-uphill{color:#f87171!important}.gradient-downhill{color:#38bdf8!important}.gradient-flat{color:var(--text-sub)!important}#distance-status{font-size:.75rem;font-weight:700;margin-top:8px;padding:2px 8px;border-radius:4px;display:inline-block}.status-normal{background:#38bdf826;color:var(--accent-cyan)}.status-stopped{background:#34d39933;color:var(--accent-emerald)}.status-overrun{background:#f43f5e40;color:var(--accent-rose)}#dashboard-panel{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:24px;padding:16px 28px;align-items:center}.dashboard-card{display:flex;flex-direction:column;align-items:center;min-width:130px}.card-label{font-size:.75rem;font-weight:600;color:var(--text-sub);margin-bottom:4px}.card-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:6px}.card-value .unit{font-size:.8rem;color:var(--text-sub);font-family:var(--font-sans)}.gauge-bar-bg{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.gauge-bar-fill{height:100%;background:linear-gradient(90deg,#0284c7,#38bdf8);border-radius:3px;transition:width .1s linear}.pressure-fill{background:linear-gradient(90deg,#d97706,#fbbf24)}.notch-card{padding-left:16px;border-left:1px solid var(--border-glass)}.notch-value{font-family:var(--font-mono);font-size:1.8rem;font-weight:800;color:var(--accent-amber);margin-bottom:6px}.notch-controls{display:flex;gap:8px}.btn-notch{background:#ffffff1a;border:1px solid var(--border-glass);color:var(--text-main);padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-notch:hover{background:#fff3;border-color:#ffffff4d}.btn-notch:active{transform:scale(.95)}.lil-gui{--background-color: var(--bg-glass) !important;--text-color: #e2e8f0 !important;--title-background-color: rgba(30, 41, 59, .8) !important;--widget-color: rgba(255, 255, 255, .1) !important;--hover-color: rgba(56, 189, 248, .3) !important;--focus-color: var(--accent-cyan) !important;--number-color: var(--accent-cyan) !important;--string-color: var(--accent-amber) !important;font-family:var(--font-sans)!important;border-radius:12px!important;overflow:hidden!important;border:1px solid var(--border-glass)!important;box-shadow:0 8px 32px #0006!important}@media (max-width: 768px){#distance-overlay{top:16px;right:16px}#dashboard-panel{bottom:12px;padding:10px 16px;gap:12px;width:92%}.dashboard-card{min-width:90px}.card-value{font-size:1.1rem}}