:root {
  --home-bg: var(--gm-ink-950);
  --home-panel: var(--gm-ink-850);
  --home-panel-soft: rgb(var(--gm-ink-850-rgb) / 0.9);
  --home-line: rgb(var(--gm-ink-400-rgb) / 0.24);
  --home-purple: var(--gm-violet-500);
  --home-purple-bright: var(--gm-violet-500);
  --home-purple-soft: rgb(var(--gm-violet-600-rgb) / 0.18);
  --home-gold: var(--gm-gold-500);
  --home-gold-bright: var(--gm-gold-400);
  --home-text: var(--gm-ink-50);
  --home-muted: var(--gm-ink-300);
  --home-display: var(--gm-font-display);
}

#home-page .home-profile-name-row strong,
#home-page .home-vip-badge,
#home-page .home-inventory-copy strong,
#home-page .home-account-actions .quick-copy strong,
#home-page .home-news-heading h2,
#home-page .home-news-copy-page h3,
#home-page .home-news-navigation button {
  font-synthesis: none !important;
}

html,
body:has(#home-page:not(.hidden)) {
  background-color: var(--home-bg) !important;
}

body:has(#home-page:not(.hidden)) {
  background:
    radial-gradient(ellipse at 52% 35%, rgb(var(--gm-violet-800-rgb) / 0.105), transparent 42rem),
    radial-gradient(ellipse at 4% 2%, rgb(var(--gm-violet-800-rgb) / 0.12), transparent 27rem),
    linear-gradient(180deg, var(--gm-ink-950) 0%, var(--gm-ink-950) 58%, var(--gm-ink-950) 100%) !important;
}

#home-page .home-dashboard-v1 {
  gap: clamp(12px, 2.4vw, 22px) !important;
  padding: clamp(15px, 3vw, 26px) clamp(11px, 3.2vw, 27px) 24px !important;
}

/* The global account command card follows the approved compact codex header. */
#home-page .home-command-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) clamp(128px, 29%, 252px) !important;
  align-items: center !important;
  gap: clamp(8px, 2.2vw, 22px) !important;
  min-height: clamp(128px, 20vw, 202px) !important;
  padding: clamp(12px, 2.2vw, 22px) clamp(11px, 2.5vw, 25px) !important;
  border-color: rgb(var(--gm-ink-50-rgb) / 0.16) !important;
  border-radius: clamp(20px, 3.6vw, 28px) !important;
  background:
    radial-gradient(ellipse at 12% 52%, rgb(var(--gm-violet-700-rgb) / 0.24), transparent 31%),
    linear-gradient(105deg, rgb(var(--gm-ink-850-rgb) / 0.985), rgb(var(--gm-ink-900-rgb) / 0.975)) !important;
  box-shadow:
    0 19px 48px rgb(var(--gm-ink-950-rgb) / 0.38),
    inset 0 1px rgb(var(--gm-ink-50-rgb) / 0.035),
    0 0 26px rgb(var(--gm-violet-600-rgb) / 0.039) !important;
}

#home-page .home-command-card::before {
  background:
    linear-gradient(135deg, transparent 18%, rgb(var(--gm-violet-500-rgb) / 0.045) 18.2%, transparent 18.55%),
    linear-gradient(45deg, transparent 80%, rgb(var(--gm-violet-500-rgb) / 0.04) 80.2%, transparent 80.55%) !important;
}

#home-page .home-profile-crest {
  top: 50% !important;
  right: auto !important;
  left: 48% !important;
  width: clamp(220px, 45%, 430px) !important;
  transform: translate(-7%, -50%) scale(1.08) !important;
  opacity: .18 !important;
  filter: saturate(1.12) contrast(1.05) drop-shadow(0 0 24px rgb(var(--gm-violet-600-rgb) / 0.264)) !important;
}

#home-page .home-command-profile {
  display: grid !important;
  grid-template-columns: clamp(76px, 14.8vw, 154px) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: clamp(8px, 1.8vw, 17px) !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

