/* OG Bunny Bear Run's own look on top of the shared game styles (bunny-bear-shared/css/). */
body { background: #8fa3bb; }                   /* the grid's slate blue continues past the canvas */
body.play::before { background: rgb(31 40 56 / 0.25); }

/* PLACEHOLDER instructions card (HTML) until real card art arrives. Brand orange title. */
.how-card {
  width: min(92%, 520px);
  padding: 28px 30px 22px;
  background: #fcf1d9;
  color: #10151f;
  border: 6px solid #10151f;
  border-radius: 6px;
  box-shadow: 0 6px 0 rgb(0 0 0 / 0.25);
  font-family: 'Barlow', system-ui, sans-serif;
  text-align: left;
}
.how-card h2 {
  margin: 0 0 18px;
  text-align: center;
  font-weight: 800;
  font-size: clamp(30px, 7vw, 52px);
  letter-spacing: 0.01em;
  color: #ef4c00;                               /* brand orange (BMW orange) */
}
.how-card dl { display: grid; grid-template-columns: auto 1fr; gap: 6px 16px; margin: 0; font-weight: 800; font-size: clamp(15px, 3.2vw, 20px); }
.how-card dt { color: #d42a2a; white-space: nowrap; }
.how-card dd { margin: 0; }
.how-foot { margin: 16px 0 0; text-align: center; font-weight: 700; font-size: 13px; letter-spacing: 0.18em; }