/* Plants collect and receive ordinary care on the first tap. Paid boosts stay in details. */
.walk-plant.has-fruit .walk-plant-badge {
  min-width: 41px;
  min-height: 27px;
  display: grid;
  place-items: center;
  padding: 5px 7px;
  border: 2px solid #101616;
  border-radius: 12px;
  background: #dfff4f;
  color: #101616;
  font-size: 13px;
  box-shadow: 0 3px 0 #101616;
  animation: fruit-ready-bob 2.5s ease-in-out infinite;
}
.walk-plant.has-fruit::before {
  content: '';
  position: absolute;
  left: 21px;
  bottom: 10px;
  width: 120px;
  height: 35px;
  border-radius: 50%;
  background: #dfff4f55;
  box-shadow: 0 0 0 4px #fffdf580;
  pointer-events: none;
}
.walk-plant.has-fruit:active svg { filter: brightness(1.13) drop-shadow(0 0 9px #dfff4f); }
.walk-control-copy b { font-size: 14px; }
.walk-control-copy span { font-size: 12px; }
.walk-plant-details { border-top: 2px solid #10161618; margin-top: 9px; padding-top: 8px; }
.walk-plant-details > summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  font-size: 14px;
  font-weight: 800;
  color: #101616;
  cursor: pointer;
  list-style: none;
}
.walk-plant-details > summary::-webkit-details-marker { display: none; }
.walk-plant-details > summary > span { font-size: 22px; }
.walk-plant-details[open] > summary > span { transform: rotate(45deg); }
.walk-optional-care { display: grid; gap: 9px; }
.walk-optional-care button { width: 100%; }
.walk-panel-welcome p { font-size: 14px; line-height: 1.4; }
@keyframes fruit-ready-bob {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -4px; }
}
@media (max-width: 740px) {
  .walk-camera-note { font-size: 12px; }
  .walk-panel-welcome { align-items: center; }
  .walk-panel-welcome h3 { font-size: 23px; }
  .walk-panel-welcome p { margin-bottom: 4px; font-size: 13px; }
  .walk-panel-welcome button { min-height: 45px; }
  .walk-plant-details > summary { min-height: 48px; font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .walk-plant.has-fruit .walk-plant-badge { animation: none; }
  .walk-plant-details > summary > span { transition: none; }
}
.top-speed-status {
  flex:0 0 auto;
  min-height:22px;
  padding:3px 10px;
  color:#101616;
  background:#dfff4f;
  font:800 11px/16px Arial,sans-serif;
  text-align:center;
  letter-spacing:.025em;
}
.top-speed-status.earned,.speed-bonus-earned { background:#fff049; color:#101616; }
.beat-key-row { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; width:100%; }
.beat-key-row .beat-key { min-height:62px; font-size:32px; background:#fffdf5; border:2px solid #101616; border-radius:14px; box-shadow:0 3px 0 #101616; }
.beat-key-row .beat-key:nth-child(1) { background:#17ccec; }
.beat-key-row .beat-key:nth-child(2) { background:#ff73b6; }
.beat-key-row .beat-key:nth-child(3) { background:#dfff4f; }
.beat-key-row .beat-key:nth-child(4) { background:#ffa323; }
.beat-key-row .beat-key:active { background:#fff049; }
.daily-tabs { overflow-x:auto; justify-content:flex-start; }
.daily-tabs button { flex:0 0 auto; min-height:44px; }
.area-arcade .game-card-body>p { min-height:0; }
.area-arcade .game-card-art { height:150px; }
@media(max-width:740px) {
  .monthly-mission-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .monthly-mission-card { padding:14px 12px; }
  .monthly-mission-card h2 { font-size:26px; }
  .monthly-mission-card .eyebrow { font-size:11px; }
  .monthly-mission-card .mission-card-top small { font-size:11px; }
  .monthly-mission-card .primary-button { min-height:44px; width:100%; padding:10px 12px; }
  .monthly-mission-card .mission-neighbors { flex-wrap:wrap; }
  .area-arcade .games-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .area-arcade .game-card-body { padding:12px; }
  .area-arcade .game-card-body h3 { font-size:24px; }
  .area-arcade .game-card-body>p { font-size:13px; }
  .area-arcade .game-meta { display:none; }
  .area-arcade .game-card-art { height:112px; }
  .area-arcade .game-card-bottom { flex-wrap:wrap; gap:8px; }
  .area-arcade .play-small { width:100%; min-height:44px; }
}