#home-page .home-command-card .avatar,
#home-page .home-command-card .avatar.vip-avatar {
  width: clamp(76px, 14.8vw, 154px) !important;
  height: clamp(76px, 14.8vw, 154px) !important;
  border: clamp(2px, .35vw, 4px) solid var(--gm-violet-500) !important;
  background: var(--gm-ink-850) !important;
  box-shadow:
    0 0 0 clamp(3px, .45vw, 5px) rgb(var(--gm-violet-600-rgb) / 0.11),
    0 0 26px rgb(var(--gm-violet-600-rgb) / 0.187) !important;
}

#home-page .home-command-card .profile-copy {
  gap: clamp(2px, .6vw, 7px) !important;
}

#home-page .home-profile-name-row {
  flex-wrap: nowrap !important;
  gap: clamp(5px, .9vw, 9px) !important;
  overflow: visible !important;
}

#home-page .home-profile-name-row strong {
  --home-profile-name-min: 17 !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: var(--gm-ink-50) !important;
  font-family: var(--gm-font-display) !important;
  font-size: clamp(24px, 4.2vw, 30px) !important;
  font-weight:600 !important;
  line-height: 1.18 !important;
  letter-spacing: -.022em !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#home-page .home-profile-name-line {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  overflow-wrap: normal !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#home-page .home-owner-crown {
  display: grid !important;
  place-items: center !important;
  width: clamp(20px, 3vw, 31px) !important;
  height: clamp(20px, 3vw, 31px) !important;
  flex: 0 0 auto !important;
  align-self: center !important;
  color: var(--gm-gold-500) !important;
  filter: drop-shadow(0 0 7px rgb(var(--gm-gold-500-rgb) / 0.193)) !important;
}

#home-page .home-owner-crown.hidden {
  display: none !important;
}

#home-page .home-owner-crown svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.6 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

#home-page .home-command-card .profile-copy > small {
  color: var(--gm-violet-500) !important;
  font-size: clamp(12px, 2vw, 18px) !important;
  line-height: 1.2 !important;
}

#home-page .home-vip-badge {
  min-height: clamp(25px, 4.2vw, 38px) !important;
  margin-top: clamp(3px, .5vw, 6px) !important;
  padding: 3px clamp(9px, 1.6vw, 15px) !important;
  border-color: rgb(var(--gm-ink-300-rgb) / 0.28) !important;
  color: var(--gm-ink-300) !important;
  background: rgb(var(--gm-ink-950-rgb) / 0.66) !important;
  font-family: var(--gm-font-ui) !important;
  font-size: clamp(11px, 1.75vw, 17px) !important;
  font-weight:600 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  line-height: 1.35 !important;
  white-space: normal !important;
}

#home-page .home-vip-badge.is-active {
  border-color: rgb(var(--gm-gold-500-rgb) / 0.86) !important;
  color: var(--gm-gold-400) !important;
  background: linear-gradient(120deg, rgb(var(--gm-gold-800-rgb) / 0.48), rgb(var(--gm-ink-700-rgb) / 0.18)) !important;
  box-shadow: inset 0 0 14px rgb(var(--gm-gold-500-rgb) / 0.036), 0 0 12px rgb(var(--gm-gold-500-rgb) / 0.039) !important;
}

#home-page .home-inventory-button {
  grid-template-columns: clamp(24px, 3.4vw, 25px) minmax(0, 1fr) clamp(9px, 1.3vw, 10px) !important;
  gap: clamp(4px, .7vw, 5px) !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: clamp(76px, 11.5vw, 115px) !important;
  padding: clamp(10px, 1.8vw, 17px) clamp(6px, 1vw, 7px) !important;
  border-color: rgb(var(--gm-violet-500-rgb) / 0.66) !important;
  border-radius: clamp(20px, 3vw, 28px) !important;
  background:
    radial-gradient(circle at 14% 50%, rgb(var(--gm-violet-600-rgb) / 0.17), transparent 46%),
    rgb(var(--gm-ink-850-rgb) / 0.94) !important;
}

#home-page .home-inventory-icon,
#home-page .home-inventory-icon .home-dashboard-icon {
  width: clamp(24px, 3.4vw, 25px) !important;
  height: clamp(24px, 3.4vw, 25px) !important;
  color: var(--gm-violet-500) !important;
}

#home-page .home-inventory-copy strong {
  font-size: clamp(13px, 1.9vw, 14px) !important;
  font-weight:500 !important;
  line-height: 1.2 !important;
}

