.veh-hud[hidden]{display:none!important}.veh-hud{position:fixed;z-index:calc(var(--z-hud) + 4);right:calc(var(--safe-r) + 22px);bottom:calc(var(--safe-b) + 26px);display:flex;align-items:center;gap:var(--sp-4);padding:8px 12px;border:1px solid var(--line-str);border-radius:var(--r-sm);background:var(--panel-bg-solid, rgba(16, 18, 20, .86));color:var(--txt);font:400 12px/1.2 var(--font);pointer-events:auto}.veh-dial{display:grid;justify-items:center;min-width:54px}.veh-speed{font:500 30px/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--accent-hi)}.veh-dial small{margin-top:2px;color:var(--dim);font:500 10.5px/1 var(--font-display);letter-spacing:var(--track);text-transform:uppercase}.veh-bars{display:grid;gap:5px;min-width:118px}.veh-bar{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:6px}.veh-bar span{color:var(--dim);font:500 10.5px/1 var(--font-display);letter-spacing:var(--track);text-transform:uppercase}.veh-bar u{display:block;height:6px;border-radius:1px;background:var(--fg-a08);overflow:hidden;text-decoration:none}.veh-bar i{display:block;height:100%;width:100%;background:var(--accent)}.veh-bar--hp i{background:#7fae6a}.veh-bar.low i{background:#d2553f}.veh-brake{color:#e0a23c;font:500 10.5px/1 var(--font-display);letter-spacing:var(--track);text-transform:uppercase;font-style:normal}.veh-brake[hidden]{display:none}.veh-buttons{display:flex;gap:6px}.veh-btn{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid var(--line-str);border-radius:var(--r-xs);background:var(--fg-a04);color:var(--txt);font:500 12px/1 var(--font-display);letter-spacing:var(--track);text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.veh-btn.on{border-color:var(--accent-a65);background:var(--accent-a16, var(--accent-a08));color:var(--accent-hi)}.veh-btn kbd{min-width:18px}@media(pointer:coarse){.veh-hud{right:auto;top:auto;left:calc(var(--safe-l) + 10px);bottom:calc(var(--safe-b) + 8px);gap:8px;padding:4px 8px;background:#0c0e108c;border-color:var(--fg-a14, var(--fg-a08));pointer-events:none}.veh-dial{min-width:0;grid-auto-flow:column;align-items:baseline;gap:4px}.veh-speed{font-size:22px}.veh-dial small{margin:0;font-size:10.5px}.veh-bars{min-width:54px;gap:4px}.veh-bar{grid-template-columns:1fr}.veh-bar span,.veh-brake{display:none}.veh-bar u{height:4px}.veh-buttons{pointer-events:auto}.veh-btn{min-height:44px;min-width:44px;padding:0 8px;justify-content:center}.veh-btn--lights,.veh-btn--horn{display:none!important}body.is-driving .veh-btn--menu,body.is-driving #btn-attack{display:none}body.is-riding:not(.is-driving) #btn-crouch,body.is-riding:not(.is-driving) #btn-sprint,body.is-driving.veh-motor #btn-sprint{display:none}}body.is-driving #crosshair{visibility:hidden}.veh-menu-root[hidden]{display:none!important}.veh-menu-root{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:calc(var(--safe-t) + 12px) calc(var(--safe-r) + 12px) calc(var(--safe-b) + 12px) calc(var(--safe-l) + 12px);color:var(--txt);font:400 14px/1.45 var(--font)}.veh-menu{display:flex;flex-direction:column;gap:var(--sp-4);width:min(460px,100%);max-height:100%;overflow:auto;padding:14px 18px 16px}.veh-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}.veh-stat{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:4px;border-bottom:1px solid var(--fg-a08)}.veh-stat span{color:var(--dim);font-size:12px}.veh-stat b{font:500 15px/1.1 var(--font-display);font-variant-numeric:tabular-nums}.veh-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.veh-action{display:grid;align-content:center;justify-items:start;gap:2px;min-height:48px;padding:6px 12px;text-align:left}.veh-action small{font:400 11px/1.2 var(--font);letter-spacing:0;text-transform:none;opacity:.8}.veh-note{margin:0;color:var(--dim);font-size:12px}@media(max-height:420px){.veh-menu{width:min(620px,100%);gap:var(--sp-3);padding:10px 14px 12px}.veh-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.veh-stat{display:grid}.veh-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.veh-action{min-height:44px}.veh-note{display:none}}
