/* ARK: Survival Ascended page-specific art only. */
/* Shared structural styles live in server-page.css. */

.ark-realm-art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  opacity: 0.16;
  filter: saturate(0.8) contrast(1.1);
  mask-image: linear-gradient(to bottom, #000 0, transparent 68%);
  pointer-events: none;
  z-index: 0;
}

.container > :not(.ark-realm-art) {
  position: relative;
  z-index: 1;
}

@media (max-width: 768px) {
  .ark-realm-art {
    opacity: 0.1;
    object-position: 62% top;
  }
}