#home-page .home-inventory-copy small {
  font-size: clamp(9px, 1.45vw, 10px) !important;
}

#home-page .home-inventory-arrow {
  display: block !important;
  color: var(--gm-violet-500) !important;
  font-size: 22px !important;
}

/* Ornate shield destinations: the SVG frame is the visual surface. */
#home-page .home-quick-section {
  display: grid !important;
  gap: 0 !important;
}

#home-page .home-account-actions {
  gap: clamp(6px, 2vw, 20px) !important;
  padding-inline: clamp(0px, 1.2vw, 12px) !important;
}

#home-page .home-account-actions::before {
  z-index: 0 !important;
  top: 49% !important;
  right: 0 !important;
  left: 0 !important;
  background: linear-gradient(90deg, transparent, var(--gm-gold-600) 8%, var(--gm-gold-500) 50%, var(--gm-gold-600) 92%, transparent) !important;
  opacity: .88 !important;
}

#home-page .home-account-actions .quick-card {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  justify-items: center !important;
  gap: clamp(4px, .9vw, 9px) !important;
  min-height: clamp(92px, 21.5vw, 220px) !important;
  padding: clamp(13px, 3.2vw, 34px) clamp(4px, .8vw, 8px) clamp(15px, 3.1vw, 32px) !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  clip-path: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

#home-page .home-account-actions .quick-card::before {
  content: none !important;
}

#home-page .home-account-actions .quick-card::after {
  content: "" !important;
  position: absolute !important;
  z-index: 4 !important;
  top: calc(49% - 4px) !important;
  right: calc(clamp(6px, 2vw, 20px) * -.58) !important;
  width: 8px !important;
  height: 8px !important;
  transform: rotate(45deg) !important;
  border: 1px solid var(--gm-line-strong) !important;
  background: var(--gm-ink-850) !important;
  opacity: .9 !important;
}

#home-page .home-account-actions .quick-card:last-child::after {
  content: none !important;
}

#home-page .home-quick-frame {
  position: absolute !important;
  z-index: -1 !important;
  inset: 0 4% !important;
  display: block !important;
  width: 92% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: fill !important;
  pointer-events: none !important;
  user-select: none !important;
}

#home-page .home-account-actions .quick-icon,
#home-page .home-account-actions .quick-icon .home-dashboard-icon {
  position: relative !important;
  z-index: 2 !important;
  width: clamp(32px, 5.5vw, 56px) !important;
  height: clamp(32px, 5.5vw, 56px) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--gm-violet-500) !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: drop-shadow(0 0 8px rgb(var(--gm-violet-500-rgb) / 0.231)) !important;
}

#home-page .home-account-actions .quick-copy {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  gap: 1px !important;
  text-align: center !important;
}

#home-page .home-account-actions .quick-copy strong {
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: auto !important;
  color: var(--gm-ink-100) !important;
  font-size: clamp(12px, 2.15vw, 18px) !important;
  font-weight:500 !important;
  line-height: 1.32 !important;
  white-space: normal !important;
}

#home-page .home-account-actions .quick-copy small {
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: auto !important;
  color: var(--gm-ink-300) !important;
  font-size: clamp(8px, 1.35vw, 12px) !important;
  line-height: 1.35 !important;
  white-space: normal !important;
}

#home-page .home-quick-ornament {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: clamp(24px, 4vw, 41px) !important;
  margin: clamp(-5px, -.6vw, -2px) 0 0 !important;
  color: var(--gm-gold-500) !important;
}

#home-page .home-quick-ornament svg {
  display: block !important;
  width: clamp(78px, 14vw, 142px) !important;
  height: 100% !important;
  overflow: visible !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.15 !important;
  filter: drop-shadow(0 0 6px rgb(var(--gm-violet-500-rgb) / 0.176)) !important;
}

/* Reflow the ornate shortcuts when browser/system scaling makes four labels unsafe. */
#home-page .home-account-actions.is-scale-reflow,
html[data-qa-text-scale="200"] #home-page .home-account-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(8px, 2.4vw, 16px) !important;
}

#home-page .home-account-actions.is-scale-reflow::before,
#home-page .home-account-actions.is-scale-reflow .quick-card::after,
html[data-qa-text-scale="200"] #home-page .home-account-actions::before,
html[data-qa-text-scale="200"] #home-page .home-account-actions .quick-card::after {
  display: none !important;
}

