/* Unobstructed artwork with a separate, quiet caption. */
body .featured-card, body .hero-game-card {
  display: flex;
  flex-direction: column;
  padding: 8px;
  aspect-ratio: auto;
  border: 1px solid #ffffff24;
  border-radius: 14px;
  background: var(--glass-surface);
  box-shadow: inset 0 1px 0 #ffffff30, 0 8px 26px #00000025;
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
}
body .hero-game-card img {
  position: relative;
  inset: auto;
  height: 156px;
  border-radius: 8px;
  object-fit: cover;
  object-position: center 40%;
}
body .hero-game-card::after, .featured-art::after { display: none; }
body .featured-art {
  position: relative;
  display: block;
  inset: auto;
  aspect-ratio: 1.18;
  border-radius: 8px;
  overflow: hidden;
}
.featured-art img { filter: none; }
body .featured-body, body .hero-game-card > span {
  position: relative;
  inset: auto;
  margin: 0;
  padding: 13px 5px 6px;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body .hero-game-card strong { font-size: 14px; }
body .hero-game-card small, .featured-tag { font-size: 11px; color: #98a4bb; }
body .featured-name { font-size: 15px; font-weight: 550; }
body .featured-card:hover, body .hero-game-card:hover { border-color: #b8c3ff60; transform: translateY(-3px); }
body .featured-card:hover img, body .hero-game-card:hover img { transform: scale(1.035); }
.game-carousel .cover-action {
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  padding: 0;
  top: 10px;
  right: 10px;
  border-radius: 8px;
  font-size: 17px;
  color: #fff;
  background: #13182788;
  border-color: #ffffff25;
}
.catalog-card-engine { color: var(--glass-blue); }
.catalog-card-evidence { color: #a1a9bb; }
.engine-section::before { inset-inline: 0; }
body :is(.card, .catalog-card, .tour-tab, .engine-panel, .pn-review, .steps li) { border-radius: 14px; }
body .hn-header { border-radius: 16px; }
body :is(.search-input-wrap, .glass-select-toggle, .search-results, .glass-options, .hn-dropdown, .hn-mobile-panel) { border-radius: 12px; }
body :is(.button-secondary, .button-outline, .btn-ghost):hover {
  background: linear-gradient(115deg, #ffffff1c, #ffffff08), rgb(26 28 38 / 55%);
  border-color: #ffffff50;
}
@media (max-width: 560px) {
  body .hero-game-stage { grid-template-columns: repeat(3, min(72vw, 270px)); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 5px; }
  body .hero-game-card { scroll-snap-align: start; }
  body .hero-game-card img { height: 150px; }
  body .hero-game-card strong { font-size: 13px; }
  body .hero-game-card small { font-size: 10px; }
  body .featured-name { font-size: 12px; }
  body .featured-tag { font-size: 10px; }
  body .featured-body { padding: 11px 3px 5px; }
  :is(.experience, .engine-section, .catalog-section)::before { inset-inline: 0; }
}

/* SVG does not reflect the HTML hidden property; art state is authoritative. */
[data-art-state="ready"] > .game-art-placeholder { display: none; }