/* TS: 2026-08-09 00:59 ET */

/* Keep important status words intact. Browsers may wrap at spaces, never inside a word. */
.monster-news-status strong,
.home-result-card .monster-news-status strong {
  max-width: 100%;
  font-size: clamp(27px, 2.15vw, 38px);
  line-height: 1.08;
  letter-spacing: -.012em;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  text-wrap: balance;
}

.monster-news-status {
  min-width: 0;
}

@media (min-width: 801px) {
  .monster-news-section {
    grid-template-columns: minmax(0, 1.18fr) minmax(340px, .82fr);
  }
}

@media (max-width: 800px) {
  .monster-news-section {
    grid-template-columns: 1fr;
  }

  .monster-news-status strong,
  .home-result-card .monster-news-status strong {
    font-size: clamp(28px, 8vw, 38px);
  }
}

/* TS: 2026-08-09 00:59 ET - direct, non-JS Detective Break visual fallback for homepage Monster Check. */
.home-page .home-check-heading .home-check-captain-direct {
  position: relative;
  margin: 18px 0 0 !important;
  min-height: 690px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  overflow: hidden;
}

.home-page .home-check-heading .home-check-captain-direct > img,
.home-page .home-check-heading .home-check-captain-direct > figcaption {
  display: none !important;
}

.home-page .home-check-heading .home-check-captain-direct::before {
  content: "";
  display: block;
  width: min(470px, 100%);
  height: 690px;
  background: url("detective-break-actual.svg") center bottom / contain no-repeat;
  filter: drop-shadow(0 24px 36px rgba(0,0,0,.52));
}

@media (max-width: 1050px) {
  .home-page .home-check-heading .home-check-captain-direct {
    min-height: 500px !important;
  }

  .home-page .home-check-heading .home-check-captain-direct::before {
    width: min(360px, 86%);
    height: 500px;
  }
}

@media (max-width: 650px) {
  .home-page .home-check-heading .home-check-captain-direct {
    min-height: 390px !important;
  }

  .home-page .home-check-heading .home-check-captain-direct::before {
    width: min(290px, 82%);
    height: 390px;
  }
}