#hud{padding-bottom:calc(214px + env(safe-area-inset-bottom))}
#controls{position:fixed;left:0;right:0;bottom:0;height:212px;padding:10px max(8px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:10px;align-items:end;pointer-events:none;background:linear-gradient(transparent,#11182775 30%,#111827ec 74%)}
#laneControls{display:grid;grid-template-rows:64px 96px;gap:8px;min-width:0;align-self:end}.signalRow{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}.signal{width:100%;height:60px;pointer-events:auto;touch-action:manipulation}.signal:first-child,.signal:last-child{justify-self:stretch}
#joystick{position:relative;width:100%;height:96px;border-radius:28px;border:2px solid #ffffff4a;background:#111827c7;box-shadow:inset 0 0 0 9px #ffffff07,0 8px 24px #0006;pointer-events:auto;touch-action:none;user-select:none;overflow:hidden}
#joystick:before{content:none}#joystick:after{content:"";position:absolute;left:50%;top:13px;bottom:13px;width:2px;height:auto;right:auto;transform:translateX(-50%);background:#ffffff1d;pointer-events:none}
#joyKnob{position:absolute;left:50%;top:50%;width:70px;height:70px;margin:0;border-radius:50%;background:#f3f4f6ed;border:2px solid #fff;box-shadow:0 5px 14px #0008;transform:translate(-50%,-50%);z-index:2}
.joy-h{inset:0;top:0;left:0;right:0;transform:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:12px;letter-spacing:.04em}
#throttleLever{position:relative;width:86px;height:188px;border-radius:27px;border:2px solid #ffffff45;background:#111827d8;box-shadow:inset 0 0 0 8px #ffffff06,0 8px 24px #0007;pointer-events:auto;touch-action:none;user-select:none;justify-self:end;overflow:hidden}
.throttleSlot{position:absolute;left:50%;top:17%;bottom:17%;width:12px;transform:translateX(-50%);border-radius:999px;background:#020617b8;border:1px solid #ffffff20}.throttleSlot:after{content:"";position:absolute;left:50%;top:50%;width:26px;height:2px;transform:translate(-50%,-50%);background:#ffffff50}
.throttleMark{position:absolute;left:0;right:0;text-align:center;font:900 10px system-ui;letter-spacing:.04em;pointer-events:none;text-shadow:0 1px 3px #000}.throttleGas{top:7px;color:#86efac}.throttleZero{top:50%;transform:translateY(-50%);color:#cbd5e1;font-size:9px}.throttleBrake{bottom:7px;color:#fca5a5}
#throttleKnob{position:absolute;left:50%;top:50%;width:68px;height:44px;border-radius:15px;transform:translate(-50%,-50%);background:#e5e7eb;border:2px solid #fff;color:#111827;box-shadow:0 5px 14px #0009;display:grid;place-items:center;z-index:2;transition:background .08s,border-color .08s}#throttleKnob.gas{background:#86efac;border-color:#dcfce7}#throttleKnob.brake{background:#fca5a5;border-color:#fee2e2}#throttleValue{font:900 10px system-ui;white-space:nowrap}
@media(min-width:700px){#controls{left:50%;right:auto;width:620px;transform:translateX(-50%);grid-template-columns:minmax(0,1fr) 94px}#joystick{width:100%;height:96px}#throttleLever{width:94px}}