/* v173: one cohesive game-logo treatment for the loader and first-start poster. */

html .launch-loader-title,
html #splash .splash-content h1.launch-surface-title {
  top: max(calc(env(safe-area-inset-top) + 26px), min(122px, 13.6dvh)) !important;
  width: clamp(300px, min(86vw, 58dvh), 480px) !important;
  isolation: isolate;
}

html .launch-title-text {
  position: relative;
  display: grid !important;
  align-content: center;
  justify-items: center;
  gap: 0 !important;
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  color: #0d3154;
  font-family: var(--font-sans) !important;
  font-weight: 900 !important;
  line-height: 0.92 !important;
  text-align: center;
  transform: none;
  transform-origin: center bottom;
  filter: drop-shadow(0 10px 12px rgba(8, 38, 74, 0.22));
  isolation: isolate;
}

html .launch-title-text::before {
  display: none;
  content: none;
}

html .launch-title-text > span,
html .launch-title-text > strong {
  display: block;
  width: max-content;
  max-width: 100%;
  letter-spacing: 0 !important;
  paint-order: stroke fill;
  -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.98);
}

html .launch-title-text > span {
  color: #0d3154 !important;
  font-size: clamp(42px, min(11.4vw, 8.6dvh), 66px) !important;
  text-shadow:
    0 1px 0 #e6f2ff,
    0 2px 0 #bfd9f1,
    0 4px 0 #73a7d2,
    0 7px 0 #244f78,
    0 11px 13px rgba(8, 38, 74, 0.28) !important;
}

html .launch-title-text > strong {
  margin-top: 7px;
  color: #1769e5 !important;
  font-size: clamp(58px, min(16.4vw, 11.8dvh), 92px) !important;
  text-shadow:
    0 1px 0 #eef6ff,
    0 2px 0 #b9d6ff,
    0 4px 0 #79aef1,
    0 7px 0 #164f9f,
    0 11px 13px rgba(8, 38, 74, 0.3) !important;
}

/* Keep the launch cast fully inside the poster and clear of the start CTA. */
html .launch-character-art {
  bottom: max(calc(env(safe-area-inset-bottom) + 38px), min(116px, 14dvh)) !important;
  height: min(35dvh, 330px) !important;
}

html .launch-character-companion {
  bottom: max(calc(env(safe-area-inset-bottom) + 40px), min(118px, 14.5dvh)) !important;
  height: min(24dvh, 220px) !important;
}

html .launch-character-left {
  left: calc(50% - min(28vw, 184px));
}

html .launch-character-right {
  right: calc(50% - min(28vw, 184px));
}

@media (orientation: landscape) and (max-height: 599px) {
  html .launch-loader-title,
  html #splash .splash-content h1.launch-surface-title {
    top: max(calc(env(safe-area-inset-top) + 10px), 14px) !important;
    width: min(250px, calc(66.667dvh - 10px)) !important;
  }

  html .launch-title-text::before {
    box-shadow:
      0 3px 0 rgba(122, 177, 224, 0.92),
      0 6px 0 rgba(27, 79, 126, 0.96),
      0 10px 16px rgba(8, 38, 74, 0.24);
  }

  html .launch-title-text {
    padding: 6px 12px 9px;
  }

  html .launch-title-text > span {
    font-size: clamp(28px, 7.8dvh, 32px) !important;
  }

  html .launch-title-text > strong {
    margin-top: 3px;
    font-size: clamp(39px, 10.8dvh, 44px) !important;
  }

  html .launch-character-art {
    bottom: max(calc(env(safe-area-inset-bottom) + 12px), 18px) !important;
    height: min(34dvh, 190px) !important;
  }

  html .launch-character-companion {
    bottom: max(calc(env(safe-area-inset-bottom) + 14px), 20px) !important;
    height: min(23dvh, 128px) !important;
  }
}