/* Helmet remains exclusive to Information. Other windows use matched equipment art. */
body[data-route="home"] .wrap #main-content .home-ranking,
body[data-route="rankings"] { --menu-mark: url('../assets/menu-ranking-equipment-v2.svg'); }
body[data-route="home"] .wrap #main-content .home-discord-widget { --menu-mark: url('../assets/menu-community-equipment-v2.svg'); }
body[data-route="home"] .wrap #main-content .home-server-stats,
body[data-route="information"] { --menu-mark: url('../assets/grand-mu-helmet-gmr-watermark-v3.svg'); }
body[data-route="register"] { --menu-mark: url('../assets/menu-register-equipment-v3.svg'); }
body[data-route="downloads"] { --menu-mark: url('../assets/menu-downloads-equipment-v3.svg'); }
body[data-route="guides"] { --menu-mark: url('../assets/menu-guides-equipment-v2.svg'); }
body[data-route="events"] { --menu-mark: url('../assets/menu-events-equipment-v2.svg'); }
body[data-route="vip"] { --menu-mark: url('../assets/menu-vip-equipment-v2.svg'); }
body[data-route="market"] { --menu-mark: url('../assets/menu-market-equipment-v2.svg'); }
body[data-route="shops"] { --menu-mark: url('../assets/menu-shops-equipment-v2.svg'); }
body[data-route="news"], body[data-route="welcome"] { --menu-mark: url('../assets/menu-news-equipment-v2.svg'); }
body[data-route="opening"] { --menu-mark: url('../assets/menu-opening-equipment-v2.svg'); }
body[data-route="faq"] { --menu-mark: url('../assets/menu-faq-equipment-v2.svg'); }
body[data-route="getting-started"] { --menu-mark: url('../assets/menu-start-equipment-v2.svg'); }
body[data-route="recovery"] { --menu-mark: url('../assets/menu-recovery-equipment-v2.svg'); }

/* The shared frame stylesheet paints its own background; feed it the route mark. */
body[data-route] { --grw-watermark: var(--menu-mark); }

body[data-route="home"]:not([data-route="account"]):not([data-route="register"]) .wrap #main-content :is(.home-ranking,.home-discord-widget,.home-server-stats),
body[data-route]:not([data-route="home"]):not([data-route="account"]):not([data-route="register"]) .wrap #main-content :is(
  .home-card,.register-shell,.route-card,.article-body,.opening-header,.opening-section,
  .opening-footer,.harbor-guide-group,.harbor-guide-article,.home-faq-list > details,
  .information-topic,.page-design-heading,.page-heading
),
body[data-route="register"] .wrap #main-content :is(
  .home-card,.register-shell,.route-card,.article-body,.page-design-heading,.page-heading
),
body[data-route="market"]:not([data-route="account"]):not([data-route="register"]) .wrap #main-content > .table-scroll {
  background-image: var(--menu-mark), linear-gradient(140deg,rgba(239,250,255,.5),rgba(195,231,250,.5) 55%,rgba(165,216,243,.5)) !important;
  background-repeat: no-repeat,no-repeat !important;
  background-position: center center,center center !important;
  background-size: contain,cover !important;
}

/* Registration and the shared window frame use separate watermark layers. */
body[data-route="register"] .wrap #main-content .register-card::before {
  background: var(--menu-mark) center / contain no-repeat !important;
}
body:is([data-route="downloads"],[data-route="information"],[data-route="rankings"])
  .wrap #main-content [data-page-design] :is(.page-design-heading,.home-card,.opening-section,.opening-footer) {
  background: var(--menu-mark) center / contain no-repeat, var(--grw-fill) !important;
}
body[data-route="guides"] .wrap #main-content .harbor-guide-article {
  background-position: center 170px !important;
}

/* Keep the glove and boot marks visible in the larger presentation windows. */
body[data-route="downloads"] .wrap #main-content {
  background-image: var(--menu-mark), var(--grw-fill) !important;
  background-position: center 62%, center !important;
  background-size: min(440px,70%), cover !important;
  background-repeat: no-repeat, no-repeat !important;
}
body[data-route="register"] .wrap #main-content .register-card::before {
  background-position: center 55% !important;
  background-size: min(580px,95%) auto !important;
}
