@import url(https://fonts.bunny.net/css?family=noto-sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);

html, body {
  font-family: 'Noto Sans', sans-serif;
  background: #000;
  color: #fefefe;
  margin: 0;
  padding: 0;
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#start-btn {
  margin-top: 2rem;
  padding: 1rem 2rem;
  font-size: 1.2rem;
  font-weight: 700;
  border: none;
  border-radius: 0.5rem;
  background: #4f8abb;
  color: #fff;
  cursor: pointer;
  transition: background 0.2s;
}
#start-btn:hover {
  background: #4f8abbcc;
}

#hud-mode {
  margin-top: 3rem;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: 600;
  border: none;
  border-radius: 0.5rem;
  background: #888888;
  color: #fff;
  cursor: pointer;
  transition: background 0.2s;
}

#error {
  margin-top: 2rem;
  color: #ff3a3a;
  font-size: 1.1rem;
}

#speed {
  font-size: clamp(30px, 40vw, 250px);
  font-weight: 700;
  margin-bottom: 0;
  padding: 0;
}

#unit {
  margin-top: 0;
  padding: 0;
}