:root {
  --rally-cream: #fff5e3;
  --rally-sand: #f0cc83;
  --rally-orange: #d86b2b;
  --rally-ink: #583625;
  --rally-sky: #327d9b;
}
#cod-lobby {
  background:
    linear-gradient(180deg, #4d2b1ba6, #70472a28 48%, #392619d9),
    url("../assets/lobby/approved-background.webp") center/cover !important;
}
#cod-lobby .bp-quick-dock {
  background: #563923df;
}
#cod-lobby .tile-hero {
  background-position: center;
}
#cod-lobby .tile-overline {
  background: #934923e8;
}
#cod-lobby .tile-stats {
  background: linear-gradient(135deg, #377b97f5, #204e6af5);
}
#cod-lobby .tile-ai {
  background: linear-gradient(135deg, #ffefca, #edbd75);
}
#cod-lobby .tile-pass {
  background: linear-gradient(120deg, #df7b35, #a64c28);
}
#cod-lobby .tile-rules {
  background: linear-gradient(120deg, #cee7e7, #99c9d7);
}
.canyon-stops {
  padding: 16px 4px;
  display: grid;
  gap: 13px;
}
.canyon-stops > small {
  font-size: 9px;
  letter-spacing: 1.3px;
  color: #98704d;
}
.canyon-stop {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-bottom: 11px;
  border-bottom: 1px solid #d4b79a88;
}
.canyon-stop > b {
  color: #cf6e30;
  font:
    800 27px "Barlow Condensed",
    sans-serif;
}
.canyon-stop strong {
  display: block;
  font:
    700 21px "Barlow Condensed",
    sans-serif;
}
.canyon-stop small {
  font-size: 9px;
  line-height: 1.6;
  color: #8c6447;
}
.rally-report-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 600px) {
  #cod-lobby .canyon-stops {
    gap: 10px;
    padding: 12px 3px;
  }
  .rally-report-actions {
    grid-template-columns: 1fr;
  }
}