/* Keep the illustrated spread readable, without stretching the native pages. */
#modal-root .codex-letter-copy p {
  text-wrap: balance;
}
:is(#app, #modal-root) .forest-collection-book {
  display: block;
  flex: none;
  aspect-ratio: 1610 / 977;
  image-rendering: pixelated;
}
#app .game-shell[data-page="codex"] .codex-collection-cover {
  grid-template-columns: 104px minmax(0, 1fr);
  gap: 9px;
}
#app .game-shell[data-page="codex"] .codex-cover-book {
  width: 104px;
  height: auto;
}
#modal-root .camp-journal-content .handbook-feature-art.forest-collection-book {
  width: 88px;
  height: auto;
  margin-block: 1px;
}
@container (max-width: 350px) {
  #app .game-shell[data-page="codex"] .codex-collection-cover {
    grid-template-columns: 84px minmax(0, 1fr);
    gap: 7px;
  }
  #app .game-shell[data-page="codex"] .codex-cover-book {
    width: 84px;
  }
  #modal-root .camp-journal-content .handbook-feature-art.forest-collection-book {
    width: 78px;
    margin-block: 4px;
  }
}