html,
body,
body.custom-bg,
body.top-design-space {
  background: #020305 !important;
  overflow-x: hidden;
}

body.top-design-space {
  position: relative;
}

body.top-design-space .wrap {
  position: relative;
  z-index: 2;
  background: transparent !important;
  box-shadow: none !important;
}

/* Header palette is owned by _includes_front/nova_brand.php. */
body.top-design-space .public-head-link {
  color: #fff !important;
}

body.top-design-space .chip-link,
body.top-design-space .push-card-mini,
body.top-design-space .user-banner,
body.top-design-space .login-card,
body.top-design-space .card:not(#pushGuideCard) {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.34) !important;
  box-shadow: 0 8px 24px rgba(20, 8, 40, 0.2) !important;
  backdrop-filter: blur(8px);
}

body.top-design-space #pushGuideCard,
body.top-design-space #pushGuideCard .env-hint,
body.top-design-space #pushGuideCard #envHintInline,
body.top-design-space #pushGuideCard #envHintInlineBody,
body.top-design-space #pushGuideCard #pushControls,
body.top-design-space #pushGuideCard .env-hint__block {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.top-design-space .push-thumb {
  background: rgba(255, 255, 255, 0.2) !important;
}

body.top-design-space .title-label,
body.top-design-space .top-section-title,
body.top-design-space .push-title-mini,
body.top-design-space .push-meta-mini,
body.top-design-space .push-body,
body.top-design-space .info-section,
body.top-design-space .user-banner .label,
body.top-design-space .user-banner .name,
body.top-design-space .chip-link,
body.top-design-space .push-card-arrow,
body.top-design-space .public-foot,
body.top-design-space .public-foot a,
body.top-design-space .public-foot .foot-note {
  color: #ffffff !important;
}

body.top-design-space #pushGuideCard .info-top,
body.top-design-space #pushGuideCard .info-lead,
body.top-design-space #pushGuideCard .info-top h1,
body.top-design-space #pushGuideCard .info-top h2,
body.top-design-space #pushGuideCard .info-top h3,
body.top-design-space #pushGuideCard .info-top h4,
body.top-design-space #pushGuideCard .info-top h5,
body.top-design-space #pushGuideCard .info-lead h1,
body.top-design-space #pushGuideCard .info-lead h2,
body.top-design-space #pushGuideCard .info-lead h3,
body.top-design-space #pushGuideCard .info-lead h4,
body.top-design-space #pushGuideCard .info-lead h5 {
  color: var(--text) !important;
}

body.top-design-space #pushGuideCard .info-top p,
body.top-design-space #pushGuideCard .info-lead p {
  color: color-mix(in srgb, var(--text) 65%, #9aa3a6) !important;
}

body.top-design-space #pushGuideCard .info-lead {
  text-align: left !important;
}

body.top-design-space #pushGuideCard #pushBtn {
  margin-top: 20px !important;
}

/* Sparse stars are rendered at the device pixel ratio above the nebula artwork. */
body.top-design-space .index-top-custom-space {
  display: block;
  z-index: 1;
  opacity: 0.56;
}

body.top-design-space .index-top-custom-topshade {
  background: none !important;
}

/* Full-bleed responsive artwork generated separately for portrait and landscape. */
body.top-design-space::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: 100lvh;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(0, 2, 6, 0.08), rgba(0, 2, 6, 0.14)),
    url('./galaxy-portrait-v3.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateZ(0);
  backface-visibility: hidden;
}
@media (min-aspect-ratio: 3/2) {
  body.top-design-space::before {
    background-image:
      linear-gradient(rgba(0, 2, 6, 0.08), rgba(0, 2, 6, 0.14)),
      url('./galaxy-landscape-v3.png');
  }
}

/* Keep the approved dark-metal CTA without restoring the removed scene objects. */
body.top-design-space .index-top-custom__cta {
  background:
    linear-gradient(180deg, rgba(225, 244, 255, 0.22) 0%, rgba(125, 164, 194, 0.08) 16%, rgba(7, 20, 35, 0) 17%),
    linear-gradient(135deg, #203c55 0%, #0b1726 48%, #162b40 72%, #050b13 100%) !important;
  border: 1px solid rgba(174, 211, 235, 0.82) !important;
  color: #f4fbff !important;
  text-shadow: 0 1px 1px #000, 0 0 9px rgba(154, 220, 255, 0.38);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    inset 0 -8px 14px rgba(0, 3, 10, 0.72),
    0 0 0 1px rgba(4, 10, 18, 0.9),
    0 5px 18px rgba(0, 0, 0, 0.48),
    0 0 24px rgba(83, 164, 214, 0.2) !important;
}

body.top-design-space .index-top-custom__cta::before {
  background: linear-gradient(110deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.03) 36%, rgba(103, 188, 235, 0.12) 70%, rgba(255, 255, 255, 0.18)) !important;
  opacity: 0.72 !important;
}

body.top-design-space .index-top-custom__cta:hover,
body.top-design-space .index-top-custom__cta:focus-visible {
  border-color: rgba(207, 235, 252, 0.98) !important;
  filter: brightness(1.12);
}

body.top-design-space .auth-register-link {
  position: relative;
  isolation: isolate;
  background: linear-gradient(135deg, #ff78ad 0%, #ff5f9e 42%, #c93682 72%, #8f205f 100%) !important;
  border: 1px solid rgba(255, 193, 218, 0.94) !important;
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px rgba(69, 5, 36, 0.72);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.52),
    inset 0 -7px 12px rgba(89, 4, 49, 0.28),
    0 6px 18px rgba(0, 0, 0, 0.36) !important;
}

body.top-design-space .auth-register-link::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 5px 9px -3px;
  border-radius: inherit;
  background: rgba(255, 67, 145, 0.58);
  filter: blur(13px);
  opacity: 0.48;
  pointer-events: none;
}

body.top-design-space .auth-login-link {
  background: linear-gradient(135deg, #243c51 0%, #17283a 52%, #0b1521 100%) !important;
  border: 1px solid #a9ddf5 !important;
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 1px #000;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    inset 0 -7px 12px rgba(0, 0, 0, 0.36),
    0 5px 16px rgba(0, 0, 0, 0.38) !important;
}

body.top-design-space .auth-register-link:hover,
body.top-design-space .auth-register-link:focus-visible,
body.top-design-space .auth-login-link:hover,
body.top-design-space .auth-login-link:focus-visible {
  filter: brightness(1.1);
  transform: translateY(-1px);
}

/* Adopted STAR CORE logos — 2026-09-21. TOP only. */
body.top-design-space .public-logo img {
  width: 102px;
  height: 34px;
  max-width: 42vw;
  object-fit: contain;
}
body.top-design-space .index-top-pre-custom {
  box-sizing: border-box;
  padding: 10px 12px 58px;
  gap: 12px;
}
body.top-design-space .index-top-pre-custom__brand {
  display: block;
  width: 120px;
  height: 110px;
  max-width: 62vw;
  object-fit: contain;
  flex-shrink: 0;
}
@media (max-width: 600px) {
  body.top-design-space .public-logo img { width: 96px; height: 32px; }
  body.top-design-space .index-top-pre-custom__brand { width: 96px; height: 88px; }
}

/* Reserve a stable text slot across every animated message. */
body.top-design-space .index-top-pre-custom__title {
  height: 4.5em;
  min-height: 4.5em;
  flex: 0 0 4.5em;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: pre-line;
  line-height: 1.5;
  overflow-wrap: anywhere;
}