:root{font-family:Inter,system-ui,sans-serif;color-scheme:dark;color:#ffffffde;background-color:#050a14;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body,html,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden}.hud-btn{font-family:Orbitron,sans-serif;font-size:clamp(.6rem,2vw,.7rem);font-weight:600;letter-spacing:.08em;padding:clamp(6px,1.5vw,8px) clamp(12px,3vw,16px);border:1px solid rgba(255,255,255,.15);border-radius:10px;background:#ffffff12;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;transition:all .2s ease;white-space:nowrap}.hud-btn:hover{background:#ffffff26;border-color:#ffffff59;transform:translateY(-1px);box-shadow:0 4px 20px #0006}.hud-btn.active-yellow{background:#ffdc002e;border-color:gold;color:gold;box-shadow:0 0 16px #ffd70059}.hud-btn.active-red{background:#ff32322e;border-color:#f44;color:#f66;box-shadow:0 0 16px #ff323259}.hud-btn.active-blue{background:#008cff2e;border-color:#008cff;color:#4db8ff;box-shadow:0 0 16px #008cff59}.hud-btn.active-cyan{background:#00dcc82e;border-color:#00dcc8;color:#00dcc8;box-shadow:0 0 16px #00dcc859}.hud-btn.vr-active{background:#8a2be240;border-color:#8a2be2;color:#ba55d3;box-shadow:0 0 20px #8a2be280;animation:vr-pulse 2s ease-in-out infinite}@keyframes vr-pulse{0%,to{box-shadow:0 0 20px #8a2be280}50%{box-shadow:0 0 30px #8a2be2cc}}.speed-panel{font-family:Orbitron,sans-serif;background:#050a14a6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:clamp(10px,2vh,14px) clamp(16px,4vw,24px) clamp(12px,2.5vh,18px);color:#fff;text-align:center;min-width:clamp(200px,50vw,260px);max-width:90vw}.speed-label{font-size:clamp(.5rem,1.5vw,.6rem);letter-spacing:.2em;color:#ffffff73;text-transform:uppercase;margin-bottom:4px}.speed-value{font-size:clamp(1.8rem,6vw,2.4rem);font-weight:800;line-height:1;background:linear-gradient(135deg,#00dcc8,#008cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.speed-unit{font-size:clamp(.5rem,1.5vw,.6rem);letter-spacing:.15em;color:#ffffff59;margin-bottom:10px}.speed-track{width:100%;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;margin-bottom:8px}.speed-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#00dcc8,#008cff);transition:width .1s ease;box-shadow:0 0 8px #008cff99}input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:transparent;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:clamp(14px,3vw,16px);height:clamp(14px,3vw,16px);border-radius:50%;background:#008cff;box-shadow:0 0 8px #008cffcc;cursor:pointer;transition:transform .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3)}.hud-top{position:absolute;top:clamp(12px,2vh,16px);left:50%;transform:translate(-50%);display:flex;gap:clamp(6px,1.5vw,10px);align-items:center;z-index:20;flex-wrap:wrap;justify-content:center;max-width:95vw;padding:0 10px}.brand-badge{position:absolute;top:clamp(12px,2vh,16px);left:clamp(12px,3vw,20px);font-family:Orbitron,sans-serif;font-size:clamp(.6rem,2vw,.75rem);font-weight:800;letter-spacing:.2em;color:#ffffffb3;z-index:20;text-transform:uppercase;pointer-events:none}.brand-badge span{color:#00dcc8}.vr-button-container{position:absolute;top:clamp(12px,2vh,16px);right:clamp(12px,3vw,20px);z-index:20}.speed-container{position:absolute;bottom:clamp(12px,2vh,20px);left:50%;transform:translate(-50%);z-index:20;width:100%;display:flex;justify-content:center;padding:0 10px}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:10;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}.vignette{position:fixed;inset:0;pointer-events:none;z-index:9;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,5,15,.7) 100%)}@media(max-width:768px){.hud-top{top:8px;gap:6px}.brand-badge{font-size:.55rem;top:8px;left:8px}.vr-button-container{top:8px;right:8px}.speed-container{bottom:8px}.speed-panel{min-width:180px}}@media(max-width:480px){.hud-top{flex-direction:column;gap:4px;top:50px}.hud-btn{font-size:.55rem;padding:5px 10px}.speed-value{font-size:1.6rem}}@media(max-height:500px)and (orientation:landscape){.hud-top{top:6px;gap:4px}.brand-badge{top:6px;left:6px;font-size:.5rem}.vr-button-container{top:6px;right:6px}.speed-container{bottom:6px}.speed-panel{padding:8px 16px 10px}.speed-value{font-size:1.4rem}}