#home-page .home-account-actions.is-scale-reflow .quick-card,
html[data-qa-text-scale="200"] #home-page .home-account-actions .quick-card {
  min-height: clamp(150px, 40vw, 220px) !important;
  padding-block: clamp(18px, 4.5vw, 34px) !important;
}

#home-page .home-account-actions.is-scale-reflow .quick-copy,
html[data-qa-text-scale="200"] #home-page .home-account-actions .quick-copy {
  width: 100% !important;
  max-width: 100% !important;
}

/* News codex: light parchment, contained artwork and a stationary book shell. */
#home-page .home-news-section {
  gap: 0 !important;
  margin-top: clamp(-10px, -1.6vw, -5px) !important;
}

#home-page .home-news-heading {
  padding-inline: clamp(4px, .9vw, 9px) !important;
  margin-bottom: clamp(-3px, -.45vw, -1px) !important;
}

#home-page .home-news-heading::before {
  content: none !important;
}

#home-page .home-news-heading h2 {
  color: var(--gm-ink-50) !important;
  font-size: clamp(28px, 4.8vw, 48px) !important;
  font-weight:500 !important;
  line-height: .9 !important;
  overflow-wrap: normal !important;
}

#home-page .home-news-owner-actions button {
  position: relative !important;
  isolation: isolate !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  color: var(--gm-violet-500) !important;
  background: transparent !important;
  font-size: 20px !important;
}

#home-page .home-news-owner-actions button::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  inset: 4px !important;
  border: 1px solid rgb(var(--gm-violet-500-rgb) / 0.56) !important;
  border-radius: 8px !important;
  background: rgb(var(--gm-violet-900-rgb) / 0.8) !important;
  box-shadow: inset 0 0 9px rgb(var(--gm-violet-500-rgb) / 0.044) !important;
}

#home-page .home-news-owner-actions button svg {
  width: 18px !important;
  height: 18px !important;
}

#home-page .home-news-stage {
  min-height: 0 !important;
  padding: 0 0 2px !important;
  background: transparent !important;
}

#home-page .home-news-book {
  width: calc(100% + clamp(16px, 5vw, 32px)) !important;
  aspect-ratio: 1536 / 1024 !important;
  margin-inline: calc(clamp(8px, 2.5vw, 16px) * -1) !important;
  overflow: hidden !important;
  background: transparent !important;
  opacity: 1 !important;
  transform: none !important;
  filter: drop-shadow(0 15px 24px rgb(var(--gm-ink-950-rgb) / 0.34)) !important;
  transition: none !important;
}

#home-page .home-news-book.is-loading,
#home-page .home-news-book.is-switching {
  opacity: 1 !important;
  transform: none !important;
}

#home-page .home-news-book-asset {
  object-fit: fill !important;
}

#home-page .home-news-book-content {
  inset: 8.4% 9.2% 10.6% 9.2% !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  opacity: 1 !important;
  transition: opacity .13s ease !important;
}

#home-page .home-news-book-content.is-loading,
#home-page .home-news-book-content.is-switching {
  opacity: 0 !important;
}

#home-page .home-news-book.is-loading .home-news-book-content {
  opacity: 0 !important;
}

#home-page .home-news-copy-page {
  z-index: 2 !important;
  box-sizing: border-box !important;
  padding: 6% 12% 5% 11% !important;
}

#home-page .home-news-copy-page.has-news-scroll::before,
#home-page .home-news-copy-page.has-news-scroll::after {
  content: "" !important;
  position: absolute !important;
  z-index: 7 !important;
  right: 7.5% !important;
  width: 2px !important;
  border-radius: 999px !important;
  pointer-events: none !important;
}

#home-page .home-news-copy-page.has-news-scroll::before {
  top: var(--home-news-scroll-track-top, 58%) !important;
  height: var(--home-news-scroll-track-height, 30%) !important;
  background: rgb(var(--gm-ink-600-rgb) / 0.2) !important;
}

#home-page .home-news-copy-page.has-news-scroll::after {
  top: var(--home-news-scroll-thumb-top, 58%) !important;
  height: var(--home-news-scroll-thumb-height, 14px) !important;
  min-height: 12px !important;
  background: rgb(var(--gm-gold-800-rgb) / 0.72) !important;
  box-shadow: 0 0 0 1px rgb(var(--gm-gold-300-rgb) / 0.132) !important;
}

