/* Shared decorative depth; dimensions, coordinates and artwork layers stay intact. */
@media screen {
  #homeCategoryGrid > .category-card,
  #page-home .featured-hall {
    box-shadow: 2px 3px 2px rgb(0 0 0 / 38%), 5px 7px 12px -3px rgb(0 0 0 / 42%),
      inset 1px 1px 0 rgb(255 239 204 / 24%), inset -1px -1px 0 rgb(0 0 0 / 30%);
  }

  #homeCategoryGrid > .category-card::before,
  #page-home .featured-hall::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(135deg, rgb(255 238 199 / 9%), transparent 45%);
    pointer-events: none;
    z-index: 0;
  }
}

/* Image cards use an inset outline so the highlight remains visible over pixels. */
html body .game-row > .game-art,
html body .popular-card > img {
  box-shadow: 2px 3px 2px rgb(0 0 0 / 38%), 5px 7px 12px -3px rgb(0 0 0 / 42%);
  outline: 1px solid rgb(255 239 204 / 24%);
  outline-offset: -1px;
}