.site-shell[data-v-6a20c7c6] {
  padding-top: 10px !important;
}

/* V2 banner-ranking clarity pass: ordered rank table and readable FAQ. */
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
  min-height: 86px !important;
  padding: 12px 126px 12px 154px !important;
  border-color: #dfe9e2 !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdfb 100%) !important;
  box-shadow: 0 10px 22px rgba(26, 58, 39, .08) !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
  border-color: #b9e2c5 !important;
  background: linear-gradient(90deg, #fffdf4 0%, #ffffff 58%, #f4fff8 100%) !important;
  box-shadow: 0 14px 28px rgba(11, 132, 58, .13) !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::before,
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::before {
  left: 14px !important;
  width: 38px !important;
  height: 38px !important;
  border: 1px solid rgba(255, 255, 255, .7) !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  box-shadow: 0 8px 18px rgba(32, 62, 42, .14) !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(1)::before {
  background: linear-gradient(180deg, #25bd62, #088c3e) !important;
  color: #ffffff !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(2)::before {
  content: "2" !important;
  background: linear-gradient(180deg, #d9e2df, #9fabaa) !important;
  color: #ffffff !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(3)::before {
  content: "3" !important;
  background: linear-gradient(180deg, #ddb48a, #b17442) !important;
  color: #ffffff !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(4)::before { content: "4" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(5)::before { content: "5" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(6)::before { content: "6" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(7)::before { content: "7" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(8)::before { content: "8" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(9)::before { content: "9" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(10)::before { content: "10" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(11)::before { content: "11" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(12)::before { content: "12" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(13)::before { content: "13" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(14)::before { content: "14" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(15)::before { content: "15" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(16)::before { content: "16" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(17)::before { content: "17" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(18)::before { content: "18" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(19)::before { content: "19" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(20)::before { content: "20" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(21)::before { content: "21" !important; }

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(n+4)::before {
  background: #eef4f0 !important;
  color: #49625a !important;
  border-color: #dce8e0 !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card .image-button[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card:first-child .image-button[data-v-6a20c7c6] {
  inset: 12px auto 12px 66px !important;
  width: 76px !important;
  height: auto !important;
  padding: 3px !important;
  border-color: #dce8df !important;
  border-radius: 10px !important;
  background: #f8fbf9 !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card img[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card:first-child img[data-v-6a20c7c6] {
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 8px !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card:first-child p[data-v-6a20c7c6] {
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  gap: 3px !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: #14251d !important;
  font-size: 17px !important;
  line-height: 1.08 !important;
  overflow: visible !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6]::before {
  margin: 0 !important;
  color: #f0b429 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6]::after {
  position: static !important;
  display: inline-flex !important;
  width: fit-content !important;
  min-width: 104px !important;
  padding: 4px 9px !important;
  transform: none !important;
  border: 1px solid #d7e9d9 !important;
  border-radius: 999px !important;
  background: #f0fbf2 !important;
  color: #176a36 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card:nth-child(1) p[data-v-6a20c7c6]::after { content: "Deposit R$ 5.000" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card:nth-child(2) p[data-v-6a20c7c6]::after { content: "Deposit R$ 1.500" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card:nth-child(3) p[data-v-6a20c7c6]::after { content: "Deposit R$ 2.500" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card:nth-child(4) p[data-v-6a20c7c6]::after { content: "Deposit R$ 2.000" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card:nth-child(5) p[data-v-6a20c7c6]::after { content: "Deposit R$ 1.800" !important; }

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::after,
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::after {
  right: 12px !important;
  width: 102px !important;
  height: 44px !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #1daa59, #06843a) !important;
  font-size: 13px !important;
}

html:not(.v2-showcase-ready) .site-shell .tab[data-v-6a20c7c6] {
  border-color: #d9e8df !important;
  background: #ffffff !important;
  box-shadow: 0 12px 26px rgba(24, 58, 39, .08) !important;
}

html:not(.v2-showcase-ready) .site-shell .tab h1[data-v-6a20c7c6] {
  margin-bottom: 14px !important;
  color: #17271e !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}

html:not(.v2-showcase-ready) .site-shell .info[data-v-6a20c7c6] {
  margin-bottom: 10px !important;
  border: 1px solid #dfebe3 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

html:not(.v2-showcase-ready) .site-shell .info-title[data-v-6a20c7c6] {
  min-height: 58px !important;
  padding: 0 52px 0 18px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f7faf8 !important;
  color: #20352a !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .info-title.active[data-v-6a20c7c6] {
  background: #eef9f1 !important;
  color: #0b5d2e !important;
}

html:not(.v2-showcase-ready) .site-shell .view-details[data-v-6a20c7c6] {
  opacity: .7 !important;
  filter: invert(24%) sepia(13%) saturate(812%) hue-rotate(90deg) brightness(92%) contrast(88%) !important;
}

html:not(.v2-showcase-ready) .site-shell .info-detail[data-v-6a20c7c6] {
  display: grid !important;
  grid-template-columns: 112px minmax(0, 1fr) !important;
  gap: 14px !important;
  padding: 14px 16px 16px !important;
  background: #ffffff !important;
  color: #31443b !important;
}

html:not(.v2-showcase-ready) .site-shell .info-detail img[data-v-6a20c7c6] {
  width: 112px !important;
  height: 84px !important;
  object-fit: cover !important;
  border-radius: 10px !important;
}

html:not(.v2-showcase-ready) .site-shell .info-copy p[data-v-6a20c7c6] {
  margin: 0 0 8px !important;
  color: #3f5449 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

@media (max-width: 520px) {
  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
    min-height: 72px !important;
    padding: 9px 86px 9px 116px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::before,
  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::before {
    left: 8px !important;
    width: 28px !important;
    height: 28px !important;
    font-size: 12px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card .image-button[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .logo-card:first-child .image-button[data-v-6a20c7c6] {
    inset: 9px auto 9px 44px !important;
    width: 62px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .logo-card:first-child p[data-v-6a20c7c6] {
    gap: 2px !important;
    font-size: 13px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6]::before {
    font-size: 10px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6]::after {
    min-width: 0 !important;
    padding: 3px 7px !important;
    font-size: 10px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::after,
  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::after {
    right: 7px !important;
    width: 72px !important;
    height: 34px !important;
    font-size: 10px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .info-detail[data-v-6a20c7c6] {
    grid-template-columns: 1fr !important;
  }

  html:not(.v2-showcase-ready) .site-shell .info-detail img[data-v-6a20c7c6] {
    width: 100% !important;
    height: 140px !important;
  }
}

/* V2 bottom action final: remove dock base, keep one centered button. */
html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock[data-v-6a20c7c6] {
  left: 50% !important;
  right: auto !important;
  bottom: 18px !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: min(calc(100% - 32px), 760px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-bottom-brandstack[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .floating-brand-text[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .floating-brand-sub[data-v-6a20c7c6] {
  display: none !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-bottom-bar[data-v-6a20c7c6] {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: auto !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock button.floating-download-btn[data-v-6a20c7c6] {
  width: min(600px, calc(100vw - 64px)) !important;
  min-width: 0 !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 auto !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #18b85b 0%, #078a3c 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(7, 136, 60, .24) !important;
}

@media (max-width: 620px) {
  html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock[data-v-6a20c7c6] {
    bottom: 12px !important;
    width: calc(100% - 24px) !important;
  }

  html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock button.floating-download-btn[data-v-6a20c7c6] {
    width: min(320px, calc(100vw - 48px)) !important;
    height: 52px !important;
    min-height: 52px !important;
    border-radius: 13px !important;
  }
}

/* V2 ranking row grid lock: no overlap between rank, image, copy, and CTA. */
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
  display: grid !important;
  grid-template-columns: 48px 118px minmax(180px, 1fr) 132px !important;
  column-gap: 16px !important;
  align-items: center !important;
  min-height: 104px !important;
  padding: 14px 18px !important;
  overflow: hidden !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::before,
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::before {
  position: static !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: center !important;
  align-self: center !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  transform: none !important;
  display: grid !important;
  place-items: center !important;
  white-space: nowrap !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card .image-button[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card:first-child .image-button[data-v-6a20c7c6] {
  position: static !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  width: 118px !important;
  height: 76px !important;
  min-height: 0 !important;
  inset: auto !important;
  margin: 0 !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card:first-child p[data-v-6a20c7c6] {
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: center !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: #17261f !important;
  text-align: left !important;
  white-space: normal !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::after,
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::after {
  position: static !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  justify-self: stretch !important;
  align-self: center !important;
  width: auto !important;
  height: 48px !important;
  transform: none !important;
  pointer-events: none !important;
}

@media (max-width: 620px) {
  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
    grid-template-columns: 36px 72px minmax(0, 1fr) 82px !important;
    column-gap: 8px !important;
    min-height: 78px !important;
    padding: 10px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::before,
  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::before {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    font-size: 11px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card .image-button[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .logo-card:first-child .image-button[data-v-6a20c7c6] {
    width: 72px !important;
    height: 56px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .logo-card:first-child p[data-v-6a20c7c6] {
    font-size: 12px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6]::before,
  html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6]::after {
    font-size: 9px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::after,
  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::after {
    height: 36px !important;
    font-size: 10px !important;
  }
}

/* V2 bottom small centered action final. */
html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock[data-v-6a20c7c6] {
  left: 50% !important;
  right: auto !important;
  bottom: 18px !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: min(calc(100% - 32px), 760px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-bottom-brandstack[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .floating-brand-text[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .floating-brand-sub[data-v-6a20c7c6] {
  display: none !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-bottom-bar[data-v-6a20c7c6] {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: auto !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock button.floating-download-btn[data-v-6a20c7c6] {
  width: 260px !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 auto !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #18b85b 0%, #078a3c 100%) !important;
  color: #ffffff !important;
  font-size: 18px !important;
  box-shadow: 0 12px 24px rgba(7, 136, 60, .22) !important;
}

@media (max-width: 620px) {
  html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock[data-v-6a20c7c6] {
    bottom: 12px !important;
    width: calc(100% - 24px) !important;
  }

  html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock button.floating-download-btn[data-v-6a20c7c6] {
    width: 220px !important;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 11px !important;
    font-size: 16px !important;
  }
}

/* V2 bottom action final lock. This block must stay last with grid lock. */
html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock[data-v-6a20c7c6] {
  left: 50% !important;
  right: auto !important;
  bottom: 18px !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: min(calc(100% - 32px), 760px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-bottom-brandstack[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .floating-brand-text[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .floating-brand-sub[data-v-6a20c7c6] {
  display: none !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-bottom-bar[data-v-6a20c7c6] {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: auto !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock button.floating-download-btn[data-v-6a20c7c6] {
  width: min(600px, calc(100vw - 64px)) !important;
  min-width: 0 !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 auto !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #18b85b 0%, #078a3c 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(7, 136, 60, .24) !important;
}

@media (max-width: 620px) {
  html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock[data-v-6a20c7c6] {
    bottom: 12px !important;
    width: calc(100% - 24px) !important;
  }

  html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock button.floating-download-btn[data-v-6a20c7c6] {
    width: min(320px, calc(100vw - 48px)) !important;
    height: 52px !important;
    min-height: 52px !important;
    border-radius: 13px !important;
  }
}

/* V2 banner-ranking final clarity pass. Keep this at the end of the file. */
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
  min-height: 86px !important;
  padding: 12px 126px 12px 154px !important;
  border-color: #dfe9e2 !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdfb 100%) !important;
  box-shadow: 0 10px 22px rgba(26, 58, 39, .08) !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
  border-color: #b9e2c5 !important;
  background: linear-gradient(90deg, #fffdf4 0%, #ffffff 58%, #f4fff8 100%) !important;
  box-shadow: 0 14px 28px rgba(11, 132, 58, .13) !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::before,
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::before {
  left: 14px !important;
  width: 38px !important;
  height: 38px !important;
  border: 1px solid rgba(255, 255, 255, .7) !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  box-shadow: 0 8px 18px rgba(32, 62, 42, .14) !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(1)::before {
  content: "1" !important;
  background: linear-gradient(180deg, #25bd62, #088c3e) !important;
  color: #ffffff !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(2)::before {
  content: "2" !important;
  background: linear-gradient(180deg, #d9e2df, #9fabaa) !important;
  color: #ffffff !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(3)::before {
  content: "3" !important;
  background: linear-gradient(180deg, #ddb48a, #b17442) !important;
  color: #ffffff !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(n+4)::before {
  background: #eef4f0 !important;
  color: #49625a !important;
  border-color: #dce8e0 !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(4)::before { content: "4" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(5)::before { content: "5" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(6)::before { content: "6" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(7)::before { content: "7" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(8)::before { content: "8" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(9)::before { content: "9" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(10)::before { content: "10" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(11)::before { content: "11" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(12)::before { content: "12" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(13)::before { content: "13" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(14)::before { content: "14" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(15)::before { content: "15" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(16)::before { content: "16" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(17)::before { content: "17" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(18)::before { content: "18" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(19)::before { content: "19" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(20)::before { content: "20" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(21)::before { content: "21" !important; }

html:not(.v2-showcase-ready) .site-shell .logo-card .image-button[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card:first-child .image-button[data-v-6a20c7c6] {
  inset: 12px auto 12px 66px !important;
  width: 76px !important;
  height: auto !important;
  padding: 3px !important;
  border-color: #dce8df !important;
  border-radius: 10px !important;
  background: #f8fbf9 !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card:first-child p[data-v-6a20c7c6] {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: #14251d !important;
  font-size: 17px !important;
  line-height: 1.08 !important;
  overflow: visible !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6]::before {
  margin: 0 !important;
  color: #f0b429 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6]::after {
  position: static !important;
  display: inline-flex !important;
  width: fit-content !important;
  min-width: 104px !important;
  padding: 4px 9px !important;
  transform: none !important;
  border: 1px solid #d7e9d9 !important;
  border-radius: 999px !important;
  background: #f0fbf2 !important;
  color: #176a36 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card:nth-child(1) p[data-v-6a20c7c6]::after { content: "Deposit R$ 5.000" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card:nth-child(2) p[data-v-6a20c7c6]::after { content: "Deposit R$ 1.500" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card:nth-child(3) p[data-v-6a20c7c6]::after { content: "Deposit R$ 2.500" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card:nth-child(4) p[data-v-6a20c7c6]::after { content: "Deposit R$ 2.000" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card:nth-child(5) p[data-v-6a20c7c6]::after { content: "Deposit R$ 1.800" !important; }

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::after,
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::after {
  right: 12px !important;
  width: 102px !important;
  height: 44px !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #1daa59, #06843a) !important;
  font-size: 13px !important;
}

html:not(.v2-showcase-ready) .site-shell .info[data-v-6a20c7c6] {
  margin-bottom: 10px !important;
  border: 1px solid #dfebe3 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

html:not(.v2-showcase-ready) .site-shell .info-title[data-v-6a20c7c6] {
  min-height: 58px !important;
  padding: 0 52px 0 18px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f7faf8 !important;
  color: #20352a !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .info-title.active[data-v-6a20c7c6] {
  background: #eef9f1 !important;
  color: #0b5d2e !important;
}

html:not(.v2-showcase-ready) .site-shell .info-detail[data-v-6a20c7c6] {
  display: grid !important;
  grid-template-columns: 112px minmax(0, 1fr) !important;
  gap: 14px !important;
  padding: 14px 16px 16px !important;
  background: #ffffff !important;
  color: #31443b !important;
}

html:not(.v2-showcase-ready) .site-shell .info-copy p[data-v-6a20c7c6] {
  margin: 0 0 8px !important;
  color: #3f5449 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

@media (max-width: 520px) {
  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
    min-height: 72px !important;
    padding: 9px 86px 9px 116px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::before,
  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::before {
    left: 8px !important;
    width: 28px !important;
    height: 28px !important;
    font-size: 12px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card .image-button[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .logo-card:first-child .image-button[data-v-6a20c7c6] {
    inset: 9px auto 9px 44px !important;
    width: 62px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .logo-card:first-child p[data-v-6a20c7c6] {
    gap: 2px !important;
    font-size: 13px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6]::before {
    font-size: 10px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6]::after {
    min-width: 0 !important;
    padding: 3px 7px !important;
    font-size: 10px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::after,
  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::after {
    right: 7px !important;
    width: 72px !important;
    height: 34px !important;
    font-size: 10px !important;
  }
}

.site-shell .service-part[data-v-6a20c7c6] {
  position: relative;
  overflow: hidden;
  padding: 16px !important;
}

.site-shell .service-part[data-v-6a20c7c6]::before {
  content: "Live Access Monitor";
  display: inline-flex;
  border: 1px solid rgba(248, 202, 103, .28);
  border-radius: 999px;
  background: rgba(248, 202, 103, .10);
  color: #f5c76b;
  margin-bottom: 10px;
  padding: 5px 9px;
  font-size: 11px;
  font-weight: 900;
}

.site-shell .service-part[data-v-6a20c7c6]::after {
  content: "PWA / H5 READY";
  position: absolute;
  top: 16px;
  right: 16px;
  color: rgba(39, 212, 255, .82);
  font-size: 11px;
  font-weight: 900;
}

.site-shell .grid-item[data-v-6a20c7c6] {
  position: relative;
  overflow: hidden;
  min-height: 100px;
  justify-content: center;
}

.site-shell .grid-item[data-v-6a20c7c6]::after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 10px;
  left: 10px;
  height: 18px;
  opacity: .42;
  background:
    linear-gradient(90deg, transparent 0 8%, #27d4ff 8% 14%, transparent 14% 26%, #f8ca67 26% 34%, transparent 34% 50%, #27d4ff 50% 58%, transparent 58% 76%, #f8ca67 76% 84%, transparent 84%);
}

.site-shell .part1[data-v-6a20c7c6] {
  position: relative;
  padding: 12px !important;
}

.site-shell .part1[data-v-6a20c7c6]::before {
  content: "High-Frequency Access";
  display: block;
  color: #edf5ff;
  margin: 2px 4px 10px;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.12;
}

.site-shell .part1[data-v-6a20c7c6]::after {
  content: "21 Routes";
  position: absolute;
  top: 14px;
  right: 16px;
  border: 1px solid rgba(117, 139, 170, .28);
  border-radius: 999px;
  color: #91a4bb;
  padding: 5px 9px;
  font-size: 11px;
  font-weight: 900;
}

.site-shell .logo-list[data-v-6a20c7c6] {
  grid-auto-flow: dense;
}

.site-shell .logo-card[data-v-6a20c7c6] {
  position: relative;
  min-height: 132px;
  overflow: hidden;
  transition: border-color .18s ease, transform .18s ease;
}

.site-shell .logo-card .image-button[data-v-6a20c7c6] {
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: linear-gradient(180deg, #101620, #080d14);
}

.site-shell .logo-card[data-v-6a20c7c6]:first-child {
  grid-column: span 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(84px, .72fr);
  gap: 10px;
  min-height: 156px;
  border-color: rgba(248, 202, 103, .50) !important;
  background:
    linear-gradient(135deg, rgba(248, 202, 103, .22), rgba(39, 212, 255, .16)),
    #111620 !important;
}

.site-shell .logo-card[data-v-6a20c7c6]:first-child::before {
  content: "FOCUS";
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  border-radius: 999px;
  background: #f5c76b;
  color: #071018;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 900;
}

.site-shell .logo-card[data-v-6a20c7c6]:first-child::after {
  content: "Priority Access";
  position: absolute;
  right: 12px;
  bottom: 12px;
  color: #27d4ff;
  font-size: 11px;
  font-weight: 900;
}

.site-shell .logo-card:first-child .image-button[data-v-6a20c7c6],
.site-shell .logo-card:first-child img[data-v-6a20c7c6] {
  height: 100%;
}

.site-shell .logo-card:first-child img[data-v-6a20c7c6] {
  aspect-ratio: auto;
  min-height: 138px;
}

.site-shell .logo-card:first-child p[data-v-6a20c7c6] {
  align-self: center;
  color: #f5c76b !important;
  margin: 0 !important;
  font-size: 25px !important;
  line-height: 1 !important;
}

.site-shell .logo-card:first-child p[data-v-6a20c7c6]::after {
  content: "Primary Route / Dual Access";
  display: block;
  color: #91a4bb;
  margin-top: 8px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.site-shell .logo-card[data-v-6a20c7c6]:nth-child(5),
.site-shell .logo-card[data-v-6a20c7c6]:nth-child(10),
.site-shell .logo-card[data-v-6a20c7c6]:nth-child(15) {
  border-color: rgba(39, 212, 255, .32) !important;
}

.site-shell .logo-card[data-v-6a20c7c6]:active {
  transform: translateY(1px) scale(.99);
}

.site-shell .web-list[data-v-6a20c7c6] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0 0 !important;
  padding: 0 !important;
  list-style: none;
}

.site-shell .web-list[data-v-6a20c7c6]::before {
  content: "Popularity Board / Tap for PWA / H5";
  grid-column: 1 / -1;
  border: 1px solid rgba(39, 212, 255, .24);
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(39, 212, 255, .12), rgba(248, 202, 103, .08));
  color: #91e7ff;
  padding: 8px 10px;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
}

.site-shell .tip-list[data-v-6a20c7c6] {
  position: relative;
  display: grid !important;
  min-width: 0;
  overflow: hidden;
  transition: border-color .18s ease, transform .18s ease;
}

.site-shell .tip-list[data-v-6a20c7c6]:active {
  transform: translateY(1px) scale(.99);
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child {
  grid-column: 1 / -1;
  grid-template-columns: minmax(120px, .52fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 142px;
  padding: 12px !important;
  border-color: rgba(248, 202, 103, .58) !important;
  background:
    linear-gradient(135deg, rgba(248, 202, 103, .22), rgba(39, 212, 255, .14)),
    #121822 !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child::before {
  content: "Top Route";
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  border-radius: 999px;
  background: #f5c76b;
  color: #071018;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 900;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child::after {
  content: "Low Latency / Dual Access";
  position: absolute;
  right: 12px;
  bottom: 12px;
  color: #27d4ff;
  font-size: 11px;
  font-weight: 900;
}

.site-shell .rank-image[data-v-6a20c7c6] {
  width: 100% !important;
  border: 0 !important;
  background: linear-gradient(180deg, #101620, #080d14) !important;
  padding: 0 !important;
  overflow: hidden;
}

.site-shell .rank-image img[data-v-6a20c7c6] {
  display: block;
  width: 100%;
  aspect-ratio: 1.08 / 1;
  border-radius: 9px !important;
  object-fit: contain !important;
  object-position: center;
  background: linear-gradient(180deg, #101620, #080d14);
}

.site-shell .tip-list:first-child .rank-image img[data-v-6a20c7c6] {
  min-height: 118px;
}

.site-shell .rank-info[data-v-6a20c7c6] {
  min-width: 0;
}

.site-shell .rank-title[data-v-6a20c7c6] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 30px;
  border: 1px solid rgba(248, 202, 103, .35);
  border-radius: 999px;
  background: rgba(248, 202, 103, .12);
  color: #f5c76b !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.site-shell .game-title[data-v-6a20c7c6] {
  display: block;
  margin: 6px 0 3px;
  font-size: 17px !important;
  line-height: 1.1;
}

.site-shell .game-detail[data-v-6a20c7c6] {
  display: -webkit-box !important;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 11px !important;
  line-height: 1.4 !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child .game-title[data-v-6a20c7c6] {
  color: #f5c76b !important;
  font-size: 26px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child .game-detail[data-v-6a20c7c6] {
  color: #cfe7ff !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2),
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto 1fr auto;
  gap: 8px;
  min-height: 184px;
  padding: 9px !important;
  border-color: rgba(39, 212, 255, .34) !important;
  background:
    linear-gradient(180deg, rgba(39, 212, 255, .10), rgba(255, 255, 255, .02)),
    #101620 !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2)::before,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3)::before {
  content: "HOT";
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 999px;
  background: rgba(39, 212, 255, .18);
  color: #91e7ff;
  padding: 4px 7px;
  font-size: 10px;
  font-weight: 900;
}

.site-shell .tip-list:nth-child(2) .rank-image[data-v-6a20c7c6],
.site-shell .tip-list:nth-child(3) .rank-image[data-v-6a20c7c6] {
  width: 100% !important;
}

.site-shell .tip-list:nth-child(2) .rank-image img[data-v-6a20c7c6],
.site-shell .tip-list:nth-child(3) .rank-image img[data-v-6a20c7c6] {
  aspect-ratio: auto;
  height: clamp(82px, 26vw, 122px);
  min-height: 82px;
}

.site-shell .tip-list:nth-child(2) .rank-info[data-v-6a20c7c6],
.site-shell .tip-list:nth-child(3) .rank-info[data-v-6a20c7c6] {
  align-self: start;
}

.site-shell .tip-list:nth-child(2) .play-link[data-v-6a20c7c6],
.site-shell .tip-list:nth-child(3) .play-link[data-v-6a20c7c6] {
  align-self: end;
  justify-self: stretch;
  width: 100% !important;
  min-height: 38px !important;
  padding: 0 !important;
  font-size: 12px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(n+4) {
  grid-column: 1 / -1;
  grid-template-columns: 58px minmax(0, 1fr) 70px;
  align-items: center;
  gap: 10px;
  min-height: 76px;
  padding: 8px 10px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(n+4)::after {
  content: "";
  position: absolute;
  right: 88px;
  bottom: 11px;
  width: 52px;
  height: 12px;
  opacity: .55;
  background:
    linear-gradient(90deg, #27d4ff 0 16%, transparent 16% 28%, #f8ca67 28% 44%, transparent 44% 56%, #27d4ff 56% 72%, transparent 72%);
}

.site-shell .tip-list:nth-child(n+4) .rank-image img[data-v-6a20c7c6] {
  aspect-ratio: 1 / 1;
}

.site-shell .logo-card img[data-v-6a20c7c6] {
  object-fit: contain !important;
  object-position: center;
  background: linear-gradient(180deg, #101620, #080d14);
}

.site-shell .tip-list:nth-child(n+4) .game-title[data-v-6a20c7c6] {
  margin-top: 4px;
  font-size: 14px !important;
}

.site-shell .tip-list:nth-child(n+4) .play-link[data-v-6a20c7c6] {
  min-width: 0 !important;
  width: 66px !important;
  min-height: 36px !important;
  padding: 0 !important;
  font-size: 12px !important;
}

.site-shell .tab-con[data-v-6a20c7c6] {
  position: relative;
}

.site-shell .floating-bottom-bar[data-v-6a20c7c6] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 12px !important;
}

.site-shell .floating-download-btn[data-v-6a20c7c6] {
  min-width: 116px !important;
  min-height: 52px !important;
}

@media (max-width: 420px) {
  .site-shell .service-part[data-v-6a20c7c6]::after {
    display: none;
  }

  .site-shell .logo-card[data-v-6a20c7c6]:first-child {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr) minmax(90px, .66fr);
  }

  .site-shell .logo-card:first-child p[data-v-6a20c7c6] {
    font-size: 22px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .site-shell .tip-list[data-v-6a20c7c6]:first-child {
    grid-template-columns: minmax(92px, .68fr) minmax(0, 1fr);
    grid-template-areas:
      "rankImage rankInfo"
      "rankCta rankCta";
    min-height: 150px;
  }

  .site-shell .tip-list:first-child .rank-image[data-v-6a20c7c6] {
    grid-area: rankImage;
  }

  .site-shell .tip-list:first-child .rank-info[data-v-6a20c7c6] {
    grid-area: rankInfo;
  }

  .site-shell .tip-list:first-child .play-link[data-v-6a20c7c6] {
    grid-area: rankCta;
    width: 100% !important;
  }

  .site-shell .tip-list[data-v-6a20c7c6]:first-child .game-title[data-v-6a20c7c6] {
    font-size: 22px !important;
  }

  .site-shell .tip-list[data-v-6a20c7c6]:nth-child(2),
  .site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) {
    min-height: 176px;
  }

  .site-shell .tip-list[data-v-6a20c7c6]:nth-child(n+4) {
    grid-template-columns: 48px minmax(0, 1fr) 58px;
    gap: 8px;
  }

  .site-shell .tip-list[data-v-6a20c7c6]:nth-child(n+4)::after {
    right: 74px;
    width: 36px;
  }

  .site-shell .tip-list:nth-child(n+4) .play-link[data-v-6a20c7c6] {
    width: 56px !important;
  }
}

/* Style divergence pass: V4 is now a harder terminal matrix. */
html,
body {
  background:
    linear-gradient(90deg, rgba(39, 212, 255, .05) 1px, transparent 1px) 0 0 / 24px 24px,
    linear-gradient(180deg, #03070d 0%, #07111b 54%, #04080e 100%) !important;
}

.site-shell[data-v-6a20c7c6] {
  background:
    radial-gradient(circle at 20% 0, rgba(39, 212, 255, .13), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(248, 202, 103, .10), transparent 26%),
    #061019 !important;
  display: flex !important;
  flex-direction: column;
  padding-top: 8px !important;
}

.site-shell .main[data-v-6a20c7c6] {
  order: 1;
}

.site-shell .main > .part1[data-v-6a20c7c6] {
  order: 1;
}

.site-shell .tab[data-v-6a20c7c6] {
  order: 2;
}

.site-shell .service-part[data-v-6a20c7c6] {
  order: 3;
}

.site-shell .footer[data-v-6a20c7c6] {
  order: 4;
}

.site-shell .service-part[data-v-6a20c7c6],
.site-shell .part1[data-v-6a20c7c6],
.site-shell .tab-con[data-v-6a20c7c6] {
  border-radius: 10px !important;
  border-color: rgba(39, 212, 255, .20) !important;
  background:
    linear-gradient(180deg, rgba(13, 22, 34, .98), rgba(8, 14, 22, .98)) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .34) !important;
}

.site-shell .service-part[data-v-6a20c7c6]::before,
.site-shell .part1[data-v-6a20c7c6]::after,
.site-shell .web-list[data-v-6a20c7c6]::before {
  border-radius: 6px !important;
}

.site-shell .grid-container[data-v-6a20c7c6] {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.site-shell .grid-item[data-v-6a20c7c6] {
  min-height: 108px;
  border-radius: 8px !important;
  background: #0b121d !important;
}

.site-shell .part-tab-header[data-v-6a20c7c6] {
  gap: 0 !important;
  border: 1px solid rgba(39, 212, 255, .18);
  border-radius: 8px !important;
  overflow: hidden;
  background: #050a11 !important;
}

.site-shell .part-tab-button[data-v-6a20c7c6] {
  border: 0 !important;
  border-radius: 0 !important;
  min-height: 44px !important;
  background: transparent !important;
  color: #7f93aa !important;
  box-shadow: none !important;
}

.site-shell .part-tab-button.active[data-v-6a20c7c6] {
  background: linear-gradient(135deg, #f2d970, #27d4ff) !important;
  color: #071018 !important;
}

.site-shell .logo-list[data-v-6a20c7c6] {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.site-shell .logo-card[data-v-6a20c7c6] {
  grid-column: span 1;
  min-height: 112px;
  border-radius: 8px !important;
  background: #08111b !important;
  padding: 7px !important;
}

.site-shell .logo-card[data-v-6a20c7c6]:first-child {
  grid-column: 1 / -1;
  grid-template-columns: 140px minmax(0, 1fr);
  min-height: 150px;
  border-radius: 10px !important;
}

.site-shell .logo-card .image-button[data-v-6a20c7c6],
.site-shell .logo-card img[data-v-6a20c7c6] {
  border-radius: 6px !important;
}

.site-shell .logo-card p[data-v-6a20c7c6] {
  font-size: 11px !important;
  line-height: 1.15 !important;
}

.site-shell .logo-card:first-child p[data-v-6a20c7c6] {
  font-size: 26px !important;
}

.site-shell .web-list[data-v-6a20c7c6] {
  gap: 8px !important;
}

.site-shell .tip-list[data-v-6a20c7c6],
.site-shell .rank-image[data-v-6a20c7c6],
.site-shell .rank-image img[data-v-6a20c7c6],
.site-shell .play-link[data-v-6a20c7c6] {
  border-radius: 8px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child {
  grid-template-columns: 132px minmax(0, 1fr) 82px;
  min-height: 150px;
  background:
    linear-gradient(90deg, rgba(248, 202, 103, .20), rgba(39, 212, 255, .10)),
    #09121d !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2),
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) {
  border-radius: 10px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(n+4) {
  grid-template-columns: 54px minmax(0, 1fr) 62px;
  min-height: 70px;
  border-left: 3px solid rgba(39, 212, 255, .44) !important;
  background: #09121d !important;
}

.site-shell .rank-title[data-v-6a20c7c6] {
  border-radius: 6px !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.site-shell .play-link[data-v-6a20c7c6] {
  background: linear-gradient(135deg, #f2d970, #27d4ff) !important;
  color: #071018 !important;
}

.site-shell .floating-bottom-bar[data-v-6a20c7c6] {
  border-radius: 10px !important;
  border: 1px solid rgba(39, 212, 255, .22);
  background: rgba(5, 10, 17, .92) !important;
}

@media (max-width: 420px) {
  .site-shell .grid-container[data-v-6a20c7c6] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .site-shell .logo-list[data-v-6a20c7c6] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .site-shell .logo-card[data-v-6a20c7c6]:first-child {
    grid-template-columns: 128px minmax(0, 1fr);
  }

  .site-shell .tip-list[data-v-6a20c7c6]:first-child {
    grid-template-columns: 118px minmax(0, 1fr);
  }
}

/* Entrance showcase pass: V4 becomes a route launch deck. */
html,
body {
  background:
    linear-gradient(90deg, rgba(40, 220, 255, .08) 0 1px, transparent 1px 26px),
    linear-gradient(180deg, #02050a 0%, #07131b 44%, #02050a 100%) !important;
}

.site-shell[data-v-6a20c7c6] {
  width: min(100vw, 760px) !important;
  max-width: 760px !important;
  background:
    linear-gradient(135deg, rgba(39, 212, 255, .12), transparent 34%),
    linear-gradient(225deg, rgba(248, 202, 103, .13), transparent 34%),
    #041018 !important;
  padding: 12px 14px 128px !important;
}

.site-shell .part1[data-v-6a20c7c6] {
  padding: 14px !important;
  border-color: rgba(39, 212, 255, .32) !important;
  background:
    linear-gradient(180deg, rgba(13, 28, 42, .98), rgba(5, 11, 18, .98)) !important;
}

.site-shell .part1[data-v-6a20c7c6]::before {
  content: "Route Launch Deck";
  color: #f6fbff;
  font-size: 29px;
  letter-spacing: 0;
}

.site-shell .part1[data-v-6a20c7c6]::after {
  content: "21 Entry Nodes";
  top: 16px;
  right: 16px;
  border-color: rgba(39, 212, 255, .38);
  border-radius: 8px !important;
  background: #071018;
  color: #80eaff;
  padding: 7px 10px;
}

.site-shell .part-tab-header[data-v-6a20c7c6] {
  margin-bottom: 12px;
  border-color: rgba(39, 212, 255, .34) !important;
  background:
    linear-gradient(90deg, rgba(39, 212, 255, .10), rgba(248, 202, 103, .07)),
    #040910 !important;
}

.site-shell .part-tab-button[data-v-6a20c7c6] {
  min-height: 48px !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: 0;
}

.site-shell .part-tab-button.active[data-v-6a20c7c6] {
  background: linear-gradient(135deg, #f8ca67 0%, #27d4ff 68%, #8affd2 100%) !important;
}

.site-shell .logo-list[data-v-6a20c7c6] {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.site-shell .logo-card[data-v-6a20c7c6] {
  grid-column: span 2;
  min-height: 142px;
  padding: 8px 8px 34px !important;
  border-color: rgba(39, 212, 255, .24) !important;
  background:
    linear-gradient(180deg, rgba(13, 25, 37, .98), rgba(5, 12, 20, .98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    0 18px 32px rgba(0, 0, 0, .24) !important;
}

.site-shell .logo-card:not(:first-child)::before {
  content: "ENTRY";
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  border: 1px solid rgba(39, 212, 255, .30);
  border-radius: 6px;
  background: rgba(4, 9, 16, .74);
  color: #80eaff;
  padding: 3px 6px;
  font-size: 9px;
  font-weight: 900;
}

.site-shell .logo-card:not(:first-child)::after {
  content: "Launch";
  position: absolute;
  right: 9px;
  bottom: 9px;
  color: #f8ca67;
  font-size: 10px;
  font-weight: 900;
}

.site-shell .logo-card[data-v-6a20c7c6]:first-child {
  grid-column: 1 / -1;
  grid-template-columns: minmax(170px, .68fr) minmax(0, 1fr);
  min-height: 228px;
  border-radius: 12px !important;
  border-color: rgba(248, 202, 103, .54) !important;
  background:
    linear-gradient(100deg, rgba(248, 202, 103, .19), transparent 38%),
    linear-gradient(135deg, rgba(39, 212, 255, .20), rgba(8, 14, 22, .98) 58%),
    #071018 !important;
}

.site-shell .logo-card[data-v-6a20c7c6]:first-child::before {
  content: "Primary Entry";
  border-radius: 8px;
  background: #f8ca67;
  color: #071018;
}

.site-shell .logo-card[data-v-6a20c7c6]:first-child::after {
  content: "Launch PWA / H5";
  right: 16px;
  bottom: 16px;
  color: #80eaff;
  font-size: 12px;
}

.site-shell .logo-card:first-child .image-button[data-v-6a20c7c6] {
  min-height: 204px;
  border: 1px solid rgba(39, 212, 255, .24);
  box-shadow: 0 20px 38px rgba(0, 0, 0, .34);
}

.site-shell .logo-card:first-child p[data-v-6a20c7c6] {
  color: #f8ca67 !important;
  font-size: 43px !important;
  line-height: .95 !important;
}

.site-shell .logo-card:first-child p[data-v-6a20c7c6]::after {
  content: "Featured station entrance with direct mobile and browser access.";
  max-width: 280px;
  color: #b8d5e8;
  font-size: 12px;
}

.site-shell .logo-card .image-button[data-v-6a20c7c6],
.site-shell .rank-image[data-v-6a20c7c6] {
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, #101b28, #050b12) !important;
}

.site-shell .logo-card img[data-v-6a20c7c6],
.site-shell .rank-image img[data-v-6a20c7c6] {
  object-fit: contain !important;
  object-position: center;
}

.site-shell .logo-card p[data-v-6a20c7c6] {
  color: #edf5ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0;
}

.site-shell .web-list[data-v-6a20c7c6]::before {
  content: "Route Board / Open PWA or H5";
  border-color: rgba(39, 212, 255, .32);
  background:
    linear-gradient(90deg, rgba(39, 212, 255, .16), rgba(248, 202, 103, .10)),
    #071018 !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child {
  grid-template-columns: 160px minmax(0, 1fr) 96px;
  min-height: 174px;
  border-color: rgba(248, 202, 103, .58) !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child::before {
  content: "Prime Route";
  border-radius: 8px;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child::after {
  content: "Direct Entry";
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2),
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) {
  min-height: 214px;
}

.site-shell .play-link[data-v-6a20c7c6] {
  min-height: 40px !important;
  border-radius: 8px !important;
  font-weight: 900 !important;
}

.site-shell .floating-bottom-dock[data-v-6a20c7c6] {
  width: min(430px, calc(100% - 22px)) !important;
  bottom: 8px !important;
  pointer-events: none;
}

.site-shell .floating-bottom-brandstack[data-v-6a20c7c6] {
  display: none !important;
}

.site-shell .floating-bottom-bar[data-v-6a20c7c6] {
  min-height: 52px !important;
  border-radius: 999px !important;
  background: rgba(4, 9, 16, .86) !important;
  padding: 5px !important;
  pointer-events: auto;
}

.site-shell .floating-download-btn[data-v-6a20c7c6] {
  width: min(100%, 300px) !important;
  min-height: 42px !important;
  border-radius: 999px !important;
}

.site-shell .kf[data-v-6a20c7c6] {
  display: block !important;
  position: fixed !important;
  right: max(12px, calc((100vw - 760px) / 2 + 14px)) !important;
  bottom: 78px !important;
  z-index: 80 !important;
  width: 64px !important;
  height: 64px !important;
  pointer-events: auto;
}

.site-shell .kf[data-v-6a20c7c6]::after {
  content: "Service";
  position: absolute;
  right: 0;
  bottom: -8px;
  border: 1px solid rgba(39, 212, 255, .28);
  border-radius: 999px;
  background: #071018;
  color: #80eaff;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .34);
}

.site-shell .kf .image-button[data-v-6a20c7c6] {
  display: grid !important;
  place-items: center;
  width: 100% !important;
  height: 100% !important;
  border: 1px solid rgba(39, 212, 255, .28) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(13, 25, 37, .96), rgba(5, 12, 20, .96)) !important;
  box-shadow: 0 18px 36px rgba(0, 0, 0, .36) !important;
  overflow: hidden;
}

.site-shell .kf img[data-v-6a20c7c6] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 520px) {
  .site-shell[data-v-6a20c7c6] {
    padding-inline: 8px !important;
  }

  .site-shell .part1[data-v-6a20c7c6]::before {
    font-size: 24px;
  }

  .site-shell .part1[data-v-6a20c7c6]::after {
    content: "21 Nodes";
    top: 14px;
    right: 8px;
    padding: 6px 8px;
    font-size: 10px;
  }

  .site-shell .kf[data-v-6a20c7c6] {
    right: 12px !important;
    bottom: 76px !important;
    width: 56px !important;
    height: 56px !important;
  }

  .site-shell .logo-list[data-v-6a20c7c6] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  .site-shell .logo-card[data-v-6a20c7c6] {
    grid-column: span 1;
    min-height: 132px;
  }

  .site-shell .logo-card[data-v-6a20c7c6]:first-child {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr);
    min-height: 236px;
    padding-bottom: 48px !important;
  }

  .site-shell .logo-card:first-child p[data-v-6a20c7c6] {
    font-size: 30px !important;
  }

  .site-shell .logo-card[data-v-6a20c7c6]:first-child::after {
    content: "PWA / H5";
    right: 14px;
    bottom: 14px;
    font-size: 11px;
  }

  .site-shell .tip-list[data-v-6a20c7c6]:first-child {
    grid-template-columns: 92px minmax(0, 1fr) !important;
  }
}

/* Icon visibility pass: keep every floating and station image fully visible. */
.site-shell .kf[data-v-6a20c7c6] {
  margin: 0 !important;
  margin-right: 0 !important;
  right: 16px !important;
  bottom: 82px !important;
  width: 60px !important;
  height: 60px !important;
}

.site-shell .kf[data-v-6a20c7c6]::after {
  right: auto !important;
  left: 50% !important;
  bottom: -10px !important;
  transform: translateX(-50%);
  white-space: nowrap;
}

.site-shell .kf .image-button[data-v-6a20c7c6] {
  border-radius: 16px !important;
  overflow: hidden !important;
}

.site-shell .kf img[data-v-6a20c7c6],
.site-shell .logo-card img[data-v-6a20c7c6],
.site-shell .rank-image img[data-v-6a20c7c6] {
  display: block !important;
  width: auto !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}

.site-shell .logo-card .image-button[data-v-6a20c7c6],
.site-shell .rank-image[data-v-6a20c7c6] {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  position: relative !important;
  overflow: hidden !important;
}

.site-shell .logo-card .image-button[data-v-6a20c7c6] {
  height: 96px !important;
}

.site-shell .logo-card:first-child .image-button[data-v-6a20c7c6] {
  height: 204px !important;
}

.site-shell .logo-card .image-button[data-v-6a20c7c6] > img,
.site-shell .rank-image[data-v-6a20c7c6] > img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

@media (max-width: 520px) {
  .site-shell .kf[data-v-6a20c7c6] {
    right: 10px !important;
    bottom: 74px !important;
    width: 54px !important;
    height: 54px !important;
  }
}

/* V2 light route deck pass: keep the V4 layout, convert only the palette. */
html,
body {
  background:
    linear-gradient(90deg, rgba(46, 125, 189, .08) 0 1px, transparent 1px 26px),
    radial-gradient(circle at 16% 0, rgba(41, 176, 224, .22), transparent 30%),
    radial-gradient(circle at 88% 8%, rgba(255, 202, 94, .28), transparent 28%),
    linear-gradient(180deg, #f7fbff 0%, #e8f3fb 48%, #f7fbff 100%) !important;
}

.site-shell[data-v-6a20c7c6] {
  background:
    linear-gradient(135deg, rgba(55, 181, 230, .18), transparent 34%),
    linear-gradient(225deg, rgba(255, 203, 96, .20), transparent 34%),
    #f7fbff !important;
  color: #122238 !important;
}

.site-shell .service-part[data-v-6a20c7c6],
.site-shell .part1[data-v-6a20c7c6],
.site-shell .tab-con[data-v-6a20c7c6] {
  border-color: rgba(54, 130, 180, .24) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(238, 247, 255, .94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .92),
    0 18px 40px rgba(43, 89, 128, .14) !important;
}

.site-shell .part1[data-v-6a20c7c6]::before {
  color: #122238 !important;
  text-shadow: none !important;
}

.site-shell .part1[data-v-6a20c7c6]::after,
.site-shell .service-part[data-v-6a20c7c6]::before,
.site-shell .web-list[data-v-6a20c7c6]::before {
  border-color: rgba(31, 137, 188, .28) !important;
  background:
    linear-gradient(90deg, rgba(235, 248, 255, .96), rgba(255, 246, 222, .92)) !important;
  color: #08709a !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92);
}

.site-shell .service-part[data-v-6a20c7c6]::after {
  color: #148ab7 !important;
}

.site-shell .grid-item[data-v-6a20c7c6] {
  border-color: rgba(54, 130, 180, .18) !important;
  background: linear-gradient(180deg, #ffffff, #eef7ff) !important;
  box-shadow: 0 10px 22px rgba(43, 89, 128, .10) !important;
}

.site-shell .grid-item strong[data-v-6a20c7c6],
.site-shell .grid-item span[data-v-6a20c7c6],
.site-shell .grid-item p[data-v-6a20c7c6] {
  color: #122238 !important;
  text-shadow: none !important;
}

.site-shell .grid-item[data-v-6a20c7c6]::after,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(n+4)::after {
  background:
    linear-gradient(90deg, transparent 0 8%, #19a9d5 8% 14%, transparent 14% 26%, #d9a330 26% 34%, transparent 34% 50%, #19a9d5 50% 58%, transparent 58% 76%, #d9a330 76% 84%, transparent 84%) !important;
}

.site-shell .part-tab-header[data-v-6a20c7c6] {
  border-color: rgba(54, 130, 180, .24) !important;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .92), rgba(236, 247, 255, .96)) !important;
}

.site-shell .part-tab-button[data-v-6a20c7c6] {
  color: #5a7088 !important;
}

.site-shell .part-tab-button.active[data-v-6a20c7c6],
.site-shell .play-link[data-v-6a20c7c6] {
  background: linear-gradient(135deg, #ffd56a 0%, #32c2e8 66%, #6ef0c4 100%) !important;
  color: #102033 !important;
  text-shadow: none !important;
  box-shadow: 0 12px 24px rgba(29, 132, 184, .22) !important;
}

.site-shell .logo-card[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6] {
  border-color: rgba(54, 130, 180, .22) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(240, 248, 255, .95)) !important;
  color: #122238 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .92),
    0 16px 30px rgba(43, 89, 128, .12) !important;
}

.site-shell .logo-card[data-v-6a20c7c6]:first-child,
.site-shell .tip-list[data-v-6a20c7c6]:first-child {
  border-color: rgba(219, 156, 40, .46) !important;
  background:
    linear-gradient(100deg, rgba(255, 214, 111, .30), transparent 42%),
    linear-gradient(135deg, rgba(53, 189, 230, .28), rgba(255, 255, 255, .98) 62%),
    #ffffff !important;
}

.site-shell .logo-card[data-v-6a20c7c6]:first-child::before,
.site-shell .tip-list[data-v-6a20c7c6]:first-child::before {
  background: #f0b83c !important;
  color: #102033 !important;
}

.site-shell .logo-card[data-v-6a20c7c6]:first-child::after,
.site-shell .tip-list[data-v-6a20c7c6]:first-child::after {
  color: #0e85ad !important;
}

.site-shell .logo-card:not(:first-child)::before,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2)::before,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3)::before {
  border-color: rgba(31, 137, 188, .30) !important;
  background: rgba(230, 247, 255, .92) !important;
  color: #0e85ad !important;
}

.site-shell .logo-card:not(:first-child)::after {
  color: #c88a18 !important;
}

.site-shell .logo-card .image-button[data-v-6a20c7c6],
.site-shell .rank-image[data-v-6a20c7c6],
.site-shell .logo-card img[data-v-6a20c7c6],
.site-shell .rank-image img[data-v-6a20c7c6] {
  background:
    linear-gradient(180deg, #ffffff, #ecf6ff) !important;
}

.site-shell .logo-card:first-child .image-button[data-v-6a20c7c6] {
  border-color: rgba(31, 137, 188, .24) !important;
  box-shadow: 0 20px 38px rgba(43, 89, 128, .16) !important;
}

.site-shell .logo-card p[data-v-6a20c7c6],
.site-shell .game-title[data-v-6a20c7c6],
.site-shell .tab-con h1[data-v-6a20c7c6],
.site-shell .info-title[data-v-6a20c7c6] {
  color: #122238 !important;
  text-shadow: none !important;
}

.site-shell .logo-card:first-child p[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:first-child .game-title[data-v-6a20c7c6],
.site-shell .rank-title[data-v-6a20c7c6] {
  color: #c88a18 !important;
}

.site-shell .logo-card:first-child p[data-v-6a20c7c6]::after,
.site-shell .game-detail[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:first-child .game-detail[data-v-6a20c7c6],
.site-shell .info-content[data-v-6a20c7c6],
.site-shell .footer[data-v-6a20c7c6],
.site-shell .footer p[data-v-6a20c7c6],
.site-shell .footer span[data-v-6a20c7c6] {
  color: #5f7188 !important;
}

.site-shell .floating-bottom-bar[data-v-6a20c7c6] {
  border: 1px solid rgba(54, 130, 180, .22) !important;
  background: rgba(255, 255, 255, .90) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .92),
    0 16px 34px rgba(43, 89, 128, .20) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.site-shell .floating-download-btn[data-v-6a20c7c6] {
  background: linear-gradient(135deg, #ffd56a 0%, #32c2e8 72%, #6ef0c4 100%) !important;
  color: #102033 !important;
  box-shadow: 0 12px 24px rgba(29, 132, 184, .24) !important;
}

.site-shell .kf[data-v-6a20c7c6]::after {
  border-color: rgba(31, 137, 188, .26) !important;
  background: rgba(255, 255, 255, .94) !important;
  color: #0e85ad !important;
  box-shadow: 0 10px 20px rgba(43, 89, 128, .16) !important;
}

.site-shell .kf .image-button[data-v-6a20c7c6] {
  border-color: rgba(31, 137, 188, .24) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(237, 247, 255, .96)) !important;
  box-shadow: 0 16px 30px rgba(43, 89, 128, .18) !important;
}

.site-shell .logo-card[data-v-6a20c7c6]:not(:first-child),
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2),
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3),
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(n+4) {
  border-color: rgba(54, 130, 180, .22) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(240, 248, 255, .96)) !important;
  color: #122238 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .94),
    0 14px 28px rgba(43, 89, 128, .12) !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2),
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) {
  background:
    linear-gradient(180deg, rgba(237, 250, 255, .98), rgba(255, 255, 255, .96)) !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(n+4) {
  border-left: 3px solid rgba(31, 137, 188, .36) !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2) .game-title[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) .game-title[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(n+4) .game-title[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2) .game-detail[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) .game-detail[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(n+4) .game-detail[data-v-6a20c7c6] {
  text-shadow: none !important;
}

/* Hide the Route Status stats panel from the public V2 entry page. */
.site-shell .service-part[data-v-6a20c7c6] {
  display: none !important;
}

/* V2 ranking polish: calmer CTA colors plus top-five stake labels. */
.site-shell .part-tab-button.active[data-v-6a20c7c6],
.site-shell .play-link[data-v-6a20c7c6],
.site-shell .floating-download-btn[data-v-6a20c7c6] {
  border: 1px solid rgba(15, 96, 112, .35) !important;
  background:
    linear-gradient(135deg, #123a52 0%, #0f6f6b 100%) !important;
  color: #ffffff !important;
  text-shadow: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .18),
    0 12px 24px rgba(16, 81, 102, .22) !important;
}

.site-shell .part-tab-button[data-v-6a20c7c6] {
  border-color: rgba(54, 130, 180, .18) !important;
}

.site-shell .part-tab-button:not(.active)[data-v-6a20c7c6] {
  background: rgba(255, 255, 255, .72) !important;
  color: #37546b !important;
}

.site-shell .play-link[data-v-6a20c7c6]:active,
.site-shell .floating-download-btn[data-v-6a20c7c6]:active {
  background: linear-gradient(135deg, #0f3046 0%, #0b5f5b 100%) !important;
}

.site-shell .web-list[data-v-6a20c7c6]::before {
  border-color: rgba(15, 96, 112, .20) !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, .88), rgba(233, 247, 250, .92)) !important;
  color: #17445b !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child {
  border-color: rgba(186, 133, 34, .46) !important;
  background:
    radial-gradient(circle at 18% 16%, rgba(230, 178, 72, .28), transparent 34%),
    linear-gradient(135deg, rgba(255, 250, 238, .98), rgba(229, 247, 249, .96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .95),
    0 18px 34px rgba(91, 112, 126, .14) !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child::before,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2)::before,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3)::before,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(4)::before,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(5)::before {
  z-index: 3;
  border: 1px solid rgba(186, 133, 34, .30) !important;
  background: #fff7df !important;
  color: #8a5d0e !important;
  letter-spacing: .04em;
  text-shadow: none !important;
  box-shadow: 0 8px 16px rgba(111, 87, 43, .10);
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child::before {
  content: "TOP 1" !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child::after {
  content: "STAKED 50M" !important;
  right: 12px;
  bottom: 12px;
  z-index: 3;
  border: 1px solid rgba(15, 96, 112, .22);
  border-radius: 999px;
  background: rgba(255, 255, 255, .82);
  color: #123a52 !important;
  padding: 5px 9px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .03em;
  box-shadow: 0 10px 18px rgba(41, 87, 112, .12);
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2),
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) {
  border-color: rgba(15, 96, 112, .24) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(232, 247, 249, .96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .94),
    0 14px 26px rgba(41, 87, 112, .12) !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2)::before {
  content: "TOP 2" !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3)::before {
  content: "TOP 3" !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2)::after,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3)::after,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(4)::after,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(5)::after {
  content: "STAKED 38M" !important;
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: auto;
  height: auto;
  opacity: 1;
  border: 1px solid rgba(15, 96, 112, .20);
  border-radius: 999px;
  background: rgba(255, 255, 255, .84) !important;
  color: #17445b;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .03em;
  box-shadow: 0 8px 16px rgba(41, 87, 112, .10);
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3)::after {
  content: "STAKED 29M" !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(4)::before {
  content: "TOP 4" !important;
  top: 9px;
  left: 74px;
  position: absolute;
  border-radius: 999px;
  padding: 3px 7px;
  font-size: 9px;
  font-weight: 900;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(4)::after {
  content: "STAKED 21M" !important;
  left: auto;
  right: 84px;
  bottom: 9px;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(5)::before {
  content: "TOP 5" !important;
  top: 9px;
  left: 74px;
  position: absolute;
  border-radius: 999px;
  padding: 3px 7px;
  font-size: 9px;
  font-weight: 900;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(5)::after {
  content: "STAKED 16M" !important;
  left: auto;
  right: 84px;
  bottom: 9px;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(4),
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(5) {
  padding-top: 24px !important;
  border-left-color: rgba(186, 133, 34, .46) !important;
  background:
    linear-gradient(90deg, rgba(255, 247, 223, .70), rgba(255, 255, 255, .98) 42%, rgba(237, 249, 250, .96)) !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2) .play-link[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) .play-link[data-v-6a20c7c6] {
  margin-top: 18px !important;
}

.site-shell button.part-tab-button.active[data-v-6a20c7c6],
.site-shell button.play-link[data-v-6a20c7c6],
.site-shell button.floating-download-btn[data-v-6a20c7c6] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* V2 ranking layout upgrade: editorial board rhythm for the first five rows. */
.site-shell .web-list[data-v-6a20c7c6] {
  gap: 12px !important;
}

.site-shell .web-list[data-v-6a20c7c6]::before {
  content: "Route Ranking / Top Stake Board" !important;
  border-radius: 14px !important;
  padding: 10px 12px !important;
  font-size: 12px !important;
  letter-spacing: .04em;
}

.site-shell .tip-list[data-v-6a20c7c6] {
  border-radius: 18px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child {
  grid-template-columns: 112px minmax(0, 1fr) !important;
  grid-template-areas:
    "rankImage rankInfo"
    "rankImage rankCta" !important;
  align-items: stretch !important;
  gap: 12px !important;
  min-height: 164px !important;
  padding: 14px 14px 16px !important;
}

.site-shell .tip-list:first-child .rank-image[data-v-6a20c7c6] {
  grid-area: rankImage !important;
  align-self: stretch !important;
  border-radius: 16px !important;
}

.site-shell .tip-list:first-child .rank-image img[data-v-6a20c7c6] {
  min-height: 134px !important;
  height: 100% !important;
  border-radius: 16px !important;
}

.site-shell .tip-list:first-child .rank-info[data-v-6a20c7c6] {
  grid-area: rankInfo !important;
  align-self: start !important;
  padding: 18px 0 0 !important;
}

.site-shell .tip-list:first-child .play-link[data-v-6a20c7c6] {
  grid-area: rankCta !important;
  align-self: end !important;
  justify-self: start !important;
  width: auto !important;
  min-width: 92px !important;
  min-height: 34px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child::before {
  top: 12px !important;
  left: 128px !important;
  padding: 4px 9px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child::after {
  right: 14px !important;
  bottom: 17px !important;
  border-radius: 12px !important;
  padding: 6px 9px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child .rank-title[data-v-6a20c7c6] {
  display: none !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child .game-title[data-v-6a20c7c6] {
  margin-top: 4px !important;
  font-size: 28px !important;
  letter-spacing: 0 !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child .game-detail[data-v-6a20c7c6] {
  -webkit-line-clamp: 3 !important;
  margin-top: 6px !important;
  font-size: 12px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2),
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) {
  grid-template-rows: 74px auto 36px !important;
  min-height: 194px !important;
  padding: 10px !important;
  border-radius: 16px !important;
}

.site-shell .tip-list:nth-child(2) .rank-image img[data-v-6a20c7c6],
.site-shell .tip-list:nth-child(3) .rank-image img[data-v-6a20c7c6] {
  height: 74px !important;
  border-radius: 13px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2)::before,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3)::before {
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2)::after,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3)::after {
  left: 10px !important;
  bottom: 12px !important;
  max-width: calc(100% - 86px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-title[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-title[data-v-6a20c7c6] {
  display: none !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-info[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-info[data-v-6a20c7c6] {
  min-height: 48px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2) .game-title[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) .game-title[data-v-6a20c7c6] {
  margin: 0 0 4px !important;
  font-size: 18px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2) .game-detail[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) .game-detail[data-v-6a20c7c6] {
  -webkit-line-clamp: 1 !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2) .play-link[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) .play-link[data-v-6a20c7c6] {
  align-self: end !important;
  justify-self: end !important;
  width: 72px !important;
  min-height: 30px !important;
  margin: 0 !important;
  border-radius: 999px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(4),
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(5) {
  grid-template-columns: 58px minmax(0, 1fr) 62px !important;
  min-height: 92px !important;
  padding: 22px 10px 9px !important;
  border-radius: 16px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(4)::before,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(5)::before {
  top: 7px !important;
  left: 68px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(4)::after,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(5)::after {
  right: 78px !important;
  bottom: 10px !important;
  max-width: 104px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(4) .rank-image img[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(5) .rank-image img[data-v-6a20c7c6] {
  height: 62px !important;
  border-radius: 13px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(4) .game-title[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(5) .game-title[data-v-6a20c7c6] {
  margin-top: 2px !important;
  font-size: 16px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(4) .game-detail[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(5) .game-detail[data-v-6a20c7c6] {
  -webkit-line-clamp: 1 !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(n+6) {
  min-height: 82px !important;
  border-radius: 15px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(244, 250, 255, .96)) !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(n+6)::after {
  display: none !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(n+6) .rank-title[data-v-6a20c7c6] {
  border-color: rgba(15, 96, 112, .18) !important;
  background: rgba(232, 247, 249, .88) !important;
  color: #17445b !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(n+6) .game-detail[data-v-6a20c7c6] {
  -webkit-line-clamp: 1 !important;
}

.site-shell .part-tab-header button.part-tab-button.active[data-v-6a20c7c6],
.site-shell .part-tab-header .part-tab-button.active[data-v-6a20c7c6] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child .rank-info[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-info[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-info[data-v-6a20c7c6] {
  grid-template-columns: minmax(0, 1fr) !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child .rank-info p[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-info p[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-info p[data-v-6a20c7c6] {
  width: 100% !important;
  min-width: 0 !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child .game-detail[data-v-6a20c7c6] {
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2)::after,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3)::after {
  bottom: 46px !important;
  max-width: calc(100% - 20px) !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2) .game-detail[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) .game-detail[data-v-6a20c7c6] {
  display: none !important;
}

/* V2 premium UI pass: remove badge clutter and make ranking scan cleanly. */
html,
body {
  background:
    linear-gradient(180deg, #f4f8fb 0%, #eef5f8 48%, #f7fafc 100%) !important;
}

.site-shell[data-v-6a20c7c6] {
  background: #f6fafc !important;
  color: #142435 !important;
}

.site-shell .part1[data-v-6a20c7c6] {
  border: 1px solid rgba(22, 62, 82, .10) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 40px rgba(26, 62, 86, .10) !important;
}

.site-shell .part1[data-v-6a20c7c6]::before {
  content: "Route Launch Deck" !important;
  margin: 4px 4px 12px !important;
  color: #142435 !important;
  font-size: 22px !important;
  letter-spacing: 0 !important;
}

.site-shell .part1[data-v-6a20c7c6]::after {
  top: 16px !important;
  right: 16px !important;
  border-color: rgba(20, 74, 99, .14) !important;
  background: #f4fafb !important;
  color: #386377 !important;
}

.site-shell .part-tab-header[data-v-6a20c7c6] {
  gap: 6px !important;
  border: 1px solid rgba(22, 62, 82, .10) !important;
  border-radius: 12px !important;
  background: #f7fafc !important;
  padding: 4px !important;
  box-shadow: none !important;
}

.site-shell .part-tab-button[data-v-6a20c7c6] {
  min-height: 46px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #647789 !important;
  font-weight: 800 !important;
  letter-spacing: .02em;
  box-shadow: none !important;
}

.site-shell .part-tab-header .part-tab-button.active[data-v-6a20c7c6] {
  background: #173b4d !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 18px rgba(23, 59, 77, .18) !important;
}

.site-shell .web-list[data-v-6a20c7c6] {
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin-top: 12px !important;
}

.site-shell .web-list[data-v-6a20c7c6]::before {
  content: "Top Routes" !important;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #23384a !important;
  padding: 2px 2px 0 !important;
  font-size: 13px !important;
  letter-spacing: .02em;
  box-shadow: none !important;
}

.site-shell .web-list[data-v-6a20c7c6]::after {
  content: "Ranked by recent staked volume";
  display: block;
  grid-row: 2;
  color: #7b8b9b;
  margin: -7px 2px 2px;
  font-size: 11px;
  font-weight: 700;
}

.site-shell .tip-list[data-v-6a20c7c6] {
  border: 1px solid rgba(22, 62, 82, .10) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  color: #142435 !important;
  box-shadow: 0 10px 24px rgba(28, 65, 90, .08) !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child {
  grid-column: 1 / -1 !important;
  grid-template-columns: 96px minmax(0, 1fr) !important;
  grid-template-areas:
    "rankImage rankInfo"
    "rankImage rankCta" !important;
  gap: 12px !important;
  min-height: 142px !important;
  padding: 12px !important;
  border-color: rgba(193, 143, 45, .28) !important;
  background:
    linear-gradient(135deg, #fffaf0 0%, #ffffff 54%, #f1faf9 100%) !important;
  box-shadow: 0 16px 30px rgba(114, 90, 38, .12) !important;
}

.site-shell .tip-list:first-child .rank-image[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(n+2) .rank-image[data-v-6a20c7c6] {
  border: 1px solid rgba(22, 62, 82, .08) !important;
  border-radius: 12px !important;
  background: #f7fafc !important;
  box-shadow: none !important;
}

.site-shell .tip-list:first-child .rank-image img[data-v-6a20c7c6] {
  min-height: 118px !important;
  height: 118px !important;
  border-radius: 12px !important;
}

.site-shell .tip-list:first-child .rank-info[data-v-6a20c7c6] {
  padding: 24px 0 0 !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child::before,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2)::before,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3)::before,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(4)::before,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(5)::before {
  border: 0 !important;
  border-radius: 999px !important;
  background: #f3dfad !important;
  color: #6f5110 !important;
  box-shadow: none !important;
  font-size: 10px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child::before {
  top: 12px !important;
  left: 120px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child::after {
  right: 12px !important;
  bottom: 12px !important;
  border: 1px solid rgba(22, 62, 82, .10) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #173b4d !important;
  box-shadow: none !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child .game-title[data-v-6a20c7c6] {
  margin: 0 !important;
  color: #b47a1a !important;
  font-size: 27px !important;
  line-height: 1 !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child .game-detail[data-v-6a20c7c6] {
  color: #667786 !important;
  -webkit-line-clamp: 2 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.site-shell .tip-list:first-child .play-link[data-v-6a20c7c6] {
  align-self: end !important;
  justify-self: start !important;
  min-width: 82px !important;
  min-height: 32px !important;
  padding: 0 14px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2),
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) {
  grid-column: 1 / -1 !important;
  grid-template-columns: 72px minmax(0, 1fr) 74px !important;
  grid-template-rows: auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 84px !important;
  padding: 10px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 22px rgba(28, 65, 90, .07) !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2)::before,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3)::before {
  top: 8px !important;
  left: 92px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2)::after,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3)::after {
  left: 92px !important;
  bottom: 12px !important;
  border: 0 !important;
  background: transparent !important;
  color: #173b4d !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.site-shell .tip-list:nth-child(2) .rank-image img[data-v-6a20c7c6],
.site-shell .tip-list:nth-child(3) .rank-image img[data-v-6a20c7c6] {
  width: 70px !important;
  height: 62px !important;
  border-radius: 10px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-info[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-info[data-v-6a20c7c6] {
  min-height: 52px !important;
  padding: 14px 0 16px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2) .game-title[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) .game-title[data-v-6a20c7c6] {
  color: #142435 !important;
  font-size: 18px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2) .play-link[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) .play-link[data-v-6a20c7c6] {
  justify-self: end !important;
  width: 66px !important;
  min-height: 34px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(4),
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(5),
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(n+6) {
  grid-column: 1 / -1 !important;
  grid-template-columns: 54px minmax(0, 1fr) 62px !important;
  gap: 10px !important;
  min-height: 78px !important;
  padding: 10px !important;
  border-left: 0 !important;
  background: #ffffff !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(4)::before,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(5)::before {
  top: 8px !important;
  left: 72px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(4)::after,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(5)::after {
  right: auto !important;
  left: 72px !important;
  bottom: 10px !important;
  border: 0 !important;
  background: transparent !important;
  color: #173b4d !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(4) .rank-image img[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(5) .rank-image img[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(n+6) .rank-image img[data-v-6a20c7c6] {
  width: 52px !important;
  height: 52px !important;
  border-radius: 10px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(4) .rank-info[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(5) .rank-info[data-v-6a20c7c6] {
  padding: 15px 0 13px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(4) .game-detail[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(5) .game-detail[data-v-6a20c7c6] {
  display: none !important;
}

.site-shell .play-link[data-v-6a20c7c6],
.site-shell .floating-download-btn[data-v-6a20c7c6] {
  border: 0 !important;
  border-radius: 999px !important;
  background: #173b4d !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.site-shell .floating-bottom-bar[data-v-6a20c7c6] {
  border-color: rgba(22, 62, 82, .12) !important;
  background: rgba(255, 255, 255, .92) !important;
}

/* Rank emphasis pass: make the rank number itself carry the hierarchy. */
.site-shell .tip-list[data-v-6a20c7c6] .rank-title[data-v-6a20c7c6] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: none !important;
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child .rank-info[data-v-6a20c7c6] {
  grid-template-columns: minmax(0, 1fr) 62px !important;
  align-items: center !important;
  column-gap: 8px !important;
  padding-top: 18px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child .rank-info p[data-v-6a20c7c6] {
  grid-column: 1 !important;
  min-width: 0 !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child .rank-title[data-v-6a20c7c6] {
  grid-column: 2 !important;
  align-self: center !important;
  justify-self: end !important;
  width: 58px !important;
  height: 72px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(246, 219, 143, .98), rgba(190, 129, 25, .95)) !important;
  color: #ffffff !important;
  font-size: 42px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .45),
    0 12px 20px rgba(151, 102, 24, .18) !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child::before {
  content: "CHAMPION" !important;
  left: 120px !important;
  background: rgba(180, 122, 26, .12) !important;
  color: #8a5d0e !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2)::before {
  content: "SILVER" !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3)::before {
  content: "BRONZE" !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-info[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-info[data-v-6a20c7c6] {
  grid-template-columns: 38px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 10px !important;
  padding: 14px 0 16px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-info p[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-info p[data-v-6a20c7c6] {
  grid-column: 2 !important;
  min-width: 0 !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-title[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-title[data-v-6a20c7c6] {
  grid-column: 1 !important;
  width: 34px !important;
  height: 44px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(22, 62, 82, .08) !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-title[data-v-6a20c7c6] {
  background: linear-gradient(180deg, #f7f9fb, #c9d3dc) !important;
  color: #405567 !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-title[data-v-6a20c7c6] {
  background: linear-gradient(180deg, #f4d1ba, #b96e3c) !important;
  color: #ffffff !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2)::before,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3)::before {
  left: 134px !important;
  background: rgba(23, 59, 77, .06) !important;
  color: #4d6474 !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(2)::after,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(3)::after {
  left: 134px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(4) .rank-info[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(5) .rank-info[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(n+6) .rank-info[data-v-6a20c7c6] {
  grid-template-columns: 30px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 8px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(4) .rank-title[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(5) .rank-title[data-v-6a20c7c6] {
  width: 28px !important;
  height: 30px !important;
  border: 1px solid rgba(180, 122, 26, .20) !important;
  border-radius: 10px !important;
  background: #fff6dc !important;
  color: #9a6a14 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(n+6) .rank-title[data-v-6a20c7c6] {
  width: 28px !important;
  height: 30px !important;
  border: 1px solid rgba(22, 62, 82, .08) !important;
  border-radius: 10px !important;
  background: #f5f8fa !important;
  color: #7b8b9b !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(4) .rank-info p[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(5) .rank-info p[data-v-6a20c7c6],
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(n+6) .rank-info p[data-v-6a20c7c6] {
  grid-column: 2 !important;
  min-width: 0 !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(4)::before,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(5)::before {
  display: none !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:nth-child(4)::after,
.site-shell .tip-list[data-v-6a20c7c6]:nth-child(5)::after {
  left: 106px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-info[data-v-6a20c7c6] > .rank-title[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-info[data-v-6a20c7c6] > .rank-title[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-info[data-v-6a20c7c6] > .rank-title[data-v-6a20c7c6] {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child {
  grid-template-columns: 92px minmax(0, 1fr) !important;
  min-height: 156px !important;
  padding: 12px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image img[data-v-6a20c7c6] {
  height: 112px !important;
  min-height: 112px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-info[data-v-6a20c7c6] {
  grid-template-columns: minmax(0, 1fr) 52px !important;
  padding-top: 16px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-info[data-v-6a20c7c6] > .rank-title[data-v-6a20c7c6] {
  width: 50px !important;
  height: 58px !important;
  border-radius: 16px !important;
  font-size: 34px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .game-title[data-v-6a20c7c6] {
  font-size: 25px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .game-detail[data-v-6a20c7c6] {
  -webkit-line-clamp: 2 !important;
}

/* Alternate ranking presentation: podium top three, compact list after. */
.site-shell .web-list[data-v-6a20c7c6] {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.site-shell .web-list[data-v-6a20c7c6]::before,
.site-shell .web-list[data-v-6a20c7c6]::after,
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child,
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n+4) {
  grid-column: 1 / -1 !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2),
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) {
  grid-column: auto !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: 82px 1fr 40px !important;
  align-items: stretch !important;
  gap: 8px !important;
  min-height: 174px !important;
  padding: 10px !important;
  position: relative !important;
  overflow: hidden !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) {
  border-color: rgba(114, 132, 148, .20) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f4f7fa 100%) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) {
  border-color: rgba(178, 112, 64, .20) !important;
  background: linear-gradient(180deg, #fffaf6 0%, #ffffff 100%) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-image[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-image[data-v-6a20c7c6] {
  grid-row: 1 !important;
  width: 100% !important;
  border-radius: 12px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-image img[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-image img[data-v-6a20c7c6] {
  width: 100% !important;
  height: 82px !important;
  border-radius: 12px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-info[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-info[data-v-6a20c7c6] {
  grid-row: 2 !important;
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-title[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-title[data-v-6a20c7c6] {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 3 !important;
  width: 34px !important;
  height: 40px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2)::before,
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3)::before {
  top: 14px !important;
  left: 14px !important;
  z-index: 3 !important;
  background: rgba(255, 255, 255, .86) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .game-title[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .game-title[data-v-6a20c7c6] {
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2)::after,
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3)::after {
  left: 10px !important;
  bottom: 40px !important;
  font-size: 10px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .play-link[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .play-link[data-v-6a20c7c6] {
  grid-row: 3 !important;
  justify-self: stretch !important;
  align-self: end !important;
  width: 100% !important;
  min-height: 34px !important;
  margin: 0 !important;
}

/* Executive ranking board final pass.
   A restrained token set keeps the V2 ranking screen from looking like layered
   one-off badges while preserving the existing Vue markup. */
.site-shell[data-v-6a20c7c6] {
  --rank-bg: #f3f7f9;
  --rank-panel: #ffffff;
  --rank-panel-soft: #f8fbfc;
  --rank-ink: #142232;
  --rank-muted: #667789;
  --rank-line: rgba(22, 48, 67, .10);
  --rank-line-strong: rgba(22, 48, 67, .16);
  --rank-primary: #123648;
  --rank-primary-soft: #e9f1f3;
  --rank-gold: #b78122;
  --rank-gold-soft: #fbf3df;
  --rank-silver: #8b98a5;
  --rank-bronze: #ad6b3d;
  background: var(--rank-bg) !important;
  color: var(--rank-ink) !important;
}

html,
body {
  background:
    linear-gradient(180deg, #eef4f6 0%, #f7fafb 46%, #edf3f5 100%) !important;
}

.site-shell .part1[data-v-6a20c7c6] {
  padding: 14px !important;
  border: 1px solid var(--rank-line) !important;
  border-radius: 22px !important;
  background: var(--rank-panel) !important;
  box-shadow: 0 18px 42px rgba(18, 54, 72, .10) !important;
}

.site-shell .part1[data-v-6a20c7c6]::before {
  content: "Route Ranking" !important;
  margin: 0 4px 12px !important;
  color: var(--rank-ink) !important;
  font-size: 23px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

.site-shell .part1[data-v-6a20c7c6]::after {
  content: "21 Nodes" !important;
  top: 17px !important;
  right: 17px !important;
  border: 1px solid var(--rank-line) !important;
  background: var(--rank-panel-soft) !important;
  color: var(--rank-muted) !important;
  box-shadow: none !important;
}

.site-shell .part-tab-header[data-v-6a20c7c6] {
  gap: 4px !important;
  border: 1px solid var(--rank-line) !important;
  border-radius: 14px !important;
  background: #f5f8fa !important;
  padding: 4px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .70) !important;
}

.site-shell .part-tab-button[data-v-6a20c7c6] {
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #6b7d8d !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: .02em !important;
  box-shadow: none !important;
}

.site-shell .part-tab-header .part-tab-button.active[data-v-6a20c7c6] {
  background: var(--rank-primary) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 20px rgba(18, 54, 72, .18) !important;
}

.site-shell .web-list[data-v-6a20c7c6] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

.site-shell .web-list[data-v-6a20c7c6]::before {
  content: "Podium Board" !important;
  grid-column: 1 / -1 !important;
  display: block !important;
  margin: 0 2px -2px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #26394a !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
  box-shadow: none !important;
}

.site-shell .web-list[data-v-6a20c7c6]::after {
  display: none !important;
}

.site-shell .tip-list[data-v-6a20c7c6] {
  border: 1px solid var(--rank-line) !important;
  border-radius: 16px !important;
  background: var(--rank-panel) !important;
  color: var(--rank-ink) !important;
  box-shadow: 0 10px 24px rgba(18, 54, 72, .08) !important;
}

.site-shell .tip-list[data-v-6a20c7c6] .rank-image[data-v-6a20c7c6] {
  border: 1px solid var(--rank-line) !important;
  border-radius: 13px !important;
  background: #f7fafb !important;
  box-shadow: none !important;
}

.site-shell .tip-list[data-v-6a20c7c6] .rank-image img[data-v-6a20c7c6] {
  object-fit: contain !important;
  background: #f7fafb !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child {
  grid-column: 1 / -1 !important;
  grid-template-columns: 98px minmax(0, 1fr) !important;
  grid-template-areas:
    "rankImage rankInfo"
    "rankImage rankCta" !important;
  gap: 12px !important;
  min-height: 156px !important;
  padding: 12px !important;
  border-color: rgba(183, 129, 34, .26) !important;
  background:
    linear-gradient(135deg, #fffaf0 0%, #ffffff 50%, #f2f8f8 100%) !important;
  box-shadow: 0 18px 34px rgba(116, 89, 36, .12) !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child .rank-image[data-v-6a20c7c6] {
  grid-area: rankImage !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child .rank-image img[data-v-6a20c7c6] {
  width: 96px !important;
  height: 118px !important;
  min-height: 118px !important;
  border-radius: 12px !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child .rank-info[data-v-6a20c7c6] {
  grid-area: rankInfo !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 52px !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 16px 0 0 !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child .rank-info p[data-v-6a20c7c6] {
  grid-column: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child .rank-title[data-v-6a20c7c6] {
  grid-column: 2 !important;
  display: flex !important;
  width: 48px !important;
  height: 58px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #eac96f, #b78122) !important;
  color: #ffffff !important;
  font-size: 33px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35) !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child::before {
  content: "CHAMPION" !important;
  top: 12px !important;
  left: 122px !important;
  border: 0 !important;
  background: var(--rank-gold-soft) !important;
  color: #7d5612 !important;
  box-shadow: none !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child::after {
  content: "STAKED 50M" !important;
  right: 12px !important;
  bottom: 12px !important;
  border: 1px solid var(--rank-line) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: var(--rank-primary) !important;
  padding: 5px 8px !important;
  font-size: 10px !important;
  box-shadow: none !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child .game-title[data-v-6a20c7c6] {
  margin: 0 !important;
  color: var(--rank-gold) !important;
  font-size: 25px !important;
  line-height: 1 !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child .game-detail[data-v-6a20c7c6] {
  margin-top: 6px !important;
  color: var(--rank-muted) !important;
  -webkit-line-clamp: 2 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.site-shell .tip-list[data-v-6a20c7c6]:first-child .play-link[data-v-6a20c7c6] {
  grid-area: rankCta !important;
  align-self: end !important;
  justify-self: start !important;
  min-width: 82px !important;
  min-height: 32px !important;
  padding: 0 14px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2),
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) {
  grid-column: auto !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: 78px auto 34px !important;
  gap: 8px !important;
  min-height: 168px !important;
  padding: 10px !important;
  overflow: hidden !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) {
  background: linear-gradient(180deg, #ffffff 0%, #f4f7fa 100%) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) {
  background: linear-gradient(180deg, #fff8f3 0%, #ffffff 100%) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-image[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-image[data-v-6a20c7c6] {
  grid-row: 1 !important;
  width: 100% !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-image img[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-image img[data-v-6a20c7c6] {
  width: 100% !important;
  height: 78px !important;
  border-radius: 12px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-info[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-info[data-v-6a20c7c6] {
  grid-row: 2 !important;
  display: block !important;
  padding: 0 !important;
  min-height: 0 !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-title[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-title[data-v-6a20c7c6] {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 3 !important;
  display: flex !important;
  width: 34px !important;
  height: 38px !important;
  font-size: 21px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2)::before,
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3)::before {
  top: 14px !important;
  left: 14px !important;
  z-index: 3 !important;
  background: rgba(255, 255, 255, .86) !important;
  box-shadow: none !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2)::after,
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3)::after {
  left: 10px !important;
  bottom: 38px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--rank-primary) !important;
  padding: 0 !important;
  font-size: 10px !important;
  box-shadow: none !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .game-title[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .game-title[data-v-6a20c7c6] {
  margin: 0 !important;
  color: var(--rank-ink) !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .game-detail[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .game-detail[data-v-6a20c7c6] {
  display: none !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .play-link[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .play-link[data-v-6a20c7c6] {
  grid-row: 3 !important;
  justify-self: stretch !important;
  width: 100% !important;
  min-height: 32px !important;
  margin: 0 !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n+4) {
  grid-column: 1 / -1 !important;
  grid-template-columns: 54px minmax(0, 1fr) 62px !important;
  gap: 10px !important;
  min-height: 78px !important;
  padding: 10px !important;
  box-shadow: 0 8px 18px rgba(18, 54, 72, .06) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n+4) .rank-image img[data-v-6a20c7c6] {
  width: 52px !important;
  height: 52px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n+4) .rank-info[data-v-6a20c7c6] {
  grid-template-columns: 30px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
}

.site-shell .play-link[data-v-6a20c7c6],
.site-shell .floating-download-btn[data-v-6a20c7c6] {
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--rank-primary) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
  font-weight: 850 !important;
}

.site-shell .floating-bottom-bar[data-v-6a20c7c6] {
  border: 1px solid var(--rank-line) !important;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 16px 34px rgba(18, 54, 72, .16) !important;
}

/* Boutique leaderboard final: quieter rank rail, smaller CTAs, premium spacing. */
.site-shell[data-v-6a20c7c6] {
  --boutique-bg: #f5f7f5;
  --boutique-panel: #fffffd;
  --boutique-ink: #17212b;
  --boutique-muted: #6f7d87;
  --boutique-line: rgba(28, 45, 55, .11);
  --boutique-primary: #17313b;
  --boutique-gold: #a87318;
  --boutique-gold-soft: #f7efd9;
  background:
    linear-gradient(180deg, #f5f7f5, #eef4f4 54%, #f7f8f5) !important;
}

.site-shell .part1[data-v-6a20c7c6] {
  border-color: var(--boutique-line) !important;
  background: var(--boutique-panel) !important;
  box-shadow: 0 14px 36px rgba(22, 43, 55, .08) !important;
}

.site-shell .web-list[data-v-6a20c7c6] {
  gap: 9px !important;
}

.site-shell .web-list[data-v-6a20c7c6]::before {
  content: "Featured Ranking" !important;
  color: var(--boutique-ink) !important;
  font-size: 13px !important;
}

.site-shell .tip-list[data-v-6a20c7c6] {
  border-color: var(--boutique-line) !important;
  background: var(--boutique-panel) !important;
  box-shadow: 0 8px 22px rgba(22, 43, 55, .065) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child {
  grid-template-columns: 46px 86px minmax(0, 1fr) !important;
  grid-template-areas:
    "rankNum rankImage rankInfo"
    "rankNum rankImage rankCta" !important;
  min-height: 132px !important;
  gap: 10px !important;
  padding: 12px !important;
  border-color: rgba(168, 115, 24, .22) !important;
  background:
    linear-gradient(135deg, #fffdf8 0%, #ffffff 58%, #f6faf8 100%) !important;
  box-shadow: 0 16px 32px rgba(112, 86, 31, .10) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-title[data-v-6a20c7c6] {
  grid-area: rankNum !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  width: auto !important;
  height: auto !important;
  min-height: 108px !important;
  border-radius: 14px !important;
  background: #f5ead0 !important;
  color: var(--boutique-gold) !important;
  font-size: 34px !important;
  box-shadow: inset 0 0 0 1px rgba(168, 115, 24, .16) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image[data-v-6a20c7c6] {
  grid-area: rankImage !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image img[data-v-6a20c7c6] {
  width: 84px !important;
  height: 108px !important;
  min-height: 108px !important;
  border-radius: 12px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-info[data-v-6a20c7c6] {
  grid-area: rankInfo !important;
  display: block !important;
  padding: 24px 0 0 !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child::before {
  top: 13px !important;
  left: 154px !important;
  background: var(--boutique-gold-soft) !important;
  color: #7a5311 !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child::after {
  right: 12px !important;
  bottom: 12px !important;
  color: var(--boutique-primary) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .game-title[data-v-6a20c7c6] {
  color: var(--boutique-gold) !important;
  font-size: 24px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .game-detail[data-v-6a20c7c6] {
  color: var(--boutique-muted) !important;
  -webkit-line-clamp: 2 !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .play-link[data-v-6a20c7c6] {
  grid-area: rankCta !important;
  min-width: 72px !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  font-size: 11px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2),
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) {
  grid-template-rows: 68px auto 30px !important;
  min-height: 150px !important;
  padding: 9px !important;
  box-shadow: 0 8px 20px rgba(22, 43, 55, .06) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) {
  background: linear-gradient(180deg, #ffffff, #f7f9fa) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) {
  background: linear-gradient(180deg, #fffaf6, #ffffff) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-image img[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-image img[data-v-6a20c7c6] {
  height: 68px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-title[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-title[data-v-6a20c7c6] {
  top: 12px !important;
  right: 12px !important;
  width: 30px !important;
  height: 34px !important;
  border-radius: 11px !important;
  font-size: 19px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2)::before,
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3)::before {
  top: 12px !important;
  left: 12px !important;
  font-size: 9px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2)::after,
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3)::after {
  bottom: 33px !important;
  font-size: 9px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .game-title[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .game-title[data-v-6a20c7c6] {
  font-size: 17px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .play-link[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .play-link[data-v-6a20c7c6] {
  min-height: 30px !important;
  font-size: 11px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n+4) {
  min-height: 74px !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 16px rgba(22, 43, 55, .05) !important;
}

.site-shell .play-link[data-v-6a20c7c6],
.site-shell .floating-download-btn[data-v-6a20c7c6] {
  background: var(--boutique-primary) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child {
  grid-template-columns: 42px 84px minmax(0, 1fr) 74px !important;
  grid-template-areas: "rankNum rankImage rankInfo rankCta" !important;
  align-items: center !important;
  min-height: 124px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-title[data-v-6a20c7c6] {
  min-height: 96px !important;
  height: 96px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image img[data-v-6a20c7c6] {
  height: 96px !important;
  min-height: 96px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-info[data-v-6a20c7c6] {
  padding: 18px 0 0 !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .play-link[data-v-6a20c7c6] {
  align-self: center !important;
  justify-self: end !important;
  min-width: 66px !important;
  width: 66px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child::after {
  right: 88px !important;
  bottom: 12px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child {
  grid-template-columns: 84px minmax(0, 1fr) 66px !important;
  grid-template-areas: "rankImage rankInfo rankCta" !important;
  min-height: 124px !important;
  padding: 12px 12px 12px 62px !important;
  position: relative !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-title[data-v-6a20c7c6] {
  position: absolute !important;
  inset: 12px auto 12px 12px !important;
  width: 40px !important;
  height: auto !important;
  min-height: 0 !important;
  border-radius: 14px !important;
  font-size: 30px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image[data-v-6a20c7c6] {
  grid-area: rankImage !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image img[data-v-6a20c7c6] {
  width: 82px !important;
  height: 96px !important;
  min-height: 96px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-info[data-v-6a20c7c6] {
  grid-area: rankInfo !important;
  display: block !important;
  padding: 20px 0 0 !important;
  min-width: 0 !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .play-link[data-v-6a20c7c6] {
  grid-area: rankCta !important;
  align-self: center !important;
  justify-self: end !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child::before {
  left: 158px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child::after {
  right: 86px !important;
}

/* Clean leaderboard final: single-column ranking with clear hierarchy. */
.site-shell[data-v-6a20c7c6] {
  --clean-rank-bg: #f4f7f6;
  --clean-rank-panel: #ffffff;
  --clean-rank-ink: #172331;
  --clean-rank-muted: #6e7c87;
  --clean-rank-line: rgba(23, 49, 59, .12);
  --clean-rank-primary: #17313b;
  --clean-rank-gold: #a87318;
  --clean-rank-silver: #5e7281;
  --clean-rank-bronze: #a1623a;
  background:
    radial-gradient(circle at 18% 0%, rgba(219, 240, 229, .72), transparent 32%),
    linear-gradient(180deg, #f6f8f5 0%, var(--clean-rank-bg) 100%) !important;
}

.site-shell .part1[data-v-6a20c7c6] {
  border-color: var(--clean-rank-line) !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 18px 44px rgba(24, 45, 55, .08) !important;
}

.site-shell .web-list[data-v-6a20c7c6] {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

.site-shell .web-list[data-v-6a20c7c6]::before {
  content: "Route Leaderboard" !important;
  grid-column: 1 / -1 !important;
  margin: 2px 0 2px !important;
  color: var(--clean-rank-ink) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
}

.site-shell .web-list[data-v-6a20c7c6]::after {
  display: none !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6] {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: 60px minmax(0, 1fr) 64px !important;
  grid-template-areas: "rankImage rankInfo rankCta" !important;
  align-items: center !important;
  column-gap: 10px !important;
  min-height: 82px !important;
  padding: 10px 10px 10px 58px !important;
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid var(--clean-rank-line) !important;
  border-radius: 16px !important;
  background: var(--clean-rank-panel) !important;
  box-shadow: 0 8px 22px rgba(24, 45, 55, .055) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]::before {
  display: none !important;
  content: "" !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]::after {
  left: 128px !important;
  right: auto !important;
  bottom: 13px !important;
  top: auto !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--clean-rank-primary) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(1)::after {
  content: "STAKED 50M" !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2)::after {
  content: "STAKED 38M" !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3)::after {
  content: "STAKED 29M" !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(4)::after {
  content: "STAKED 21M" !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(5)::after {
  content: "STAKED 16M" !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n+6)::after {
  display: none !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6] .rank-image[data-v-6a20c7c6] {
  grid-area: rankImage !important;
  width: 60px !important;
  height: 60px !important;
  border: 1px solid rgba(23, 49, 59, .10) !important;
  border-radius: 13px !important;
  background: #f8faf9 !important;
  box-shadow: none !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6] .rank-image img[data-v-6a20c7c6] {
  width: 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  border-radius: 12px !important;
  object-fit: contain !important;
  background: #f8faf9 !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6] .rank-info[data-v-6a20c7c6] {
  grid-area: rankInfo !important;
  display: block !important;
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 0 0 14px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6] .rank-info p[data-v-6a20c7c6] {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6] .rank-title[data-v-6a20c7c6] {
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 42px !important;
  min-height: 0 !important;
  transform: translateY(-50%) !important;
  border: 1px solid rgba(23, 49, 59, .10) !important;
  border-radius: 12px !important;
  background: #f2f5f4 !important;
  color: #60707b !important;
  box-shadow: none !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6] .game-title[data-v-6a20c7c6] {
  display: block !important;
  max-width: 100% !important;
  margin: 0 !important;
  color: var(--clean-rank-ink) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6] .game-detail[data-v-6a20c7c6] {
  display: none !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6] .play-link[data-v-6a20c7c6] {
  grid-area: rankCta !important;
  align-self: center !important;
  justify-self: end !important;
  width: 62px !important;
  min-width: 62px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--clean-rank-primary) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 8px 16px rgba(23, 49, 59, .14) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child {
  grid-template-columns: 72px minmax(0, 1fr) 66px !important;
  min-height: 108px !important;
  padding: 12px 10px 12px 62px !important;
  border-color: rgba(168, 115, 24, .26) !important;
  background:
    linear-gradient(90deg, rgba(255, 249, 235, .98) 0%, #ffffff 48%, #f8fbf8 100%) !important;
  box-shadow: 0 16px 34px rgba(117, 87, 31, .11) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-title[data-v-6a20c7c6] {
  width: 36px !important;
  height: 68px !important;
  border-color: rgba(168, 115, 24, .20) !important;
  background: #f6ead0 !important;
  color: var(--clean-rank-gold) !important;
  font-size: 32px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image[data-v-6a20c7c6] {
  width: 72px !important;
  height: 72px !important;
  border-color: rgba(168, 115, 24, .18) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image img[data-v-6a20c7c6] {
  width: 70px !important;
  height: 70px !important;
  min-height: 70px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-info[data-v-6a20c7c6] {
  padding-bottom: 18px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .game-title[data-v-6a20c7c6] {
  color: var(--clean-rank-gold) !important;
  font-size: 24px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child::after {
  left: 134px !important;
  bottom: 24px !important;
  color: #7b5718 !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) {
  border-color: rgba(94, 114, 129, .20) !important;
  background: linear-gradient(90deg, #ffffff 0%, #f5f8fa 100%) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-title[data-v-6a20c7c6] {
  background: #edf2f4 !important;
  color: var(--clean-rank-silver) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) {
  border-color: rgba(161, 98, 58, .20) !important;
  background: linear-gradient(90deg, #fffaf7 0%, #ffffff 100%) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-title[data-v-6a20c7c6] {
  background: #f3dfd1 !important;
  color: var(--clean-rank-bronze) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(4) .rank-title[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(5) .rank-title[data-v-6a20c7c6] {
  background: #fff3d8 !important;
  color: #9b6814 !important;
}

@media (max-width: 420px) {
  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6] {
    grid-template-columns: 56px minmax(0, 1fr) 58px !important;
    column-gap: 8px !important;
    padding-left: 54px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]::after {
    left: 120px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6] .play-link[data-v-6a20c7c6] {
    width: 58px !important;
    min-width: 58px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child {
    grid-template-columns: 66px minmax(0, 1fr) 58px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child::after {
    left: 126px !important;
  }
}

/* Final TOP2/TOP3 placement: keep medal badges out of the image frame. */
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-title[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-title[data-v-6a20c7c6] {
  left: 64px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-info p[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-info p[data-v-6a20c7c6] {
  padding-left: 44px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2)::after,
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3)::after {
  left: 164px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-title[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-title[data-v-6a20c7c6] {
  left: -42px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-title[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-title[data-v-6a20c7c6] {
  left: -42px !important;
}

/* Hard reset for older podium/card ranking rules. Keep every item as a row. */
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: 60px minmax(0, 1fr) 64px !important;
  grid-template-rows: none !important;
  grid-template-areas: "rankImage rankInfo rankCta" !important;
  align-items: center !important;
  gap: 0 10px !important;
  min-height: 82px !important;
  padding: 10px 10px 10px 58px !important;
  overflow: hidden !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-image[data-v-6a20c7c6] {
  grid-area: rankImage !important;
  width: 60px !important;
  height: 60px !important;
  max-width: 60px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-image img[data-v-6a20c7c6] {
  width: 58px !important;
  max-width: 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  object-fit: contain !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-info[data-v-6a20c7c6] {
  grid-area: rankInfo !important;
  display: block !important;
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 0 0 14px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-info p[data-v-6a20c7c6] {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-title[data-v-6a20c7c6] {
  position: absolute !important;
  left: 12px !important;
  right: auto !important;
  top: 50% !important;
  bottom: auto !important;
  z-index: 3 !important;
  width: 34px !important;
  height: 42px !important;
  min-height: 0 !important;
  transform: translateY(-50%) !important;
  border-radius: 12px !important;
  font-size: 18px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .game-title[data-v-6a20c7c6] {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 20px !important;
  line-height: 1.05 !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .game-detail[data-v-6a20c7c6] {
  display: none !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .play-link[data-v-6a20c7c6] {
  grid-area: rankCta !important;
  justify-self: end !important;
  align-self: center !important;
  width: 62px !important;
  min-width: 62px !important;
  min-height: 34px !important;
  padding: 0 !important;
  font-size: 12px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n)::after {
  left: 128px !important;
  right: auto !important;
  bottom: 13px !important;
  top: auto !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child {
  grid-template-columns: 72px minmax(0, 1fr) 66px !important;
  min-height: 108px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image[data-v-6a20c7c6] {
  width: 72px !important;
  height: 72px !important;
  max-width: 72px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image img[data-v-6a20c7c6] {
  width: 70px !important;
  max-width: 70px !important;
  height: 70px !important;
  min-height: 70px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-title[data-v-6a20c7c6] {
  width: 36px !important;
  height: 68px !important;
  font-size: 32px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .game-title[data-v-6a20c7c6] {
  font-size: 24px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child::after {
  left: 134px !important;
  bottom: 24px !important;
}

@media (max-width: 420px) {
  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) {
    grid-template-columns: 56px minmax(0, 1fr) 58px !important;
    gap: 0 8px !important;
    padding-left: 54px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n)::after {
    left: 120px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .play-link[data-v-6a20c7c6] {
    width: 58px !important;
    min-width: 58px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child {
    grid-template-columns: 66px minmax(0, 1fr) 58px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child::after {
    left: 126px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-title[data-v-6a20c7c6],
  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-title[data-v-6a20c7c6] {
    left: 64px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-info p[data-v-6a20c7c6],
  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-info p[data-v-6a20c7c6] {
    padding-left: 44px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2)::after,
  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3)::after {
    left: 164px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-title[data-v-6a20c7c6] {
    box-sizing: border-box !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    padding: 0 !important;
    font-size: 30px !important;
  }
}

/* Image-led ranking final: use logo artwork as the station name and replace boxed rank labels with medal overlays. */
.site-shell .web-list[data-v-6a20c7c6] {
  gap: 12px !important;
}

.site-shell .web-list[data-v-6a20c7c6]::before {
  content: "Featured Route Deck" !important;
  margin: 4px 0 0 !important;
  color: #152231 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  letter-spacing: .01em !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 62px !important;
  grid-template-areas: "rankImage rankCta" !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 104px !important;
  padding: 10px !important;
  border: 0 !important;
  border-radius: 20px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(250, 252, 250, .98)) !important;
  box-shadow: 0 14px 34px rgba(23, 49, 59, .095) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child {
  min-height: 126px !important;
  background:
    linear-gradient(135deg, #fff7df 0%, #ffffff 52%, #eef8f2 100%) !important;
  box-shadow: 0 18px 38px rgba(133, 92, 20, .16) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) {
  background: linear-gradient(135deg, #f7fafb 0%, #ffffff 100%) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) {
  background: linear-gradient(135deg, #fff5ef 0%, #ffffff 100%) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6] .rank-image[data-v-6a20c7c6] {
  grid-area: rankImage !important;
  width: 100% !important;
  max-width: none !important;
  height: 84px !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  border: 0 !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, .46), transparent 34%),
    #eef3f1 !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .62),
    0 10px 20px rgba(23, 49, 59, .10) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image[data-v-6a20c7c6] {
  height: 104px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6] .rank-image img[data-v-6a20c7c6] {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  border-radius: 18px !important;
  object-fit: cover !important;
  object-position: center !important;
  background: transparent !important;
  transform: scale(1.02) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6] .rank-info[data-v-6a20c7c6] {
  display: contents !important;
  min-width: 0 !important;
  padding: 0 !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6] .rank-info p[data-v-6a20c7c6] {
  display: block !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6] .game-title[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6] .game-detail[data-v-6a20c7c6] {
  display: inline !important;
  font-size: 1px !important;
  line-height: 1 !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6] .rank-title[data-v-6a20c7c6] {
  position: absolute !important;
  left: 18px !important;
  top: 18px !important;
  z-index: 5 !important;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  transform: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 30% 22%, #ffffff 0%, rgba(255, 255, 255, .62) 18%, transparent 40%),
    linear-gradient(160deg, #fbf0c8, #b77919) !important;
  color: #7b4f08 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .45) !important;
  box-shadow:
    0 8px 18px rgba(91, 61, 13, .18),
    inset 0 0 0 1px rgba(255, 255, 255, .62) !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-title[data-v-6a20c7c6] {
  left: 18px !important;
  top: 18px !important;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  background:
    radial-gradient(circle at 28% 20%, #ffffff 0%, rgba(255, 255, 255, .72) 18%, transparent 42%),
    linear-gradient(145deg, #ffe69a, #b77919 72%, #8b570f) !important;
  color: #ffffff !important;
  text-shadow: 0 2px 8px rgba(84, 45, 0, .34) !important;
  font-size: 27px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-title[data-v-6a20c7c6] {
  background:
    radial-gradient(circle at 30% 22%, #ffffff 0%, rgba(255, 255, 255, .66) 18%, transparent 40%),
    linear-gradient(145deg, #f5fbff, #9fb0ba) !important;
  color: #465d6b !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-title[data-v-6a20c7c6] {
  background:
    radial-gradient(circle at 30% 22%, #fff8f2 0%, rgba(255, 255, 255, .58) 18%, transparent 40%),
    linear-gradient(145deg, #efc0a1, #a65f38) !important;
  color: #ffffff !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]::after {
  left: 28px !important;
  right: auto !important;
  bottom: 17px !important;
  z-index: 6 !important;
  padding: 6px 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(14, 31, 39, .78) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(14, 31, 39, .18) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .09em !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child::after {
  bottom: 18px !important;
  background: rgba(123, 79, 8, .82) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n+6)::after {
  display: none !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6] .play-link[data-v-6a20c7c6] {
  grid-area: rankCta !important;
  width: 62px !important;
  min-width: 62px !important;
  min-height: 38px !important;
  justify-self: end !important;
  border-radius: 999px !important;
  background: #143541 !important;
  box-shadow: 0 12px 22px rgba(20, 53, 65, .18) !important;
  font-size: 12px !important;
}

@media (max-width: 420px) {
  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) {
    grid-template-columns: minmax(0, 1fr) 58px !important;
    grid-template-areas: "rankImage rankCta" !important;
    gap: 8px !important;
    padding: 9px !important;
    min-height: 100px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child {
    min-height: 118px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6] .rank-image[data-v-6a20c7c6] {
    height: 82px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image[data-v-6a20c7c6] {
    height: 100px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6] .rank-title[data-v-6a20c7c6] {
    left: 18px !important;
    top: 17px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]::after {
    left: 25px !important;
    bottom: 15px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6] .play-link[data-v-6a20c7c6] {
    width: 58px !important;
    min-width: 58px !important;
    min-height: 38px !important;
  }
}

/* Image-led hard reset: override old nth-child list/card dimensions. */
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) {
  grid-template-columns: minmax(0, 1fr) 62px !important;
  grid-template-areas: "rankImage rankCta" !important;
  grid-template-rows: none !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 104px !important;
  padding: 10px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child {
  min-height: 126px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-image[data-v-6a20c7c6] {
  grid-area: rankImage !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  height: 84px !important;
  min-height: 84px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image[data-v-6a20c7c6] {
  height: 104px !important;
  min-height: 104px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-image img[data-v-6a20c7c6] {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-info[data-v-6a20c7c6] {
  display: contents !important;
  min-width: 0 !important;
  padding: 0 !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-info p[data-v-6a20c7c6] {
  display: block !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-title[data-v-6a20c7c6] {
  left: 18px !important;
  top: 18px !important;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  transform: none !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-title[data-v-6a20c7c6] {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n)::after {
  left: 28px !important;
  bottom: 17px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child::after {
  bottom: 18px !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .play-link[data-v-6a20c7c6] {
  grid-area: rankCta !important;
  justify-self: end !important;
  align-self: center !important;
  width: 62px !important;
  min-width: 62px !important;
  min-height: 38px !important;
  padding: 0 !important;
}

@media (max-width: 420px) {
  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) {
    grid-template-columns: minmax(0, 1fr) 58px !important;
    grid-template-areas: "rankImage rankCta" !important;
    gap: 8px !important;
    min-height: 100px !important;
    padding: 9px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child {
    min-height: 118px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-image[data-v-6a20c7c6] {
    height: 82px !important;
    min-height: 82px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image[data-v-6a20c7c6] {
    height: 100px !important;
    min-height: 100px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-title[data-v-6a20c7c6] {
    grid-area: auto !important;
    align-self: auto !important;
    bottom: auto !important;
    left: 18px !important;
    top: 18px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .play-link[data-v-6a20c7c6] {
    width: 58px !important;
    min-width: 58px !important;
  }
}

/* V2 premium showcase redesign: final public frontage. */
:root {
  --v2-showcase-bg: #edf5f8;
  --v2-showcase-paper: #ffffff;
  --v2-showcase-paper-soft: #f7fbfd;
  --v2-showcase-line: #d7e5ec;
  --v2-showcase-ink: #0d2130;
  --v2-showcase-muted: #627587;
  --v2-showcase-teal: #0c6970;
  --v2-showcase-teal-dark: #0b3944;
  --v2-showcase-mint: #dff8ee;
  --v2-showcase-gold: #bf861b;
  --v2-showcase-gold-soft: #fff2cc;
  --v2-showcase-coral: #dd7a54;
}

html,
body {
  background:
    radial-gradient(circle at 12% 0%, rgba(74, 187, 176, .22), transparent 28%),
    radial-gradient(circle at 100% 12%, rgba(232, 180, 67, .16), transparent 30%),
    linear-gradient(180deg, #f9fcfd 0%, var(--v2-showcase-bg) 56%, #e8f1f5 100%) !important;
}

body {
  color: var(--v2-showcase-ink) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: 0 !important;
}

.site-shell[data-v-6a20c7c6] {
  width: min(100%, 760px) !important;
  min-height: 100vh !important;
  margin: 0 auto !important;
  padding: 16px 16px 128px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  background: transparent !important;
  color: var(--v2-showcase-ink) !important;
  overflow-x: hidden !important;
}

.site-shell[data-v-6a20c7c6]::before {
  content: "ACCESS CONSOLE";
  order: 0;
  height: 50px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(183, 210, 219, .72);
  border-radius: 22px;
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 12px 30px rgba(21, 57, 76, .08);
  color: var(--v2-showcase-teal-dark);
  font-size: 14px;
  font-weight: 950;
  letter-spacing: .16em;
}

.site-shell[data-v-6a20c7c6]::after {
  content: "PWA / H5 Ready";
  position: absolute;
  top: 28px;
  right: max(26px, calc((100vw - 760px) / 2 + 28px));
  z-index: 2;
  padding: 8px 11px;
  border-radius: 999px;
  background: var(--v2-showcase-mint);
  color: var(--v2-showcase-teal);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .04em;
  box-shadow: inset 0 0 0 1px rgba(21, 142, 126, .14);
}

.site-shell .main[data-v-6a20c7c6] {
  display: contents !important;
  background: transparent !important;
  padding: 0 !important;
}

.site-shell .header[data-v-6a20c7c6],
.site-shell .kf[data-v-6a20c7c6],
.site-shell .service[data-v-6a20c7c6],
.site-shell .service-part[data-v-6a20c7c6] {
  display: none !important;
}

.site-shell .banner[data-v-6a20c7c6] {
  order: 1 !important;
  position: relative !important;
  min-height: 226px !important;
  margin: 0 !important;
  padding: 26px 22px !important;
  display: grid !important;
  align-content: end !important;
  overflow: hidden !important;
  border: 1px solid rgba(151, 194, 204, .62) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 78% 30%, rgba(255, 255, 255, .92) 0%, rgba(255, 255, 255, .58) 24%, transparent 42%),
    linear-gradient(138deg, rgba(236, 251, 249, .96) 0%, rgba(255, 255, 255, .96) 45%, rgba(250, 239, 214, .9) 100%) !important;
  box-shadow: 0 22px 54px rgba(24, 61, 78, .13) !important;
}

.site-shell .banner[data-v-6a20c7c6]::before {
  content: "Verified Platform Routes";
  position: relative;
  z-index: 2;
  max-width: 58%;
  color: var(--v2-showcase-teal);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.site-shell .banner[data-v-6a20c7c6]::after {
  content: "Access Console";
  position: relative;
  z-index: 2;
  max-width: 62%;
  margin-top: 9px;
  color: var(--v2-showcase-ink);
  font-size: clamp(34px, 9vw, 58px);
  font-weight: 950;
  line-height: .95;
  letter-spacing: 0;
}

.site-shell .banner img[data-v-6a20c7c6] {
  position: absolute !important;
  right: -8px !important;
  bottom: -6px !important;
  width: min(48%, 310px) !important;
  height: 88% !important;
  object-fit: contain !important;
  object-position: right bottom !important;
  opacity: .96 !important;
  filter: drop-shadow(0 18px 24px rgba(19, 69, 82, .18)) !important;
}

.site-shell .main > .part1[data-v-6a20c7c6],
.site-shell .part1.part-tabs[data-v-6a20c7c6] {
  order: 2 !important;
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid var(--v2-showcase-line) !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, .88) !important;
  box-shadow: 0 18px 46px rgba(27, 58, 75, .1) !important;
}

.site-shell .part-tab-header[data-v-6a20c7c6] {
  position: relative !important;
  margin: 0 0 16px !important;
  padding: 6px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  border: 1px solid #e0ebf0 !important;
  border-radius: 22px !important;
  background: #f4f8fa !important;
  box-shadow: inset 0 1px 8px rgba(12, 46, 61, .05) !important;
}

.site-shell .part-tab-button[data-v-6a20c7c6] {
  min-height: 58px !important;
  border: 0 !important;
  border-radius: 17px !important;
  background: transparent !important;
  color: #456071 !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
  box-shadow: none !important;
}

.site-shell .part-tab-button.active[data-v-6a20c7c6] {
  background: linear-gradient(145deg, var(--v2-showcase-teal-dark), #0c6570) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(13, 75, 86, .24) !important;
}

.site-shell .logo-list[data-v-6a20c7c6] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.site-shell .logo-card[data-v-6a20c7c6] {
  position: relative !important;
  min-height: 172px !important;
  padding: 12px !important;
  display: grid !important;
  align-content: end !important;
  gap: 10px !important;
  overflow: hidden !important;
  border: 1px solid rgba(206, 220, 227, .86) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, #ffffff, #f8fbfd) !important;
  box-shadow: 0 14px 30px rgba(15, 43, 58, .08) !important;
  transform: none !important;
}

.site-shell .logo-card[data-v-6a20c7c6]::before {
  content: "Route";
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 3;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .9);
  color: var(--v2-showcase-teal);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
  box-shadow: 0 8px 18px rgba(18, 52, 66, .08);
}

.site-shell .logo-card[data-v-6a20c7c6]::after {
  content: "PWA / H5";
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 4;
  padding: 7px 10px;
  border-radius: 999px;
  background: #e7f7ee;
  color: var(--v2-showcase-teal);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .04em;
}

.site-shell .logo-card[data-v-6a20c7c6]:first-child {
  grid-column: 1 / -1 !important;
  min-height: 226px !important;
  grid-template-columns: minmax(150px, 42%) 1fr !important;
  align-items: center !important;
  align-content: center !important;
  padding: 16px !important;
  border-color: rgba(191, 134, 27, .36) !important;
  background:
    radial-gradient(circle at 82% 15%, rgba(255, 231, 166, .58), transparent 28%),
    linear-gradient(135deg, #ffffff 0%, #f9fcfd 56%, #fff7df 100%) !important;
  box-shadow: 0 22px 50px rgba(139, 100, 24, .15) !important;
}

.site-shell .logo-card[data-v-6a20c7c6]:first-child::before {
  content: "Top Route";
  background: var(--v2-showcase-gold-soft);
  color: var(--v2-showcase-gold);
}

.site-shell .logo-card[data-v-6a20c7c6]:first-child::after {
  content: "Top 1 · Staked 50M";
  right: 16px;
  bottom: 16px;
  background: linear-gradient(135deg, #f9df9b, #bd8117);
  color: #fff;
  box-shadow: 0 12px 22px rgba(150, 96, 14, .22);
}

.site-shell .logo-card[data-v-6a20c7c6]:nth-child(2)::before { content: "Top 2"; color: #526b7b; }
.site-shell .logo-card[data-v-6a20c7c6]:nth-child(3)::before { content: "Top 3"; color: var(--v2-showcase-coral); }
.site-shell .logo-card[data-v-6a20c7c6]:nth-child(4)::before { content: "Top 4"; color: var(--v2-showcase-gold); }
.site-shell .logo-card[data-v-6a20c7c6]:nth-child(5)::before { content: "Top 5"; color: var(--v2-showcase-gold); }
.site-shell .logo-card[data-v-6a20c7c6]:nth-child(2)::after { content: "Staked 38M"; }
.site-shell .logo-card[data-v-6a20c7c6]:nth-child(3)::after { content: "Staked 29M"; background: #fff0e8; color: var(--v2-showcase-coral); }
.site-shell .logo-card[data-v-6a20c7c6]:nth-child(4)::after { content: "Staked 21M"; background: #fff5d8; color: var(--v2-showcase-gold); }
.site-shell .logo-card[data-v-6a20c7c6]:nth-child(5)::after { content: "Staked 16M"; background: #fff5d8; color: var(--v2-showcase-gold); }

.site-shell .logo-card .image-button[data-v-6a20c7c6] {
  width: 100% !important;
  height: 112px !important;
  min-height: 112px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: hidden !important;
  border: 1px solid rgba(212, 225, 231, .88) !important;
  border-radius: 18px !important;
  background: #edf3f6 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

.site-shell .logo-card:first-child .image-button[data-v-6a20c7c6] {
  height: 168px !important;
  min-height: 168px !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 32px rgba(13, 47, 58, .16) !important;
}

.site-shell .logo-card img[data-v-6a20c7c6] {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

.site-shell .logo-card p[data-v-6a20c7c6] {
  margin: 0 0 28px !important;
  display: block !important;
  color: var(--v2-showcase-ink) !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-shadow: none !important;
}

.site-shell .logo-card:first-child p[data-v-6a20c7c6] {
  margin: 0 0 48px !important;
  color: var(--v2-showcase-gold) !important;
  font-size: clamp(34px, 10vw, 58px) !important;
}

.site-shell .logo-card:first-child p[data-v-6a20c7c6]::after {
  content: "Fast access · Stable · Trusted";
  margin-top: 8px;
  display: block;
  color: var(--v2-showcase-muted);
  font-size: 14px;
  font-weight: 750;
  letter-spacing: 0;
}

.site-shell .web-list[data-v-6a20c7c6] {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.site-shell .tip-list[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) {
  position: relative !important;
  min-height: 118px !important;
  padding: 12px 12px 12px 96px !important;
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr) 82px !important;
  grid-template-areas: "rankImage rankInfo rankCta" !important;
  align-items: center !important;
  gap: 14px !important;
  border: 1px solid var(--v2-showcase-line) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 12px 28px rgba(15, 43, 58, .08) !important;
  overflow: hidden !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child {
  min-height: 172px !important;
  padding-left: 112px !important;
  border-color: rgba(191, 134, 27, .42) !important;
  background:
    radial-gradient(circle at 86% 12%, rgba(255, 231, 166, .6), transparent 30%),
    #ffffff !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) {
  border-color: rgba(157, 174, 184, .55) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) {
  border-color: rgba(221, 122, 84, .36) !important;
}

.site-shell .tip-list[data-v-6a20c7c6]::before,
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n)::before {
  content: "Rank";
  position: absolute;
  left: 16px;
  top: 16px;
  z-index: 5;
  color: var(--v2-showcase-muted);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child::before {
  content: "Champion";
  color: var(--v2-showcase-gold);
}

.site-shell .tip-list[data-v-6a20c7c6]::after,
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n)::after {
  content: "Staked 12M" !important;
  left: auto !important;
  right: 108px !important;
  bottom: 22px !important;
  z-index: 6 !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: #eef6f8 !important;
  color: var(--v2-showcase-teal-dark) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
  box-shadow: none !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child::after {
  content: "Staked 50M" !important;
  background: var(--v2-showcase-gold-soft) !important;
  color: var(--v2-showcase-gold) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2)::after { content: "Staked 38M" !important; }
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3)::after { content: "Staked 29M" !important; background: #fff0e8 !important; color: var(--v2-showcase-coral) !important; }
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(4)::after { content: "Staked 21M" !important; }
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(5)::after { content: "Staked 16M" !important; }

.site-shell .tip-list .rank-title[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-title[data-v-6a20c7c6] {
  position: absolute !important;
  left: 16px !important;
  top: 44px !important;
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  height: 56px !important;
  min-height: 56px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 20px !important;
  background: #f1f7f9 !important;
  color: #50697a !important;
  font-size: 28px !important;
  font-weight: 950 !important;
  box-shadow: inset 0 0 0 1px rgba(169, 190, 199, .52) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-title[data-v-6a20c7c6] {
  width: 68px !important;
  min-width: 68px !important;
  max-width: 68px !important;
  height: 68px !important;
  min-height: 68px !important;
  border-radius: 24px !important;
  background: linear-gradient(145deg, #fff4d2, #f0c869) !important;
  color: #9e6811 !important;
  font-size: 38px !important;
  box-shadow: inset 0 0 0 1px rgba(179, 118, 18, .18), 0 14px 24px rgba(154, 101, 15, .12) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-title[data-v-6a20c7c6] {
  background: #f4ded1 !important;
  color: #a4613d !important;
}

.site-shell .tip-list .rank-image[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-image[data-v-6a20c7c6] {
  grid-area: rankImage !important;
  width: 74px !important;
  height: 74px !important;
  min-height: 74px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  border: 1px solid rgba(211, 225, 231, .9) !important;
  background: #f1f6f8 !important;
  box-shadow: 0 12px 24px rgba(13, 48, 62, .12) !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image[data-v-6a20c7c6] {
  width: 94px !important;
  height: 94px !important;
  min-height: 94px !important;
  border-radius: 22px !important;
}

.site-shell .tip-list .rank-image img[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-image img[data-v-6a20c7c6] {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

.site-shell .tip-list .rank-info[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-info[data-v-6a20c7c6] {
  grid-area: rankInfo !important;
  display: block !important;
  min-width: 0 !important;
  padding: 0 !important;
}

.site-shell .tip-list .game-title[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .game-title[data-v-6a20c7c6] {
  display: block !important;
  margin: 0 0 8px !important;
  color: var(--v2-showcase-ink) !important;
  font-size: 26px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  clip-path: none !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  white-space: nowrap !important;
  text-shadow: none !important;
}

.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .game-title[data-v-6a20c7c6] {
  color: var(--v2-showcase-gold) !important;
  font-size: 38px !important;
}

.site-shell .tip-list .game-detail[data-v-6a20c7c6],
.site-shell .tip-list .rank-info p[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-info p[data-v-6a20c7c6] {
  display: block !important;
  width: auto !important;
  height: auto !important;
  clip-path: none !important;
  overflow: hidden !important;
  max-width: 100% !important;
  margin: 0 !important;
  color: var(--v2-showcase-muted) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.site-shell .tip-list .play-link[data-v-6a20c7c6],
.site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .play-link[data-v-6a20c7c6] {
  grid-area: rankCta !important;
  width: 82px !important;
  min-width: 82px !important;
  min-height: 46px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, var(--v2-showcase-teal-dark), #0f5965) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 14px 26px rgba(9, 58, 70, .22) !important;
}

.site-shell .tab[data-v-6a20c7c6] {
  order: 3 !important;
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--v2-showcase-line) !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, .88) !important;
  box-shadow: 0 18px 42px rgba(18, 48, 62, .08) !important;
}

.site-shell .tab-header[data-v-6a20c7c6] {
  margin-bottom: 12px !important;
}

.site-shell .tab-title[data-v-6a20c7c6],
.site-shell .part1-title[data-v-6a20c7c6] {
  color: var(--v2-showcase-ink) !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

.site-shell .tab-con[data-v-6a20c7c6],
.site-shell .tab-panel[data-v-6a20c7c6] {
  border-radius: 20px !important;
  border: 1px solid #e0ebf0 !important;
  background: #f8fbfd !important;
  box-shadow: none !important;
}

.site-shell .floating-bottom-dock[data-v-6a20c7c6] {
  left: 50% !important;
  right: auto !important;
  bottom: 16px !important;
  transform: translateX(-50%) !important;
  width: min(calc(100% - 28px), 720px) !important;
  min-height: 76px !important;
  padding: 10px 12px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  border: 1px solid rgba(151, 190, 204, .66) !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, .9) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  box-shadow: 0 22px 44px rgba(15, 48, 63, .18) !important;
}

.site-shell .floating-bottom-brandstack[data-v-6a20c7c6] {
  padding-left: 10px !important;
  color: var(--v2-showcase-ink) !important;
}

.site-shell .floating-brand-text[data-v-6a20c7c6] {
  color: var(--v2-showcase-ink) !important;
  font-size: 17px !important;
  font-weight: 950 !important;
}

.site-shell .floating-brand-sub[data-v-6a20c7c6] {
  color: var(--v2-showcase-muted) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.site-shell .floating-bottom-dock a[data-v-6a20c7c6],
.site-shell .floating-bottom-dock button[data-v-6a20c7c6] {
  min-width: 132px !important;
  min-height: 54px !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, var(--v2-showcase-teal), var(--v2-showcase-teal-dark)) !important;
  color: #fff !important;
  box-shadow: 0 14px 26px rgba(8, 85, 94, .22) !important;
}

.site-shell .modal-overlay[data-v-6a20c7c6] {
  background: rgba(6, 20, 28, .48) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

.site-shell .modal[data-v-6a20c7c6] {
  border: 1px solid var(--v2-showcase-line) !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  color: var(--v2-showcase-ink) !important;
  box-shadow: 0 26px 70px rgba(9, 36, 52, .24) !important;
}

.site-shell .play-btn2[data-v-6a20c7c6],
.site-shell .play-btn3[data-v-6a20c7c6] {
  border-radius: 999px !important;
  font-weight: 950 !important;
}

.site-shell .play-btn2[data-v-6a20c7c6] {
  background: linear-gradient(145deg, var(--v2-showcase-teal), var(--v2-showcase-teal-dark)) !important;
}

.site-shell .play-btn3[data-v-6a20c7c6] {
  background: #eef6f8 !important;
  color: var(--v2-showcase-teal-dark) !important;
}

.site-shell .footer[data-v-6a20c7c6] {
  order: 4 !important;
  margin: 0 !important;
  color: var(--v2-showcase-muted) !important;
}

@media (max-width: 520px) {
  .site-shell[data-v-6a20c7c6] {
    padding: 12px 10px 118px !important;
    gap: 12px !important;
  }

  .site-shell[data-v-6a20c7c6]::before {
    height: 46px;
    border-radius: 20px;
    font-size: 12px;
  }

  .site-shell[data-v-6a20c7c6]::after {
    top: 22px;
    right: 22px;
    padding: 7px 9px;
    font-size: 10px;
  }

  .site-shell .banner[data-v-6a20c7c6] {
    min-height: 204px !important;
    padding: 22px 18px !important;
    border-radius: 26px !important;
  }

  .site-shell .banner[data-v-6a20c7c6]::before,
  .site-shell .banner[data-v-6a20c7c6]::after {
    max-width: 68%;
  }

  .site-shell .banner img[data-v-6a20c7c6] {
    width: 50% !important;
  }

  .site-shell .part-tab-button[data-v-6a20c7c6] {
    min-height: 54px !important;
    font-size: 14px !important;
  }

  .site-shell .logo-list[data-v-6a20c7c6] {
    gap: 10px !important;
  }

  .site-shell .logo-card[data-v-6a20c7c6] {
    min-height: 154px !important;
    padding: 10px !important;
    border-radius: 22px !important;
  }

  .site-shell .logo-card[data-v-6a20c7c6]:first-child {
    min-height: 208px !important;
    grid-template-columns: minmax(130px, 42%) 1fr !important;
    padding: 12px !important;
  }

  .site-shell .logo-card .image-button[data-v-6a20c7c6] {
    height: 98px !important;
    min-height: 98px !important;
  }

  .site-shell .logo-card:first-child .image-button[data-v-6a20c7c6] {
    height: 150px !important;
    min-height: 150px !important;
  }

  .site-shell .logo-card p[data-v-6a20c7c6] {
    font-size: 17px !important;
  }

  .site-shell .logo-card:first-child p[data-v-6a20c7c6] {
    font-size: 36px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) {
    grid-template-columns: 66px minmax(0, 1fr) 68px !important;
    min-height: 108px !important;
    padding: 10px 10px 10px 84px !important;
    gap: 10px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child {
    min-height: 148px !important;
    padding-left: 92px !important;
  }

  .site-shell .tip-list .rank-title[data-v-6a20c7c6],
  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-title[data-v-6a20c7c6] {
    left: 12px !important;
    top: 40px !important;
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    font-size: 24px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-title[data-v-6a20c7c6] {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    font-size: 32px !important;
  }

  .site-shell .tip-list .rank-image[data-v-6a20c7c6],
  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-image[data-v-6a20c7c6] {
    width: 66px !important;
    height: 66px !important;
    min-height: 66px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image[data-v-6a20c7c6] {
    width: 78px !important;
    height: 78px !important;
    min-height: 78px !important;
  }

  .site-shell .tip-list .game-title[data-v-6a20c7c6],
  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .game-title[data-v-6a20c7c6] {
    font-size: 22px !important;
  }

  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .game-title[data-v-6a20c7c6] {
    font-size: 30px !important;
  }

  .site-shell .tip-list[data-v-6a20c7c6]::after,
  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n)::after {
    right: 86px !important;
    bottom: 16px !important;
    font-size: 9px !important;
  }

  .site-shell .tip-list .play-link[data-v-6a20c7c6],
  .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .play-link[data-v-6a20c7c6] {
    width: 68px !important;
    min-width: 68px !important;
    min-height: 42px !important;
    font-size: 12px !important;
  }

  .site-shell .floating-bottom-dock[data-v-6a20c7c6] {
    width: calc(100% - 20px) !important;
    min-height: 70px !important;
    border-radius: 24px !important;
  }

  .site-shell .floating-bottom-dock a[data-v-6a20c7c6],
  .site-shell .floating-bottom-dock button[data-v-6a20c7c6] {
    min-width: 116px !important;
    min-height: 50px !important;
  }
}

/* V2 showcase title correction: this must stay after legacy title overrides. */
.site-shell .part1.part-tabs[data-v-6a20c7c6]::before {
  content: "Featured Routes" !important;
  display: block !important;
  margin: 0 108px 12px 4px !important;
  color: var(--v2-showcase-ink) !important;
  font-size: 24px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
}

.site-shell .part1.part-tabs[data-v-6a20c7c6]::after {
  content: "21 Routes" !important;
  top: 14px !important;
  right: 14px !important;
  padding: 8px 11px !important;
  border: 1px solid #dce8ee !important;
  border-radius: 14px !important;
  background: #f7fbfd !important;
  color: var(--v2-showcase-muted) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .02em !important;
  box-shadow: none !important;
}

@media (max-width: 520px) {
  .site-shell .part1.part-tabs[data-v-6a20c7c6]::before {
    margin-right: 96px !important;
    font-size: 22px !important;
  }

  .site-shell .part1.part-tabs[data-v-6a20c7c6]::after {
    top: 12px !important;
    right: 12px !important;
    font-size: 11px !important;
  }
}

.site-shell .part1.part-tabs[data-v-6a20c7c6]:has(.web-list)::before {
  content: "Route Ranking" !important;
}

.site-shell .web-list[data-v-6a20c7c6]::before {
  content: "Route Leaderboard" !important;
  margin: 2px 0 4px !important;
  color: var(--v2-showcase-ink) !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

/* V2 concept-match homepage: generated from live route JSON, keeps old DOM for modal/tracking only. */
.v2-showcase-ready .site-shell[data-v-6a20c7c6] {
  width: min(100%, 720px) !important;
  padding: 0 0 118px !important;
  gap: 0 !important;
  background: #ffffff !important;
}

.v2-showcase-ready .site-shell[data-v-6a20c7c6]::before,
.v2-showcase-ready .site-shell[data-v-6a20c7c6]::after,
.v2-showcase-ready .site-shell > .main[data-v-6a20c7c6] > .part1[data-v-6a20c7c6],
.v2-showcase-ready .site-shell > .main[data-v-6a20c7c6] > .service-part[data-v-6a20c7c6],
.v2-showcase-ready .site-shell .floating-bottom-dock[data-v-6a20c7c6] {
  display: none !important;
}

.v2-showcase-ready .site-shell > .main[data-v-6a20c7c6] {
  display: contents !important;
}

.v2-showcase-app {
  position: relative;
  z-index: 1;
  min-height: 100vh;
  padding: 0 16px 112px;
  background:
    radial-gradient(circle at 78% 12%, rgba(193, 237, 244, .64), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #fbfdfe 42%, #f3f8fa 100%);
  color: #0d2130;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}

.v2-showcase-app button {
  font: inherit;
}

.v2-showcase-topbar {
  height: 88px;
  margin: 0 -16px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid #dbe8ef;
  background: rgba(255, 255, 255, .88);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.v2-brand,
.v2-top-actions,
.v2-section-title,
.v2-ranking-head,
.v2-ranking-head > div {
  display: flex;
  align-items: center;
}

.v2-brand {
  min-width: 0;
  gap: 12px;
  color: #0b3442;
  font-size: 22px;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
}

.v2-brand-mark {
  position: relative;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  border-radius: 10px;
  background: linear-gradient(135deg, #0a6772, #073844);
  transform: rotate(45deg);
  box-shadow: 0 10px 20px rgba(6, 82, 92, .18);
}

.v2-brand-mark::before,
.v2-brand-mark::after {
  content: "";
  position: absolute;
  border-radius: 4px;
  background: #ffffff;
}

.v2-brand-mark::before {
  width: 24px;
  height: 8px;
  left: 7px;
  top: 15px;
}

.v2-brand-mark::after {
  width: 8px;
  height: 24px;
  left: 15px;
  top: 7px;
}

.v2-top-actions {
  gap: 10px;
}

.v2-top-actions button {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border: 1px solid #dbe8ef;
  border-radius: 999px;
  background: #f8fbfd;
  color: #0d2130;
  font-size: 24px;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(15, 43, 58, .06);
}

.v2-showcase-hero {
  min-height: 318px;
  margin: 0 -16px;
  padding: 38px 20px 26px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(170px, 42%);
  align-items: center;
  gap: 6px;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 54%, rgba(193, 232, 241, .82), transparent 33%),
    linear-gradient(145deg, #ffffff 0%, #fbfeff 52%, #eef8fb 100%);
}

.v2-hero-copy {
  position: relative;
  z-index: 2;
  min-width: 0;
}

.v2-kicker {
  display: block;
  margin-bottom: 12px;
  color: #0d7a83;
  font-size: 14px;
  font-weight: 950;
  letter-spacing: .1em;
}

.v2-hero-copy h1 {
  margin: 0;
  color: #0b1d2e;
  font-size: clamp(43px, 11vw, 68px);
  font-weight: 950;
  line-height: .96;
  letter-spacing: 0;
}

.v2-hero-copy p {
  max-width: 300px;
  margin: 16px 0 20px;
  color: #617588;
  font-size: 17px;
  font-weight: 550;
  line-height: 1.55;
}

.v2-ready-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  border: 1px solid #dbe8ef;
  border-radius: 999px;
  background: rgba(255, 255, 255, .86);
  color: #0c6970;
  font-size: 14px;
  font-weight: 900;
  box-shadow: 0 10px 22px rgba(15, 43, 58, .06);
}

.v2-hero-art {
  position: relative;
  min-height: 260px;
}

.v2-hero-art::before {
  content: "";
  position: absolute;
  inset: auto -50px 18px -60px;
  height: 130px;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(109, 193, 209, .26), transparent 70%);
}

.v2-hero-art img {
  position: absolute;
  right: -46px;
  bottom: -28px;
  width: min(330px, 132%);
  max-width: none;
  filter: drop-shadow(0 22px 28px rgba(22, 91, 107, .2));
}

.v2-feature-section,
.v2-stats-strip,
.v2-ranking-preview {
  margin-top: 24px;
}

.v2-section-title {
  gap: 12px;
  margin-bottom: 14px;
}

.v2-section-title span,
.v2-ranking-head span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: linear-gradient(145deg, #0f8791, #0b4a58);
  color: #ffffff;
  font-size: 15px;
}

.v2-section-title h2,
.v2-ranking-head h2 {
  margin: 0;
  color: #0d2130;
  font-size: 24px;
  font-weight: 950;
  line-height: 1;
}

.v2-feature-card {
  position: relative;
  padding: 18px;
  display: grid;
  grid-template-columns: minmax(150px, 31%) minmax(0, 1fr) 74px;
  grid-template-areas:
    "image copy medal"
    "actions actions actions";
  gap: 18px;
  border: 1px solid rgba(32, 147, 159, .26);
  border-radius: 28px;
  background:
    radial-gradient(circle at 88% 15%, rgba(255, 228, 143, .5), transparent 24%),
    linear-gradient(135deg, #ffffff, #f8fdff 58%, #fffaf0);
  box-shadow: 0 18px 44px rgba(15, 63, 78, .12);
  overflow: hidden;
}

.v2-feature-image {
  grid-area: image;
  height: 150px;
  padding: 0;
  border: 0;
  border-radius: 22px;
  background: #eef5f8;
  overflow: hidden;
  box-shadow: 0 16px 28px rgba(13, 48, 62, .16);
}

.v2-feature-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.v2-feature-copy {
  grid-area: copy;
  min-width: 0;
  align-self: center;
}

.v2-top-route {
  display: inline-block;
  margin-bottom: 10px;
  color: #d39a22;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.v2-feature-copy h3 {
  margin: 0;
  color: #0b4b57;
  font-size: clamp(46px, 10vw, 62px);
  font-weight: 950;
  line-height: .9;
}

.v2-feature-copy p {
  margin: 10px 0 12px;
  color: #5f7283;
  font-size: 16px;
  font-weight: 650;
  line-height: 1.25;
}

.v2-trusted {
  display: inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  background: #edf8f6;
  color: #0c6970;
  font-size: 13px;
  font-weight: 900;
}

.v2-medal {
  grid-area: medal;
  justify-self: center;
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(145deg, #ffe8a4, #d19b27);
  color: #9c6412;
  font-size: 32px;
  font-weight: 950;
  box-shadow: 0 14px 24px rgba(152, 101, 15, .18);
}

.v2-feature-actions {
  grid-area: actions;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.v2-feature-actions button {
  min-height: 60px;
  border-radius: 17px;
  font-size: 20px;
  font-weight: 950;
}

.v2-primary-entry {
  border: 0;
  background: linear-gradient(145deg, #0f8791, #0b3944);
  color: #ffffff;
  box-shadow: 0 16px 28px rgba(9, 75, 88, .18);
}

.v2-secondary-entry {
  border: 1px solid #dce8ee;
  background: #ffffff;
  color: #0d2130;
}

.v2-stats-strip {
  padding: 18px 16px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border: 1px solid #dce8ee;
  border-radius: 22px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 14px 32px rgba(15, 43, 58, .08);
}

.v2-stats-strip div {
  min-width: 0;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 9px;
  align-items: center;
  padding: 0 10px;
  border-right: 1px solid #e5eef3;
}

.v2-stats-strip div:last-child {
  border-right: 0;
}

.v2-stats-strip span {
  grid-row: 1 / 3;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #eaf7f8;
  color: #0c6970;
  font-size: 17px;
  font-weight: 950;
}

.v2-stats-strip strong {
  color: #0d2130;
  font-size: 23px;
  font-weight: 950;
  line-height: 1;
}

.v2-stats-strip small {
  color: #627587;
  font-size: 12px;
  font-weight: 700;
}

.v2-ranking-head {
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.v2-ranking-head > div {
  gap: 12px;
}

.v2-ranking-head button {
  border: 0;
  background: transparent;
  color: #365165;
  font-size: 16px;
  font-weight: 800;
}

.v2-ranking-list {
  display: grid;
  gap: 10px;
}

.v2-rank-row {
  width: 100%;
  min-height: 90px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: 58px 82px minmax(0, 1fr) 92px 18px;
  align-items: center;
  gap: 14px;
  border: 1px solid #dce8ee;
  border-radius: 20px;
  background: #ffffff;
  color: inherit;
  text-align: left;
  box-shadow: 0 10px 24px rgba(15, 43, 58, .06);
}

.v2-rank-row.v2-rank-1 {
  border-color: rgba(217, 168, 53, .56);
  background: linear-gradient(100deg, #fffdf8, #fff8df);
}

.v2-rank-row img {
  width: 82px;
  height: 62px;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 10px 20px rgba(13, 48, 62, .1);
}

.v2-rank-no {
  display: grid;
  place-items: center;
  color: #536a7b;
}

.v2-rank-no b {
  font-size: 28px;
  font-weight: 950;
  line-height: 1;
}

.v2-rank-1 .v2-rank-no b {
  color: #a96f12;
}

.v2-rank-2 .v2-rank-no b {
  color: #52697a;
}

.v2-rank-3 .v2-rank-no b {
  color: #b06a43;
}

.v2-rank-copy {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.v2-rank-copy strong {
  color: #0d2130;
  font-size: 22px;
  font-weight: 950;
  line-height: 1;
}

.v2-rank-copy em {
  width: max-content;
  padding: 4px 8px;
  border-radius: 999px;
  background: #e6f8ee;
  color: #0b6a55;
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
}

.v2-rank-copy small {
  color: #52677a;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.v2-stake {
  display: grid;
  justify-items: end;
  color: #0d2130;
}

.v2-stake small {
  color: #9b6a13;
  font-size: 12px;
  font-weight: 800;
}

.v2-stake b {
  color: #b67815;
  font-size: 28px;
  font-weight: 950;
  line-height: 1;
}

.v2-rank-row:not(.v2-rank-1) .v2-stake small {
  color: #627587;
}

.v2-rank-row:not(.v2-rank-1) .v2-stake b {
  color: #183143;
}

.v2-chevron {
  color: #9a6b16;
  font-size: 30px;
  font-weight: 800;
}

.v2-service-bubble {
  position: fixed;
  right: max(14px, calc((100vw - 720px) / 2 + 14px));
  bottom: 142px;
  z-index: 24;
  width: 78px;
  height: 78px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: linear-gradient(145deg, #12a5a9, #0b5965);
  color: #ffffff;
  box-shadow: 0 20px 32px rgba(8, 86, 96, .24);
}

.v2-service-bubble span {
  font-size: 28px;
  line-height: 1;
}

.v2-service-bubble b {
  margin-top: -12px;
  font-size: 12px;
}

.v2-bottom-nav {
  position: fixed;
  left: 50%;
  bottom: 16px;
  z-index: 23;
  width: min(calc(100% - 32px), 688px);
  transform: translateX(-50%);
  padding: 12px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  border: 1px solid #dce8ee;
  border-radius: 26px;
  background: rgba(255, 255, 255, .94);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 42px rgba(15, 43, 58, .16);
}

.v2-bottom-nav button {
  min-height: 54px;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 4px;
  border: 0;
  border-radius: 18px;
  background: transparent;
  color: #63778b;
}

.v2-bottom-nav span {
  font-size: 23px;
  line-height: 1;
}

.v2-bottom-nav b {
  font-size: 12px;
  font-weight: 850;
}

.v2-bottom-nav button.active {
  color: #0d888c;
}

.v2-showcase-ready .site-shell .tab[data-v-6a20c7c6] {
  margin: 24px 16px 0 !important;
}

@media (max-width: 560px) {
  .v2-showcase-app {
    padding: 0 16px 108px;
  }

  .v2-showcase-topbar {
    height: 78px;
    padding: 0 18px;
  }

  .v2-brand {
    gap: 10px;
    font-size: 17px;
  }

  .v2-brand-mark {
    width: 32px;
    height: 32px;
    border-radius: 8px;
  }

  .v2-top-actions button {
    width: 44px;
    height: 44px;
    font-size: 20px;
  }

  .v2-showcase-hero {
    min-height: 294px;
    padding: 30px 18px 18px;
    grid-template-columns: minmax(0, 1fr) minmax(126px, 38%);
  }

  .v2-kicker {
    margin-bottom: 10px;
    font-size: 12px;
  }

  .v2-hero-copy h1 {
    font-size: 40px;
  }

  .v2-hero-copy p {
    max-width: 210px;
    margin: 13px 0 16px;
    font-size: 15px;
    line-height: 1.42;
  }

  .v2-ready-pill {
    padding: 8px 11px;
    font-size: 12px;
  }

  .v2-hero-art {
    min-height: 214px;
  }

  .v2-hero-art img {
    right: -62px;
    bottom: -18px;
    width: 250px;
  }

  .v2-feature-section,
  .v2-stats-strip,
  .v2-ranking-preview {
    margin-top: 22px;
  }

  .v2-feature-card {
    padding: 14px;
    grid-template-columns: minmax(112px, 36%) minmax(0, 1fr) 48px;
    gap: 12px;
    border-radius: 24px;
  }

  .v2-feature-image {
    height: 114px;
    border-radius: 18px;
  }

  .v2-top-route {
    margin-bottom: 7px;
    font-size: 11px;
  }

  .v2-feature-copy h3 {
    font-size: 38px;
  }

  .v2-feature-copy p {
    margin: 8px 0 8px;
    font-size: 13px;
  }

  .v2-trusted {
    padding: 6px 9px;
    font-size: 11px;
  }

  .v2-medal {
    width: 48px;
    height: 48px;
    font-size: 25px;
  }

  .v2-feature-actions button {
    min-height: 54px;
    font-size: 17px;
  }

  .v2-stats-strip {
    padding: 14px 8px;
  }

  .v2-stats-strip div {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    row-gap: 4px;
    padding: 0 4px;
    text-align: center;
  }

  .v2-stats-strip span {
    grid-row: auto;
    width: 36px;
    height: 36px;
  }

  .v2-stats-strip strong {
    font-size: 20px;
  }

  .v2-stats-strip small {
    font-size: 11px;
  }

  .v2-rank-row {
    min-height: 84px;
    grid-template-columns: 36px 66px minmax(0, 1fr) 64px 10px;
    gap: 10px;
    padding: 10px;
  }

  .v2-rank-row img {
    width: 66px;
    height: 54px;
  }

  .v2-rank-copy strong {
    font-size: 19px;
  }

  .v2-rank-copy em {
    font-size: 10px;
  }

  .v2-rank-copy small {
    display: none;
  }

  .v2-stake small {
    font-size: 10px;
  }

  .v2-stake b {
    font-size: 22px;
  }

  .v2-service-bubble {
    right: 12px;
    bottom: 128px;
    width: 68px;
    height: 68px;
  }

  .v2-bottom-nav {
    width: calc(100% - 24px);
    bottom: 12px;
    padding: 10px;
    border-radius: 24px;
  }

  .v2-bottom-nav button {
    min-height: 50px;
  }
}

@media (max-width: 380px) {
  .v2-brand {
    font-size: 15px;
  }

  .v2-top-actions {
    gap: 6px;
  }

  .v2-top-actions button {
    width: 40px;
    height: 40px;
  }

  .v2-hero-copy h1 {
    font-size: 36px;
  }

  .v2-showcase-hero {
    grid-template-columns: minmax(0, 1fr) 114px;
  }

  .v2-hero-art img {
    width: 225px;
  }
}

/* V2 usable atlas redesign: keep the original Vue DOM clickable, improve entry and ranking presentation. */
html:not(.v2-showcase-ready),
html:not(.v2-showcase-ready) body {
  background:
    radial-gradient(circle at 0% 0%, rgba(25, 126, 112, .18), transparent 26%),
    radial-gradient(circle at 100% 4%, rgba(207, 157, 54, .18), transparent 28%),
    linear-gradient(180deg, #f7fbf8 0%, #edf5f3 46%, #e8f0f4 100%) !important;
}

html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6] {
  width: min(100%, 720px) !important;
  min-height: 100vh !important;
  margin: 0 auto !important;
  padding: 14px 14px 118px !important;
  gap: 14px !important;
  background: transparent !important;
  color: #112334 !important;
}

html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6]::before {
  content: "ACCESS DIRECTORY" !important;
  height: 56px !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  border: 1px solid rgba(190, 214, 208, .9) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(245, 252, 249, .9)) !important;
  color: #0d4f4b !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  box-shadow: 0 14px 34px rgba(18, 72, 76, .09) !important;
}

html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6]::after {
  content: "21 ROUTES" !important;
  top: 26px !important;
  right: max(28px, calc((100vw - 720px) / 2 + 28px)) !important;
  padding: 8px 11px !important;
  display: inline-flex !important;
  border: 1px solid rgba(190, 214, 208, .9) !important;
  border-radius: 999px !important;
  background: #eef9f1 !important;
  color: #0d7965 !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .main[data-v-6a20c7c6] {
  display: contents !important;
}

html:not(.v2-showcase-ready) .site-shell .header[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .kf[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .service[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .service-part[data-v-6a20c7c6] {
  display: none !important;
}

html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6] {
  position: relative !important;
  margin: 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(190, 214, 208, .95) !important;
  border-radius: 30px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(250, 253, 252, .9)) !important;
  box-shadow: 0 22px 52px rgba(24, 69, 78, .12) !important;
  overflow: hidden !important;
}

html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6]::before {
  content: "Platform Entry" !important;
  margin: 0 112px 14px 2px !important;
  display: block !important;
  color: #112334 !important;
  font-size: 26px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6]:has(.web-list)::before {
  content: "Route Ranking" !important;
}

html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6]::after {
  content: "PWA / H5" !important;
  top: 17px !important;
  right: 18px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(204, 222, 218, .9) !important;
  border-radius: 999px !important;
  background: #f3fbf6 !important;
  color: #0a7564 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .part-tab-header[data-v-6a20c7c6] {
  margin: 0 0 16px !important;
  padding: 5px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 5px !important;
  border: 1px solid #dce9e6 !important;
  border-radius: 22px !important;
  background: #f2f7f5 !important;
  box-shadow: inset 0 1px 8px rgba(20, 80, 82, .05) !important;
}

html:not(.v2-showcase-ready) .site-shell .part-tab-button[data-v-6a20c7c6] {
  min-height: 56px !important;
  border: 0 !important;
  border-radius: 17px !important;
  background: transparent !important;
  color: #4f6470 !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  letter-spacing: .04em !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .part-tab-button.active[data-v-6a20c7c6] {
  background: linear-gradient(145deg, #103c46, #0c776a) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(12, 93, 88, .22) !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-list[data-v-6a20c7c6] {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6] {
  position: relative !important;
  min-height: 176px !important;
  padding: 12px !important;
  display: grid !important;
  align-content: end !important;
  overflow: hidden !important;
  border: 1px solid rgba(207, 222, 219, .9) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(180deg, #ffffff, #f7fbfa) !important;
  box-shadow: 0 14px 30px rgba(18, 61, 72, .08) !important;
  transform: none !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 42px rgba(18, 61, 72, .13) !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::before {
  content: "ENTRY" !important;
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 4 !important;
  padding: 6px 9px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .88) !important;
  color: #0b7364 !important;
  font-size: 9px !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  box-shadow: 0 8px 18px rgba(19, 72, 84, .08) !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::after {
  content: "Open" !important;
  position: absolute !important;
  right: 12px !important;
  bottom: 12px !important;
  z-index: 4 !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: #103c46 !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .02em !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
  grid-column: span 2 !important;
  min-height: 220px !important;
  border-color: rgba(190, 139, 30, .42) !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(255, 226, 144, .62), transparent 28%),
    linear-gradient(135deg, #ffffff 0%, #f8fcfb 60%, #fff7e5 100%) !important;
  box-shadow: 0 24px 54px rgba(134, 95, 18, .15) !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::before {
  content: "FEATURED" !important;
  color: #9c6812 !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::after {
  content: "Enter Now" !important;
  background: linear-gradient(145deg, #0c776a, #103c46) !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card .image-button[data-v-6a20c7c6] {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 12px 12px 56px !important;
  display: block !important;
  border: 0 !important;
  border-radius: inherit !important;
  background: transparent !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card img[data-v-6a20c7c6] {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  display: block !important;
  border-radius: 17px !important;
  object-fit: cover !important;
  object-position: center !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .72) !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6] {
  position: relative !important;
  z-index: 3 !important;
  max-width: calc(100% - 62px) !important;
  margin: 0 !important;
  color: #112334 !important;
  font-size: 19px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-shadow: none !important;
  pointer-events: none !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card:first-child p[data-v-6a20c7c6] {
  color: #9f6a13 !important;
  font-size: 34px !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card:first-child p[data-v-6a20c7c6]::after {
  content: "Fast access · Stable route" !important;
  margin-top: 7px !important;
  display: block !important;
  color: #5f737e !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6]::before {
  content: "Top route board" !important;
  margin: 0 0 2px !important;
  color: #63747f !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) {
  position: relative !important;
  min-height: 116px !important;
  padding: 14px !important;
  display: grid !important;
  grid-template-columns: 58px 84px minmax(0, 1fr) 86px !important;
  grid-template-areas: "rankNo rankImage rankInfo rankCta" !important;
  align-items: center !important;
  gap: 14px !important;
  border: 1px solid rgba(207, 222, 219, .9) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, #ffffff, #fbfdfc) !important;
  box-shadow: 0 14px 32px rgba(18, 61, 72, .08) !important;
  overflow: hidden !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child {
  min-height: 158px !important;
  border-color: rgba(190, 139, 30, .46) !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(255, 226, 144, .62), transparent 30%),
    linear-gradient(135deg, #ffffff, #fffaf0) !important;
  box-shadow: 0 22px 48px rgba(134, 95, 18, .13) !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list[data-v-6a20c7c6]::before,
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n)::before {
  content: "Staked 12M" !important;
  position: absolute !important;
  left: auto !important;
  top: auto !important;
  right: 116px !important;
  bottom: 18px !important;
  z-index: 4 !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: #eef7f4 !important;
  color: #0d665c !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child::before {
  content: "Staked 50M" !important;
  background: #fff2cf !important;
  color: #9f6a13 !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2)::before { content: "Staked 38M" !important; }
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3)::before { content: "Staked 29M" !important; background: #fff0e8 !important; color: #ad613c !important; }
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(4)::before { content: "Staked 21M" !important; }
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(5)::before { content: "Staked 16M" !important; }

html:not(.v2-showcase-ready) .site-shell .tip-list[data-v-6a20c7c6]::after,
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n)::after {
  display: none !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .rank-title[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-title[data-v-6a20c7c6] {
  position: static !important;
  grid-area: rankNo !important;
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  height: 56px !important;
  min-height: 56px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 20px !important;
  background: #eef4f4 !important;
  color: #526a74 !important;
  font-size: 28px !important;
  font-weight: 950 !important;
  box-shadow: inset 0 0 0 1px rgba(182, 203, 203, .7) !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-title[data-v-6a20c7c6] {
  background: linear-gradient(145deg, #fff1c8, #d69b25) !important;
  color: #9b6712 !important;
  font-size: 36px !important;
  box-shadow: 0 14px 24px rgba(142, 92, 12, .16) !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-title[data-v-6a20c7c6] {
  background: #f3dfd2 !important;
  color: #a45d38 !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .rank-image[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-image[data-v-6a20c7c6] {
  grid-area: rankImage !important;
  width: 84px !important;
  height: 70px !important;
  min-height: 70px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(211, 225, 224, .95) !important;
  background: #edf4f3 !important;
  box-shadow: 0 12px 22px rgba(18, 61, 72, .12) !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image[data-v-6a20c7c6] {
  width: 108px !important;
  height: 92px !important;
  min-height: 92px !important;
  border-radius: 20px !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .rank-image img[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-image img[data-v-6a20c7c6] {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .rank-info[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-info[data-v-6a20c7c6] {
  grid-area: rankInfo !important;
  display: block !important;
  min-width: 0 !important;
  padding: 0 0 24px !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .game-title[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .game-title[data-v-6a20c7c6] {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 7px !important;
  clip-path: none !important;
  overflow: hidden !important;
  color: #112334 !important;
  font-size: 26px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .game-title[data-v-6a20c7c6] {
  color: #9f6a13 !important;
  font-size: 40px !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .rank-info p[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .tip-list .game-detail[data-v-6a20c7c6] {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  clip-path: none !important;
  overflow: hidden !important;
  color: #60717a !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .play-link[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .play-link[data-v-6a20c7c6] {
  grid-area: rankCta !important;
  width: 86px !important;
  min-width: 86px !important;
  min-height: 48px !important;
  justify-self: end !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, #103c46, #0c776a) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  box-shadow: 0 14px 24px rgba(12, 93, 88, .18) !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock[data-v-6a20c7c6] {
  left: 50% !important;
  right: auto !important;
  bottom: 14px !important;
  transform: translateX(-50%) !important;
  width: min(calc(100% - 28px), 692px) !important;
  min-height: 74px !important;
  padding: 10px 12px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  border: 1px solid rgba(190, 214, 208, .9) !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, .92) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  box-shadow: 0 22px 44px rgba(18, 61, 72, .18) !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-bottom-brandstack[data-v-6a20c7c6] {
  color: #112334 !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-brand-text[data-v-6a20c7c6] {
  color: #112334 !important;
  font-size: 16px !important;
  font-weight: 950 !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-brand-sub[data-v-6a20c7c6] {
  color: #60717a !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock a[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock button[data-v-6a20c7c6] {
  min-width: 126px !important;
  min-height: 52px !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, #0c776a, #103c46) !important;
  color: #ffffff !important;
}

@media (max-width: 620px) {
  html:not(.v2-showcase-ready) .site-shell .logo-list[data-v-6a20c7c6] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6] {
    min-height: 166px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
    min-height: 206px !important;
  }
}

@media (max-width: 430px) {
  html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6] {
    padding: 12px 10px 112px !important;
  }

  html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6]::after {
    top: 24px !important;
    right: 22px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6] {
    padding: 14px !important;
    border-radius: 26px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6]::before {
    margin-right: 96px !important;
    font-size: 23px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .part-tab-button[data-v-6a20c7c6] {
    min-height: 52px !important;
    font-size: 13px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6] {
    min-height: 154px !important;
    border-radius: 22px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
    min-height: 190px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6] {
    font-size: 17px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card:first-child p[data-v-6a20c7c6] {
    font-size: 30px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .tip-list[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) {
    min-height: 106px !important;
    padding: 10px !important;
    grid-template-columns: 46px 64px minmax(0, 1fr) 68px !important;
    gap: 9px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child {
    min-height: 134px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .tip-list .rank-title[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-title[data-v-6a20c7c6] {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 16px !important;
    font-size: 22px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .tip-list .rank-image[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-image[data-v-6a20c7c6] {
    width: 64px !important;
    height: 56px !important;
    min-height: 56px !important;
    border-radius: 13px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image[data-v-6a20c7c6] {
    width: 72px !important;
    height: 68px !important;
    min-height: 68px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .tip-list .rank-info[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-info[data-v-6a20c7c6] {
    padding-bottom: 22px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .tip-list .game-title[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .game-title[data-v-6a20c7c6] {
    font-size: 20px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .game-title[data-v-6a20c7c6] {
    font-size: 28px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .tip-list .game-detail[data-v-6a20c7c6] {
    display: none !important;
  }

  html:not(.v2-showcase-ready) .site-shell .tip-list[data-v-6a20c7c6]::before,
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n)::before {
    right: 84px !important;
    bottom: 14px !important;
    font-size: 8px !important;
    padding: 5px 7px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .tip-list .play-link[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .play-link[data-v-6a20c7c6] {
    width: 68px !important;
    min-width: 68px !important;
    min-height: 42px !important;
    font-size: 12px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock[data-v-6a20c7c6] {
    width: calc(100% - 20px) !important;
    min-height: 70px !important;
  }
}

/* V2 refined directory: quieter product catalog with complete entry artwork and a cleaner ranking board. */
html:not(.v2-showcase-ready),
html:not(.v2-showcase-ready) body {
  background: linear-gradient(180deg, #f5f8fb 0%, #eef4f6 48%, #f8faf8 100%) !important;
}

html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6] {
  width: min(100%, 860px) !important;
  padding: 16px 16px 106px !important;
  gap: 14px !important;
  color: #122033 !important;
}

html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6]::before {
  content: "Access Console" !important;
  height: 64px !important;
  padding: 0 18px !important;
  border: 1px solid #dde7ec !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, .94) !important;
  color: #092f3d !important;
  font-size: 24px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: 0 16px 42px rgba(20, 49, 64, .08) !important;
}

html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6]::after {
  content: "21 Routes" !important;
  top: 30px !important;
  right: max(32px, calc((100vw - 860px) / 2 + 32px)) !important;
  padding: 7px 11px !important;
  border: 1px solid #d8e6e7 !important;
  border-radius: 999px !important;
  background: #f3fbf9 !important;
  color: #0d6c70 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6] {
  padding: 18px !important;
  border: 1px solid #dfe8ee !important;
  border-radius: 26px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 18px 48px rgba(27, 52, 66, .08) !important;
}

html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6]::before {
  content: "All Entrances" !important;
  margin: 0 128px 14px 0 !important;
  color: #122033 !important;
  font-size: 24px !important;
  line-height: 1.05 !important;
}

html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6]:has(.web-list)::before {
  content: "Ranking Board" !important;
}

html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6]::after {
  content: "PWA / H5" !important;
  top: 18px !important;
  right: 18px !important;
  padding: 8px 12px !important;
  border: 1px solid #d5e6e8 !important;
  border-radius: 999px !important;
  background: #eef8f7 !important;
  color: #0d6269 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

html:not(.v2-showcase-ready) .site-shell .part-tab-header[data-v-6a20c7c6] {
  margin: 0 0 14px !important;
  padding: 4px !important;
  gap: 4px !important;
  border: 1px solid #dde8ed !important;
  border-radius: 18px !important;
  background: #f6f9fb !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .part-tab-button[data-v-6a20c7c6] {
  min-height: 48px !important;
  border-radius: 14px !important;
  color: #536678 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

html:not(.v2-showcase-ready) .site-shell .part-tab-button.active[data-v-6a20c7c6] {
  background: #0b4756 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(11, 71, 86, .18) !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-list[data-v-6a20c7c6] {
  grid-template-columns: repeat(auto-fit, minmax(164px, 1fr)) !important;
  gap: 12px !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
  grid-column: auto !important;
  min-height: 164px !important;
  padding: 10px !important;
  border: 1px solid #dfe8ee !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 26px rgba(28, 57, 72, .07) !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::before,
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::before {
  display: none !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::after,
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::after {
  content: "Open" !important;
  right: 10px !important;
  bottom: 10px !important;
  padding: 7px 11px !important;
  border-radius: 999px !important;
  background: #0b4756 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card .image-button[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card:first-child .image-button[data-v-6a20c7c6] {
  inset: 10px 10px 46px !important;
  padding: 0 !important;
  border: 1px solid #e2ebef !important;
  border-radius: 16px !important;
  background: #f7fafb !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card img[data-v-6a20c7c6] {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 15px !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card:first-child p[data-v-6a20c7c6] {
  max-width: calc(100% - 60px) !important;
  color: #122033 !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card:first-child p[data-v-6a20c7c6]::after {
  display: none !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] {
  gap: 10px !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6]::before {
  content: "Ranked by active stake" !important;
  margin: -2px 0 2px !important;
  color: #6b7b88 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n),
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child {
  min-height: 96px !important;
  padding: 12px !important;
  grid-template-columns: 48px 74px minmax(0, 1fr) 72px !important;
  gap: 12px !important;
  border: 1px solid #dfe8ee !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 26px rgba(28, 57, 72, .07) !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child {
  border-color: #ead7aa !important;
  background: linear-gradient(90deg, #fffaf0 0%, #ffffff 62%) !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list[data-v-6a20c7c6]::before,
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n)::before {
  display: none !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .rank-title[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-title[data-v-6a20c7c6] {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 16px !important;
  background: #f1f5f7 !important;
  color: #607283 !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  box-shadow: inset 0 0 0 1px #d8e3e8 !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-title[data-v-6a20c7c6] {
  background: #b98219 !important;
  color: #ffffff !important;
  font-size: 24px !important;
  box-shadow: 0 10px 20px rgba(185, 130, 25, .2) !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .rank-title[data-v-6a20c7c6] {
  background: #dbe5ec !important;
  color: #455b6b !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .rank-title[data-v-6a20c7c6] {
  background: #e4c2aa !important;
  color: #77472d !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .rank-image[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-image[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image[data-v-6a20c7c6] {
  width: 74px !important;
  height: 64px !important;
  min-height: 64px !important;
  border: 1px solid #dfe8ee !important;
  border-radius: 15px !important;
  background: #f7fafb !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .rank-image img[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-image img[data-v-6a20c7c6] {
  object-fit: contain !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .rank-info[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-info[data-v-6a20c7c6] {
  display: contents !important;
  grid-area: auto !important;
  padding: 0 !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .rank-info p[data-v-6a20c7c6] {
  grid-area: rankInfo !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .game-title[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .game-title[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .game-title[data-v-6a20c7c6] {
  margin: 0 !important;
  color: #122033 !important;
  font-size: 23px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .game-title[data-v-6a20c7c6] {
  color: #9d6813 !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .game-title[data-v-6a20c7c6]::after {
  content: "Staked 12M" !important;
  margin-top: 7px !important;
  display: block !important;
  color: #637382 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .game-title[data-v-6a20c7c6]::after {
  content: "Staked 50M" !important;
  color: #9d6813 !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2) .game-title[data-v-6a20c7c6]::after { content: "Staked 38M" !important; }
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3) .game-title[data-v-6a20c7c6]::after { content: "Staked 29M" !important; color: #8a563d !important; }
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(4) .game-title[data-v-6a20c7c6]::after { content: "Staked 21M" !important; }
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(5) .game-title[data-v-6a20c7c6]::after { content: "Staked 16M" !important; }

html:not(.v2-showcase-ready) .site-shell .tip-list .game-detail[data-v-6a20c7c6] {
  display: none !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .play-link[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .play-link[data-v-6a20c7c6] {
  width: 72px !important;
  min-width: 72px !important;
  min-height: 42px !important;
  border-radius: 999px !important;
  background: #0b4756 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .tab[data-v-6a20c7c6] {
  border: 1px solid #dfe8ee !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 14px 36px rgba(27, 52, 66, .07) !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock[data-v-6a20c7c6] {
  width: min(calc(100% - 32px), 828px) !important;
  min-height: 68px !important;
  border: 1px solid #dce7ec !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 14px 36px rgba(27, 52, 66, .14) !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock a[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock button[data-v-6a20c7c6] {
  min-width: 116px !important;
  min-height: 46px !important;
  background: #0b4756 !important;
  box-shadow: none !important;
}

@media (max-width: 520px) {
  html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6] {
    padding: 12px 10px 98px !important;
  }

  html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6]::before {
    height: 58px !important;
    padding: 0 14px !important;
    border-radius: 20px !important;
    font-size: 22px !important;
  }

  html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6]::after {
    top: 26px !important;
    right: 24px !important;
    font-size: 11px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6] {
    padding: 14px !important;
    border-radius: 22px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6]::before {
    margin-right: 88px !important;
    font-size: 22px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6]::after {
    top: 15px !important;
    right: 14px !important;
    padding: 7px 9px !important;
    font-size: 11px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-list[data-v-6a20c7c6] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
    min-height: 142px !important;
    border-radius: 18px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .logo-card:first-child p[data-v-6a20c7c6] {
    font-size: 16px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .tip-list[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n),
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child {
    min-height: 88px !important;
    padding: 10px !important;
    grid-template-columns: 40px 58px minmax(0, 1fr) 58px !important;
    gap: 8px !important;
    border-radius: 18px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .tip-list .rank-title[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-title[data-v-6a20c7c6] {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 14px !important;
    font-size: 20px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .tip-list .rank-image[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-image[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image[data-v-6a20c7c6] {
    width: 58px !important;
    height: 52px !important;
    min-height: 52px !important;
    border-radius: 13px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .tip-list .game-title[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .game-title[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .game-title[data-v-6a20c7c6] {
    font-size: 19px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .tip-list .game-title[data-v-6a20c7c6]::after {
    margin-top: 5px !important;
    font-size: 10px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .tip-list .play-link[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .play-link[data-v-6a20c7c6] {
    width: 58px !important;
    min-width: 58px !important;
    min-height: 38px !important;
    font-size: 12px !important;
  }
}

/* V2 return-to-original pass: early Route Launch Deck rhythm with deposit labels. */
html:not(.v2-showcase-ready),
html:not(.v2-showcase-ready) body {
  background:
    radial-gradient(circle at 10% -5%, rgba(39, 212, 255, .13), transparent 30%),
    radial-gradient(circle at 100% 8%, rgba(248, 202, 103, .14), transparent 26%),
    linear-gradient(180deg, #f6fbfb 0%, #edf4f7 52%, #f7faf8 100%) !important;
}

html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6] {
  width: min(100%, 760px) !important;
  padding: 14px 14px 112px !important;
  gap: 14px !important;
  color: #102033 !important;
}

html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6]::before,
html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6]::after {
  display: none !important;
}

html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6] {
  position: relative !important;
  margin: 0 !important;
  padding: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(190, 211, 218, .9) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(242, 249, 250, .94)) !important;
  box-shadow: 0 20px 48px rgba(28, 61, 76, .12) !important;
}

html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6]::before {
  content: "Route Launch Deck" !important;
  display: block !important;
  margin: 0 102px 12px 2px !important;
  color: #102033 !important;
  font-size: 26px !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6]:has(.web-list)::before {
  content: "Route Ranking" !important;
}

html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6]::after {
  content: "21 Routes" !important;
  top: 18px !important;
  right: 16px !important;
  display: inline-flex !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(39, 113, 127, .16) !important;
  border-radius: 999px !important;
  background: #eef8f8 !important;
  color: #0b6770 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .part-tab-header[data-v-6a20c7c6] {
  margin: 0 0 12px !important;
  padding: 4px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 4px !important;
  border: 1px solid rgba(190, 211, 218, .75) !important;
  border-radius: 16px !important;
  background: #f5f9fa !important;
  box-shadow: inset 0 1px 8px rgba(26, 62, 76, .04) !important;
}

html:not(.v2-showcase-ready) .site-shell .part-tab-button[data-v-6a20c7c6] {
  min-height: 46px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #607383 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .part-tab-button.active[data-v-6a20c7c6] {
  background: linear-gradient(145deg, #0b4150, #0d7280) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(11, 65, 80, .22) !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-list[data-v-6a20c7c6] {
  display: grid !important;
  grid-auto-flow: dense !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
  position: relative !important;
  grid-column: auto !important;
  min-height: 142px !important;
  padding: 10px !important;
  display: grid !important;
  align-content: end !important;
  overflow: hidden !important;
  border: 1px solid rgba(190, 211, 218, .88) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, #ffffff, #f7fbfc) !important;
  box-shadow: 0 12px 26px rgba(26, 62, 76, .08) !important;
  transform: none !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
  grid-column: span 2 !important;
  min-height: 166px !important;
  grid-template-columns: minmax(0, 1fr) minmax(94px, .58fr) !important;
  gap: 12px !important;
  border-color: rgba(203, 156, 55, .44) !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(248, 202, 103, .36), transparent 36%),
    linear-gradient(135deg, #ffffff 0%, #fbfefe 58%, #fff8e8 100%) !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::before {
  display: none !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::before {
  content: "FOCUS" !important;
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 4 !important;
  display: inline-flex !important;
  padding: 5px 8px !important;
  border-radius: 999px !important;
  background: #f5c76b !important;
  color: #102033 !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .04em !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::after {
  content: "Open" !important;
  position: absolute !important;
  right: 10px !important;
  bottom: 10px !important;
  z-index: 4 !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: #0b4150 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::after {
  content: "Priority Access" !important;
  background: transparent !important;
  color: #0b6770 !important;
  font-size: 11px !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card .image-button[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card:first-child .image-button[data-v-6a20c7c6] {
  position: absolute !important;
  inset: 10px 10px 44px !important;
  z-index: 2 !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: hidden !important;
  border: 1px solid rgba(202, 218, 224, .9) !important;
  border-radius: 13px !important;
  background: linear-gradient(180deg, #f8fbfc, #edf4f6) !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card:first-child .image-button[data-v-6a20c7c6] {
  position: static !important;
  grid-column: 1 !important;
  align-self: stretch !important;
  min-height: 122px !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card img[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card:first-child img[data-v-6a20c7c6] {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card:first-child p[data-v-6a20c7c6] {
  position: relative !important;
  z-index: 3 !important;
  max-width: calc(100% - 58px) !important;
  margin: 0 !important;
  color: #102033 !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-shadow: none !important;
  pointer-events: none !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card:first-child p[data-v-6a20c7c6] {
  grid-column: 2 !important;
  align-self: center !important;
  max-width: 100% !important;
  color: #a26b13 !important;
  font-size: 28px !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card:first-child p[data-v-6a20c7c6]::after {
  content: "Primary Route / Dual Access" !important;
  margin-top: 7px !important;
  display: block !important;
  color: #657686 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.32 !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6]::before {
  content: "Popularity Board / Deposit Ranking" !important;
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(39, 113, 127, .18) !important;
  border-radius: 12px !important;
  background: linear-gradient(90deg, rgba(39, 212, 255, .10), rgba(248, 202, 103, .10)) !important;
  color: #0b6770 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) {
  position: relative !important;
  min-height: 148px !important;
  padding: 10px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-areas: none !important;
  gap: 8px !important;
  align-items: start !important;
  overflow: hidden !important;
  border: 1px solid rgba(190, 211, 218, .88) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 26px rgba(26, 62, 76, .08) !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child {
  grid-column: 1 / -1 !important;
  min-height: 148px !important;
  grid-template-columns: minmax(120px, .55fr) minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  border-color: rgba(203, 156, 55, .46) !important;
  background:
    radial-gradient(circle at 90% 8%, rgba(248, 202, 103, .34), transparent 38%),
    linear-gradient(135deg, #ffffff, #fff9ea) !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list[data-v-6a20c7c6]::before,
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n)::before {
  content: "Deposit 12M" !important;
  position: absolute !important;
  left: 10px !important;
  right: auto !important;
  top: 10px !important;
  bottom: auto !important;
  z-index: 5 !important;
  display: inline-flex !important;
  padding: 5px 8px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .9) !important;
  color: #0b6770 !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: 0 8px 18px rgba(26, 62, 76, .08) !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child::before {
  content: "Deposit 50M" !important;
  background: #f5c76b !important;
  color: #102033 !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2)::before { content: "Deposit 38M" !important; }
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3)::before { content: "Deposit 29M" !important; color: #985737 !important; }
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(4)::before { content: "Deposit 21M" !important; }
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(5)::before { content: "Deposit 16M" !important; }

html:not(.v2-showcase-ready) .site-shell .tip-list[data-v-6a20c7c6]::after,
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n)::after {
  display: none !important;
}

html:not(.v2-showcase-ready) .site-shell .rank-image[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .tip-list .rank-image[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-image[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image[data-v-6a20c7c6] {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  border: 1px solid rgba(202, 218, 224, .9) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #f8fbfc, #edf4f6) !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image[data-v-6a20c7c6] {
  align-self: stretch !important;
  min-height: 122px !important;
}

html:not(.v2-showcase-ready) .site-shell .rank-image img[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .tip-list .rank-image img[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-image img[data-v-6a20c7c6] {
  width: 100% !important;
  height: 92px !important;
  aspect-ratio: auto !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 13px !important;
  background: transparent !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image img[data-v-6a20c7c6] {
  height: 100% !important;
  min-height: 122px !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .rank-info[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-info[data-v-6a20c7c6] {
  display: block !important;
  grid-area: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .rank-title[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-title[data-v-6a20c7c6] {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  z-index: 5 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 13px !important;
  background: #eef4f6 !important;
  color: #536879 !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  box-shadow: inset 0 0 0 1px rgba(190, 211, 218, .9) !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-title[data-v-6a20c7c6] {
  background: #f5c76b !important;
  color: #102033 !important;
  box-shadow: 0 10px 20px rgba(155, 105, 20, .16) !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .rank-info p[data-v-6a20c7c6] {
  grid-area: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .game-title[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .game-title[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .game-title[data-v-6a20c7c6] {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 5px !important;
  clip-path: none !important;
  overflow: hidden !important;
  color: #102033 !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .game-title[data-v-6a20c7c6] {
  color: #a26b13 !important;
  font-size: 30px !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .game-title[data-v-6a20c7c6]::after {
  display: none !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .game-detail[data-v-6a20c7c6] {
  display: block !important;
  overflow: hidden !important;
  color: #657686 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .play-link[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .play-link[data-v-6a20c7c6] {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 40px !important;
  justify-self: stretch !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, #0b4150, #0d7280) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  box-shadow: 0 12px 22px rgba(11, 65, 80, .18) !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .play-link[data-v-6a20c7c6] {
  width: 86px !important;
  min-width: 86px !important;
}

html:not(.v2-showcase-ready) .site-shell .tab[data-v-6a20c7c6] {
  border: 1px solid rgba(190, 211, 218, .9) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 16px 40px rgba(28, 61, 76, .1) !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock[data-v-6a20c7c6] {
  left: 50% !important;
  right: auto !important;
  bottom: 14px !important;
  transform: translateX(-50%) !important;
  width: min(calc(100% - 28px), 732px) !important;
  min-height: 68px !important;
  border: 1px solid rgba(190, 211, 218, .9) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 18px 42px rgba(28, 61, 76, .18) !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock a[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock button[data-v-6a20c7c6] {
  min-width: 112px !important;
  min-height: 46px !important;
  background: linear-gradient(145deg, #0b4150, #0d7280) !important;
  box-shadow: none !important;
}

@media (max-width: 430px) {
  html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6] {
    padding: 12px 10px 106px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6] {
    padding: 14px !important;
    border-radius: 22px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6]::before {
    margin-right: 82px !important;
    font-size: 23px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
    min-height: 134px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
    min-height: 158px !important;
    grid-template-columns: minmax(0, 1fr) minmax(86px, .55fr) !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card:first-child p[data-v-6a20c7c6] {
    font-size: 25px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] {
    gap: 9px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .tip-list[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) {
    min-height: 140px !important;
    padding: 9px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child {
    min-height: 140px !important;
    grid-template-columns: minmax(112px, .54fr) minmax(0, 1fr) 70px !important;
    gap: 9px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .rank-image img[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .tip-list .rank-image img[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-image img[data-v-6a20c7c6] {
    height: 82px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image img[data-v-6a20c7c6] {
    min-height: 112px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .tip-list .game-title[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .game-title[data-v-6a20c7c6] {
    font-size: 18px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .game-title[data-v-6a20c7c6] {
    font-size: 25px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .tip-list .game-detail[data-v-6a20c7c6] {
    display: none !important;
  }

  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .play-link[data-v-6a20c7c6] {
    width: 70px !important;
    min-width: 70px !important;
  }
}

/* V2 icon-gallery pass: dark showroom styling that lets the colorful station icons lead. */
html:not(.v2-showcase-ready),
html:not(.v2-showcase-ready) body {
  background:
    radial-gradient(circle at 14% 0%, rgba(21, 204, 255, .22), transparent 28%),
    radial-gradient(circle at 86% 7%, rgba(255, 198, 78, .20), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(255, 82, 159, .15), transparent 34%),
    linear-gradient(180deg, #07101c 0%, #0b1320 48%, #10141f 100%) !important;
}

html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6] {
  width: min(100%, 800px) !important;
  min-height: 100vh !important;
  padding: 16px 14px 112px !important;
  gap: 14px !important;
  color: #f6fbff !important;
  background: transparent !important;
}

html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6]::before {
  content: "Access Icon Gallery" !important;
  height: 62px !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  border: 1px solid rgba(99, 226, 255, .22) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(135deg, rgba(15, 31, 48, .92), rgba(11, 19, 32, .94)) !important;
  color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .12),
    0 20px 46px rgba(0, 0, 0, .28) !important;
}

html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6]::after {
  content: "21 Icons" !important;
  top: 30px !important;
  right: max(30px, calc((100vw - 800px) / 2 + 30px)) !important;
  display: inline-flex !important;
  padding: 8px 11px !important;
  border: 1px solid rgba(255, 198, 78, .28) !important;
  border-radius: 999px !important;
  background: rgba(255, 198, 78, .13) !important;
  color: #ffd87a !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .04em !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6] {
  position: relative !important;
  margin: 0 !important;
  padding: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(99, 226, 255, .20) !important;
  border-radius: 26px !important;
  background:
    linear-gradient(145deg, rgba(15, 29, 46, .94), rgba(7, 14, 25, .94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .10),
    0 22px 54px rgba(0, 0, 0, .34) !important;
}

html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6]::before {
  content: "Featured Entrances" !important;
  display: block !important;
  margin: 0 98px 14px 2px !important;
  color: #ffffff !important;
  font-size: 25px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
}

html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6]:has(.web-list)::before {
  content: "Icon Ranking" !important;
}

html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6]::after {
  content: "PWA / H5" !important;
  top: 17px !important;
  right: 16px !important;
  display: inline-flex !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(99, 226, 255, .26) !important;
  border-radius: 999px !important;
  background: rgba(25, 209, 255, .12) !important;
  color: #62e5ff !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .04em !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .part-tab-header[data-v-6a20c7c6] {
  margin: 0 0 14px !important;
  padding: 4px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 4px !important;
  border: 1px solid rgba(99, 226, 255, .17) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .05) !important;
  box-shadow: inset 0 1px 10px rgba(0, 0, 0, .22) !important;
}

html:not(.v2-showcase-ready) .site-shell .part-tab-button[data-v-6a20c7c6] {
  min-height: 48px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: #a8bac9 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .part-tab-button.active[data-v-6a20c7c6] {
  background: linear-gradient(145deg, #1bd6ff, #0b6dff) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(11, 109, 255, .26) !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-list[data-v-6a20c7c6] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
  position: relative !important;
  grid-column: auto !important;
  min-height: 176px !important;
  padding: 12px !important;
  display: grid !important;
  align-content: end !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 50% 35%, rgba(255, 255, 255, .09), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .035)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .10),
    0 16px 34px rgba(0, 0, 0, .26) !important;
  transform: none !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
  grid-column: span 2 !important;
  min-height: 206px !important;
  grid-template-columns: minmax(0, 1fr) minmax(104px, .42fr) !important;
  gap: 14px !important;
  border-color: rgba(255, 210, 89, .35) !important;
  background:
    radial-gradient(circle at 22% 44%, rgba(255, 210, 89, .18), transparent 33%),
    radial-gradient(circle at 86% 18%, rgba(31, 215, 255, .16), transparent 32%),
    linear-gradient(145deg, rgba(45, 34, 22, .80), rgba(10, 18, 31, .95)) !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::before,
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::before {
  display: none !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::after {
  content: "Open" !important;
  position: absolute !important;
  right: 12px !important;
  bottom: 12px !important;
  z-index: 4 !important;
  padding: 7px 11px !important;
  border-radius: 999px !important;
  background: rgba(28, 216, 255, .18) !important;
  color: #72e9ff !important;
  border: 1px solid rgba(114, 233, 255, .22) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::after {
  content: "Top Entrance" !important;
  background: rgba(255, 210, 89, .16) !important;
  border-color: rgba(255, 210, 89, .28) !important;
  color: #ffd970 !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card .image-button[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card:first-child .image-button[data-v-6a20c7c6] {
  position: absolute !important;
  inset: 10px 10px 50px !important;
  z-index: 2 !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 10px !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 21px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .18), transparent 58%) !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card:first-child .image-button[data-v-6a20c7c6] {
  position: static !important;
  grid-column: 1 !important;
  align-self: stretch !important;
  min-height: 164px !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card img[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card:first-child img[data-v-6a20c7c6] {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 20px !important;
  background: transparent !important;
  filter: drop-shadow(0 18px 22px rgba(0, 0, 0, .34)) saturate(1.08) !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card:first-child p[data-v-6a20c7c6] {
  position: relative !important;
  z-index: 3 !important;
  max-width: calc(100% - 64px) !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .45) !important;
  pointer-events: none !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card:first-child p[data-v-6a20c7c6] {
  grid-column: 2 !important;
  align-self: center !important;
  max-width: 100% !important;
  color: #ffd970 !important;
  font-size: 30px !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card:first-child p[data-v-6a20c7c6]::after {
  content: "Icon-first access card" !important;
  margin-top: 8px !important;
  display: block !important;
  color: #a8bac9 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6]::before {
  content: "Deposit board" !important;
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  padding: 9px 11px !important;
  border: 1px solid rgba(255, 210, 89, .22) !important;
  border-radius: 14px !important;
  background: rgba(255, 210, 89, .10) !important;
  color: #ffd970 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n),
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child {
  position: relative !important;
  min-height: 112px !important;
  padding: 12px !important;
  display: grid !important;
  grid-template-columns: 54px 88px minmax(0, 1fr) 76px !important;
  grid-template-areas: "rankNo rankImage rankInfo rankCta" !important;
  gap: 12px !important;
  align-items: center !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .035)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .10),
    0 16px 34px rgba(0, 0, 0, .26) !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child {
  min-height: 144px !important;
  border-color: rgba(255, 210, 89, .35) !important;
  background:
    radial-gradient(circle at 82% 0%, rgba(255, 210, 89, .15), transparent 35%),
    linear-gradient(145deg, rgba(45, 34, 22, .72), rgba(10, 18, 31, .96)) !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list[data-v-6a20c7c6]::before,
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n)::before {
  content: "Deposit 12M" !important;
  position: absolute !important;
  left: auto !important;
  right: 100px !important;
  top: auto !important;
  bottom: 16px !important;
  z-index: 5 !important;
  display: inline-flex !important;
  padding: 5px 9px !important;
  border: 1px solid rgba(114, 233, 255, .20) !important;
  border-radius: 999px !important;
  background: rgba(28, 216, 255, .12) !important;
  color: #72e9ff !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child::before {
  content: "Deposit 50M" !important;
  border-color: rgba(255, 210, 89, .28) !important;
  background: rgba(255, 210, 89, .16) !important;
  color: #ffd970 !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(2)::before { content: "Deposit 38M" !important; }
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(3)::before { content: "Deposit 29M" !important; border-color: rgba(255, 142, 89, .28) !important; background: rgba(255, 142, 89, .14) !important; color: #ffb38f !important; }
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(4)::before { content: "Deposit 21M" !important; }
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(5)::before { content: "Deposit 16M" !important; }

html:not(.v2-showcase-ready) .site-shell .tip-list[data-v-6a20c7c6]::after,
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n)::after {
  display: none !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .rank-info[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-info[data-v-6a20c7c6] {
  display: contents !important;
  grid-area: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .rank-title[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-title[data-v-6a20c7c6] {
  position: static !important;
  grid-area: rankNo !important;
  width: 54px !important;
  min-width: 54px !important;
  max-width: 54px !important;
  height: 54px !important;
  min-height: 54px !important;
  z-index: 5 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .08) !important;
  color: #d9e9f6 !important;
  font-size: 25px !important;
  font-weight: 950 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10) !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-title[data-v-6a20c7c6] {
  background: linear-gradient(145deg, #ffd970, #bb7d14) !important;
  color: #1a1308 !important;
  box-shadow: 0 12px 20px rgba(255, 210, 89, .18) !important;
}

html:not(.v2-showcase-ready) .site-shell .rank-image[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .tip-list .rank-image[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-image[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image[data-v-6a20c7c6] {
  grid-area: rankImage !important;
  width: 88px !important;
  height: 88px !important;
  min-height: 88px !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .16), transparent 58%) !important;
  padding: 0 !important;
  overflow: visible !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .rank-image img[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .tip-list .rank-image img[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-image img[data-v-6a20c7c6] {
  width: 88px !important;
  height: 88px !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 20px !important;
  background: transparent !important;
  filter: drop-shadow(0 13px 16px rgba(0, 0, 0, .34)) saturate(1.08) !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .rank-info p[data-v-6a20c7c6] {
  grid-area: rankInfo !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding-bottom: 24px !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .game-title[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .game-title[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .game-title[data-v-6a20c7c6] {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 6px !important;
  clip-path: none !important;
  overflow: hidden !important;
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .45) !important;
}

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .game-title[data-v-6a20c7c6] {
  color: #ffd970 !important;
  font-size: 32px !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .game-title[data-v-6a20c7c6]::after {
  display: none !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .game-detail[data-v-6a20c7c6] {
  display: block !important;
  overflow: hidden !important;
  color: #a8bac9 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

html:not(.v2-showcase-ready) .site-shell .tip-list .play-link[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .play-link[data-v-6a20c7c6] {
  grid-area: rankCta !important;
  width: 76px !important;
  min-width: 76px !important;
  min-height: 42px !important;
  justify-self: end !important;
  border: 1px solid rgba(114, 233, 255, .20) !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, #1bd6ff, #0b6dff) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  box-shadow: 0 12px 22px rgba(11, 109, 255, .22) !important;
}

html:not(.v2-showcase-ready) .site-shell .tab[data-v-6a20c7c6] {
  border: 1px solid rgba(99, 226, 255, .18) !important;
  border-radius: 24px !important;
  background: linear-gradient(145deg, rgba(15, 29, 46, .92), rgba(7, 14, 25, .92)) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .30) !important;
}

html:not(.v2-showcase-ready) .site-shell .tab h1[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .info-title[data-v-6a20c7c6] {
  color: #ffffff !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock[data-v-6a20c7c6] {
  left: 50% !important;
  right: auto !important;
  bottom: 14px !important;
  transform: translateX(-50%) !important;
  width: min(calc(100% - 28px), 772px) !important;
  min-height: 68px !important;
  border: 1px solid rgba(99, 226, 255, .20) !important;
  border-radius: 24px !important;
  background: rgba(12, 22, 35, .92) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .36) !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-bottom-brandstack[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .floating-brand-text[data-v-6a20c7c6] {
  color: #ffffff !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-brand-sub[data-v-6a20c7c6] {
  color: #a8bac9 !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock a[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock button[data-v-6a20c7c6] {
  min-width: 112px !important;
  min-height: 46px !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, #1bd6ff, #0b6dff) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

@media (max-width: 430px) {
  html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6] {
    padding: 12px 10px 106px !important;
  }

  html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6]::before {
    height: 58px !important;
    padding: 0 14px !important;
    border-radius: 22px !important;
    font-size: 21px !important;
  }

  html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6]::after {
    top: 26px !important;
    right: 24px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6] {
    padding: 14px !important;
    border-radius: 24px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6]::before {
    margin-right: 86px !important;
    font-size: 23px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-list[data-v-6a20c7c6] {
    gap: 10px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
    min-height: 156px !important;
    border-radius: 22px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
    min-height: 190px !important;
    grid-template-columns: minmax(0, 1fr) minmax(88px, .42fr) !important;
    gap: 10px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card:first-child .image-button[data-v-6a20c7c6] {
    min-height: 150px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6] {
    font-size: 16px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card:first-child p[data-v-6a20c7c6] {
    font-size: 25px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .tip-list[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n),
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child {
    min-height: 104px !important;
    padding: 10px !important;
    grid-template-columns: 42px 66px minmax(0, 1fr) 62px !important;
    gap: 8px !important;
    border-radius: 20px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .tip-list .rank-title[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-title[data-v-6a20c7c6] {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 14px !important;
    font-size: 20px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .rank-image[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .tip-list .rank-image[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-image[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .rank-image[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .rank-image img[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .tip-list .rank-image img[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .rank-image img[data-v-6a20c7c6] {
    width: 66px !important;
    height: 66px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .tip-list .rank-info p[data-v-6a20c7c6] {
    padding-bottom: 20px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .tip-list .game-title[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .game-title[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:first-child .game-title[data-v-6a20c7c6] {
    font-size: 19px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .tip-list .game-detail[data-v-6a20c7c6] {
    display: none !important;
  }

  html:not(.v2-showcase-ready) .site-shell .tip-list[data-v-6a20c7c6]::before,
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n)::before {
    right: 78px !important;
    bottom: 14px !important;
    padding: 4px 7px !important;
    font-size: 9px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .tip-list .play-link[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] > .tip-list[data-v-6a20c7c6]:nth-child(n) .play-link[data-v-6a20c7c6] {
    width: 62px !important;
    min-width: 62px !important;
    min-height: 38px !important;
    font-size: 12px !important;
  }
}

/* V2 banner-ranking pass: large image banner followed by an image-led casino ranking table. */
html:not(.v2-showcase-ready),
html:not(.v2-showcase-ready) body {
  background: linear-gradient(180deg, #eaf4f1 0%, #f5f8f6 42%, #eef5f1 100%) !important;
}

html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6] {
  width: min(100%, 820px) !important;
  min-height: 100vh !important;
  margin: 0 auto !important;
  padding: 14px 12px 104px !important;
  gap: 12px !important;
  color: #18251f !important;
  background: transparent !important;
}

html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6]::before {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1024 / 437 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  background-image: url("/site-assets/images/banner0001.png") !important;
  background-size: cover !important;
  background-position: center !important;
  box-shadow: 0 16px 34px rgba(15, 70, 92, .18) !important;
}

html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6]::after,
html:not(.v2-showcase-ready) .site-shell .header[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .banner[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .service-part[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .kf[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .service[data-v-6a20c7c6] {
  display: none !important;
}

html:not(.v2-showcase-ready) .site-shell .main[data-v-6a20c7c6] {
  display: contents !important;
}

html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6] {
  position: relative !important;
  margin: 0 !important;
  padding: 14px !important;
  overflow: hidden !important;
  border: 1px solid #dce8df !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 30px rgba(30, 58, 42, .12) !important;
}

html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6]::before {
  content: "Ranking dos cassinos" !important;
  display: block !important;
  margin: 0 86px 12px 0 !important;
  color: #1b2b22 !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6]:has(.web-list)::before {
  content: "Ranking dos cassinos" !important;
}

html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6]::after {
  content: "Ver todos" !important;
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  display: inline-flex !important;
  padding: 4px 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #078c42 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .part-tab-header[data-v-6a20c7c6] {
  display: none !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-list[data-v-6a20c7c6] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
  position: relative !important;
  grid-column: auto !important;
  min-height: 78px !important;
  padding: 10px 112px 10px 54px !important;
  display: grid !important;
  align-items: center !important;
  align-content: center !important;
  overflow: hidden !important;
  border: 1px solid #edf2ee !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 18px rgba(35, 65, 48, .06) !important;
  transform: none !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:not(:last-child) {
  border-bottom-color: #e8eee9 !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::before,
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::before {
  content: "1" !important;
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  z-index: 4 !important;
  display: grid !important;
  width: 28px !important;
  height: 28px !important;
  place-items: center !important;
  transform: translateY(-50%) !important;
  border-radius: 999px !important;
  background: #11a64a !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(2)::before { content: "2" !important; background: #c6ccc9 !important; color: #ffffff !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(3)::before { content: "3" !important; background: #c6ccc9 !important; color: #ffffff !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(4)::before { content: "4" !important; background: #e7ece8 !important; color: #718077 !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(5)::before { content: "5" !important; background: #e7ece8 !important; color: #718077 !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(6)::before { content: "6" !important; background: #e7ece8 !important; color: #718077 !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(7)::before { content: "7" !important; background: #e7ece8 !important; color: #718077 !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(8)::before { content: "8" !important; background: #e7ece8 !important; color: #718077 !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(9)::before { content: "9" !important; background: #e7ece8 !important; color: #718077 !important; }

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::after,
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::after {
  content: "Jogar Agora" !important;
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  z-index: 4 !important;
  display: grid !important;
  width: 94px !important;
  height: 38px !important;
  place-items: center !important;
  transform: translateY(-50%) !important;
  border-radius: 9px !important;
  border: 0 !important;
  background: linear-gradient(180deg, #16a957, #07883c) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 8px 16px rgba(7, 136, 60, .20) !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card .image-button[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card:first-child .image-button[data-v-6a20c7c6] {
  position: absolute !important;
  inset: 10px auto 10px 54px !important;
  z-index: 2 !important;
  width: 76px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 4px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px solid #e6eee8 !important;
  border-radius: 9px !important;
  background: #f7faf8 !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card img[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card:first-child img[data-v-6a20c7c6] {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-width: none !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 7px !important;
  background: transparent !important;
  filter: none !important;
  box-shadow: none !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card:first-child p[data-v-6a20c7c6] {
  position: relative !important;
  z-index: 3 !important;
  max-width: none !important;
  margin: 0 0 0 90px !important;
  color: #1e2b24 !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-shadow: none !important;
  pointer-events: none !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6]::before {
  content: "★★★★★ 4.9" !important;
  display: block !important;
  margin-bottom: 5px !important;
  color: #f4b52b !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6]::after {
  content: "Bônus até  R$ 5.000" !important;
  position: absolute !important;
  top: 50% !important;
  right: 106px !important;
  width: 86px !important;
  transform: translateY(-50%) !important;
  color: #4d6658 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.16 !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card:nth-child(2) p[data-v-6a20c7c6]::before { content: "★★★★☆ 4.6" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card:nth-child(3) p[data-v-6a20c7c6]::before { content: "★★★★☆ 4.5" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card:nth-child(2) p[data-v-6a20c7c6]::after { content: "Bônus até  R$ 1.500" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card:nth-child(3) p[data-v-6a20c7c6]::after { content: "Bônus até  R$ 2.500" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card:nth-child(4) p[data-v-6a20c7c6]::after { content: "Bônus até  R$ 2.000" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card:nth-child(5) p[data-v-6a20c7c6]::after { content: "Bônus até  R$ 1.800" !important; }

html:not(.v2-showcase-ready) .site-shell .web-list[data-v-6a20c7c6] {
  display: none !important;
}

html:not(.v2-showcase-ready) .site-shell .tab[data-v-6a20c7c6] {
  margin-top: 0 !important;
  border: 1px solid #dce8df !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  color: #1e2b24 !important;
  box-shadow: 0 12px 28px rgba(30, 58, 42, .10) !important;
}

html:not(.v2-showcase-ready) .site-shell .tab h1[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .info-title[data-v-6a20c7c6] {
  color: #1e2b24 !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock[data-v-6a20c7c6] {
  left: 50% !important;
  right: auto !important;
  bottom: 12px !important;
  transform: translateX(-50%) !important;
  width: min(calc(100% - 24px), 796px) !important;
  min-height: 64px !important;
  border: 1px solid #dce8df !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 14px 32px rgba(30, 58, 42, .16) !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-bottom-brandstack[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .floating-brand-text[data-v-6a20c7c6] {
  color: #1e2b24 !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-brand-sub[data-v-6a20c7c6] {
  color: #617268 !important;
}

html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock a[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .floating-bottom-dock button[data-v-6a20c7c6] {
  min-width: 116px !important;
  min-height: 44px !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #16a957, #07883c) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

@media (max-width: 520px) {
  html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6] {
    padding: 10px 8px 96px !important;
  }

  html:not(.v2-showcase-ready) .site-shell[data-v-6a20c7c6]::before {
    border-radius: 14px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6] {
    padding: 10px !important;
    border-radius: 14px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6]::before {
    margin: 0 72px 10px 0 !important;
    font-size: 16px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .part1.part-tabs[data-v-6a20c7c6]::after {
    top: 10px !important;
    right: 10px !important;
    font-size: 10px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-list[data-v-6a20c7c6] {
    gap: 6px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
    min-height: 62px !important;
    padding: 8px 82px 8px 38px !important;
    border-radius: 10px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::before,
  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::before {
    left: 8px !important;
    width: 22px !important;
    height: 22px !important;
    font-size: 11px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card .image-button[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .logo-card:first-child .image-button[data-v-6a20c7c6] {
    inset: 8px auto 8px 38px !important;
    width: 58px !important;
    border-radius: 8px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .logo-card:first-child p[data-v-6a20c7c6] {
    margin-left: 66px !important;
    font-size: 12px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6]::before {
    margin-bottom: 3px !important;
    font-size: 9px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6]::after {
    right: 78px !important;
    width: 54px !important;
    font-size: 8px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::after,
  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::after {
    right: 8px !important;
    width: 68px !important;
    height: 32px !important;
    border-radius: 8px !important;
    font-size: 9px !important;
  }
}

/* V2 ranking spacing final: rank number, image, text, and CTA use separate lanes. */
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
  min-height: 86px !important;
  padding: 12px 126px 12px 162px !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::before,
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::before {
  left: 12px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(10)::before { content: "10" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(11)::before { content: "11" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(12)::before { content: "12" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(13)::before { content: "13" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(14)::before { content: "14" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(15)::before { content: "15" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(16)::before { content: "16" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(17)::before { content: "17" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(18)::before { content: "18" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(19)::before { content: "19" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(20)::before { content: "20" !important; }
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:nth-child(21)::before { content: "21" !important; }

html:not(.v2-showcase-ready) .site-shell .logo-card .image-button[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card:first-child .image-button[data-v-6a20c7c6] {
  inset: 12px auto 12px 68px !important;
  width: 82px !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card:first-child p[data-v-6a20c7c6] {
  margin: 0 !important;
}

@media (max-width: 520px) {
  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
    min-height: 72px !important;
    padding: 9px 84px 9px 122px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::before,
  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::before {
    left: 8px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    font-size: 10px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card .image-button[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .logo-card:first-child .image-button[data-v-6a20c7c6] {
    inset: 9px auto 9px 48px !important;
    width: 64px !important;
  }
}

/* V2 ranking row grid lock final. This block must stay last. */
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
  display: grid !important;
  grid-template-columns: 48px 118px minmax(180px, 1fr) 132px !important;
  column-gap: 16px !important;
  align-items: center !important;
  min-height: 104px !important;
  padding: 14px 18px !important;
  overflow: hidden !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::before,
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::before {
  position: static !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: center !important;
  align-self: center !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  transform: none !important;
  display: grid !important;
  place-items: center !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card .image-button[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card:first-child .image-button[data-v-6a20c7c6] {
  position: static !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  width: 118px !important;
  height: 76px !important;
  min-height: 0 !important;
  inset: auto !important;
  margin: 0 !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6],
html:not(.v2-showcase-ready) .site-shell .logo-card:first-child p[data-v-6a20c7c6] {
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: center !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: #17261f !important;
  text-align: left !important;
  white-space: normal !important;
}

html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::after,
html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::after {
  position: static !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  justify-self: stretch !important;
  align-self: center !important;
  width: auto !important;
  height: 48px !important;
  transform: none !important;
  pointer-events: none !important;
}

@media (max-width: 620px) {
  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child {
    grid-template-columns: 36px 72px minmax(0, 1fr) 82px !important;
    column-gap: 8px !important;
    min-height: 78px !important;
    padding: 10px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::before,
  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::before {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    font-size: 11px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card .image-button[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .logo-card:first-child .image-button[data-v-6a20c7c6] {
    width: 72px !important;
    height: 56px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6],
  html:not(.v2-showcase-ready) .site-shell .logo-card:first-child p[data-v-6a20c7c6] {
    font-size: 12px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6]::before,
  html:not(.v2-showcase-ready) .site-shell .logo-card p[data-v-6a20c7c6]::after {
    font-size: 9px !important;
  }

  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]::after,
  html:not(.v2-showcase-ready) .site-shell .logo-card[data-v-6a20c7c6]:first-child::after {
    height: 36px !important;
    font-size: 10px !important;
  }
}