.live-recent { margin-block: 18px; padding: clamp(12px, 2vw, 20px); border: 1px solid var(--line); border-radius: 14px; background: var(--panel); }
.live-recent h2, .live-recent h3 { margin: 0; }
.live-recent p { margin: 6px 0; color: var(--muted); }
.live-recent-pet { margin-block: 10px; }
.live-recent-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-block-start: 8px; }
.live-recent-actions .btn { white-space: normal; }
.live-recent-rows { list-style: none; margin: 10px 0; padding: 0; display: grid; gap: 6px; }
.live-recent-row { display: grid; grid-template-columns: 1.2fr .65fr 1fr auto; align-items: center; gap: 8px; padding: 8px; border: 1px solid var(--line); border-radius: 8px; overflow-wrap: anywhere; }
.live-recent-row time { white-space: nowrap; }
.live-recent-biome { color: var(--muted); }
#live-history-heading, #pet-alerts { scroll-margin-top: 110px; }
@media (max-width: 600px) {
  .live-recent-row { grid-template-columns: minmax(0, 1fr) minmax(0, auto); }
  .live-recent-row time { justify-self: end; }
}