/* En direct (layout/live.js) : les événements en cours, en pastilles carrées */
.live-events {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.live-event {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px 4px 4px;
  border: 1px solid rgba(var(--gold-rgb), 0.3);
  background: rgba(var(--shadow-rgb), 0.3);
  color: var(--cream);
  font-size: 13px;
  animation: live-pop 0.35s ease both;
}
.live-event img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  /* Les icônes du HUD sont des silhouettes noires que le jeu recolore : ici, en or */
  filter: invert(1) sepia(1) saturate(3) hue-rotate(-8deg) brightness(0.95);
}
.live-event b {
  color: var(--honey);
}
.live-events__none {
  color: #9f9381;
  font-size: 14px;
}
@keyframes live-pop {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .live-event {
    animation: none;
  }
}