/* Runtime hotfix: account watermark and hero label size. Keep in sync with source after verification. */
.account-watermark,
#server-account-watermark {
  position: fixed !important;
  inset: -8vh -8vw !important;
  z-index: 2147483000 !important;
  pointer-events: none !important;
  user-select: none !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(180px, 1fr)) !important;
  gap: 42px 64px !important;
  opacity: 0.28 !important;
  transform: rotate(-24deg) !important;
  transform-origin: center !important;
  overflow: hidden !important;
}

.account-watermark span,
#server-account-watermark span {
  color: rgba(32, 39, 56, 0.5) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  letter-spacing: 0 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}

.hero-main .eyebrow {
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 720px) {
  .account-watermark,
  #server-account-watermark {
    grid-template-columns: repeat(3, minmax(150px, 1fr)) !important;
    gap: 34px 42px !important;
    opacity: 0.3 !important;
  }

  .account-watermark span,
  #server-account-watermark span {
    font-size: 12px !important;
  }

  .hero-main .eyebrow {
    font-size: 17px !important;
    line-height: 1.35 !important;
  }
}