/* [project]/src/components/i18n/player-reading.css [app-client] (css) */
html:not([lang="en"]) :is(.nft-rules-container, .comic-catalog, .comic-reader-shell, .lore-wrapper) :is(h1, h2, h3, h4, p, li, span, td, th, a, button, .lore-chapter-label, .trait-name, .supply-label, .supply-detail, .faction-supply-label, .faction-supply-traits, .rarity-tier-name, .rarity-tier-desc, .special-pattern-label) {
  font-family: var(--locale-ui-font), serif;
  letter-spacing: normal;
  text-transform: none;
}

html:not([lang="en"]) :is(.nft-rules-container, .comic-catalog, .comic-reader-shell, .lore-wrapper) :is(h1, h2, h3, h4) {
  text-wrap: balance;
  overflow-wrap: anywhere;
  line-height: 1.4;
}

html:not([lang="en"]) :is(.nft-rules-container, .comic-catalog, .comic-reader-shell, .lore-wrapper) :is(p, li) {
  line-height: 1.75;
}

html:not([lang="en"]) .lore-chapter-title {
  white-space: normal;
}

.lore-text-panel {
  flex-direction: column;
  min-height: 0;
  display: flex;
}

.lore-text-panel :is(.lore-chapter-label, .lore-chapter-title, .lore-divider) {
  flex-shrink: 0;
}

.lore-text-panel .lore-text-content {
  overscroll-behavior: contain;
  flex: auto;
  min-height: 0;
}

.comic-card-copy {
  flex-wrap: wrap;
  min-width: 0;
}

.comic-card-copy > div {
  min-width: 0;
}

.comic-reader-nav a {
  white-space: normal;
  overflow-wrap: anywhere;
  min-width: 0;
}

.nft-rules-container :is(.section-title, .subsection-title, .production-rule-title, .special-patterns-title) {
  overflow-wrap: anywhere;
  min-width: 0;
}

.nft-rules-container :is(.production-rule-title, .special-patterns-title) > svg {
  flex-shrink: 0;
}

@media (max-width: 768px) {
  html:not([lang="en"]) .nft-rules-container .section-title {
    font-size: 25px;
  }

  html:not([lang="en"]) :is(.comic-catalog, .comic-reader-shell) h1 {
    font-size: clamp(30px, 8vw, 48px);
  }

  html:not([lang="en"]) .lore-map-title {
    font-size: clamp(28px, 7vw, 42px);
  }

  html:not([lang="en"]) .lore-chapter-title {
    font-size: 23px;
    line-height: 1.4;
  }

  .lore-text-panel .lore-text-content {
    max-height: none;
  }

  .lore-wrapper .lore-story {
    padding-bottom: calc(25.8vw + 16px);
  }
}

html:not([lang="en"]) :is(.comic-serial-badge, .rarity-tier-threshold, .faction-supply-name) {
  font-family: var(--locale-ui-font), serif;
  letter-spacing: normal;
  text-transform: none;
}

.comic-card-kicker {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  display: flex;
}

.comic-card-kicker .comic-latest {
  position: static;
}