/* SIMURBAN 0.9.296 — HUD compacto de controles e cockpit terrestre elevado. */
.driver-hud{
  min-width:300px!important;
  max-width:min(430px,calc(100vw - 28px));
}
.driver-controls{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  padding:8px;
  border:1px solid rgba(151,232,190,.18);
  border-radius:11px;
  background:rgba(24,43,44,.72);
}
.driver-controls span{
  min-width:0;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:5px;
}
.driver-controls kbd{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:21px;
  padding:0 5px;
  border:1px solid rgba(255,255,255,.22);
  border-bottom-color:rgba(255,255,255,.38);
  border-radius:5px;
  background:rgba(255,255,255,.08);
  color:#f0fff7;
  font:800 9px/1 Arial,sans-serif;
  white-space:nowrap;
  box-shadow:0 1px 0 rgba(255,255,255,.10);
}
.driver-controls small{
  overflow:hidden;
  color:#a9c5ba;
  font:700 9px/1.1 Arial,sans-serif;
  text-overflow:ellipsis;
  white-space:nowrap;
}
/* O modo pedestre agora também usa velocímetro e guia de controles. */
html body.city-mode.driver-mode.pedestrian-camera-mode #driverHud.driver-hud{
  display:grid!important;
}
html body.city-mode.driver-mode.pedestrian-camera-mode #driverDashboard.driver-dashboard{
  display:none!important;
}
@media(max-width:620px){
  .driver-hud{right:10px!important;bottom:10px!important;min-width:0!important;width:calc(100vw - 20px)}
  .driver-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
}