/* Only the live Sound Safari game: preserve its grid, flip and card treatment. */
#sound-safari-game .theme-helper span {
  max-width: 72ch;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1.5;
  text-transform: none;
}

#sound-safari-game .safari-spot-burst {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  display: grid;
  place-items: center;
  width: min(148px, 100%);
  aspect-ratio: 160 / 88;
  color: #0a3161;
  font-size: .78rem;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: .025em;
  text-align: center;
  pointer-events: none;
  animation: safari-spot-pop 800ms ease-out both;
}

#sound-safari-game .safari-spot-burst svg,
#sound-safari-game .safari-spot-burst > span {
  grid-area: 1 / 1;
}

#sound-safari-game .safari-spot-burst svg {
  width: 100%;
  fill: #e8d4b4;
  stroke: #bf0d3e;
  stroke-width: 2;
  stroke-linejoin: round;
}

@keyframes safari-spot-pop {
  0% { opacity: 0; transform: scale(.88); }
  20%, 65% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(1); }
}

#sound-safari-game .safari-spot-burst.is-static {
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  #sound-safari-game .safari-spot-burst {
    animation: none;
  }
}

#sound-safari-game .safari-card {
  display: grid;
  padding: 0;
  min-width: 0;
}

#sound-safari-game .safari-card-face {
  position: relative;
  inset: auto;
  grid-area: 1 / 1;
  min-width: 0;
}

#sound-safari-game .safari-fact {
  display: block;
  max-height: none;
  overflow: visible;
  overflow-wrap: anywhere;
}

#sound-safari-game .safari-sound-caption {
  font-size: .78rem;
  line-height: 1.35;
  text-align: center;
  overflow-wrap: anywhere;
}

#sound-safari-game .safari-state-name {
  max-width: 100%;
  overflow-wrap: anywhere;
}

#sound-safari-game .safari-card-back {
  container-type: inline-size;
}

#sound-safari-game .safari-state-name--long {
  font-size: clamp(.875rem, 11.75cqi, 1.75rem);
  white-space: nowrap;
  overflow-wrap: normal;
}

#sound-safari-game #safari-audio-status:empty {
  display: none;
}

#sound-safari-game .safari-round-actions [hidden] {
  display: none;
}

@media (max-width: 640px) {
  #sound-safari-game .safari-round-actions {
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  }
}