/*
 * styleHud.css — HUD control additions (post-prototype): the play-speed
 * toggle group and the Level 2 skip-to-year-end button. Split from
 * style.css, which sits near the 300-line cap; future HUD-control styles
 * belong here.
 */

.speed-group {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  margin-left: auto; /* pushes speed + skip to the right of the row */
}

.speed-label {
  color: #888;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-right: 0.2rem;
}

/* Radio-style toggle: quiet until active. Overrides .hud-controls button. */
.hud-controls .speed-btn {
  padding: 0.3rem 0.7rem;
  background: #fff;
  color: #555;
  border: 1px solid #bbb;
  font-variant-numeric: tabular-nums;
}

.hud-controls .speed-btn:hover {
  background: #f0f0ea;
  color: #222;
}

.hud-controls .speed-btn.active {
  background: #2e5e8c;
  border-color: #2e5e8c;
  color: #fff;
}

/* Secondary outline button (Game hints etc.) — same look as New game. */
.hud-controls button.btn-secondary {
  background: #fff;
  color: #2e5e8c;
  border: 1px solid #2e5e8c;
}

.hud-controls button.btn-secondary:hover { background: #eef3f8; }

/* Level 2 only: jump the clock to the next annual review. */
.hud-controls .btn-skip-year {
  background: #fff;
  color: #2e5e8c;
  border: 1px solid #2e5e8c;
}

.hud-controls .btn-skip-year:hover {
  background: #eef3f8;
}