/* g2u-home-ocean-overlay-v1: home page only. Uses existing game-cover imagery. */
@media (min-width: 861px) {
  body.is-home .topbar {
    background: linear-gradient(180deg, rgba(5, 13, 27, .65), rgba(9, 20, 39, .43));
    border-bottom-color: rgba(133, 179, 242, .10);
    box-shadow: 0 1px 0 rgba(255,255,255,.015);
    -webkit-backdrop-filter: blur(16px) saturate(125%);
    backdrop-filter: blur(16px) saturate(125%);
  }
  body.is-home .main > .h-hero:first-child {
    margin-top: -68px;
    padding-top: 160px; /* preserve original title position below the overlaid header */
  }
}
body.is-home .h-hero {
  background: radial-gradient(ellipse 75% 60% at 50% 12%, rgba(38, 92, 160, .17), transparent 75%), #091326;
}
body.is-home .h-hero::after {
  background:
    radial-gradient(ellipse 58% 60% at 53% 12%, rgba(72, 139, 211, .20), transparent 78%),
    radial-gradient(ellipse 42% 52% at 12% 38%, rgba(30, 64, 148, .23), transparent 82%),
    radial-gradient(ellipse 44% 60% at 92% 46%, rgba(30, 91, 178, .18), transparent 85%),
    linear-gradient(180deg, rgba(5, 11, 25, .57) 0%, rgba(7, 17, 34, .60) 38%, rgba(7, 17, 34, .86) 74%, var(--bg) 100%);
}
body.is-home .h-hero-bg {
  opacity: .43;
  filter: blur(2px) saturate(.88);
}
body.is-home .h-title {
  text-shadow: 0 4px 26px rgba(3, 9, 19, .58);
}
body.is-home .h-sub { text-shadow: 0 2px 12px rgba(4, 10, 25, .7); }
@media (max-width: 860px) {
  /* Mobile navigation and hero spacing are unchanged. */
  body.is-home .h-hero-bg { opacity: .35; }
}
@media (prefers-reduced-transparency: reduce) {
  body.is-home .topbar { background: rgba(8, 18, 34, .94); }
}