.wood-menu-group {
  margin-bottom: 1rem;
}

.wood-menu {
  height: 90%;
  max-width: min(95%, 50rem);
}

#results {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  text-align: center;
  align-items: center;
  justify-items: center;
  row-gap: 1rem;
  column-gap: 0;
  font-size: var(--font-size-small);
}

#results > div {
  word-break: break-word;
  overflow-wrap: break-word;
  text-align: center;
}

#results > * {
}

.guess-correct {
  background-color: lawngreen;
}

.guess-up {
  background-color: red;
}

.guess-down {
  background-color: red;
}

.guess-down, .guess-up, .guess-animal {
  display: inline-grid;
  place-items: center;
}

.guess-down > img {
  transform: rotate(180deg);
}

.guess-down > img, .guess-up > img {
  width: 80%;
  height: 80%;
}

.guess-animal > img {
  width: 90%;
  height: 90%;
}

.guess-animal {
  background-color: rgba(0, 0, 0, 0.3);
}

.guess {
  width: 90%;
  max-width: 5rem;
  aspect-ratio: 1;
  border-radius: var(--border-large);
  border: var(--border-medium) rgba(0,0,0,0.3) solid;
  position: relative;
}