@scope (body:is([data-ui-release="175"], [data-ui-release="176"], [data-ui-release="177"])) {
  :scope .launch-title-text {
    padding: 10px 20px 14px !important;
    filter: drop-shadow(0 9px 14px rgba(8, 38, 74, 0.22)) !important;
  }

  :scope #avatar-scene[data-residence] #ant-avatar-wrap,
  :scope #avatar-scene[data-residence] #ant-avatar {
    flex-shrink: 0;
    overflow: visible;
  }

  :scope .modal .v174-modal-visual:not(.boost-choice-thumb) {
    height: clamp(88px, 20dvh, 176px) !important;
    min-height: min(136px, 29dvh) !important;
  }

  :scope .modal .v174-modal-visual:not(.boost-choice-thumb) :is(
    .feature-character-avatar,
    .story-image-actor
  ) {
    width: 42% !important;
    height: 78% !important;
    max-height: 78% !important;
    bottom: 0 !important;
  }

  :scope #bonus-confirm-modal .bonus-confirm-visual .story-image-actor {
    width: 43% !important;
    height: 76% !important;
    max-height: 76% !important;
  }

  :scope .scene-direct-item[data-scene-slot] {
    top: var(--scene-item-y) !important;
    right: auto !important;
    bottom: auto !important;
    left: var(--scene-item-x) !important;
    width: var(--scene-item-width) !important;
    max-width: calc(100% - var(--scene-item-x)) !important;
  }

  :scope :is(#home-feature-nav .home-feature-btn, #bottom-nav .nav-btn) .nav-badge {
    all: unset !important;
    position: absolute !important;
    top: calc(100% - 18px) !important;
    right: 0 !important;
    display: block !important;
    color: #3182f6 !important;
    font: 900 10px/1 var(--font-sans) !important;
    transform: none !important;
    white-space: nowrap !important;
  }

  :scope :is(#home-feature-nav .home-feature-btn, #bottom-nav .nav-btn) .nav-badge::before {
    display: none;
    content: none;
  }

  :scope :is(#home-feature-nav .home-feature-btn, #bottom-nav .nav-btn) .nav-badge.hidden {
    display: none !important;
  }

  :scope #help-modal .help-income-analyst::before {
    display: none;
  }

  :scope #help-modal .help-income-analyst img {
    width: 24px;
    height: 24px;
    object-fit: contain;
  }

  @media (max-width: 699px) and (min-height: 761px) {
    :scope[data-active-panel="home"] #avatar-scene {
      flex: 0 0 clamp(300px, 40dvh, 360px);
      height: clamp(300px, 40dvh, 360px) !important;
      min-height: 300px !important;
    }

    :scope[data-active-panel="home"] #avatar-scene[data-residence] #ant-avatar-wrap,
    :scope[data-active-panel="home"] #avatar-scene[data-residence] #ant-avatar {
      width: clamp(116px, 17dvh, 142px) !important;
      height: clamp(150px, 22dvh, 184px) !important;
    }
  }

  @media (max-width: 699px) and (max-height: 760px) and (orientation: portrait) {
    :scope[data-active-panel="home"] #avatar-scene {
      flex: 0 0 min(218px, 33dvh);
      height: min(218px, 33dvh) !important;
      min-height: min(218px, 33dvh) !important;
    }

    :scope .modal .v174-modal-visual:not(.boost-choice-thumb) {
      height: var(--v175-compact-modal-height, 124px) !important;
      min-height: var(--v175-compact-modal-height, 124px) !important;
    }

    :scope #offline-modal .modal-content:has(.offline-breakdown-row:nth-child(5)) .v174-modal-visual {
      --v175-compact-modal-height: 96px;
    }

    :scope[data-active-panel="home"] #avatar-scene[data-residence] #ant-avatar-wrap,
    :scope[data-active-panel="home"] #avatar-scene[data-residence] #ant-avatar {
      width: clamp(106px, 31vw, 120px) !important;
      height: clamp(138px, 40vw, 156px) !important;
    }

    :scope #avatar-scene .ant-scene-dialogue {
      width: clamp(180px, calc(100vw - 140px), 204px);
    }
  }

  @media (min-width: 700px) and (min-height: 600px) {
    :scope[data-active-panel="home"] #avatar-scene {
      flex: 0 0 clamp(320px, 42dvh, 430px);
      height: clamp(320px, 42dvh, 430px) !important;
      min-height: 320px !important;
    }

    :scope[data-active-panel="home"] #avatar-scene[data-residence] #ant-avatar-wrap,
    :scope[data-active-panel="home"] #avatar-scene[data-residence] #ant-avatar {
      width: clamp(168px, 20dvh, 196px) !important;
      height: clamp(218px, 26dvh, 254px) !important;
    }
  }
}