#home-page .home-news-status {
  position: absolute !important;
  z-index: 4 !important;
  right: 6% !important;
  bottom: 4% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: clamp(2px, .45vw, 4px) clamp(5px, .85vw, 9px) !important;
  border-color: rgb(var(--gm-ink-50-rgb) / 0.16) !important;
  border-radius: 4px !important;
  color: var(--gm-gold-800) !important;
  background: rgb(var(--gm-gold-300-rgb) / 0.78) !important;
  box-shadow: 0 2px 6px rgb(var(--gm-gold-800-rgb) / 0.066) !important;
  font-size: clamp(8px, 1.2vw, 11px) !important;
}

#home-page .home-news-copy-page h3 {
  flex: 0 0 auto !important;
  color: var(--gm-ink-700) !important;
  font-size: clamp(16px, 3.4vw, 32px) !important;
  font-weight:600 !important;
  line-height: 1 !important;
  text-shadow: 0 1px rgb(var(--gm-ink-50-rgb) / 0.65) !important;
}

#home-page .home-news-copy-page time {
  flex: 0 0 auto !important;
  margin-top: 4% !important;
  color: var(--gm-ink-500) !important;
  font-size: clamp(9px, 1.55vw, 14px) !important;
}

#home-page .home-news-rule {
  width: 88% !important;
  margin: 5% 0 4% !important;
  background: linear-gradient(90deg, var(--gm-gold-600), rgb(var(--gm-gold-700-rgb) / 0.5), transparent) !important;
}

#home-page .home-news-text {
  padding-right: 3px !important;
  color: var(--gm-ink-600) !important;
  font-size: clamp(9px, 1.48vw, 13px) !important;
  line-height: 1.42 !important;
  scrollbar-color: rgb(var(--gm-gold-700-rgb) / 0.5) transparent !important;
}

#home-page .home-news-media-page {
  position: relative !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#home-page .home-news-media-page::after {
  content: none !important;
}

#home-page .home-news-media-frame {
  position: absolute !important;
  z-index: 1 !important;
  top: 6.5% !important;
  left: 50% !important;
  width: 78% !important;
  height: 64.5% !important;
  padding: 0 !important;
  overflow: hidden !important;
  transform: translateX(-50%) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  clip-path: polygon(
    2% 1%, 14% 0, 25% 1.2%, 37% .2%, 50% 1%, 63% 0, 76% 1.1%, 88% .2%, 98% 1.5%,
    99.2% 12%, 98.3% 25%, 99.4% 39%, 98.4% 52%, 99.3% 66%, 98.1% 79%, 99% 91%, 97% 99%,
    86% 98.8%, 74% 100%, 61% 98.9%, 49% 100%, 36% 98.8%, 24% 100%, 12% 98.9%, 1.5% 99%,
    .7% 88%, 1.6% 75%, .6% 62%, 1.5% 49%, .5% 36%, 1.6% 23%, .7% 10%
  ) !important;
  box-shadow: none !important;
}

#home-page .home-news-media-frame::after {
  content: none !important;
}

#home-page .home-news-media-frame > img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  opacity: 1 !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

#home-page .home-news-media-page.is-default-cover .home-news-media-frame > img {
  object-fit: contain !important;
  padding: 12% 15% !important;
  opacity: .72 !important;
  filter: saturate(1.08) contrast(1.04) drop-shadow(0 5px 9px rgb(var(--gm-violet-900-rgb) / 0.11)) !important;
}

#home-page .home-news-media-page .home-news-countdown {
  top: 4% !important;
  right: auto !important;
  left: 50% !important;
  max-width: 88% !important;
  overflow: hidden !important;
  transform: translateX(-50%) !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.news-reader-open #home-page .home-news-media-page .home-news-countdown {
  visibility: hidden !important;
}

html[data-qa-text-scale="200"] .news-reader-media .home-news-countdown {
  max-width: calc(100% - 8px) !important;
  padding-inline: 4px !important;
}

