/****************************************/
/* common styles used for v1 through v4 */
/****************************************/

body {
  font-family: Arial, Helvetica, sans-serif;
}
#stats {
  border: 2px solid black;
}
#controls {
  width: 28em;
  float: left;
  padding: 1em;
  font-size: 0.7em;
}
#controls th {
  text-align: right;
  vertical-align: middle;
}
#instructions {
  clear: left;
  float: left;
  width: 17em;
  padding: 1em;
  border: 1px solid black;
  box-shadow: 0 0 5px black;
}
#racer {
  position: relative;
  z-index: 0;
  width: 640px;
  height: 480px;
  margin-left: 20em;
  border: 2px solid black;
}
#canvas {
  position: absolute;
  z-index: 0;
  width: 640px;
  height: 480px;
  z-index: 0;
  background-color: #72d7ee;
}
/**************************************************/
/* Modern responsive HUD styles are now in index.html */
/**************************************************/

/* Keep only essential non-conflicting styles */
#hud .fastest {
  background: linear-gradient(
    135deg,
    rgba(255, 215, 0, 0.9),
    rgba(255, 165, 0, 0.9)
  ) !important;
  box-shadow: 0 0 25px rgba(255, 215, 0, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}