/* Production black UI: page CSS owns bubbles, cards, and buttons.
   Keep original hobby-pattern zoom under the navbar, plus the feed banner. */

@media (max-width: 1024px) {
  .find-bg,
  .tag-bg,
  .dx-bg,
  .priority-bg,
  .weight-bg,
  .method2-bg,
  .add-hobby-bg,
  .modify-bg,
  .secret-bg,
  .secret-hint-bg,
  .hobby-list-bg,
  .hobby-sort-bg,
  .contact-bg,
  .result-main__bg {
    top: var(--shumi-bg-top-md, 8px);
    left: 50%;
    width: var(--shumi-bg-width-md, 200%);
    height: auto;
    max-width: none;
    transform: translateX(-50%);
    opacity: 0.3;
    object-fit: cover;
    object-position: center;
  }
}

@media (max-width: 599px) {
  .shumi-feed-banner {
    top: 56px;
  }

  .find-bg,
  .tag-bg,
  .dx-bg,
  .priority-bg,
  .weight-bg,
  .method2-bg,
  .add-hobby-bg,
  .modify-bg,
  .secret-bg,
  .secret-hint-bg,
  .hobby-list-bg,
  .hobby-sort-bg,
  .contact-bg,
  .result-main__bg {
    top: var(--shumi-bg-top-sm, 56px);
    left: 50%;
    width: var(--shumi-bg-width-sm, 200%);
    height: auto;
    max-width: none;
    transform: translateX(-50%);
    opacity: 0.3;
    object-fit: cover;
    object-position: center;
  }
}