#home-page .home-news-open {
  /* Centre the label under the artwork. At Telegram's 200% text scale the
     wider label must remain inside the right-hand page. */
  inset: auto auto 12.5% 70.5% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: clamp(72px, 16vw, 118px) !important;
  min-height: 44px !important;
  padding: 0 clamp(8px, 1.7vw, 14px) !important;
  transform: translateX(-50%) !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: var(--gm-ink-100) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: var(--gm-font-ui) !important;
  font-size: clamp(10px, 2vw, 14px) !important;
  font-weight:700 !important;
  line-height: 1 !important;
  text-shadow: 0 1px rgb(var(--gm-ink-800-rgb) / 0.75) !important;
}

#home-page .home-news-open::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  inset: 7px 0 !important;
  border: 1px solid rgb(var(--gm-red-800-rgb) / 0.82) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgb(var(--gm-gold-700-rgb) / 0.98), rgb(var(--gm-ink-600-rgb) / 0.98)) !important;
  box-shadow: inset 0 1px rgb(var(--gm-gold-300-rgb) / 0.132), 0 2px 5px rgb(var(--gm-ink-700-rgb) / 0.24) !important;
}

#home-page .home-news-open:hover {
  filter: brightness(1.04) !important;
}

#home-page .home-news-open:active {
  transform: translateX(-50%) translateY(1px) !important;
}

#home-page .home-news-navigation {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  width: min(95%, max(244px, 90%)) !important;
  margin-top: clamp(-38px, -6.8vw, -24px) !important;
  gap: clamp(3px, .7vw, 6px) !important;
}

#home-page .home-news-navigation button {
  align-content: center !important;
  gap: 1px !important;
  min-height: clamp(62px, 13vw, 82px) !important;
  padding: clamp(8px, 1.3vw, 11px) clamp(3px, .55vw, 5px) clamp(11px, 1.7vw, 15px) !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  clip-path: polygon(14% 1%, 86% 1%, 93% 4%, 98% 10%, 99% 82%, 50% 100%, 1% 82%, 2% 10%, 7% 4%) !important;
  color: var(--gm-ink-700) !important;
  background: var(--gm-ink-950) !important;
  box-shadow: none !important;
  font-weight:600 !important;
  transition: transform .15s ease, filter .15s ease !important;
}

#home-page .home-news-navigation button::before {
  z-index: 2 !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, rgb(var(--gm-ink-50-rgb) / 0.05), rgb(var(--gm-red-800-rgb) / 0.09)) !important;
}

#home-page .home-news-nav-bookmark-art {
  position: absolute !important;
  z-index: 0 !important;
  top: -8% !important;
  left: -18% !important;
  display: block !important;
  width: 136% !important;
  height: 116% !important;
  max-width: none !important;
  object-fit: fill !important;
  filter: saturate(.88) brightness(.96) !important;
  pointer-events: none !important;
}

#home-page .home-news-nav-cover {
  z-index: 1 !important;
  inset: 17% 19% 24% !important;
  width: 62% !important;
  height: 59% !important;
  border-radius: 10% !important;
  opacity: .035 !important;
  filter: sepia(.8) saturate(.5) contrast(.9) !important;
  mix-blend-mode: multiply !important;
}

#home-page .home-news-navigation button.is-active .home-news-nav-cover {
  opacity: .09 !important;
}

#home-page .home-news-navigation button.is-active {
  transform: translateY(-4px) !important;
  color: var(--gm-red-800) !important;
  background: var(--gm-ink-950) !important;
  filter: brightness(1.08) saturate(1.08) drop-shadow(0 5px 7px rgb(var(--gm-violet-600-rgb) / 0.165)) !important;
}

#home-page .home-news-navigation button.is-active:active {
  transform: translateY(-4px) scale(.975) !important;
}

#home-page .home-news-navigation button.is-active::before {
  background: linear-gradient(180deg, rgb(var(--gm-violet-500-rgb) / 0.06), rgb(var(--gm-violet-800-rgb) / 0.17)) !important;
  mix-blend-mode: multiply !important;
}

#home-page .home-news-navigation button.is-active .home-news-nav-bookmark-art {
  filter: saturate(1.05) brightness(1.06) !important;
}

