/* Reuse the Register window's translucent ice mask on menu windows. */
body:not([data-route="home"]):not([data-route="register"]):not([data-route="account"]) .wrap #main-content::before,
body:not([data-route="home"]):not([data-route="register"]):not([data-route="account"]) .wrap #main-content :is(.page-heading,.page-design-heading,.home-card,.route-card,.article-body,.opening-section,.opening-footer,.harbor-guide-group,.harbor-guide-article) {
  background: linear-gradient(140deg,rgba(239,250,255,.5),rgba(195,231,250,.5) 55%,rgba(165,216,243,.5));
}
body:not([data-route="home"]):not([data-route="register"]):not([data-route="account"]) .wrap #main-content :is(.page-heading,.page-design-heading,.home-card,.route-card,.article-body,.opening-section,.opening-footer,.harbor-guide-group,.harbor-guide-article) {
  color: #224e6e;
}
body[data-route="information"] .wrap #main-content [data-page-design] .opening-section,
body[data-route="information"] .wrap #main-content [data-page-design] .opening-footer,
body:not([data-route="home"]):not([data-route="register"]):not([data-route="account"]) .wrap #main-content [data-page-design] .home-card {
  background: linear-gradient(140deg,rgba(239,250,255,.5),rgba(195,231,250,.5) 55%,rgba(165,216,243,.5));
}
body[data-route="guides"] .wrap #main-content .harbor-guide-toggle,
body[data-route="guides"] .wrap #main-content .harbor-guide-links button {
  background: rgba(239,250,255,.5);
  color: #224e6e;
}
body[data-route="guides"] .wrap #main-content .harbor-guide-toggle[aria-expanded="true"],
body[data-route="guides"] .wrap #main-content .harbor-guide-links button[aria-current="page"] {
  background: rgba(195,231,250,.65);
  color: #183f5b;
}
body[data-route="guides"] .wrap #main-content .harbor-guide-article :is(h3,p,li,dt,dd),
body[data-route="guides"] .wrap #main-content .harbor-guide-copy {
  color: #224e6e;
}
/* The User Panel sign-in window is in its own document. */
.login-card {
  background: linear-gradient(140deg,rgba(239,250,255,.5),rgba(195,231,250,.5) 55%,rgba(165,216,243,.5));
}

/* The Home carousel is reused on Guides and Information at the native image ratio. */
body:is([data-route="guides"],[data-route="information"]) .wrap #main-content > .menu-showcase {
  --slide-original-height: auto;
  --slide-offset: 0px;
  display: block;
  width: min(100%, 1200px);
  height: auto;
  margin: 0 auto 30px;
  padding: 0;
  transform: none;
  overflow: visible;
  border: 0;
  background: none;
  box-shadow: none;
  container-type: inline-size;
}
.menu-showcase .home-slide-picture { padding: 5px; }
.menu-showcase .home-slide-picture::after { inset: -8% -3.5%; }
.menu-showcase .home-slide-stage {
  height: auto;
  min-height: 0;
  aspect-ratio: 1920 / 820;
}
.menu-showcase .home-slide { min-height: 0; }
.menu-showcase .home-slide--artwork img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.menu-showcase .home-slide:not(.home-slide--artwork) > img { object-fit: cover; }
.menu-showcase .home-slide-controls {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  transform: none;
  display: flex;
  justify-content: center;
  width: max-content;
  margin: 6px auto 0;
  padding: 0 8px;
  border: 1px solid #91bad5;
  border-radius: 30px;
  background: rgba(236,249,255,.85);
}
.menu-showcase .home-slide-controls > span { color: #204f70; }
.menu-showcase .home-slide-arrow { top: 42%; }
.menu-showcase .home-slide-arrow--prev { left: 5px; right: auto; }
.menu-showcase .home-slide-arrow--next { right: 5px; left: auto; }
.menu-showcase .home-slide-arrow::after { content: none; }
.menu-showcase .home-slide-arrow i { display: block; color: #f4fbff; text-shadow: 0 1px 5px #062c4a; }
.menu-showcase .home-slide-dots button::before,
.menu-showcase .home-slide-dots button[aria-pressed="true"]::before {
  width: 12px;
  height: 12px;
  border: 1px solid #3b7297;
  border-radius: 50%;
  background: #a3cbe1;
  box-shadow: none;
  opacity: 1;
  filter: none;
  transform: none;
}
.menu-showcase .home-slide-dots button[aria-pressed="true"]::before { background: #285f86; box-shadow: 0 0 0 3px #a9d5ec; }
.menu-showcase [data-slide-pause] i { width: auto; height: auto; background: none; color: #285f86; }
.menu-showcase [data-slide-pause] .fa-play::before { content: "\f04b"; }
.menu-showcase [data-slide-pause] .fa-pause::before { content: "\f04c"; }
@media (max-width: 720px) {
  .menu-showcase .home-slide-arrow { width: 34px; height: 48px; }
  .menu-showcase .home-slide-controls { gap: 1px; padding-inline: 2px; }
  .menu-showcase .home-slide-controls button { width: 36px; height: 40px; min-height: 40px; }
}
@media (max-width: 720px) {
  body:is([data-route="guides"],[data-route="information"]) .wrap #main-content > .menu-showcase { margin-bottom: 20px; }
  .menu-showcase .home-slide-stage { min-height: 220px; aspect-ratio: auto; }
  .menu-showcase .home-slide--artwork { background: #1760a2; }
  .menu-showcase .home-slide-copy { width: 100%; padding: 18px; }
}

/* Keep the GMR watermark above the Register-style 50% mask on every framed menu window. */
body:not([data-route="account"]):not([data-route="register"]) .wrap #main-content :is(
  .home-card,.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="market"] .wrap #main-content > .table-scroll {
  background-color: transparent;
  background-image: url('../assets/grand-mu-helmet-gmr-watermark-v3.svg'),
    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;
}
body[data-route="guides"] .wrap #main-content .harbor-guide-article {
  background-position: center 170px,center center !important;
}