/* One viewport watermark above page content and teleported dialogs. */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  pointer-events: none;
  user-select: none;
  background-image: var(--xyzw-watermark-image, url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22470%22%20height%3D%22300%22%20viewBox%3D%220%200%20470%20300%22%3E%3Ctext%20x%3D%2258%22%20y%3D%2280%22%20transform%3D%22rotate(-28%2058%2080)%22%20fill%3D%22rgba(15%2C23%2C42%2C0.075)%22%20font-size%3D%2228%22%20font-weight%3D%22700%22%20font-family%3D%22Microsoft%20YaHei%2CArial%2Csans-serif%22%3E%E6%91%B8%E9%B1%BC%3C%2Ftext%3E%3C%2Fsvg%3E"));
  background-repeat: repeat;
  background-size: var(--xyzw-watermark-size, 470px 300px);
  background-position: var(--xyzw-watermark-position, 56px 126px);
}

/* Login page: hide diagonal watermark — it reads as skewed UI on the form. */
body:has(#app.login-app-root)::after {
  display: none !important;
}

/* Retire page-specific copies so the watermark is never doubled. */
.element-entry-screen::before,
.element-admin-main::before,
.game-launcher-stage::before {
  content: none !important;
  display: none !important;
}

.game-page .game-launcher-stage,
.game-launcher-stage {
  background-image: none !important;
}