#home-page .home-news-nav-number {
  z-index: 3 !important;
  width: clamp(18px, 3.5vw, 26px) !important;
  height: clamp(18px, 3.5vw, 26px) !important;
  transform: none !important;
  border-color: rgb(var(--gm-ink-50-rgb) / 0.16) !important;
  border-radius: 50% !important;
  color: var(--gm-ink-600) !important;
  background: rgb(var(--gm-gold-300-rgb) / 0.7) !important;
}

#home-page .home-news-navigation button.is-active .home-news-nav-number {
  border-color: rgb(var(--gm-ink-50-rgb) / 0.16) !important;
  color: var(--gm-ink-100) !important;
  background: rgb(var(--gm-violet-800-rgb) / 0.9) !important;
}

#home-page .home-news-nav-number > span {
  transform: none !important;
}

#home-page .home-news-nav-title {
  position: relative !important;
  z-index: 3 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  font-size: clamp(8px, 1.45vw, 12px) !important;
  font-weight:600 !important;
  line-height: 1.08 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html[data-qa-text-scale="200"] #home-page .home-news-navigation button {
  grid-auto-rows: auto !important;
  min-height: 68px !important;
}

html[data-qa-text-scale="200"] #home-page .home-news-nav-title {
  display: none !important;
}

@media (max-width: 560px) {
  #home-page .home-dashboard-v1 {
    gap: 12px !important;
  }

  #home-page .home-command-card {
    grid-template-columns: minmax(0, 1fr) clamp(128px, 38%, 154px) !important;
  }

  #home-page .home-inventory-button {
    grid-template-columns: 24px minmax(0, 1fr) 9px !important;
    gap: 4px !important;
    min-height: 76px !important;
    padding-inline: 6px !important;
  }

  #home-page .home-inventory-icon,
  #home-page .home-inventory-icon .home-dashboard-icon {
    width: 24px !important;
    height: 24px !important;
  }

  #home-page .home-inventory-arrow {
    display: block !important;
    font-size: 22px !important;
  }

  #home-page .home-account-actions .quick-card {
    min-height: 92px !important;
  }

  #home-page .home-news-navigation {
    margin-top: clamp(-30px, -7vw, -22px) !important;
  }
}

@media (max-width: 364px) {
  #home-page .home-command-card {
    grid-template-columns: minmax(0, 1fr) 122px !important;
    gap: 6px !important;
    padding-inline: 9px !important;
  }

  #home-page .home-command-profile {
    grid-template-columns: 68px minmax(0, 1fr) !important;
    gap: 6px !important;
  }

  #home-page .home-command-card .avatar,
  #home-page .home-command-card .avatar.vip-avatar {
    width: 68px !important;
    height: 68px !important;
  }

  #home-page .home-profile-name-row strong {
    font-size: 22px !important;
  }

  #home-page .home-account-actions .quick-copy strong {
    font-size: 11px !important;
  }
}

@media (max-width: 339px) {
  #home-page .home-command-card {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    min-height: 208px !important;
  }

  #home-page .home-command-profile {
    grid-template-columns: 70px minmax(0, 1fr) !important;
  }

  #home-page .home-command-card .avatar,
  #home-page .home-command-card .avatar.vip-avatar {
    width: 70px !important;
    height: 70px !important;
  }

  #home-page .home-inventory-button {
    width: 100% !important;
    min-height: 64px !important;
  }

  #home-page .home-account-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px 8px !important;
  }

  #home-page .home-account-actions::before,
  #home-page .home-account-actions .quick-card::after {
    display: none !important;
  }

  #home-page .home-account-actions .quick-card {
    min-height: 118px !important;
  }
}

@media (max-width: 298px) {
  #home-page .home-news-navigation {
    width: 100% !important;
  }
}

/* Preserve the browser's 200% text scale by reflowing, not shrinking, the CTA. */
html[data-qa-text-scale="200"] #home-page .home-inventory-button {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-rows: auto !important;
  align-content: center !important;
  justify-items: stretch !important;
  padding-inline: 4px !important;
}

html[data-qa-text-scale="200"] #home-page .home-inventory-icon {
  display: none !important;
}

html[data-qa-text-scale="200"] #home-page .home-inventory-arrow {
  justify-self: end !important;
}

@media (min-width: 340px) {
  html[data-qa-text-scale="200"] #home-page .home-command-card {
    grid-template-columns: minmax(0, 1fr) 154px !important;
  }
}