/* Bunny Bear Cave's own look on top of the shared game styles (bunny-bear-shared/css/). */
body { background: #e4b884; }                   /* South America's sand (the map): the rock continues past the canvas */
body.play::before { background: rgb(51 41 31 / 0.25); }
#stage { cursor: pointer; }

/* crash screen: SAVE SCORE, below the "try again" hint (the shared arcade button look) */
.save-score {
  position: absolute;
  left: 50%;
  bottom: 22%;
  transform: translateX(-50%);
  z-index: 5;
  padding: 14px 22px;
  font-family: 'Press Start 2P', monospace;
  font-size: clamp(13px, 2.4vw, 18px);
  color: #33291f;
  background: #f2b544;                          /* gold, like the rings */
  border: 0;
  border-radius: 6px;
  box-shadow: -5px 6px 0 #9a90d6;               /* the map's lavender drop shadow */
  cursor: pointer;
}
.save-score:active { transform: translateX(-50%) translateY(2px); }
.save-score[hidden] { display: none; }

/* PLACEHOLDER instructions card (HTML) until the storyline and real card art arrive. 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; }