/* Shared additions on top of the design's inline styles */
* { box-sizing: border-box; }
img { max-width: 100%; }
html { scroll-behavior: smooth; }
:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }

.menu-toggle {
  display: none;
  min-height: 46px; padding: 0 18px;
  border: 1px solid #C3C9D2; border-radius: 999px; background: #FFFFFF;
  font: inherit; font-weight: 700; font-size: 15px; color: #0A0F1A; cursor: pointer;
}

.form-status {
  margin: 0; padding: 14px 16px; border-radius: 12px;
  background: #FFF1E9; color: #5A1C00; font-size: 15px; line-height: 1.45;
}
#fleet .form-status { background: #1A2333; color: #E4E8EE; }
.form-status a { color: inherit; font-weight: 700; }

/* Phones: collapse the header nav behind a Menu button */
@media (max-width: 860px) {
  .site-header > div { position: relative; }
  .menu-toggle { display: inline-flex; align-items: center; margin-left: auto; }
  .main-nav {
    display: none !important;
    order: 3; width: 100%;
    flex-direction: column; gap: 0 !important;
    border-top: 1px solid #E3E6EB; padding-top: 6px;
  }
  .main-nav.open { display: flex !important; }
  .main-nav a { padding: 13px 2px; border-bottom: 1px solid #EEF0F3; }
  .header-actions { order: 4; width: 100%; }
  .header-actions a { flex: 1 1 auto; justify-content: center; }
}

/* The game's rotated tachometer ticks shouldn't cause sideways scroll on phones */
#pitlane { overflow-x: clip; }