*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--hud-bg:#0a0c14b8;--hud-border:#64b4ff2e;--accent:#4fc3f7;--accent2:#7c4dff;--text-primary:#e8f4fd;--text-muted:#8bafc8;--green:#69f0ae;--red:#ff5252}html,body,#root{background:#0a0c14;width:100%;height:100%;font-family:Inter,Segoe UI,system-ui,sans-serif;overflow:hidden}canvas{display:block;position:fixed;inset:0}.controls-box{z-index:100;-webkit-backdrop-filter:blur(8px);background:#0a0c148c;border:1px solid #64b4ff1a;border-radius:8px;align-items:center;gap:10px;padding:6px 12px;font-size:12px;display:flex;position:fixed;bottom:16px;right:16px}.controls-speed{pointer-events:none;align-items:baseline;gap:3px;display:flex}.controls-speed .speed-value{color:var(--accent);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700;line-height:1}.controls-speed .speed-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:9px;font-weight:500}.car-name{color:var(--text-primary);letter-spacing:.04em;pointer-events:none;border-right:1px solid var(--hud-border);padding-right:8px;font-size:11px;font-weight:700}.controls-debug{color:var(--text-muted);cursor:pointer;letter-spacing:.03em;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:11px;font-weight:600;transition:color .15s,background .15s}.controls-debug:hover{color:var(--accent);background:#4fc3f714}.controls-debug.active{color:var(--green)}