/* LuckyUSA style layer - per-site home polish, no shared business changes.
 *
 * Keep 7000 contracts intact: home block anchors, data-action handlers,
 * LiteApi business flow, and homepageEditor7000 baking markers stay untouched.
 */
@font-face {
  font-family: "LuckyUSAIconfont";
  /* Keep this version aligned with the LuckyUSA style release. The glyphs are
     private-use codepoints, so a cached older font can render a different icon. */
  src: url("../fonts/iconfont-qianbao.woff2?v=luckyusa-new-user-reward-20260725m-opt20260729b-invite-flow-direction") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: block;
}

html[data-lite-style-id="luckyusa"] {
  --lk-bg: #020713;
  --lk-surface: rgba(2, 12, 33, .92);
  --lk-surface-2: rgba(4, 17, 45, .88);
  --lk-line: rgba(0, 106, 255, .5);
  --lk-line-soft: rgba(56, 135, 255, .32);
  --lk-blue: #095cff;
  --lk-cyan: #18c8ff;
  --lk-text: #f6fbff;
  --lk-muted: rgba(222, 232, 255, .72);
  --lucky-hairline: .5px;
}

html[data-lite-style-id="luckyusa"] .app-shell {
  --app-download-height: 9.7cqw;
  --app-header-height: 8.25cqw;
  --app-tabbar-height: 14.55cqw;
  --app-content-padding-bottom: 14.55cqw;
  background: var(--lk-bg);
  overflow-x: clip;
  overflow-y: hidden;
}

html[data-lite-style-id="luckyusa"] .app-main {
  background:
    radial-gradient(circle at 50% 0, rgba(0, 93, 255, .22), transparent 36cqw),
    linear-gradient(180deg, #020b21 0%, #020611 48%, #01040c 100%);
  overflow-x: hidden;
}

html[data-lite-style-id="luckyusa"] .pwa-l5-bar {
  height: var(--app-download-height);
  border: 1px solid rgba(26, 89, 179, .42);
  border-top: 0;
  border-radius: 0 0 3.2cqw 3.2cqw;
  background:
    radial-gradient(circle at 6% 50%, rgba(8, 99, 255, .28), transparent 20cqw),
    linear-gradient(90deg, rgba(2, 12, 34, .98), rgba(0, 15, 44, .98));
  box-shadow:
    inset 0 -1px 0 rgba(61, 137, 255, .18),
    0 1.2cqw 3.8cqw rgba(0, 0, 0, .34);
}

html[data-lite-style-id="luckyusa"] .pwa-close {
  left: auto;
  right: 2.2cqw;
  top: 1.8cqw;
  width: 5.9cqw;
  height: 5.9cqw;
  color: rgba(255, 255, 255, .92);
  font-size: 7.2cqw;
  font-weight: 200;
}

html[data-lite-style-id="luckyusa"] .pwa-app-icon {
  left: 3.1cqw;
  top: 1.5cqw;
  width: 6.8cqw;
  height: 6.8cqw;
  border-radius: 1.7cqw;
  box-shadow: 0 0 0 1px rgba(91, 148, 255, .34), 0 .6cqw 1.6cqw rgba(0, 0, 0, .32);
}

html[data-lite-style-id="luckyusa"] .pwa-title {
  left: 11.7cqw;
  top: 1.55cqw;
  width: 43cqw;
  color: var(--lk-text);
  font-size: 2.45cqw;
  line-height: 3.15cqw;
  font-weight: 760;
}

html[data-lite-style-id="luckyusa"] .pwa-title span:first-child {
  font-size: 2.65cqw;
}

html[data-lite-style-id="luckyusa"] .pwa-title span:last-child {
  color: rgba(229, 236, 255, .78);
  font-weight: 500;
}

html[data-lite-style-id="luckyusa"] .pwa-money,
html[data-lite-style-id="luckyusa"] .pwa-cloud {
  display: none;
}

html[data-lite-style-id="luckyusa"] .pwa-update {
  left: auto;
  right: 10.2cqw;
  top: 1.75cqw;
  width: 14.3cqw;
  height: 6.1cqw;
  border-radius: 1.7cqw;
  background: linear-gradient(180deg, #0b72ff 0%, #003de4 100%);
  color: #fff;
  font-size: 2.75cqw;
  font-weight: 760;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 .7cqw 2.1cqw rgba(0, 60, 255, .42);
}

html[data-lite-style-id="luckyusa"] .l5-header.app-header,
html[data-lite-style-id="luckyusa"] .app-shell.route-home:not(.is-app-banner-hidden) .l5-header.app-header {
  height: var(--app-header-height);
  background: rgba(1, 8, 24, .96);
  border-bottom: 1px solid rgba(35, 98, 191, .26);
  box-shadow: 0 1.2cqw 2.7cqw rgba(0, 0, 0, .24);
}

html[data-lite-style-id="luckyusa"] .l5-menu {
  left: 1.9cqw;
  top: 2cqw;
  width: 6.2cqw;
  height: 5.55cqw;
}

html[data-lite-style-id="luckyusa"] .l5-menu img {
  display: none;
}

html[data-lite-style-id="luckyusa"] .l5-menu::before {
  content: "";
  position: absolute;
  left: 1.05cqw;
  top: 1.05cqw;
  width: 3.3cqw;
  height: .34cqw;
  border-radius: 999px;
  background: rgba(255, 255, 255, .95);
  box-shadow:
    0 1.35cqw 0 rgba(255, 255, 255, .95),
    0 2.7cqw 0 rgba(255, 255, 255, .95);
}

html[data-lite-style-id="luckyusa"] .l5-logo {
  left: 9.65cqw;
  top: 1.55cqw;
  width: 25cqw !important;
  height: 5.2cqw;
  object-fit: contain;
  object-position: left center;
  opacity: 1;
}

html[data-lite-style-id="luckyusa"] .l5-wallet-combo {
  left: 36.75cqw;
  top: 1.65cqw;
  width: 40.25cqw;
  height: 5.35cqw;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html[data-lite-style-id="luckyusa"] .l5-assets {
  left: 0;
  top: 0;
  width: 100%;
  height: 5.35cqw;
  display: flex;
  gap: 4.2cqw;
}

html[data-lite-style-id="luckyusa"] .l5-asset-row {
  position: relative;
  left: auto;
  top: auto !important;
  width: 20.75cqw;
  height: 5.35cqw;
  padding: 0 1.05cqw;
  gap: .95cqw;
  border: 1px solid rgba(29, 100, 220, .48);
  border-radius: 3.6cqw;
  background: linear-gradient(180deg, rgba(1, 14, 40, .96), rgba(0, 7, 22, .96));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 0 1.15cqw rgba(0, 82, 255, .14);
}

html[data-lite-style-id="luckyusa"] .l5-asset-row:nth-child(2) {
  width: 15.7cqw;
}

html[data-lite-style-id="luckyusa"] .l5-asset-row strong {
  color: rgba(255, 255, 255, .94);
  font-size: 2.05cqw;
  line-height: 1;
  font-weight: 650;
}

html[data-lite-style-id="luckyusa"] .l5-asset-row .l5-marker {
  width: 3.55cqw;
  height: 3.55cqw;
  font-size: 1.8cqw;
}

html[data-lite-style-id="luckyusa"] .l5-marker {
  width: 4.05cqw;
  height: 4.05cqw;
  padding-top: 0;
  font-size: 2.05cqw;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, .28), 0 0 1.25cqw rgba(14, 93, 255, .34);
}

html[data-lite-style-id="luckyusa"] .l5-marker-w {
  background: radial-gradient(circle at 35% 28%, #6de2ff 0%, #1e67ff 46%, #0717b8 100%);
}

html[data-lite-style-id="luckyusa"] .l5-marker-f {
  background: radial-gradient(circle at 35% 28%, #ffd36a 0%, #f18000 50%, #bd3100 100%);
}

html[data-lite-style-id="luckyusa"] .l5-plus {
  left: 15.78cqw;
  right: auto;
  top: 1cqw;
  width: 3.35cqw;
  height: 3.35cqw;
  border-radius: .65cqw;
  background: linear-gradient(180deg, #164dff, #0613a5);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .24), 0 0 1.2cqw rgba(28, 92, 255, .5);
  background-image: linear-gradient(180deg, #164dff, #0613a5);
}

html[data-lite-style-id="luckyusa"] .l5-plus::before,
html[data-lite-style-id="luckyusa"] .l5-plus::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.9cqw;
  height: .34cqw;
  border-radius: 99px;
  background: #fff !important;
  transform: translate(-50%, -50%) !important;
  -webkit-mask: none !important;
  mask: none !important;
}

html[data-lite-style-id="luckyusa"] .l5-plus::after {
  width: .34cqw;
  height: 1.9cqw;
}

html[data-lite-style-id="luckyusa"] .l5-pig,
html[data-lite-style-id="luckyusa"] .l5-bonus {
  top: 1.65cqw;
  width: 5.35cqw;
  height: 5.35cqw;
  border: 1px solid rgba(52, 113, 226, .42);
  border-radius: 2.1cqw;
  background: rgba(3, 12, 31, .9);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

html[data-lite-style-id="luckyusa"] .l5-pig {
  left: 80.2cqw;
}

html[data-lite-style-id="luckyusa"] .l5-bonus {
  left: 90cqw;
}

html[data-lite-style-id="luckyusa"] .l5-pig img,
html[data-lite-style-id="luckyusa"] .l5-bonus img {
  left: 1.02cqw;
  top: 1.02cqw;
  width: 3.3cqw;
  height: 3.3cqw;
  object-fit: contain;
}

html[data-lite-style-id="luckyusa"] .l5-auth-button {
  top: 1.65cqw;
  height: 6.1cqw;
  border-radius: 1.6cqw;
  font-size: 2.45cqw;
  line-height: 6.1cqw;
}

html[data-lite-style-id="luckyusa"] .l5-login-button {
  left: 47cqw;
  width: 18cqw;
}

html[data-lite-style-id="luckyusa"] .l5-register-button {
  left: 67cqw;
  width: 20cqw;
  background: linear-gradient(180deg, #0b72ff, #003de4);
}

html[data-lite-style-id="luckyusa"] .rp-bubble {
  left: 56cqw;
  top: -8.75cqw;
  width: 17.6cqw;
  height: 5.15cqw;
  font-size: 1.55cqw;
  z-index: 2;
}

html[data-lite-style-id="luckyusa"] .l5-home {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 1.75cqw 1.9cqw 4.8cqw;
  background:
    radial-gradient(circle at 50% 9cqw, rgba(0, 96, 255, .18), transparent 36cqw),
    linear-gradient(180deg, rgba(4, 16, 42, .96), rgba(1, 5, 14, 1));
}

html[data-lite-style-id="luckyusa"] .l5-wallet-card {
  order: 1;
  min-height: 10.6cqw;
  margin: 0 0 1.15cqw;
  padding: 1.1cqw 1.65cqw;
  border: 1px solid rgba(0, 98, 255, .72);
  border-radius: 2.1cqw;
  background:
    radial-gradient(circle at 0 20%, rgba(0, 96, 255, .26), transparent 25cqw),
    linear-gradient(180deg, rgba(2, 20, 56, .98), rgba(2, 9, 26, .98));
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .04),
    0 0 2.7cqw rgba(0, 92, 255, .28);
}

html[data-lite-style-id="luckyusa"] .l5-wallet-card::before {
  display: none;
}

html[data-lite-style-id="luckyusa"] .l5-wallet-head {
  position: absolute;
  left: 1.9cqw;
  top: .8cqw;
  width: 46.2cqw;
  height: 5.45cqw;
  justify-content: flex-start;
  gap: 1.25cqw;
  font-size: 2.62cqw;
  line-height: 1.05;
}

html[data-lite-style-id="luckyusa"] .l5-wallet-amount {
  font-size: 3.25cqw;
  transform: translateY(1.36cqw);
}

html[data-lite-style-id="luckyusa"] .l5-wallet-card .l5-marker {
  width: 4.9cqw;
  height: 4.9cqw;
  font-size: 2.65cqw;
}

html[data-lite-style-id="luckyusa"] .l5-wallet-amount small {
  margin-left: .7cqw;
  color: rgba(216, 224, 245, .7);
  font-size: 1.9cqw;
  font-weight: 650;
}

html[data-lite-style-id="luckyusa"] .l5-wallet-currency {
  color: var(--lk-muted);
  font-size: 1.95cqw;
}

html[data-lite-style-id="luckyusa"] .l5-wallet-chip {
  position: absolute;
  left: 51.8cqw;
  top: calc(50% + 1.6cqw);
  transform: translateY(-50%);
  width: 9.15cqw;
  height: 5.15cqw;
  min-width: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--lk-cyan);
  font-size: 2.85cqw;
  line-height: 2.92cqw;
  font-weight: 800;
  overflow: visible;
  white-space: nowrap;
  text-shadow: none;
  box-shadow: none;
}

html[data-lite-style-id="luckyusa"] .l5-wallet-chip::before,
html[data-lite-style-id="luckyusa"] .l5-wallet-chip::after {
  content: none;
}

html[data-lite-style-id="luckyusa"] .l5-release-box {
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

html[data-lite-style-id="luckyusa"] .l5-release-title {
  position: absolute;
  left: 8.75cqw;
  top: .82cqw;
  width: 18cqw;
  height: 2.2cqw;
  font-size: 1.55cqw;
  line-height: 2.2cqw;
  color: rgba(237, 244, 255, .92);
  overflow: hidden;
  white-space: nowrap;
}

html[data-lite-style-id="luckyusa"] .l5-release-top strong {
  display: none;
}

html[data-lite-style-id="luckyusa"] .l5-progress {
  position: absolute;
  left: 1.9cqw;
  bottom: 1.15cqw;
  width: 46.6cqw;
  height: 1.45cqw;
  margin: 0;
  border: 1px solid rgba(28, 97, 219, .56);
  background: rgba(0, 5, 16, .84);
  box-shadow: none;
}

html[data-lite-style-id="luckyusa"] .l5-progress span {
  background: linear-gradient(90deg, #1269ff 0%, #19d7ff 100%);
  box-shadow: none;
}

html[data-lite-style-id="luckyusa"] .l5-progress span::after {
  display: none;
}

html[data-lite-style-id="luckyusa"] .l5-release-box p {
  display: none;
}

html[data-lite-style-id="luckyusa"] .l5-release-btn:first-of-type {
  position: absolute;
  right: 2.25cqw;
  top: 50%;
  transform: translateY(-50%);
  width: 26.35cqw;
  height: 6.65cqw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1.25cqw;
  border: 1px solid rgba(99, 167, 255, .72);
  border-radius: 1.65cqw;
  background: linear-gradient(180deg, #0d6dff 0%, #0635dc 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .28),
    0 0 2.4cqw rgba(0, 92, 255, .5);
}

html[data-lite-style-id="luckyusa"] .l5-release-btn:first-of-type::before {
  content: "";
  position: absolute;
  left: -2.2cqw;
  top: .55cqw;
  width: 0;
  height: 5.5cqw;
  border-left: 1px dotted rgba(33, 139, 255, .58);
}

html[data-lite-style-id="luckyusa"] .l5-release-btn:first-of-type::after {
  content: attr(aria-label);
  color: #fff;
  font-size: 2.45cqw;
  font-weight: 760;
  line-height: 1;
}

html[data-lite-style-id="luckyusa"] .l5-release-btn:first-of-type img {
  width: 3.45cqw;
  height: 3.45cqw;
}

html[data-lite-style-id="luckyusa"] .l5-release-btn:last-of-type {
  display: none;
}

html[data-lite-style-id="luckyusa"] .l5-hero-grid {
  order: 2;
  grid-template-columns: minmax(0, 47.7%) minmax(0, 1fr);
  grid-template-rows: repeat(3, 13.75cqw);
  gap: 1.55cqw 2.05cqw;
  margin: 0 0 1.05cqw;
  border-radius: 2.2cqw;
}

html[data-lite-style-id="luckyusa"] .l5-hero-grid article {
  border: 1px solid rgba(37, 105, 220, .52);
  border-radius: 2.15cqw;
  background-color: #04122f;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .035),
    0 0 2.5cqw rgba(0, 92, 255, .18);
}

html[data-lite-style-id="luckyusa"] .l5-hero-grid article::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 78% 18%, rgba(0, 99, 255, .34), transparent 21cqw),
    linear-gradient(135deg, rgba(2, 19, 51, .12), rgba(0, 0, 0, .28));
  pointer-events: none;
}

html[data-lite-style-id="luckyusa"] .l5-hero-main {
  grid-row: 1 / 4;
}

html[data-lite-style-id="luckyusa"] .l5-hero-grid span,
html[data-lite-style-id="luckyusa"] .l5-hero-grid strong {
  display: block;
  position: absolute;
  left: 2.2cqw;
  z-index: 2;
  width: calc(100% - 4.4cqw);
  color: #fff;
  text-align: left;
  text-shadow: 0 .25cqw .75cqw rgba(0, 0, 0, .55);
}

html[data-lite-style-id="luckyusa"] .l5-hero-grid span {
  top: 2.35cqw;
  font-size: 2.55cqw;
  line-height: 3.1cqw;
  font-weight: 750;
}

html[data-lite-style-id="luckyusa"] .l5-hero-grid strong {
  top: 5.9cqw;
  color: var(--lk-cyan);
  font-size: 4.8cqw;
  line-height: 5.2cqw;
  font-weight: 900;
}

html[data-lite-style-id="luckyusa"] .l5-hero-main span {
  top: 3.2cqw;
  font-size: 4.5cqw;
  line-height: 5.2cqw;
}

html[data-lite-style-id="luckyusa"] .l5-hero-main strong {
  top: 13.1cqw;
  font-size: 7.2cqw;
  line-height: 7.5cqw;
}

html[data-lite-style-id="luckyusa"] .l5-hero-grid .has-dataset-image span,
html[data-lite-style-id="luckyusa"] .l5-hero-grid .has-dataset-image strong {
  display: none;
}

html[data-lite-style-id="luckyusa"] .l5-marquee {
  order: 3;
  --lucky-ticker-height: 8.4cqw;
  --lucky-ticker-font-size: 2.5cqw;
  --lucky-ticker-icon-size: 3.2cqw;
  --lucky-ticker-surface: rgba(3, 13, 35, .82);
  --lucky-ticker-border: rgba(46, 111, 214, .56);
  height: var(--lucky-ticker-height);
  margin: 0 0 1.05cqw;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 21.8cqw;
  gap: 1.2cqw;
}

html[data-lite-style-id="luckyusa"] .l5-marquee::before {
  left: 0;
  top: 0;
  width: auto;
  right: 23cqw;
  box-sizing: border-box;
  height: var(--lucky-ticker-height);
  border: 1px solid var(--lucky-ticker-border);
  border-radius: 1.65cqw;
  background: var(--lucky-ticker-surface);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055);
}

html[data-lite-style-id="luckyusa"] .l5-marquee img {
  left: 1.8cqw;
  top: 50%;
  width: var(--lucky-ticker-icon-size);
  height: var(--lucky-ticker-icon-size);
  transform: translateY(-50%);
  filter: brightness(0) invert(1) opacity(.78);
}

html[data-lite-style-id="luckyusa"] .l5-marquee-window {
  left: 7.1cqw;
  right: 28.6cqw;
  top: 50%;
  width: auto;
  height: 3.8cqw;
  transform: translateY(-50%);
}

html[data-lite-style-id="luckyusa"] .l5-marquee p {
  height: 3.8cqw;
  color: rgba(243, 248, 255, .92);
  font-size: var(--lucky-ticker-font-size);
  line-height: 3.8cqw;
  font-weight: 600;
  animation: luckyusa-marquee-run 26s linear infinite;
}

@keyframes luckyusa-marquee-run {
  0%, 4% {
    transform: translate3d(0, 0, 0);
  }

  96%, 100% {
    transform: translate3d(calc(-100% + 64cqw), 0, 0);
  }
}

html[data-lite-style-id="luckyusa"] .l5-marquee button {
  left: auto;
  right: 0;
  top: 0;
  width: 21.8cqw;
  box-sizing: border-box;
  height: var(--lucky-ticker-height);
  border: 1px solid var(--lucky-ticker-border);
  border-radius: 1.65cqw;
  background: var(--lucky-ticker-surface);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055);
}

html[data-lite-style-id="luckyusa"] .l5-marquee button::after {
  content: attr(aria-label);
  position: absolute;
  left: 7.3cqw;
  top: 50%;
  color: rgba(243, 248, 255, .92);
  font-size: var(--lucky-ticker-font-size);
  line-height: 3.8cqw;
  font-weight: 600;
  transform: translateY(-50%);
}

html[data-lite-style-id="luckyusa"] .l5-marquee button img {
  left: 2.25cqw;
  top: 50%;
  width: var(--lucky-ticker-icon-size);
  height: var(--lucky-ticker-icon-size);
  transform: translateY(-50%);
  filter: brightness(0) invert(1) opacity(.82);
}

html[data-lite-style-id="luckyusa"] .l5-provider-tabs {
  order: 4;
  height: 12.4cqw;
  gap: 1.95cqw;
  margin: 0 0 1.45cqw;
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}

html[data-lite-style-id="luckyusa"] .l5-provider-tabs button {
  flex: 0 0 14.4cqw;
  min-width: 14.4cqw;
  height: 12.4cqw;
  flex-direction: column;
  gap: .42cqw;
  padding: .78cqw .55cqw .72cqw;
  border: 1px solid rgba(38, 94, 184, .44);
  border-radius: 1.7cqw;
  color: #fff;
  background: linear-gradient(180deg, rgba(4, 18, 49, .96), rgba(1, 8, 24, .96));
  font-size: 1.86cqw;
  line-height: 2.05cqw;
  font-weight: 740;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
  text-shadow: 0 .18cqw .32cqw rgba(0, 0, 0, .62);
}

html[data-lite-style-id="luckyusa"] .l5-provider-tabs button.is-active {
  border-color: rgba(0, 110, 255, .9);
  background:
    radial-gradient(circle at 50% 32%, rgba(0, 196, 255, .4), transparent 5.4cqw),
    linear-gradient(180deg, rgba(5, 38, 100, .98), rgba(3, 13, 36, .98));
  box-shadow:
    inset 0 0 0 1px rgba(61, 157, 255, .24),
    0 0 2.6cqw rgba(0, 101, 255, .5);
}

html[data-lite-style-id="luckyusa"] .l5-provider-tabs img {
  width: 7.25cqw;
  height: 6.8cqw;
  max-width: calc(100% - 1.3cqw);
  object-fit: contain;
  transform: scale(1.08);
  transform-origin: center bottom;
  filter: drop-shadow(0 .25cqw .75cqw rgba(0, 130, 255, .28));
}

html[data-lite-style-id="luckyusa"] .l5-provider-tabs button[data-provider-tab="POPULAR"] img {
  transform: scale(1.16);
}

html[data-lite-style-id="luckyusa"] .l5-provider-tabs button[data-provider-tab="PG"] img,
html[data-lite-style-id="luckyusa"] .l5-provider-tabs button[data-provider-tab="PP"] img,
html[data-lite-style-id="luckyusa"] .l5-provider-tabs button[data-provider-tab="TADA"] img,
html[data-lite-style-id="luckyusa"] .l5-provider-tabs button[data-provider-tab="CP"] img,
html[data-lite-style-id="luckyusa"] .l5-provider-tabs button[data-provider-tab="JILI"] img {
  transform: scale(1.24);
}

/* Keep the fixed support entry lively without changing its hit area or route. */
html[data-lite-style-id="luckyusa"] .l5-support {
  transform-origin: center;
  will-change: transform;
  animation: luckyusa-support-float 4s ease-in-out infinite;
}

html[data-lite-style-id="luckyusa"] .l5-support img {
  transform-origin: center;
  will-change: transform;
  animation: luckyusa-support-icon-bounce 2s ease-in-out infinite;
}

@keyframes luckyusa-support-float {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-8px) scale(1.02); }
}

@keyframes luckyusa-support-icon-bounce {
  0%, 100% { transform: scale(1) rotate(0); }
  25% { transform: scale(1.1) rotate(-5deg); }
  50% { transform: scale(1.05) rotate(0); }
  75% { transform: scale(1.1) rotate(5deg); }
}

@media (prefers-reduced-motion: reduce) {
  html[data-lite-style-id="luckyusa"] .l5-support,
  html[data-lite-style-id="luckyusa"] .l5-support img {
    animation: none;
  }
}

html[data-lite-style-id="luckyusa"] .floating-activity-panel-lite {
  position: absolute;
  top: calc(var(--app-content-padding-top) + 1.7cqw);
  right: 0;
  width: 35.8974cqw;
  height: min(150.5185cqw, calc(100% - var(--app-content-padding-top) - var(--app-tabbar-height) - 1.7cqw));
  overflow: visible;
  pointer-events: none;
}

html[data-lite-style-id="luckyusa"] .floating-activity-panel-lite .l5-side-handle {
  left: auto;
  right: 0;
  transform: translateY(-50%);
  transition: transform var(--ui-duration) ease;
}

html[data-lite-style-id="luckyusa"] .floating-activity-panel-lite .floating-activity-list {
  border-color: rgba(33, 132, 255, .76);
  background:
    radial-gradient(circle at 0 0, rgba(32, 122, 255, .16), transparent 47%),
    linear-gradient(180deg, rgba(4, 19, 57, .98), rgba(1, 9, 30, .99));
  box-shadow: -1.1cqw 1.35cqw 3cqw rgba(0, 4, 22, .48), inset 0 1px 0 rgba(164, 210, 255, .1);
  scrollbar-color: rgba(78, 162, 255, .62) transparent;
}

html[data-lite-style-id="luckyusa"] .floating-activity-panel-lite .floating-activity-list::-webkit-scrollbar {
  width: .9cqw;
}

html[data-lite-style-id="luckyusa"] .floating-activity-panel-lite .floating-activity-list::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(78, 162, 255, .54);
}

html[data-lite-style-id="luckyusa"] .floating-activity-panel-lite.is-open .floating-activity-list {
  transform: translateX(0);
}

html[data-lite-style-id="luckyusa"] .floating-activity-panel-lite.is-open .l5-side-handle {
  transform: translate(-30.7692cqw, -50%);
}

html[data-lite-style-id="luckyusa"] .l5-home-loading {
  order: 5;
}

html[data-lite-style-id="luckyusa"] [data-home-game-sections] {
  order: 6;
}

html[data-lite-style-id="luckyusa"] .l5-provider-long-list {
  order: 7;
}

html[data-lite-style-id="luckyusa"] .l5-part-view {
  order: 8;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 4.6cqw -1.9cqw 0;
  padding: 4.35cqw 3.1cqw calc(var(--app-tabbar-height) + 5.25cqw);
  background:
    radial-gradient(ellipse 72% 32% at 50% 58%, rgba(0, 111, 255, .18), transparent 72%),
    linear-gradient(180deg, rgba(2, 10, 31, .08), rgba(1, 10, 34, .74) 30%, rgba(0, 6, 24, .96));
}

/* Homepage closing area: brand seal, then a quiet legal close. */
html[data-lite-style-id="luckyusa"] .l5-part-view::before {
  content: "";
  position: absolute;
  top: 0;
  right: 10%;
  left: 10%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(33, 165, 255, .82), transparent);
  box-shadow: 0 0 1.8cqw rgba(17, 138, 255, .36);
  pointer-events: none;
}

html[data-lite-style-id="luckyusa"] .l5-part-banner {
  display: none;
}

html[data-lite-style-id="luckyusa"] .l5-part-logo {
  width: clamp(136px, 44cqw, 190px);
  margin: 0 auto;
  padding: .65cqw;
  border: var(--lucky-hairline) solid rgba(39, 152, 255, .6);
  border-radius: 4.6cqw;
  background: radial-gradient(circle at 50% 38%, rgba(45, 151, 255, .3), rgba(1, 11, 41, .28) 70%);
  box-shadow: inset 0 1px 0 rgba(179, 225, 255, .16), 0 0 3.2cqw rgba(0, 107, 255, .34);
}

html[data-lite-style-id="luckyusa"] .l5-part-logo img {
  display: block;
  width: 100%;
  max-width: none;
  border-radius: 3.95cqw;
  filter: drop-shadow(0 .85cqw 1.25cqw rgba(0, 6, 29, .62));
}

html[data-lite-style-id="luckyusa"] .l5-part-copy {
  width: min(100%, 79cqw);
  margin: 2.45cqw auto 0;
  color: rgba(223, 237, 255, .72);
  font-size: clamp(11px, 2.38cqw, 13px);
  line-height: 1.58;
  letter-spacing: .01em;
}

html[data-lite-style-id="luckyusa"] .l5-part-photograph {
  width: min(100%, 70cqw);
  margin: 3.3cqw auto 0;
}

html[data-lite-style-id="luckyusa"] .l5-part-photograph img {
  width: 100%;
  max-width: none;
  opacity: .74;
}

html[data-lite-style-id="luckyusa"] .l5-games {
  padding-top: 0;
}

html[data-lite-style-id="luckyusa"] .l5-games-head {
  display: none;
}

html[data-lite-style-id="luckyusa"]:has([data-provider-tab="POPULAR"].is-active) [data-provider-section="POPULAR"] {
  display: flex;
  flex-direction: column;
}

html[data-lite-style-id="luckyusa"] [data-home-game-sections] .l5-provider-section:has(.l5-empty-state):not(:has(.l5-game-card)) {
  display: none;
}

html[data-lite-style-id="luckyusa"]:has([data-provider-tab="POPULAR"].is-active) [data-home-game-sections] .l5-provider-section {
  display: none;
}

html[data-lite-style-id="luckyusa"] [data-home-game-sections] .l5-empty-state {
  display: none;
}

html[data-lite-style-id="luckyusa"] .l5-game-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 34.2cqw;
  gap: 1.95cqw;
  overflow: visible;
  padding: 0 0 1.8cqw;
}

html[data-lite-style-id="luckyusa"] .l5-load-more-area {
  width: 76%;
  min-height: 0;
  display: grid;
  gap: 1.55cqw;
  align-content: start;
  justify-items: center;
  margin: 1.4cqw auto 1.8cqw;
  padding-top: 1.2cqw;
}

html[data-lite-style-id="luckyusa"] .l5-load-more-area > div {
  position: relative;
  width: 68%;
  height: 2.4cqw;
  margin-right: 10.5cqw;
  border-radius: 999px;
  background: rgba(64, 74, 96, .7);
}

html[data-lite-style-id="luckyusa"] .l5-load-more-area > div span {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #3395ff, #3da0ff);
}

html[data-lite-style-id="luckyusa"] .l5-load-more-area > div strong {
  position: absolute;
  left: calc(100% + 5.1cqw);
  top: 50%;
  color: #fff;
  font-size: 3.05cqw;
  line-height: 1;
  font-weight: 800;
  transform: translateY(-50%);
}

html[data-lite-style-id="luckyusa"] .l5-load-more-area button {
  width: 27.5cqw;
  height: 8.1cqw;
  border: 0;
  border-radius: 2cqw;
  background: #3395ff;
  color: #071225;
  font-size: 3cqw;
  line-height: 8.1cqw;
  font-weight: 800;
  box-shadow: none;
}

html[data-lite-style-id="luckyusa"] .l5-game-card {
  border: 1px solid rgba(40, 113, 242, .66);
  border-radius: 1.55cqw;
  background-color: #061638;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .05),
    0 .8cqw 1.8cqw rgba(0, 0, 0, .32),
    0 0 1.8cqw rgba(0, 91, 255, .18);
}

html[data-lite-style-id="luckyusa"] .l5-game-card > img {
  object-fit: cover;
}

html[data-lite-style-id="luckyusa"] .l5-game-card::after {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .28), transparent 24%),
    linear-gradient(0deg, rgba(0, 77, 190, .12), transparent 44%);
}

html[data-lite-style-id="luckyusa"] .l5-game-card span {
  right: .9cqw;
  top: .9cqw;
  width: 4.2cqw;
  height: 4.2cqw;
}

html[data-lite-style-id="luckyusa"] .l5-game-card span img {
  width: 4.2cqw;
  height: 4.2cqw;
  filter: drop-shadow(0 .25cqw .45cqw rgba(0, 0, 0, .55));
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar {
  left: 1.45cqw;
  right: 1.45cqw;
  bottom: .52cqw;
  width: auto;
  height: var(--app-tabbar-height);
  min-height: var(--app-tabbar-height);
  overflow: visible;
  border: 1px solid rgba(30, 96, 190, .58);
  border-radius: 2.85cqw;
  background:
    radial-gradient(circle at 50% -34%, rgba(15, 94, 255, .32), transparent 28cqw),
    linear-gradient(180deg, rgba(8, 18, 42, .99), rgba(5, 9, 23, .99));
  box-shadow:
    inset 0 1px 0 rgba(97, 155, 255, .18),
    inset 0 -1px 0 rgba(0, 0, 0, .44),
    0 -.45cqw 1.6cqw rgba(0, 0, 0, .42);
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -5.05cqw;
  width: 16.35cqw;
  height: 16.35cqw;
  border-radius: 50%;
  transform: translateX(-50%);
  background:
    radial-gradient(circle at 50% 50%, rgba(17, 86, 235, .34) 0 43%, rgba(4, 16, 50, .96) 44% 62%, rgba(2, 8, 24, 0) 63%);
  box-shadow:
    inset 0 .25cqw .55cqw rgba(110, 164, 255, .22),
    0 0 2.8cqw rgba(0, 91, 255, .28);
  pointer-events: none;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button {
  overflow: visible;
  font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar .bottom-main {
  overflow: visible;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar .bottom-main::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -5.62cqw;
  width: 14.85cqw;
  height: 14.85cqw;
  border-radius: 50%;
  transform: translateX(-50%);
  background:
    radial-gradient(circle at 50% 24%, #48a4ff 0%, #1165ff 42%, #0630d8 72%, #061889 100%);
  box-shadow:
    0 0 0 .55cqw rgba(3, 20, 67, .92),
    0 0 0 .72cqw rgba(26, 104, 255, .28),
    inset 0 .22cqw .38cqw rgba(255, 255, 255, .42),
    inset 0 -1.15cqw 2.1cqw rgba(0, 14, 116, .72),
    0 0 3.6cqw rgba(0, 111, 255, .72);
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar .bottom-main img {
  top: .45cqw;
  width: 5.85cqw;
  height: 5.85cqw;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar .bottom-main span {
  top: 10.8cqw;
  color: #eaf5ff;
  font-size: 2.95cqw;
  font-weight: 520;
  line-height: 3.3cqw;
  text-shadow:
    0 .18cqw .42cqw rgba(0, 0, 0, .52),
    0 0 .8cqw rgba(255, 255, 255, .2);
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button::after {
  content: "";
  top: 3.05cqw;
  width: 7.2cqw;
  height: 7.2cqw;
  color: rgba(183, 194, 214, .96);
  background: rgba(183, 194, 214, .96);
  filter: drop-shadow(0 .22cqw .42cqw rgba(0, 0, 0, .52));
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar .bottom-main::after {
  content: "\e79f";
  top: -3.62cqw;
  width: 11cqw;
  height: 10.25cqw;
  color: #eef7ff;
  background: transparent !important;
  font-family: "LuckyUSAIconfont", sans-serif;
  font-size: 10.15cqw;
  font-style: normal;
  font-weight: 400;
  line-height: 10.25cqw;
  text-align: center;
  -webkit-text-stroke: .16cqw #f7fbff;
  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  filter:
    drop-shadow(0 .18cqw .34cqw rgba(0, 0, 0, .34))
    drop-shadow(0 0 .72cqw rgba(255, 255, 255, .2));
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar span,
html[data-lite-style-id="luckyusa"] .bottom-tabbar button:not(.bottom-main) span {
  top: 10.85cqw;
  color: rgba(196, 207, 229, .93);
  font-size: 2.78cqw;
  font-weight: 520;
  line-height: 3.3cqw;
  text-shadow: 0 .18cqw .4cqw rgba(0, 0, 0, .52);
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-route="home"]::after,
html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-route="promo"]::after,
html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-route="profile"]::after {
  font-family: "LuckyUSAIconfont", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 7.2cqw;
  text-align: center;
  -webkit-text-stroke: .075cqw currentColor;
  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  background: transparent !important;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-route="home"]::after {
  content: "\e6f8";
  font-size: 7.35cqw;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-route="promo"]::after {
  content: "\e6f4";
  font-size: 7.15cqw;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-route="profile"]::after {
  content: "\e6dd";
  font-size: 7.35cqw;
  line-height: 7cqw;
  -webkit-text-stroke: 0;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-action="open-contest-ranking"]::after {
  top: 3.2cqw;
  width: 7.25cqw;
  height: 7.25cqw;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button.is-active:not(.bottom-main)::after {
  color: #078fff;
  background: #078fff;
  filter:
    drop-shadow(0 .25cqw .45cqw rgba(0, 0, 0, .52))
    drop-shadow(0 0 1.05cqw rgba(0, 139, 255, .58));
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button.is-active:not(.bottom-main) span {
  color: #078fff;
  font-weight: 500;
}

/* LuckyUSA profile visual match: site-specific skin only, business hooks stay in the block. */
html[data-lite-style-id="luckyusa"] .app-shell.route-profile {
  --app-tabbar-height: 14.55cqw;
  --app-content-padding-bottom: 14.55cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-profile .app-main {
  background:
    radial-gradient(circle at 18% 5%, rgba(0, 111, 255, .22), transparent 23cqw),
    radial-gradient(circle at 72% 36%, rgba(0, 92, 255, .14), transparent 34cqw),
    linear-gradient(180deg, #020b22 0%, #010715 52%, #01040d 100%);
}

html[data-lite-style-id="luckyusa"] .profile-page {
  min-height: 0;
  padding: 1.9cqw 2.55cqw 2.8cqw;
  display: flex;
  flex-direction: column;
  gap: 1.48cqw;
  background:
    radial-gradient(circle at 22% 5%, rgba(0, 116, 255, .2), transparent 28cqw),
    linear-gradient(180deg, #020b22 0%, #010715 100%);
  color: var(--lk-text);
  font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
  overflow: visible;
}

html[data-lite-style-id="luckyusa"] .profile-hero {
  min-height: 27.25cqw;
  margin: 0;
  flex: 0 0 27.25cqw;
}

html[data-lite-style-id="luckyusa"] .profile-avatar {
  left: 2.45cqw;
  top: 1cqw;
  width: 31.4cqw;
  height: 26.85cqw;
  border-radius: 0;
  object-fit: contain;
  background: transparent;
  content: url("../assets/profile-vip-crest.png?v=luckyusa-profile-20260704a&opt=luckyusa-20260726a");
  filter: drop-shadow(0 0 1.4cqw rgba(0, 117, 255, .5));
  -webkit-mask-image: radial-gradient(ellipse at 50% 52%, #000 0 55%, rgba(0, 0, 0, .76) 66%, transparent 78%);
  mask-image: radial-gradient(ellipse at 50% 52%, #000 0 55%, rgba(0, 0, 0, .76) 66%, transparent 78%);
}

html[data-lite-style-id="luckyusa"] .profile-main {
  left: 33.55cqw;
  top: 10.1cqw;
  gap: 2.15cqw;
}

html[data-lite-style-id="luckyusa"] .profile-main strong {
  color: #f4f6ff;
  font-size: 17px;
  line-height: 19px;
  font-weight: 800;
  text-shadow: 0 .25cqw .8cqw rgba(0, 0, 0, .55);
}

html[data-lite-style-id="luckyusa"] .profile-main span {
  color: rgba(218, 226, 248, .86);
  font-size: 12px;
  line-height: 14px;
}

html[data-lite-style-id="luckyusa"] .profile-main b {
  color: rgba(218, 226, 248, .86);
  font-weight: 500;
}

html[data-lite-style-id="luckyusa"] .profile-id-line {
  gap: .85cqw;
}

html[data-lite-style-id="luckyusa"] .profile-copy {
  width: 3.9cqw;
  height: 3.9cqw;
  margin-left: 1.2cqw;
  transform: translateY(.22cqw);
}

html[data-lite-style-id="luckyusa"] .profile-copy img {
  filter: brightness(0) invert(1) opacity(.88);
}

html[data-lite-style-id="luckyusa"] .profile-wallets {
  top: 3.35cqw;
  right: 2.55cqw;
  width: 35.1cqw;
  height: 22.35cqw;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: 3.3cqw minmax(0, 1fr);
  gap: 1.15cqw;
  padding: 1.3cqw 2.2cqw 1.55cqw;
  border: var(--lucky-hairline) solid rgba(35, 138, 255, .86);
  border-radius: 2.75cqw;
  background:
    radial-gradient(circle at 8% 22%, rgba(0, 94, 255, .18), transparent 17cqw),
    linear-gradient(180deg, rgba(2, 15, 43, .72), rgba(1, 8, 24, .92));
  box-shadow:
    inset 0 0 0 var(--lucky-hairline) rgba(255, 255, 255, .035),
    0 0 2.2cqw rgba(0, 91, 255, .22);
}

html[data-lite-style-id="luckyusa"] .profile-wallets:focus-visible {
  outline: .25cqw solid rgba(104, 206, 255, .92);
  outline-offset: .35cqw;
}

html[data-lite-style-id="luckyusa"] .profile-wallet-title {
  position: static;
  width: auto;
  height: 3.3cqw;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(251, 251, 255, .94);
  font-size: 11px;
  line-height: 1;
  font-weight: 500;
  text-align: center;
}

html[data-lite-style-id="luckyusa"] .profile-wallets > em {
  display: none;
}

html[data-lite-style-id="luckyusa"] .profile-wallet-stack {
  position: static;
  display: grid;
  gap: 1.15cqw;
  min-height: 0;
}

html[data-lite-style-id="luckyusa"] .profile-wallet-stack > span {
  height: 6.3cqw;
  min-height: 0;
  display: inline-flex;
  align-items: center;
  padding: 0 2.2cqw 0 1.2cqw;
  gap: 2.1cqw;
  border: var(--lucky-hairline) solid rgba(36, 108, 217, .55);
  border-radius: 999px;
  background: rgba(1, 12, 34, .68);
}

html[data-lite-style-id="luckyusa"] .profile-wallets .l5-marker {
  width: 5cqw;
  height: 5cqw;
  flex: 0 0 5cqw;
  font-size: 2.6cqw;
  line-height: 5cqw;
}

html[data-lite-style-id="luckyusa"] .profile-wallets b {
  color: #42a1ff;
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
}

html[data-lite-style-id="luckyusa"] .profile-wallets span:nth-child(2) b {
  color: #ffc22c;
}

html[data-lite-style-id="luckyusa"] .profile-actions {
  position: relative;
  top: auto;
  right: auto;
  width: auto;
  height: 9.8cqw;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3.4cqw;
  margin: 0 2.95cqw;
}

html[data-lite-style-id="luckyusa"] .profile-actions button {
  min-height: 0;
  height: 9.8cqw;
  gap: 2.65cqw;
  border: 1px solid rgba(79, 157, 255, .58);
  border-radius: 2.3cqw;
  background:
    radial-gradient(ellipse at 50% 18%, rgba(118, 196, 255, .04) 0 11%, rgba(44, 120, 255, .018) 12% 23%, transparent 38%),
    radial-gradient(ellipse at 50% 48%, rgba(20, 126, 255, .84) 0 30%, rgba(7, 84, 242, .96) 54%, rgba(3, 36, 191, .99) 78%, #07117a 100%),
    linear-gradient(180deg, #157cff 0%, #0754ef 50%, #071994 100%);
  color: #fff;
  font-size: 17px;
  line-height: 19px;
  font-weight: 750;
  box-shadow:
    0 0 0 .11cqw rgba(79, 157, 255, .52),
    0 0 0 .19cqw rgba(1, 13, 62, .82),
    inset 0 .1cqw .2cqw rgba(255, 255, 255, .1),
    inset 0 -1.04cqw 1.78cqw rgba(0, 8, 89, .58),
    inset 0 0 1.34cqw rgba(42, 124, 255, .22),
    0 0 1.7cqw rgba(0, 98, 255, .43);
}

html[data-lite-style-id="luckyusa"] .profile-actions img {
  width: 5.9cqw;
  height: 5.9cqw;
  filter: brightness(0) invert(1);
}

html[data-lite-style-id="luckyusa"] .profile-withdrawable,
html[data-lite-style-id="luckyusa"] .profile-invite,
html[data-lite-style-id="luckyusa"] .profile-menu button,
html[data-lite-style-id="luckyusa"] .profile-nav-list {
  border: var(--lucky-hairline) solid rgba(0, 132, 255, .74);
  background:
    radial-gradient(circle at 58% 40%, rgba(4, 75, 160, .18), transparent 27cqw),
    linear-gradient(180deg, rgba(2, 16, 45, .86), rgba(1, 9, 26, .92));
  box-shadow:
    inset 0 0 0 var(--lucky-hairline) rgba(255, 255, 255, .025),
    0 0 2.3cqw rgba(0, 88, 255, .14);
}

html[data-lite-style-id="luckyusa"] .profile-withdrawable {
  height: 23.75cqw;
  margin: 1.35cqw 0 0;
  padding: 2.3cqw 4.45cqw 2.6cqw;
  display: grid;
  grid-template-rows: 5.7cqw 4.45cqw 2.1cqw 5.25cqw;
  gap: .95cqw;
  border-radius: 2.45cqw;
}

html[data-lite-style-id="luckyusa"] .profile-withdrawable header,
html[data-lite-style-id="luckyusa"] .profile-withdrawable div,
html[data-lite-style-id="luckyusa"] .profile-withdrawable footer {
  align-items: center;
}

html[data-lite-style-id="luckyusa"] .profile-withdrawable strong {
  font-size: 16px;
  line-height: 18px;
  font-weight: 800;
}

html[data-lite-style-id="luckyusa"] .profile-withdrawable-title {
  gap: 1.7cqw;
}

html[data-lite-style-id="luckyusa"] .profile-withdrawable-title img {
  display: none;
}

html[data-lite-style-id="luckyusa"] .profile-withdrawable-title::after {
  content: "i";
  width: 3.2cqw;
  height: 3.2cqw;
  border: 1px solid rgba(234, 240, 255, .9);
  border-radius: 50%;
  color: rgba(234, 240, 255, .9);
  font-size: 11px;
  line-height: 3.05cqw;
  text-align: center;
  font-weight: 700;
}

html[data-lite-style-id="luckyusa"] .profile-withdrawable header > span:not(.profile-withdrawable-title) {
  color: #ffc02f;
  font-size: 23px;
  line-height: 25px;
  font-weight: 800;
}

html[data-lite-style-id="luckyusa"] .profile-withdrawable div span,
html[data-lite-style-id="luckyusa"] .profile-withdrawable div b {
  color: rgba(218, 226, 248, .84);
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
}

html[data-lite-style-id="luckyusa"] .profile-withdrawable i {
  height: 1.75cqw;
  border-radius: 999px;
  background: rgba(2, 11, 31, .95);
}

html[data-lite-style-id="luckyusa"] .profile-withdrawable i em {
  background: linear-gradient(90deg, #1195ff, #1074ff);
  box-shadow: inset 0 .15cqw .28cqw rgba(255, 255, 255, .32);
}

html[data-lite-style-id="luckyusa"] .profile-withdrawable footer {
  justify-content: flex-end;
}

html[data-lite-style-id="luckyusa"] .profile-withdrawable footer button {
  width: auto;
  min-width: 16.5cqw;
  height: 5.2cqw;
  gap: 1.4cqw;
  border-radius: 0;
  background: transparent;
  color: rgba(218, 226, 248, .88);
  font-size: 12px;
  line-height: 14px;
}

html[data-lite-style-id="luckyusa"] .profile-withdrawable footer button img {
  width: 3.05cqw;
  height: 3.05cqw;
  filter: brightness(0) saturate(100%) invert(48%) sepia(94%) saturate(2192%) hue-rotate(190deg) brightness(102%) contrast(102%);
}

html[data-lite-style-id="luckyusa"] .profile-invite {
  min-height: 41.9cqw;
  margin: 0;
  padding: 2.1cqw 3.65cqw 2.15cqw;
  border-radius: 2.45cqw;
  display: grid;
  grid-template-rows: 4.65cqw 11.3cqw 7.2cqw 6.35cqw;
  align-content: space-between;
}

html[data-lite-style-id="luckyusa"] .profile-invite h2 {
  height: 4.65cqw;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 2.1cqw;
  background: transparent;
  color: #f7fbff;
  font-size: 16px;
  line-height: 18px;
  font-weight: 800;
}

html[data-lite-style-id="luckyusa"] .profile-invite h2::before {
  content: "";
  display: block;
  flex: 0 0 4.35cqw;
  width: 4.35cqw;
  height: 4.35cqw;
  background: url("/7000/assets/shared/svg/tabbar/gift-outline.svg?v=luckyusa-profile-20260704a") center / 100% 100% no-repeat;
  filter: brightness(0) invert(1);
  transform: scale(1.2);
  transform-origin: center;
}

html[data-lite-style-id="luckyusa"] .invite-stats {
  gap: 1.45cqw;
}

html[data-lite-style-id="luckyusa"] .invite-stats article {
  height: 11.3cqw;
  margin: 0;
  padding: 1.15cqw 1.1cqw 1.05cqw;
  border: var(--lucky-hairline) solid rgba(24, 97, 212, .68);
  border-radius: 1.35cqw;
  background:
    radial-gradient(circle at 55% 25%, rgba(7, 83, 178, .2), transparent 17cqw),
    rgba(2, 14, 40, .68);
}

html[data-lite-style-id="luckyusa"] .invite-stats span {
  margin-bottom: .75cqw;
  color: rgba(218, 226, 248, .84);
  font-size: 11px;
  line-height: 13px;
}

html[data-lite-style-id="luckyusa"] .invite-stats b {
  color: #ffb51f;
  font-size: 18px;
  line-height: 20px;
  font-weight: 800;
}

html[data-lite-style-id="luckyusa"] .invite-url {
  height: 7.2cqw;
  margin-top: 0;
  padding: 0;
  grid-template-columns: minmax(0, 1fr) 14.1cqw;
  gap: 1.45cqw;
  background: transparent;
}

html[data-lite-style-id="luckyusa"] .invite-url p {
  min-height: 0;
  height: 7.2cqw;
  padding: 0 2.45cqw;
  border: var(--lucky-hairline) solid rgba(115, 130, 160, .68);
  border-radius: 1.65cqw;
  background: rgba(1, 8, 24, .82);
  color: rgba(213, 225, 251, .92);
  font-size: 10px;
  line-height: 7.2cqw;
}

html[data-lite-style-id="luckyusa"] .invite-url button {
  height: 7.2cqw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(99, 165, 255, .62);
  border-radius: 1.5cqw;
  background: linear-gradient(180deg, #116eff 0%, #0734d8 100%);
  color: #fff;
  font-size: 13px;
  line-height: 15px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .28),
    0 0 1.5cqw rgba(0, 82, 255, .4);
}

html[data-lite-style-id="luckyusa"] .invite-url button::before {
  content: "";
  display: inline-block;
  width: 2.9cqw;
  height: 2.9cqw;
  margin-right: .85cqw;
  vertical-align: 0;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%20d%3D%22M18%2015h18v25H18zM12%208h18v7H18v18h-6z%22/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%20d%3D%22M18%2015h18v25H18zM12%208h18v7H18v18h-6z%22/%3E%3C/svg%3E") center / contain no-repeat;
}

html[data-lite-style-id="luckyusa"] .share-row {
  min-height: 6.35cqw;
  margin: 0;
  padding: 0;
  gap: 1.85cqw;
}

html[data-lite-style-id="luckyusa"] .profile-page .share-row span {
  min-width: 9.6cqw;
  color: #f7fbff;
  font-size: 13px;
  line-height: 15px;
}

html[data-lite-style-id="luckyusa"] .profile-page .share-row button,
html[data-lite-style-id="luckyusa"] .share-row img {
  width: 6.15cqw;
  height: 6.15cqw;
}

html[data-lite-style-id="luckyusa"] .profile-menu {
  height: 17.95cqw;
  margin-top: .25cqw;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.2cqw;
}

html[data-lite-style-id="luckyusa"] .profile-menu button {
  height: 17.95cqw;
  margin: 0;
  padding: 1.3cqw 1cqw 1.45cqw;
  gap: .65cqw;
  border-radius: 1.55cqw;
}

html[data-lite-style-id="luckyusa"] .profile-menu img {
  width: 13.2cqw;
  height: 9.9cqw;
  object-fit: contain;
  filter: none;
  transform: none;
}

html[data-lite-style-id="luckyusa"] .profile-menu button:nth-child(1) img {
  content: url("../assets/profile-card-vip-centered.png?v=luckyusa-profile-20260720aj");
}

html[data-lite-style-id="luckyusa"] .profile-menu button:nth-child(2) img {
  content: url("../assets/profile-card-report-centered.png?v=luckyusa-profile-20260720aj");
}

html[data-lite-style-id="luckyusa"] .profile-menu button:nth-child(3) img {
  content: url("../assets/profile-card-account-centered.png?v=luckyusa-profile-20260720aj");
}

html[data-lite-style-id="luckyusa"] .profile-menu button:nth-child(4) img {
  content: url("../assets/profile-card-invite-centered.png?v=luckyusa-profile-20260720aj");
}

html[data-lite-style-id="luckyusa"] .profile-menu span {
  color: rgba(247, 251, 255, .96);
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
}

html[data-lite-style-id="luckyusa"] .profile-nav-list {
  height: 42.9cqw;
  margin-top: 1.65cqw;
  padding: 1.55cqw 3.45cqw;
  border-radius: 1.9cqw;
}

html[data-lite-style-id="luckyusa"] .profile-nav-list button {
  min-height: 7.75cqw;
  grid-template-columns: 4.9cqw minmax(0, 1fr) 4cqw;
  gap: 2.45cqw;
  border-bottom: var(--lucky-hairline) solid rgba(47, 106, 178, .34);
  color: rgba(220, 229, 250, .86);
}

html[data-lite-style-id="luckyusa"] .profile-nav-list button:last-child {
  border-bottom: 0;
}

html[data-lite-style-id="luckyusa"] .profile-nav-list b {
  color: rgba(232, 239, 255, .96);
  font-size: 13.5px;
  line-height: 16px;
  font-weight: 600;
}

html[data-lite-style-id="luckyusa"] .profile-nav-list i {
  width: 4cqw;
  margin-right: 0;
  color: rgba(206, 216, 240, .92);
  display: grid;
  place-items: center;
  font-size: 22px;
  line-height: 1;
}

html[data-lite-style-id="luckyusa"] .profile-row-icon-img {
  width: 4.9cqw;
  height: 4.9cqw;
  filter: brightness(0) saturate(100%) invert(89%) sepia(13%) saturate(693%) hue-rotate(184deg) brightness(88%) contrast(92%);
}

html[data-lite-style-id="luckyusa"] .profile-nav-list button:first-child .profile-row-icon-img {
  content: url("/7000/assets/shared/svg/tabbar/gift-outline.svg?v=luckyusa-profile-20260704a");
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar {
  left: 2.05cqw;
  right: 2.05cqw;
  bottom: 0;
  height: var(--app-tabbar-height);
  min-height: var(--app-tabbar-height);
  border-width: var(--lucky-hairline);
  border-color: rgba(24, 91, 183, .62);
  border-radius: 1.85cqw;
  background:
    radial-gradient(ellipse at 50% -18%, rgba(16, 75, 214, .18) 0 18%, rgba(8, 42, 141, .1) 31%, transparent 54%),
    linear-gradient(180deg, rgba(5, 15, 40, .99), rgba(2, 8, 24, .99));
  box-shadow:
    inset 0 .5px 0 rgba(77, 133, 226, .11),
    inset 0 -.5px 0 rgba(0, 0, 0, .5),
    0 -.18cqw .85cqw rgba(0, 0, 0, .34);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-home .bottom-tabbar {
  background:
    radial-gradient(ellipse at 50% -18%, rgba(16, 75, 214, .18) 0 18%, rgba(8, 42, 141, .1) 31%, transparent 54%),
    linear-gradient(180deg, rgba(5, 15, 40, .99), rgba(2, 8, 24, .99));
  box-shadow:
    inset 0 .5px 0 rgba(77, 133, 226, .11),
    inset 0 -.5px 0 rgba(0, 0, 0, .5),
    0 -.18cqw .85cqw rgba(0, 0, 0, .34);
}

/* LuckyUSA promotion list: inherit the home surface instead of the base gray route shell. */
html[data-lite-style-id="luckyusa"] :is(.app-shell.route-promos, .app-shell.route-promo) {
  background: #010715;
}

html[data-lite-style-id="luckyusa"] :is(.app-shell.route-promos, .app-shell.route-promo) .app-main,
html[data-lite-style-id="luckyusa"] :is(.app-shell.route-promos, .app-shell.route-promo) .promo-page {
  background:
    radial-gradient(circle at 18% 5%, rgba(0, 111, 255, .22), transparent 23cqw),
    radial-gradient(circle at 72% 36%, rgba(0, 92, 255, .14), transparent 34cqw),
    linear-gradient(180deg, #020b22 0%, #010715 52%, #01040d 100%);
}

html[data-lite-style-id="luckyusa"] :is(.app-shell.route-promos, .app-shell.route-promo) .bottom-tabbar {
  background:
    radial-gradient(ellipse at 50% -18%, rgba(16, 75, 214, .18) 0 18%, rgba(8, 42, 141, .1) 31%, transparent 54%),
    linear-gradient(180deg, rgba(5, 15, 40, .99), rgba(2, 8, 24, .99));
  box-shadow:
    inset 0 .5px 0 rgba(77, 133, 226, .11),
    inset 0 -.5px 0 rgba(0, 0, 0, .5),
    0 -.18cqw .85cqw rgba(0, 0, 0, .34);
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar::before {
  top: -2.65cqw;
  width: 13.7cqw;
  height: 7.1cqw;
  border: 0;
  border-radius: 50%;
  background:
    radial-gradient(ellipse at 50% 42%, rgba(0, 104, 255, .2) 0 34%, rgba(0, 52, 182, .09) 48%, transparent 70%);
  box-shadow:
    0 -.1cqw .56cqw rgba(0, 102, 238, .12),
    0 0 1.35cqw rgba(0, 72, 220, .12);
  z-index: 1;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -1.85cqw;
  width: 9.8cqw;
  height: 4.6cqw;
  border: 0;
  border-radius: 50%;
  background:
    radial-gradient(ellipse at 50% 85%, rgba(0, 105, 255, .12) 0 32%, rgba(0, 70, 210, .06) 50%, transparent 72%);
  transform: translateX(-50%);
  box-shadow: 0 .45cqw 1.05cqw rgba(0, 84, 255, .12);
  pointer-events: none;
  z-index: 1;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 2.35cqw;
  width: 5.15cqw;
  height: 5.15cqw;
  color: transparent;
  background:
    linear-gradient(180deg, #dde7fb 0%, #aab7d0 54%, #74809d 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  font-family: "LuckyUSAIconfont", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 5.15cqw;
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0;
  transform: translateX(-50%);
  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  filter: drop-shadow(0 .22cqw .42cqw rgba(0, 0, 0, .52));
  pointer-events: none;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-route="home"]::after {
  content: "";
  top: 2.45cqw;
  width: 5.05cqw;
  height: 4.9cqw;
  clip-path: polygon(50% 0, 96% 39%, 86% 39%, 86% 100%, 61% 100%, 61% 67%, 39% 67%, 39% 100%, 14% 100%, 14% 39%, 4% 39%);
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: initial;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-route="promo"]::after {
  content: "\e6f4";
  top: 2.4cqw;
  width: 4.85cqw;
  height: 4.85cqw;
  background:
    linear-gradient(180deg, #dde7fb 0%, #aab7d0 56%, #74809d 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-size: 4.9cqw;
  line-height: 4.85cqw;
  -webkit-text-stroke: .025cqw rgba(181, 193, 219, .45);
  clip-path: none;
  z-index: 2;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-route="profile"]::after {
  content: "\e6dd";
  font-size: 5.45cqw;
  line-height: 5.15cqw;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-route="home"]::after,
html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-route="promo"]::after,
html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-route="profile"]::after {
  background:
    linear-gradient(180deg, #dde7fb 0%, #aab7d0 54%, #74809d 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-route="home"]::after {
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-route="home"]::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 5.45cqw;
  width: 1.15cqw;
  height: 1.55cqw;
  border-radius: .26cqw .26cqw 0 0;
  background: #07142d !important;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 2;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-action="open-contest-ranking"]::after {
  content: "";
  top: 2.36cqw;
  width: 4.06cqw;
  height: 4.58cqw;
  border: 0;
  border-radius: .42cqw;
  background:
    linear-gradient(180deg, #dde7fb 0%, #aab7d0 54%, #74809d 100%) !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  clip-path: polygon(
    12% 0,
    88% 0,
    82% 40%,
    68% 57%,
    58% 61%,
    58% 78%,
    75% 78%,
    75% 100%,
    25% 100%,
    25% 78%,
    42% 78%,
    42% 61%,
    32% 57%,
    18% 40%
  );
  box-shadow: none;
  -webkit-text-fill-color: initial;
  -webkit-text-stroke: 0;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-action="open-contest-ranking"]::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 2.96cqw;
  width: 4.22cqw;
  height: 1.66cqw;
  border: .34cqw solid #b7c1d7;
  border-top: 0;
  border-radius: 0 0 2.3cqw 2.3cqw;
  color: transparent;
  transform: translateX(-50%);
  filter:
    drop-shadow(0 .18cqw .35cqw rgba(0, 0, 0, .5))
    drop-shadow(0 -.05cqw .18cqw rgba(255, 255, 255, .2));
  pointer-events: none;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-route="promo"]::before {
  content: none;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-route="promo"]::after {
  background:
    linear-gradient(180deg, #dde7fb 0%, #aab7d0 56%, #74809d 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar .bottom-main::before {
  top: -3.36cqw;
  width: 12.9cqw;
  height: 12.9cqw;
  background:
    radial-gradient(ellipse at 50% 12%, rgba(118, 196, 255, .16) 0 16%, rgba(44, 120, 255, .05) 17% 28%, transparent 42%),
    radial-gradient(circle at 50% 48%, rgba(18, 112, 255, .76) 0 28%, rgba(6, 70, 236, .96) 54%, rgba(4, 30, 176, .99) 78%, #070e70 100%);
  box-shadow:
    0 0 0 .1cqw rgba(82, 151, 255, .46),
    0 0 0 .2cqw rgba(1, 13, 62, .86),
    inset 0 .14cqw .26cqw rgba(255, 255, 255, .16),
    inset 0 -1.02cqw 1.72cqw rgba(0, 8, 89, .8),
    inset 0 0 1.18cqw rgba(42, 124, 255, .18),
    0 0 1.45cqw rgba(0, 98, 255, .38),
    0 .88cqw 1.55cqw rgba(0, 62, 205, .22);
  z-index: 2;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar .bottom-main::after {
  content: "";
  top: -.54cqw;
  width: 4.55cqw;
  height: 3.35cqw;
  border-radius: .5cqw;
  background:
    linear-gradient(#0d72ff, #0d72ff) .62cqw 2.04cqw / 1.22cqw .28cqw no-repeat,
    linear-gradient(#0d72ff, #0d72ff) 2.24cqw 2.04cqw / .66cqw .28cqw no-repeat,
    linear-gradient(180deg, #ffffff 0 39%, transparent 40% 50%, #ffffff 51%, #f2f7ff 100%) !important;
  border: 0;
  font-family: initial;
  font-size: 0;
  line-height: 0;
  -webkit-text-fill-color: initial;
  -webkit-text-stroke: 0;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  box-shadow:
    inset 0 -.1cqw .12cqw rgba(0, 38, 135, .2),
    0 .18cqw .34cqw rgba(0, 0, 0, .28);
  filter:
    drop-shadow(0 .18cqw .34cqw rgba(0, 0, 0, .34))
    drop-shadow(0 0 .72cqw rgba(255, 255, 255, .2));
  z-index: 3;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar .bottom-main span::before,
html[data-lite-style-id="luckyusa"] .bottom-tabbar .bottom-main span::after {
  content: "";
  position: absolute;
  left: calc(50% + 1.28cqw);
  pointer-events: none;
  z-index: 6;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar .bottom-main span::before {
  top: -2.82cqw;
  width: .32cqw;
  height: 1.5cqw;
  border-radius: 999px;
  background: #0d72ff;
  box-shadow: 0 .08cqw .15cqw rgba(0, 42, 128, .16);
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar .bottom-main span::after {
  top: -1.8cqw;
  width: .9cqw;
  height: .9cqw;
  border-right: .32cqw solid #0d72ff;
  border-bottom: .32cqw solid #0d72ff;
  border-left: 0;
  border-top: 0;
  border-radius: .06cqw;
  background: transparent;
  transform: translateX(-50%) rotate(45deg);
  filter: drop-shadow(0 .1cqw .16cqw rgba(0, 42, 128, .18));
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button.is-active:not(.bottom-main)::after,
html[data-lite-style-id="luckyusa"] .bottom-tabbar button.is-active:not(.bottom-main)::before {
  color: transparent;
  background:
    linear-gradient(180deg, #42a8ff 0%, #078fff 62%, #0065e8 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-route="home"].is-active::after {
  background:
    linear-gradient(180deg, #42a8ff 0%, #078fff 62%, #0065e8 100%) !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: initial;
  filter:
    drop-shadow(0 .25cqw .45cqw rgba(0, 0, 0, .52))
    drop-shadow(0 0 1.05cqw rgba(0, 139, 255, .58));
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-route="home"].is-active::before {
  background: #07142d !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: initial;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar span,
html[data-lite-style-id="luckyusa"] .bottom-tabbar button:not(.bottom-main) span {
  top: 7.72cqw;
  color: rgba(181, 193, 219, .92);
  font-size: 11px;
  line-height: 13px;
  font-weight: 500;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar .bottom-main span {
  top: 4.06cqw;
  z-index: 5;
  color: #f0f7ff;
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
  text-shadow:
    0 .16cqw .34cqw rgba(0, 0, 0, .58),
    0 0 .58cqw rgba(255, 255, 255, .18);
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-route="home"]::after,
html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-route="home"]::before {
  transform: translateX(calc(-50% - .5cqw));
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-route="home"] span {
  transform: translateX(-.5cqw);
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-action="open-contest-ranking"]::after,
html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-action="open-contest-ranking"]::before {
  transform: translateX(calc(-50% - 1.75cqw));
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-action="open-contest-ranking"] span {
  transform: translateX(-1.75cqw);
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar .bottom-main::before,
html[data-lite-style-id="luckyusa"] .bottom-tabbar .bottom-main::after {
  left: 50%;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar .bottom-main span {
  transform: none;
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-route="promo"]::after {
  transform: translateX(calc(-50% - 1.45cqw));
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-route="promo"] span {
  transform: translateX(-1.45cqw);
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-route="profile"]::after {
  transform: translateX(calc(-50% - 1.95cqw));
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button[data-route="profile"] span {
  transform: translateX(-1.95cqw);
}

html[data-lite-style-id="luckyusa"] .bottom-tabbar button.is-active:not(.bottom-main) span {
  color: #078fff;
}

html[data-lite-style-id="luckyusa"] [data-home-hero-grid]:not([data-home-hero-source]) > * {
  visibility: hidden;
}

html[data-lite-style-id="luckyusa"] [data-home-hero-grid]:not([data-home-hero-source]) {
  position: relative;
}

html[data-lite-style-id="luckyusa"] [data-home-hero-grid]:not([data-home-hero-source])::after {
  content: '';
  visibility: visible;
  position: absolute;
  inset: 0;
  border-radius: 2.15cqw;
  background: linear-gradient(100deg, rgba(4, 18, 49, .95) 28%, rgba(11, 39, 92, .95) 50%, rgba(4, 18, 49, .95) 72%);
  background-size: 200% 100%;
  animation: lk-hero-skel 1.15s ease-in-out infinite;
}

@keyframes lk-hero-skel {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

/* LuckyUSA USD two-step deposit page polish. Scoped to this style only. */
html[data-lite-style-id="luckyusa"] .app-shell.is-usa-two-step-payment-page,
html[data-lite-style-id="luckyusa"] .app-shell.route-deposit:has([data-route-page="deposit"] .deposit-page[data-payment-page-family="usa-two-step"]) {
  --country-pay-accent: #0b8cff;
  --lk-pay-gold: #ffb525;
  --lk-pay-blue: #0b7cff;
  --lk-pay-cyan: #4cc3ff;
  --lk-pay-panel: rgba(2, 12, 33, .94);
  --lk-pay-panel-2: rgba(5, 18, 47, .9);
  background: #020713 !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.is-usa-two-step-payment-page .app-main,
html[data-lite-style-id="luckyusa"] .app-shell.route-deposit:has([data-route-page="deposit"] .deposit-page[data-payment-page-family="usa-two-step"]) .app-main {
  background:
    radial-gradient(circle at 50% -8%, rgba(0, 116, 255, .22), transparent 32cqw),
    linear-gradient(180deg, #020b21 0%, #020714 46%, #01040c 100%) !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.is-usa-two-step-payment-page [data-route-page="deposit"].route-slide-page.has-unified-slide-shell,
html[data-lite-style-id="luckyusa"] .app-shell.route-deposit:has([data-route-page="deposit"] .deposit-page[data-payment-page-family="usa-two-step"]) [data-route-page="deposit"].route-slide-page.has-unified-slide-shell {
  background:
    radial-gradient(circle at 50% 0, rgba(0, 95, 255, .16), transparent 28cqw),
    linear-gradient(180deg, #020b21 0%, #020713 100%) !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.is-usa-two-step-payment-page [data-route-page="deposit"] .route-slide-header,
html[data-lite-style-id="luckyusa"] .app-shell.route-deposit:has([data-route-page="deposit"] .deposit-page[data-payment-page-family="usa-two-step"]) [data-route-page="deposit"] .route-slide-header {
  min-height: 12.95cqw !important;
  padding: 1.7cqw 4cqw 1.35cqw !important;
  background:
    linear-gradient(180deg, rgba(5, 14, 36, .98), rgba(4, 9, 25, .98)) !important;
  border-bottom: var(--lucky-hairline) solid rgba(62, 126, 218, .25) !important;
  box-shadow: 0 .9cqw 2.4cqw rgba(0, 0, 0, .28) !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.is-usa-two-step-payment-page [data-route-page="deposit"] .route-slide-title,
html[data-lite-style-id="luckyusa"] .app-shell.route-deposit:has([data-route-page="deposit"] .deposit-page[data-payment-page-family="usa-two-step"]) [data-route-page="deposit"] .route-slide-title {
  color: transparent !important;
  text-shadow: none !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.is-usa-two-step-payment-page [data-route-page="deposit"] .route-slide-back::before,
html[data-lite-style-id="luckyusa"] .app-shell.is-usa-two-step-payment-page [data-route-page="deposit"] .route-slide-back::after,
html[data-lite-style-id="luckyusa"] .app-shell.route-deposit:has([data-route-page="deposit"] .deposit-page[data-payment-page-family="usa-two-step"]) [data-route-page="deposit"] .route-slide-back::before,
html[data-lite-style-id="luckyusa"] .app-shell.route-deposit:has([data-route-page="deposit"] .deposit-page[data-payment-page-family="usa-two-step"]) [data-route-page="deposit"] .route-slide-back::after {
  background: #2f8cff !important;
  box-shadow: 0 0 1.25cqw rgba(0, 132, 255, .28) !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.is-usa-two-step-payment-page [data-route-page="deposit"] .vip-source-support::after,
html[data-lite-style-id="luckyusa"] .app-shell.route-deposit:has([data-route-page="deposit"] .deposit-page[data-payment-page-family="usa-two-step"]) [data-route-page="deposit"] .vip-source-support::after {
  background: #2f8cff !important;
  filter: drop-shadow(0 0 .85cqw rgba(0, 132, 255, .32));
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] {
  min-height: 100% !important;
  padding: 0 3.95cqw 3.95cqw !important;
  color: var(--lk-text) !important;
  background:
    radial-gradient(circle at 50% 17%, rgba(0, 99, 255, .13), transparent 30cqw),
    linear-gradient(180deg, #020b21 0%, #020714 43%, #01040d 100%) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-tabs {
  position: sticky !important;
  top: 0 !important;
  z-index: 4 !important;
  min-height: 10.8cqw !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: center !important;
  gap: 1.35cqw !important;
  margin: 0 -3.95cqw !important;
  padding: 1.35cqw 4.05cqw !important;
  border-bottom: var(--lucky-hairline) solid rgba(58, 104, 174, .34) !important;
  background:
    linear-gradient(180deg, rgba(8, 15, 36, .98), rgba(7, 10, 25, .98)) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-tabs button {
  width: 100% !important;
  min-width: 0 !important;
  height: 8.5cqw !important;
  min-height: 0 !important;
  padding: 0 1.2cqw !important;
  border: var(--lucky-hairline) solid transparent !important;
  border-radius: 2.05cqw !important;
  color: rgba(213, 222, 244, .68) !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 680 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-tabs button[data-target="vip"] {
  color: #f4cd68 !important;
  text-shadow: 0 0 .85cqw rgba(255, 188, 44, .24) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-tabs button.is-active {
  color: #fff !important;
  border-color: rgba(83, 159, 255, .58) !important;
  background:
    linear-gradient(180deg, #2a99ff 0%, #0b66ff 57%, #0042df 100%) !important;
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .34),
    0 .55cqw 1.4cqw rgba(0, 94, 255, .32) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] [data-cashier-panel="transactions"] {
  margin: 0 !important;
  padding: 1.4cqw 0 5.1cqw !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .cashier-transactions-card {
  display: grid !important;
  gap: 2.65cqw !important;
  padding: 3.05cqw !important;
  border: var(--lucky-hairline) solid rgba(47, 139, 255, .68) !important;
  border-radius: 2.1cqw !important;
  color: #eff7ff !important;
  background:
    radial-gradient(circle at 50% 0, rgba(24, 126, 255, .15), transparent 46%),
    linear-gradient(180deg, rgba(5, 21, 56, .96), rgba(2, 10, 31, .98)) !important;
  box-shadow:
    inset 0 0 0 var(--lucky-hairline) rgba(235, 249, 255, .035),
    0 1.1cqw 2.4cqw rgba(0, 0, 0, .3) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .cashier-subtabs {
  height: 9.45cqw !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  padding: .65cqw !important;
  border: var(--lucky-hairline) solid rgba(59, 134, 234, .48) !important;
  border-radius: 1.6cqw !important;
  background: rgba(1, 10, 31, .78) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .cashier-subtabs button {
  min-width: 0 !important;
  border: var(--lucky-hairline) solid transparent !important;
  border-radius: 1.2cqw !important;
  color: rgba(200, 219, 249, .7) !important;
  background: transparent !important;
  font-size: 2.45cqw !important;
  font-weight: 700 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .cashier-subtabs button.is-active {
  border-color: rgba(76, 164, 255, .72) !important;
  color: #fff !important;
  background: linear-gradient(180deg, #2498ff, #0759e8) !important;
  box-shadow: inset 0 .5px 0 rgba(255, 255, 255, .33), 0 0 1.05cqw rgba(0, 116, 255, .3) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .cashier-subtabs button.is-active::after {
  content: none !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .cashier-transaction-table {
  overflow: hidden !important;
  border: var(--lucky-hairline) solid rgba(55, 120, 213, .5) !important;
  border-radius: 1.55cqw !important;
  background: rgba(1, 10, 31, .66) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .cashier-transaction-table [role="row"] {
  min-height: 11.6cqw !important;
  grid-template-columns: 1.18fr .88fr .94fr !important;
  border-bottom: var(--lucky-hairline) solid rgba(79, 134, 211, .24) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .cashier-transaction-table [role="row"]:first-child {
  min-height: 8.55cqw !important;
  color: rgba(151, 199, 255, .9) !important;
  background: linear-gradient(180deg, rgba(21, 76, 165, .48), rgba(8, 31, 83, .48)) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .cashier-transaction-table b {
  color: rgba(184, 217, 255, .9) !important;
  font-size: 2.15cqw !important;
  font-weight: 680 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .cashier-transaction-table .cashier-transaction-empty,
html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .cashier-transaction-loading {
  min-height: 31cqw !important;
  color: rgba(185, 207, 240, .68) !important;
  background: radial-gradient(circle at 50% 45%, rgba(17, 104, 255, .11), transparent 47%) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .cashier-transaction-empty span,
html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .cashier-transaction-loading span {
  color: rgba(185, 207, 240, .68) !important;
  font-size: 2.55cqw !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .cashier-transactions-card footer {
  height: 9.6cqw !important;
  gap: 3.1cqw !important;
  border: var(--lucky-hairline) solid rgba(51, 122, 219, .38) !important;
  border-radius: 1.5cqw !important;
  background: rgba(1, 9, 28, .67) !important;
  color: rgba(219, 234, 255, .86) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .cashier-transactions-card footer button {
  width: 6.2cqw !important;
  height: 6.2cqw !important;
  display: grid !important;
  place-items: center !important;
  border: var(--lucky-hairline) solid rgba(73, 149, 249, .56) !important;
  border-radius: 1.2cqw !important;
  color: #a8d9ff !important;
  background: linear-gradient(180deg, rgba(18, 68, 151, .78), rgba(4, 23, 71, .9)) !important;
  font-size: 3.4cqw !important;
  line-height: 1 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-record-button {
  top: 2.35cqw !important;
  right: 4.05cqw !important;
  color: rgba(188, 202, 232, .44) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-record-button::before {
  border-color: rgba(70, 132, 222, .38) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-record-button::after {
  border-color: rgba(70, 132, 222, .38) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-hero:not([hidden]) {
  height: 157px !important;
  min-height: 157px !important;
  margin: 0 -3.95cqw !important;
  border-bottom: var(--lucky-hairline) solid rgba(42, 104, 178, .34) !important;
  background:
    radial-gradient(circle at 50% 26%, rgba(0, 132, 255, .18), transparent 38%),
    linear-gradient(180deg, rgba(2, 9, 25, .28), rgba(2, 8, 22, .9)),
    var(--app-deposit-hero-bg) center center / cover no-repeat !important;
  box-shadow:
    inset 0 -1px 0 rgba(0, 132, 255, .18),
    0 .7cqw 2.2cqw rgba(0, 0, 0, .26) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-hero span,
html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-hero strong {
  color: #fff !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
  text-shadow:
    0 .22cqw .75cqw rgba(0, 0, 0, .72),
    0 0 1.4cqw rgba(0, 132, 255, .18) !important;
  transform: none !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-hero span {
  font-size: 17px !important;
  line-height: 1.15 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-hero strong {
  font-size: 18px !important;
  line-height: 1.15 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-total-card {
  min-height: 80px !important;
  margin: -5px 0 0 !important;
  padding: 15px !important;
  border: var(--lucky-hairline) solid rgba(70, 126, 218, .68) !important;
  border-radius: 2.3cqw !important;
  background:
    radial-gradient(circle at 50% 0, rgba(0, 103, 255, .12), transparent 58%),
    linear-gradient(180deg, rgba(5, 16, 41, .94), rgba(3, 9, 25, .94)) !important;
  box-shadow:
    inset 0 0 0 var(--lucky-hairline) rgba(255, 255, 255, .035),
    0 .55cqw 1.55cqw rgba(0, 0, 0, .22) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-total-card span {
  color: rgba(218, 228, 251, .66) !important;
  font-size: 11px !important;
  font-weight: 620 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-total-card strong {
  margin-top: .8cqw !important;
  color: #f8fbff !important;
  font-size: 16px !important;
  font-weight: 780 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-total-card i {
  color: var(--lk-pay-gold) !important;
  font-size: 18px !important;
  text-shadow: 0 0 .9cqw rgba(255, 181, 37, .24) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-total-card .green {
  color: var(--lk-pay-gold) !important;
  text-shadow: 0 0 1.1cqw rgba(255, 181, 37, .22) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] [data-deposit-total-final] {
  color: var(--lk-pay-gold) !important;
  text-shadow: 0 0 1.1cqw rgba(255, 181, 37, .22) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-range {
  height: 74px !important;
  min-height: 74px !important;
  margin: 55px 0 20px !important;
  padding: 0 3.35cqw !important;
  border: var(--lucky-hairline) solid rgba(70, 126, 218, .62) !important;
  border-radius: 2.2cqw !important;
  background:
    radial-gradient(circle at 10% 18%, rgba(13, 114, 255, .13), transparent 32%),
    linear-gradient(180deg, rgba(5, 16, 41, .95), rgba(3, 9, 24, .95)) !important;
  box-shadow:
    inset 0 0 0 var(--lucky-hairline) rgba(255, 255, 255, .03),
    0 .45cqw 1.2cqw rgba(0, 0, 0, .2) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-range::before {
  top: -3.45cqw !important;
  color: #f6fbff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-range span {
  width: 5.15cqw !important;
  height: 5.15cqw !important;
  min-width: 42px !important;
  min-height: 42px !important;
  border-radius: 50% !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 35% 26%, #68dcff 0%, #1889ff 48%, #0430cd 100%) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  box-shadow:
    inset 0 .5px 1px rgba(255, 255, 255, .35),
    0 0 1.25cqw rgba(0, 111, 255, .34) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-range strong {
  color: var(--lk-pay-cyan) !important;
  font-size: 17px !important;
  font-weight: 760 !important;
  text-shadow: 0 0 1cqw rgba(76, 195, 255, .16) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-amount-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 11px 10px !important;
  margin: 0 0 25px !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-amount-grid button {
  min-height: 55px !important;
  padding: 0 1.4cqw !important;
  border: var(--lucky-hairline) solid rgba(64, 114, 196, .42) !important;
  border-radius: 1.75cqw !important;
  color: #f8fbff !important;
  background:
    linear-gradient(180deg, rgba(11, 25, 58, .96), rgba(7, 15, 39, .96)) !important;
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .04),
    0 .3cqw .85cqw rgba(0, 0, 0, .2) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-amount-grid button.is-selected {
  color: #fff !important;
  border-color: rgba(83, 159, 255, .82) !important;
  background:
    linear-gradient(180deg, #2698ff 0%, #0b65ff 57%, #043dde 100%) !important;
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .32),
    0 0 1.45cqw rgba(0, 112, 255, .32) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-amount-grid small {
  margin-right: 1.15cqw !important;
  color: rgba(196, 209, 238, .78) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-amount-grid small::after {
  color: rgba(196, 209, 238, .78) !important;
  font-size: 21px !important;
  font-weight: 500 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-amount-grid strong {
  font-size: 16px !important;
  font-weight: 780 !important;
  line-height: 1 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] > .deposit-next {
  min-height: 54px !important;
  margin: 25px 0 24px !important;
  border: var(--lucky-hairline) solid rgba(94, 174, 255, .58) !important;
  border-radius: 1.55cqw !important;
  color: #fff !important;
  background:
    linear-gradient(180deg, #51c5ff 0%, #1792ff 45%, #0759f4 100%) !important;
  font-size: 21px !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .34),
    0 .72cqw 1.8cqw rgba(0, 91, 255, .34) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perks {
  margin: 0 -3.95cqw !important;
  padding: 5.1cqw 3.95cqw 4.6cqw !important;
  border-top: var(--lucky-hairline) solid rgba(62, 126, 218, .42) !important;
  background:
    radial-gradient(circle at 50% 0, rgba(0, 105, 255, .13), transparent 34cqw),
    linear-gradient(180deg, rgba(4, 12, 31, .98), rgba(2, 7, 18, .98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .025),
    0 -1px 0 rgba(0, 0, 0, .45) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perks h2 {
  margin: 0 0 4.25cqw !important;
  color: var(--lk-pay-gold) !important;
  font-size: 17px !important;
  font-weight: 820 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 0 1.3cqw rgba(255, 181, 37, .18) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perks h2 span {
  color: inherit !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perks-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 3.05cqw !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perk-card {
  min-height: 33.4cqw !important;
  padding: 3.2cqw 2.7cqw !important;
  border: var(--lucky-hairline) solid rgba(70, 126, 218, .54) !important;
  border-radius: 2.05cqw !important;
  background:
    radial-gradient(circle at 50% 0, rgba(0, 119, 255, .14), transparent 54%),
    linear-gradient(180deg, rgba(7, 19, 48, .96), rgba(5, 13, 34, .96)) !important;
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .035),
    0 .55cqw 1.35cqw rgba(0, 0, 0, .2) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perk-icon {
  width: 7.25cqw !important;
  height: 7.25cqw !important;
  margin-bottom: 2.45cqw !important;
  color: #268dff !important;
  filter:
    drop-shadow(0 .25cqw .45cqw rgba(0, 0, 0, .34))
    drop-shadow(0 0 1.05cqw rgba(0, 132, 255, .3)) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perk-icon.is-spins {
  color: var(--lk-pay-gold) !important;
  filter:
    drop-shadow(0 .25cqw .45cqw rgba(0, 0, 0, .34))
    drop-shadow(0 0 1.05cqw rgba(255, 181, 37, .34)) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perk-icon.is-cashback,
html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perk-icon.is-support {
  color: #2f8cff !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perk-card strong {
  margin: 0 0 1.35cqw !important;
  color: #f6fbff !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perk-card span {
  color: rgba(213, 224, 248, .68) !important;
  font-size: 11px !important;
  line-height: 1.38 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-terms {
  margin: 0 -3.95cqw !important;
  padding: 4.2cqw 3.95cqw calc(5.6cqw + env(safe-area-inset-bottom, 0px)) !important;
  color: rgba(213, 224, 248, .66) !important;
  background:
    radial-gradient(circle at 50% 0, rgba(0, 92, 255, .1), transparent 32cqw),
    linear-gradient(180deg, rgba(2, 8, 22, .98), #01040c) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-terms h2 {
  min-height: 7.2cqw !important;
  margin: 0 0 3.1cqw !important;
  padding: 0 0 2.35cqw !important;
  border-bottom: var(--lucky-hairline) solid rgba(62, 126, 218, .38) !important;
  color: #f6fbff !important;
  font-size: 14px !important;
  letter-spacing: 0 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-terms h2 span {
  color: var(--lk-pay-gold) !important;
  text-shadow: 0 0 1cqw rgba(255, 181, 37, .16) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-terms-icon {
  width: 4.25cqw !important;
  height: 4.25cqw !important;
  color: #2f8cff !important;
  filter: drop-shadow(0 0 .85cqw rgba(0, 132, 255, .28)) !important;
  opacity: 1 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-terms ul {
  display: grid !important;
  gap: 2.2cqw !important;
  margin: 0 !important;
  padding: 3.15cqw !important;
  border: var(--lucky-hairline) solid rgba(70, 126, 218, .52) !important;
  border-radius: 2.05cqw !important;
  background:
    radial-gradient(circle at 0 0, rgba(0, 104, 255, .11), transparent 42%),
    linear-gradient(180deg, rgba(5, 16, 41, .94), rgba(3, 9, 25, .94)) !important;
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .025),
    0 .45cqw 1.2cqw rgba(0, 0, 0, .18) !important;
  list-style: none !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-terms li {
  position: relative !important;
  margin: 0 !important;
  padding-left: 3.15cqw !important;
  color: rgba(213, 224, 248, .68) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-terms li::before {
  content: "" !important;
  position: absolute !important;
  left: .45cqw !important;
  top: .72em !important;
  width: .9cqw !important;
  height: .9cqw !important;
  border-radius: 50% !important;
  background: #2f8cff !important;
  box-shadow: 0 0 .85cqw rgba(0, 132, 255, .38) !important;
}

html[data-lite-style-id="luckyusa"] .cashier-drawer.is-active:has(.deposit-page[data-payment-page-family="usa-two-step"]) .cashier-source-scroll {
  background:
    radial-gradient(circle at 50% 31%, rgba(0, 107, 255, .18), transparent 38%),
    linear-gradient(180deg, #020916 0%, #010713 48%, #01040b 100%) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] {
  padding: 0 18px 20px !important;
  background:
    radial-gradient(circle at 50% 45%, rgba(0, 106, 255, .16), transparent 41%),
    linear-gradient(180deg, #020916 0%, #010714 45%, #01040c 100%) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-tabs {
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 -18px !important;
  padding: 6px 18px !important;
  gap: 13px !important;
  background:
    radial-gradient(circle at 18% 0, rgba(0, 107, 255, .1), transparent 34%),
    linear-gradient(180deg, rgba(4, 11, 29, .98), rgba(3, 8, 20, .98)) !important;
  border-top: 0 !important;
  border-bottom: var(--lucky-hairline) solid rgba(40, 99, 178, .54) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-tabs button {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 11px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  color: rgba(224, 231, 250, .72) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-tabs button.is-active {
  min-width: 96px !important;
  border-color: rgba(84, 174, 255, .78) !important;
  background:
    linear-gradient(180deg, #2d9dff 0%, #086dff 54%, #003ddb 100%) !important;
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .42),
    inset 0 -2px 5px rgba(0, 25, 166, .42),
    0 0 10px rgba(0, 119, 255, .44) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-record-button {
  opacity: 0 !important;
  pointer-events: none !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-page-title {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-hero:not([hidden]) {
  height: 96px !important;
  min-height: 96px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 -18px !important;
  border-bottom: 0 !important;
  background:
    linear-gradient(90deg, rgba(2, 8, 18, .8) 0%, rgba(2, 8, 18, .35) 48%, rgba(2, 8, 18, .76) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, .28), rgba(1, 7, 17, .72)),
    url("/7000/assets/shared/svg/c77/usa_recharge_hero.jpg") center 42% / cover no-repeat !important;
  box-shadow: inset 0 1px 0 rgba(79, 153, 255, .2) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-hero span {
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 820 !important;
  white-space: nowrap !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-hero strong {
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 820 !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-hero em,
html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-hero b {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-total-card {
  height: 65px !important;
  min-height: 65px !important;
  max-height: 65px !important;
  margin: 0 !important;
  padding: 11px 16px !important;
  border-color: rgba(0, 132, 255, .74) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(0, 116, 255, .14), transparent 63%),
    linear-gradient(180deg, rgba(3, 16, 43, .86), rgba(2, 8, 22, .92)) !important;
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .06),
    0 0 10px rgba(0, 86, 255, .16) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-total-card span {
  font-size: 11px !important;
  color: rgba(219, 229, 252, .78) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-total-card strong {
  margin-top: 6px !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-total-card i {
  font-size: 18px !important;
  font-weight: 900 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-range {
  height: 51px !important;
  min-height: 51px !important;
  margin: 31px 0 8px !important;
  padding: 0 18px !important;
  border-color: rgba(0, 132, 255, .72) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(0, 115, 255, .16), transparent 68%),
    linear-gradient(180deg, rgba(4, 17, 45, .86), rgba(2, 8, 22, .9)) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-range::before {
  top: -22px !important;
  left: 0 !important;
  color: #f7fbff !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-range span {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  font-size: 15px !important;
  background:
    radial-gradient(circle at 34% 25%, #6be0ff 0%, #1b87ff 48%, #0136d5 100%) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-range strong {
  color: #63d7ff !important;
  font-size: 17px !important;
  font-weight: 780 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-reward-summary:not([hidden]) {
  display: grid !important;
  gap: 6px !important;
  margin: -1px 0 14px !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-reward-popup {
  min-height: 58px !important;
  grid-template-columns: minmax(0, 1fr) 18px !important;
  gap: 8px !important;
  padding: 9px 13px !important;
  border: var(--lucky-hairline) solid rgba(222, 233, 255, .82) !important;
  border-radius: 8px !important;
  color: #f8fbff !important;
  background:
    radial-gradient(circle at 50% 0, rgba(0, 106, 255, .12), transparent 62%),
    linear-gradient(180deg, rgba(4, 17, 45, .88), rgba(2, 8, 22, .92)) !important;
  font-size: 14px !important;
  line-height: 1.34 !important;
  box-shadow: inset 0 .5px 0 rgba(255, 255, 255, .035) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-reward-popup span {
  min-width: 0 !important;
  display: block !important;
  overflow-wrap: anywhere !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-reward-popup i {
  width: 15px !important;
  height: 15px !important;
  justify-self: center !important;
  border-right-width: 3px !important;
  border-bottom-width: 3px !important;
  color: #f8fbff !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-reward-details {
  padding: 8px 10px !important;
  border: var(--lucky-hairline) solid rgba(0, 117, 255, .5) !important;
  border-radius: 8px !important;
  background: rgba(4, 16, 43, .9) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-turnover-tip {
  min-height: 22px !important;
  gap: 7px !important;
  margin: 1px 0 9px !important;
  color: rgba(245, 250, 255, .96) !important;
  font-size: 14px !important;
  line-height: 1.22 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-turnover-tip b {
  width: 22px !important;
  height: 22px !important;
  border-width: 2px !important;
  font-size: 15px !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-turnover-tip span {
  min-width: 0 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-amount-grid {
  gap: 7px !important;
  margin: 18px 0 8px !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-amount-grid button {
  min-height: 39px !important;
  padding: 0 8px !important;
  border-color: rgba(0, 117, 255, .62) !important;
  border-radius: 6px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(0, 106, 255, .12), transparent 65%),
    linear-gradient(180deg, rgba(6, 20, 52, .9), rgba(3, 10, 28, .94)) !important;
  box-shadow: inset 0 .5px 0 rgba(255, 255, 255, .035) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-amount-grid small {
  margin-right: 8px !important;
  color: rgba(172, 188, 222, .82) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-amount-grid small::after {
  font-size: 21px !important;
  font-weight: 400 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-amount-grid strong {
  font-size: 15px !important;
  font-weight: 760 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] > .deposit-next:not([hidden]) {
  height: 43px !important;
  min-height: 43px !important;
  max-height: 43px !important;
  margin: 8px 0 6px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  border-color: rgba(100, 190, 255, .78) !important;
  background:
    linear-gradient(180deg, #31b5ff 0%, #0d7dff 50%, #0047e7 100%) !important;
  font-size: 20px !important;
  font-weight: 850 !important;
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .42),
    inset 0 -2px 5px rgba(0, 27, 160, .42),
    0 0 12px rgba(0, 128, 255, .48) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perks {
  margin: 0 -18px !important;
  padding: 8px 18px 8px !important;
  border-top: 0 !important;
  background:
    radial-gradient(circle at 50% 12%, rgba(0, 126, 255, .2), transparent 48%),
    linear-gradient(180deg, rgba(1, 9, 24, .98), rgba(1, 7, 17, .99)) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perks h2 {
  margin: 0 0 7px !important;
  color: #ffbd26 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: .7px !important;
  text-align: center !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perks h2 span,
html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-terms h2 span {
  color: #ffbd26 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perks-grid {
  gap: 8px !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perk-card {
  height: 97px !important;
  min-height: 97px !important;
  max-height: 97px !important;
  padding: 13px 12px 10px !important;
  border-color: rgba(0, 132, 255, .78) !important;
  border-radius: 7px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(0, 132, 255, .22), transparent 64%),
    linear-gradient(180deg, rgba(4, 24, 66, .96), rgba(2, 10, 31, .98)) !important;
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .06),
    0 0 10px rgba(0, 104, 255, .12) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perk-icon {
  width: 28px !important;
  height: 28px !important;
  margin-bottom: 9px !important;
  color: #1a95ff !important;
  filter:
    drop-shadow(0 .25cqw .45cqw rgba(0, 0, 0, .34))
    drop-shadow(0 0 1.05cqw rgba(0, 142, 255, .35)) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perk-icon path {
  fill: currentColor !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perk-icon.is-spins {
  color: #ffbd26 !important;
  filter:
    drop-shadow(0 .25cqw .45cqw rgba(0, 0, 0, .36))
    drop-shadow(0 0 1.05cqw rgba(255, 189, 38, .34)) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perk-icon.is-spins path {
  fill: #ffbd26 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perk-icon.is-cashback {
  color: #168dff !important;
  filter:
    drop-shadow(0 .25cqw .45cqw rgba(0, 0, 0, .34))
    drop-shadow(0 0 1.05cqw rgba(0, 142, 255, .34)) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perk-icon.is-cashback path {
  fill: #168dff !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perk-icon.is-support {
  color: #ff4a87 !important;
  filter:
    drop-shadow(0 .25cqw .45cqw rgba(0, 0, 0, .34))
    drop-shadow(0 0 1.05cqw rgba(255, 74, 135, .34)) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perk-icon.is-support path {
  fill: #ff4a87 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perk-card strong {
  margin: 0 0 5px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-perk-card span {
  font-size: 10px !important;
  line-height: 1.32 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-terms {
  margin: 0 0 20px !important;
  padding: 13px 17px 12px !important;
  border: var(--lucky-hairline) solid rgba(0, 117, 255, .62) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(0, 113, 255, .13), transparent 58%),
    linear-gradient(180deg, rgba(5, 18, 48, .9), rgba(3, 10, 28, .96)) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-terms h2 {
  min-height: 0 !important;
  margin: 0 0 9px !important;
  padding: 0 !important;
  border-bottom: 0 !important;
  color: #ffbd26 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-terms-icon {
  width: 17px !important;
  height: 17px !important;
  color: #1b91ff !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-terms ul {
  gap: 4px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-terms li {
  padding-left: 13px !important;
  font-size: 9px !important;
  line-height: 1.3 !important;
  color: rgba(216, 225, 249, .72) !important;
}

html[data-lite-style-id="luckyusa"] .deposit-page[data-payment-page-family="usa-two-step"] .deposit-terms li::before {
  left: 2px !important;
  top: .65em !important;
  width: 3px !important;
  height: 3px !important;
  background: #1594ff !important;
}

/* LuckyUSA auth modal: site-specific replica of the approved blue casino login/register mock. */
html[data-lite-style-id="luckyusa"] [data-modal="auth"].ui-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1200 !important;
  display: grid !important;
  place-items: center !important;
  width: 100vw !important;
  min-height: 100dvh !important;
  padding: max(16px, env(safe-area-inset-top)) 14px max(16px, env(safe-area-inset-bottom)) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .ui-backdrop {
  position: fixed !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(0, 73, 168, .22), transparent 36%),
    rgba(0, 0, 0, .72) !important;
  backdrop-filter: blur(7px) brightness(.66) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-panel {
  --lucky-auth-blue: #168dff;
  --lucky-auth-cyan: #50c9ff;
  --lucky-auth-line: rgba(28, 139, 255, .88);
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: min(86vw, 520px) !important;
  height: auto !important;
  max-height: calc(100dvh - 30px) !important;
  overflow: auto !important;
  display: block !important;
  padding: 30px 26px 28px !important;
  border: 1px solid var(--lucky-auth-line) !important;
  border-radius: 18px !important;
  color: #f8fbff !important;
  background:
    radial-gradient(circle at 50% 0, rgba(0, 112, 255, .18), transparent 30%),
    radial-gradient(circle at 46% 54%, rgba(0, 76, 166, .11), transparent 48%),
    linear-gradient(180deg, rgba(2, 10, 28, .988), rgba(0, 5, 17, .995) 66%, rgba(0, 3, 11, .998)) !important;
  box-shadow:
    0 0 0 1px rgba(73, 156, 255, .18),
    inset 0 0 42px rgba(0, 113, 255, .1),
    0 0 34px rgba(0, 128, 255, .4),
    0 26px 72px rgba(0, 0, 0, .72) !important;
  transform: none !important;
  opacity: 1 !important;
  scrollbar-width: none;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-panel::-webkit-scrollbar {
  display: none;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-panel::before {
  content: "" !important;
  position: absolute !important;
  left: 34% !important;
  right: 34% !important;
  top: -1px !important;
  display: block !important;
  height: 1px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, rgba(74, 191, 255, .9), transparent) !important;
  box-shadow: 0 0 9px rgba(42, 159, 255, .75) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"]:not(.is-active) .auth-panel {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"].is-active .auth-panel {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-back-button {
  position: absolute !important;
  z-index: 5 !important;
  top: 24px !important;
  right: 20px !important;
  left: auto !important;
  width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  border: .5px solid rgba(180, 195, 220, .24) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: rgba(4, 9, 22, .7) !important;
  box-shadow: inset 0 1px 7px rgba(255, 255, 255, .08), 0 8px 18px rgba(0, 0, 0, .35) !important;
  font-size: 34px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  transform: none !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-brand-logo {
  display: block !important;
  width: min(52%, 246px) !important;
  height: auto !important;
  max-height: 72px !important;
  object-fit: contain !important;
  margin: 0 auto 58px !important;
  filter:
    drop-shadow(0 6px 12px rgba(0, 0, 0, .48))
    drop-shadow(0 0 14px rgba(0, 132, 255, .38)) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .ui-tabs {
  position: relative !important;
  z-index: 2 !important;
  min-height: 0 !important;
  padding: 0 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-title-rows {
  position: relative !important;
  margin: 0 0 25px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-title-row {
  position: relative !important;
  min-height: 42px !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 116px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-title-register {
  padding: 0 112px 0 64px !important;
}

html[data-lite-style-id="luckyusa"] [data-tabs="auth"]:has([data-tab="login"].is-active) .auth-title-login,
html[data-lite-style-id="luckyusa"] [data-tabs="auth"]:has([data-tab="register"].is-active) .auth-title-register {
  display: flex !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-title-row h2 {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 32px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .55) !important;
  white-space: nowrap !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-title-register h2 {
  font-size: 31px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .tab-list {
  position: static !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  width: 100% !important;
  height: 58px !important;
  padding: 5px !important;
  margin: 0 0 29px !important;
  border: 1px solid rgba(0, 145, 255, .9) !important;
  border-radius: 13px !important;
  background: rgba(1, 8, 23, .8) !important;
  box-shadow: inset 0 0 0 1px rgba(0, 78, 162, .45) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .tab-list button {
  min-height: 0 !important;
  height: 46px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: rgba(221, 227, 244, .72) !important;
  background: transparent !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .tab-list button.is-active {
  color: #ffffff !important;
  background:
    linear-gradient(180deg, #239fff 0%, #0f72ff 55%, #0754ec 100%) !important;
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .2),
    inset 0 -1px 3px rgba(0, 24, 139, .24),
    0 0 10px rgba(0, 132, 255, .34) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-message {
  position: static !important;
  min-height: 0 !important;
  margin: -16px 0 11px !important;
  color: #ffbe35 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  text-align: center !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-message:empty {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .tab-panel {
  color: inherit !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .luckyusa-auth-form {
  display: grid !important;
  grid-template-rows: none !important;
  gap: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-heading {
  display: none !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 42px !important;
  margin: 0 0 24px !important;
  color: #ffffff !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-heading h2 {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 31px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .45) !important;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="auth-register"] .auth-heading h2 {
  font-size: 29px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-title-badge {
  position: absolute !important;
  right: 0 !important;
  top: 6px !important;
  flex: 0 0 auto !important;
  height: 30px !important;
  min-width: 104px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(255, 197, 35, .94) !important;
  border-radius: 7px !important;
  color: #ffc229 !important;
  background: rgba(4, 12, 29, .76) !important;
  box-shadow: inset 0 0 10px rgba(255, 194, 41, .13), 0 0 10px rgba(255, 172, 0, .22) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-title-badge svg {
  width: 18px !important;
  height: 18px !important;
  color: #ffd24b !important;
  filter: drop-shadow(0 0 5px rgba(255, 190, 25, .38)) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-group {
  display: grid !important;
  gap: 10px !important;
  margin: 0 0 20px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-label {
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-field {
  min-height: 0 !important;
  height: 62px !important;
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  padding: 0 19px !important;
  border: 1px solid rgba(196, 207, 229, .5) !important;
  border-radius: 12px !important;
  color: #51c6ff !important;
  background: rgba(2, 7, 20, .86) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .03),
    inset 0 0 16px rgba(0, 0, 0, .28) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-field::after {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-country {
  min-width: 112px !important;
  flex: 0 0 112px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 13px !important;
  color: #ffffff !important;
  font-size: 21px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-flag {
  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  font-size: 25px !important;
  line-height: 1 !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .42) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-country i {
  width: 1px !important;
  height: 34px !important;
  background: rgba(199, 207, 229, .45) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-prefix {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  color: #36c2ff !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-field input {
  min-width: 0 !important;
  height: 60px !important;
  border: 0 !important;
  outline: 0 !important;
  color: #f8fbff !important;
  background: transparent !important;
  font-size: 19px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-field input::placeholder {
  color: rgba(174, 181, 204, .7) !important;
  opacity: 1 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-eye {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #12b8ff !important;
  background: transparent !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-forgot {
  justify-self: end !important;
  margin: -3px 0 34px !important;
  padding: 0 !important;
  border: 0 !important;
  color: #0099ff !important;
  background: transparent !important;
  font-size: 17px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-submit {
  position: relative !important;
  min-height: 0 !important;
  height: 68px !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 24px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(98, 203, 255, .82) !important;
  border-radius: 13px !important;
  color: #ffffff !important;
  background:
    linear-gradient(180deg, #25a8ff 0%, #0c78ff 52%, #0759f2 100%) !important;
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .18),
    inset 0 -1px 4px rgba(0, 24, 164, .2),
    0 0 14px rgba(0, 140, 255, .32) !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-submit[disabled] {
  opacity: .72 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-arrow,
html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-bonus-ribbon {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-new-bonus {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  margin: -9px 0 24px !important;
  color: #ffc229 !important;
  font-size: 20px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-new-bonus > span:first-child {
  color: #ffc229 !important;
  font-size: 26px !important;
  line-height: 1 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-agree {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 16px !important;
  margin: 0 auto !important;
  padding: 0 28px !important;
  color: rgba(222, 228, 244, .74) !important;
  background: transparent !important;
  font-size: 17px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-agree input {
  appearance: none !important;
  flex: 0 0 24px !important;
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  border: 1px solid #0099ff !important;
  border-radius: 4px !important;
  background: transparent !important;
  box-shadow: inset 0 0 0 1px rgba(0, 153, 255, .2) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-agree input:checked {
  background: linear-gradient(180deg, #35beff, #006cff) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-agree b {
  color: #00a7ff !important;
  font-weight: 800 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-bottom-text {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"].ui-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1201 !important;
  display: grid !important;
  place-items: center !important;
  width: 100vw !important;
  min-height: 100dvh !important;
  padding: max(16px, env(safe-area-inset-top)) 14px max(16px, env(safe-area-inset-bottom)) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .ui-backdrop {
  position: fixed !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(0, 73, 168, .22), transparent 36%),
    rgba(0, 0, 0, .72) !important;
  backdrop-filter: blur(7px) brightness(.66) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-card {
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: min(86vw, 520px) !important;
  height: auto !important;
  max-height: calc(100dvh - 30px) !important;
  overflow: auto !important;
  display: block !important;
  padding: 30px 26px 28px !important;
  border: 1px solid rgba(28, 139, 255, .88) !important;
  border-radius: 18px !important;
  color: #f8fbff !important;
  background:
    radial-gradient(circle at 50% 0, rgba(0, 112, 255, .18), transparent 30%),
    radial-gradient(circle at 46% 54%, rgba(0, 76, 166, .11), transparent 48%),
    linear-gradient(180deg, rgba(2, 10, 28, .988), rgba(0, 5, 17, .995) 66%, rgba(0, 3, 11, .998)) !important;
  box-shadow:
    0 0 0 1px rgba(73, 156, 255, .18),
    inset 0 0 42px rgba(0, 113, 255, .1),
    0 0 34px rgba(0, 128, 255, .4),
    0 26px 72px rgba(0, 0, 0, .72) !important;
  transform: none !important;
  opacity: 1 !important;
  scrollbar-width: none;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-card::-webkit-scrollbar {
  display: none;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"]:not(.is-active) .account-access-card {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"].is-active .account-access-card {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-glow {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-close {
  position: absolute !important;
  z-index: 5 !important;
  top: 24px !important;
  right: 20px !important;
  width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: .5px solid rgba(180, 195, 220, .24) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: rgba(4, 9, 22, .7) !important;
  box-shadow: inset 0 1px 7px rgba(255, 255, 255, .08), 0 8px 18px rgba(0, 0, 0, .35) !important;
  font-size: 34px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-brand-logo {
  display: block !important;
  width: min(52%, 246px) !important;
  height: auto !important;
  max-height: 72px !important;
  object-fit: contain !important;
  margin: 0 auto 58px !important;
  filter:
    drop-shadow(0 6px 12px rgba(0, 0, 0, .48))
    drop-shadow(0 0 14px rgba(0, 132, 255, .38)) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-header {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  min-height: 42px !important;
  margin: 0 0 25px !important;
  padding: 0 116px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-card h2 {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-size: 32px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .45) !important;
  text-align: center !important;
  white-space: nowrap !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-title-badge {
  position: absolute !important;
  right: 0 !important;
  top: 6px !important;
  flex: 0 0 auto !important;
  height: 30px !important;
  min-width: 104px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(255, 197, 35, .94) !important;
  border-radius: 7px !important;
  color: #ffc229 !important;
  background: rgba(4, 12, 29, .76) !important;
  box-shadow: inset 0 0 10px rgba(255, 194, 41, .13), 0 0 10px rgba(255, 172, 0, .22) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-title-badge svg {
  width: 18px !important;
  height: 18px !important;
  color: #ffd24b !important;
  filter: drop-shadow(0 0 5px rgba(255, 190, 25, .38)) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .ui-tabs {
  position: relative !important;
  z-index: 2 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-tabs {
  position: static !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  width: 100% !important;
  height: 58px !important;
  padding: 5px !important;
  margin: 0 0 29px !important;
  border: 1px solid rgba(0, 145, 255, .9) !important;
  border-radius: 13px !important;
  background: rgba(1, 8, 23, .8) !important;
  box-shadow: inset 0 0 0 1px rgba(0, 78, 162, .45) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-tabs button {
  min-height: 0 !important;
  height: 46px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: rgba(221, 227, 244, .72) !important;
  background: transparent !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-tabs button.is-active {
  color: #ffffff !important;
  background: linear-gradient(180deg, #239fff 0%, #0f72ff 55%, #0754ec 100%) !important;
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .2),
    inset 0 -1px 3px rgba(0, 24, 139, .24),
    0 0 10px rgba(0, 132, 255, .34) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-form {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  gap: 0 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-label {
  margin: 0 0 10px !important;
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-field {
  min-height: 0 !important;
  height: 62px !important;
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  padding: 0 19px !important;
  margin: 0 0 20px !important;
  border: 1px solid rgba(196, 207, 229, .5) !important;
  border-radius: 12px !important;
  color: #51c6ff !important;
  background: rgba(2, 7, 20, .86) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .03),
    inset 0 0 16px rgba(0, 0, 0, .28) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-field:focus-within {
  border-color: rgba(73, 196, 255, .95) !important;
  box-shadow:
    inset 0 0 0 1px rgba(73, 196, 255, .2),
    0 0 12px rgba(0, 153, 255, .22) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-icon {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  margin: 0 !important;
  color: #36c2ff !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-field input {
  min-width: 0 !important;
  height: 60px !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  color: #f8fbff !important;
  background: transparent !important;
  font-size: 19px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-field input::placeholder {
  color: rgba(174, 181, 204, .7) !important;
  opacity: 1 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-phone-prefix {
  min-width: 112px !important;
  flex: 0 0 112px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 13px !important;
  margin: 0 !important;
  padding-right: 12px !important;
  border-right: 1px solid rgba(199, 207, 229, .45) !important;
  color: #ffffff !important;
  font-size: 21px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-flag {
  width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .42) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-phone-field input {
  padding-left: 0 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-toggle {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #12b8ff !important;
  background: transparent !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-toggle svg {
  width: 22px !important;
  height: 22px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-submit {
  height: 68px !important;
  min-height: 0 !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 1px solid rgba(98, 203, 255, .82) !important;
  border-radius: 13px !important;
  color: #ffffff !important;
  background: linear-gradient(180deg, #25a8ff 0%, #0c78ff 52%, #0759f2 100%) !important;
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .18),
    inset 0 -1px 4px rgba(0, 24, 164, .2),
    0 0 14px rgba(0, 140, 255, .32) !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-submit:disabled {
  color: rgba(255, 255, 255, .62) !important;
  background: linear-gradient(180deg, #3584df 0%, #1d66ce 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14) !important;
}

/* Compact auth/access dialogs: cap at 360px and scale controls proportionally. */
html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-panel,
html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-card {
  width: min(86vw, 360px) !important;
  max-height: calc(100dvh - 24px) !important;
  padding: 20px 18px 20px !important;
  border-radius: 13px !important;
  box-shadow:
    0 0 0 .5px rgba(73, 156, 255, .16),
    inset 0 0 24px rgba(0, 113, 255, .07),
    0 0 20px rgba(0, 128, 255, .28),
    0 18px 48px rgba(0, 0, 0, .72) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-back-button,
html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-close {
  top: 17px !important;
  right: 15px !important;
  width: 32px !important;
  height: 32px !important;
  font-size: 25px !important;
  box-shadow: inset 0 1px 5px rgba(255, 255, 255, .07), 0 6px 14px rgba(0, 0, 0, .32) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-brand-logo,
html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-brand-logo {
  position: relative !important;
  z-index: 4 !important;
  width: 190px !important;
  height: 56px !important;
  max-width: 62% !important;
  max-height: 56px !important;
  margin: 0 auto 25px !important;
  filter:
    drop-shadow(0 4px 9px rgba(0, 0, 0, .45))
    drop-shadow(0 0 10px rgba(0, 132, 255, .32)) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-title-rows,
html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-header {
  margin: 0 0 18px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-title-row,
html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-header {
  min-height: 30px !important;
  padding: 0 72px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-title-register {
  padding: 0 68px 0 38px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-title-row h2,
html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-card h2 {
  font-size: 23px !important;
  line-height: 1.08 !important;
  text-shadow: 0 1px 5px rgba(0, 0, 0, .48) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-title-register h2 {
  font-size: 22px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-title-badge,
html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-title-badge {
  top: 3px !important;
  height: 23px !important;
  min-width: 74px !important;
  gap: 4px !important;
  padding: 0 6px !important;
  border: .5px solid rgba(255, 197, 35, .9) !important;
  border-radius: 5px !important;
  box-shadow: inset 0 0 7px rgba(255, 194, 41, .1), 0 0 7px rgba(255, 172, 0, .18) !important;
  font-size: 12px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-title-badge svg,
html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-title-badge svg {
  width: 13px !important;
  height: 13px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .tab-list,
html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-tabs {
  height: 42px !important;
  padding: 4px !important;
  margin: 0 0 19px !important;
  border-radius: 10px !important;
  box-shadow: inset 0 0 0 .5px rgba(0, 78, 162, .42) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .tab-list button,
html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-tabs button {
  height: 34px !important;
  padding: 0 6px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-tabs button {
  font-size: 12px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-group {
  gap: 7px !important;
  margin: 0 0 14px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-label,
html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-label {
  margin: 0 0 7px !important;
  font-size: 15px !important;
  line-height: 1.08 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-field,
html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-field {
  height: 44px !important;
  gap: 10px !important;
  padding: 0 12px !important;
  margin: 0 0 14px !important;
  border-radius: 9px !important;
  box-shadow:
    inset 0 0 0 .5px rgba(255, 255, 255, .03),
    inset 0 0 12px rgba(0, 0, 0, .24) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-country,
html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-phone-prefix {
  min-width: 78px !important;
  flex: 0 0 78px !important;
  height: 26px !important;
  gap: 8px !important;
  font-size: 15px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-flag,
html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-flag {
  width: 21px !important;
  height: 21px !important;
  font-size: 19px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-country i {
  height: 25px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-prefix,
html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-icon {
  width: 21px !important;
  height: 21px !important;
  flex: 0 0 21px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-field input,
html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-field input {
  height: 42px !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-eye,
html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-toggle {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-toggle svg {
  width: 18px !important;
  height: 18px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-forgot {
  margin: -1px 0 23px !important;
  font-size: 13px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-submit,
html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-submit {
  height: 50px !important;
  margin-bottom: 18px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .16),
    inset 0 -1px 3px rgba(0, 24, 164, .16),
    0 0 9px rgba(0, 140, 255, .24) !important;
  font-size: 19px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-new-bonus {
  gap: 6px !important;
  font-size: 15px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-agree {
  gap: 9px !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  line-height: 1.38 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-agree input {
  width: 18px !important;
  height: 18px !important;
}

@media (max-width: 374px) {
  html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-panel {
    width: calc(100vw - 22px) !important;
    padding: 24px 14px 20px !important;
  }

  html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-card {
    width: calc(100vw - 22px) !important;
    padding: 24px 14px 20px !important;
  }

  html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-brand-logo {
    width: 150px !important;
  }

  html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-brand-logo {
    width: 150px !important;
  }

  html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-heading h2,
  html[data-lite-style-id="luckyusa"] [data-ui-block="auth-register"] .auth-heading h2,
  html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-card h2 {
    font-size: 26px !important;
  }

  html[data-lite-style-id="luckyusa"] [data-modal="auth"] .auth-title-badge,
  html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-title-badge {
    min-width: 75px !important;
    font-size: 13px !important;
  }
}

/* LuckyUSA ranking page: site-specific visual skin only. Business hooks remain in js/pages/contest-ranking.mjs. */
html[data-lite-style-id="luckyusa"] .contest-ranking-drawer {
  z-index: calc(var(--z-drawer) + 8);
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .ui-backdrop {
  background: rgba(0, 4, 20, .48);
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .contest-ranking-shell {
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  container-type: inline-size;
  color: #f5f8ff;
  background:
    radial-gradient(circle at 60% 0, rgba(17, 101, 255, .2), transparent 32cqw),
    linear-gradient(180deg, #02081c 0%, #000512 100%);
  box-shadow: none;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .contest-ranking-source-header {
  position: relative;
  z-index: 5;
  min-height: 11cqw;
  padding: 2.7cqw 3.3cqw 0;
  display: grid;
  grid-template-columns: 12cqw 1fr 8.4cqw;
  align-items: center;
  gap: 2cqw;
  flex: 0 0 auto;
  background: transparent;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .contest-ranking-source-header button {
  min-height: 0;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  color: inherit;
  background: transparent;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-source-back,
html[data-lite-style-id="luckyusa"] .contest-ranking-source-support {
  width: 8.9cqw !important;
  height: 8.9cqw !important;
  min-width: 8.9cqw !important;
  padding: 0 !important;
  border: .5px solid rgba(36, 142, 255, .86) !important;
  border-radius: 2.4cqw !important;
  background: rgba(1, 17, 51, .7) !important;
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .14),
    0 0 12px rgba(0, 130, 255, .18) !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-ranking-drawer .contest-ranking-source-back {
  border: .5px solid rgba(36, 142, 255, .9) !important;
  border-radius: 2.4cqw !important;
  background: rgba(1, 17, 51, .72) !important;
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .14),
    0 0 12px rgba(0, 130, 255, .24) !important;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-source-back {
  position: relative;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-source-back::before,
html[data-lite-style-id="luckyusa"] .contest-ranking-source-back::after {
  content: "";
  position: absolute;
  left: 3.05cqw;
  top: 50%;
  width: 3.45cqw;
  height: .58cqw;
  border-radius: 999px;
  background: #f5f8ff;
  transform-origin: .34cqw 50%;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-source-back::before {
  transform: translateY(-50%) rotate(45deg);
}

html[data-lite-style-id="luckyusa"] .contest-ranking-source-back::after {
  transform: translateY(-50%) rotate(-45deg);
}

html[data-lite-style-id="luckyusa"] .contest-ranking-source-logo {
  justify-self: end;
  width: 18cqw;
  max-width: 18cqw;
  height: 8.5cqw;
  margin-right: -1.4cqw;
  object-fit: contain;
  filter: drop-shadow(0 0 10px rgba(32, 135, 255, .22));
}

html[data-lite-style-id="luckyusa"] .contest-ranking-source-support {
  justify-self: end;
  width: 7.8cqw !important;
  height: 7.8cqw !important;
  min-width: 7.8cqw !important;
  border-radius: 2.2cqw !important;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-source-support img {
  width: 5.2cqw;
  height: 5.2cqw;
  object-fit: contain;
  margin: auto;
  filter: drop-shadow(0 0 5px rgba(0, 170, 255, .9));
}

html[data-lite-style-id="luckyusa"] .contest-ranking-shell-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  background: transparent;
  -webkit-overflow-scrolling: touch;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-page {
  min-height: 100%;
  padding: 2.5cqw 2.45cqw 5cqw;
  color: #f4f7ff;
  background:
    radial-gradient(circle at 50% -5%, rgba(0, 119, 255, .18), transparent 28cqw),
    linear-gradient(180deg, rgba(0, 8, 31, 0) 0%, rgba(0, 4, 18, .42) 100%);
}

html[data-lite-style-id="luckyusa"] .contest-ranking-page button {
  min-height: 0;
  border: 0;
  color: inherit;
  font: inherit;
  background: transparent;
  box-shadow: none;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-page img {
  max-width: 100%;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs button,
html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-user-main button,
html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-user-stats article {
  box-sizing: border-box;
}

html[data-lite-style-id="luckyusa"] .contest-board-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3cqw;
  margin: 0 1cqw 3.8cqw;
}

html[data-lite-style-id="luckyusa"] .contest-board-tabs button {
  height: 9.5cqw;
  border: .5px solid rgba(35, 120, 235, .72);
  border-radius: 2.3cqw;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2cqw;
  overflow: hidden;
  color: rgba(197, 211, 240, .68);
  font-size: 3.6cqw;
  font-weight: 800;
  text-transform: uppercase;
  background: linear-gradient(180deg, rgba(8, 31, 75, .76), rgba(2, 16, 43, .9));
  box-shadow: inset 0 .5px 0 rgba(255, 255, 255, .08);
}

html[data-lite-style-id="luckyusa"] .contest-board-tabs button.is-active {
  color: #fff;
  border-color: rgba(64, 177, 255, .96);
  background: linear-gradient(180deg, #0b7cff 0%, #004bff 100%);
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .36),
    inset 0 -2px 8px rgba(0, 34, 166, .42),
    0 0 16px rgba(0, 122, 255, .62);
}

html[data-lite-style-id="luckyusa"] .contest-board-tabs button:not(.is-active) {
  color: rgba(151, 164, 202, .72);
  border-color: rgba(71, 98, 148, .66);
  background: linear-gradient(180deg, rgba(7, 25, 58, .72), rgba(3, 15, 38, .84));
}

html[data-lite-style-id="luckyusa"] .ranking-tab-icon,
html[data-lite-style-id="luckyusa"] .ranking-card-icon,
html[data-lite-style-id="luckyusa"] .ranking-stat-icon,
html[data-lite-style-id="luckyusa"] .ranking-side-icon,
html[data-lite-style-id="luckyusa"] .ranking-invite-icon {
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
}

html[data-lite-style-id="luckyusa"] .ranking-tab-bars {
  width: 4cqw;
  height: 4.3cqw;
  background:
    linear-gradient(#d9e7ff, #d9e7ff) 0 55% / .85cqw 45% no-repeat,
    linear-gradient(#d9e7ff, #d9e7ff) 1.55cqw 27% / .85cqw 73% no-repeat,
    linear-gradient(#d9e7ff, #d9e7ff) 3.1cqw 0 / .85cqw 100% no-repeat;
  filter: drop-shadow(0 0 6px rgba(255, 255, 255, .25));
}

html[data-lite-style-id="luckyusa"] .ranking-tab-agent {
  width: 4.8cqw;
  height: 4.8cqw;
}

html[data-lite-style-id="luckyusa"] .ranking-tab-agent::before {
  content: "";
  position: absolute;
  left: 1.35cqw;
  top: .15cqw;
  width: 2.1cqw;
  height: 2.1cqw;
  border: .55cqw solid currentColor;
  border-radius: 50%;
}

html[data-lite-style-id="luckyusa"] .ranking-tab-agent::after {
  content: "";
  position: absolute;
  left: .2cqw;
  bottom: .25cqw;
  width: 4.3cqw;
  height: 2.7cqw;
  border: .55cqw solid currentColor;
  border-bottom: 0;
  border-radius: 4cqw 4cqw 0 0;
}

html[data-lite-style-id="luckyusa"] .contest-time-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.55cqw;
  margin: 0 0 3.05cqw;
}

html[data-lite-style-id="luckyusa"] .contest-time-tabs button {
  position: relative;
  min-height: 16.8cqw;
  padding: 3.3cqw 2.7cqw 2.6cqw;
  border: .5px solid rgba(42, 139, 255, .86);
  border-radius: 2.6cqw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1.6cqw;
  color: #f7f9ff;
  text-align: left;
  background: linear-gradient(180deg, rgba(4, 23, 60, .86), rgba(0, 9, 32, .96));
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .08),
    0 0 10px rgba(0, 116, 255, .14);
}

html[data-lite-style-id="luckyusa"] .contest-time-tabs button.is-active {
  color: #fff;
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .13),
    0 0 13px rgba(0, 118, 255, .38);
}

html[data-lite-style-id="luckyusa"] .contest-time-tabs button::before {
  content: "";
  position: absolute;
  left: 4.1cqw;
  top: 3.25cqw;
  width: 4.7cqw;
  height: 4.7cqw;
  color: #52b3ff;
  filter:
    drop-shadow(0 0 4px rgba(35, 145, 255, .72))
    drop-shadow(0 0 8px rgba(35, 145, 255, .34));
}

html[data-lite-style-id="luckyusa"] .contest-time-tabs button:nth-child(1)::before,
html[data-lite-style-id="luckyusa"] .contest-time-tabs button:nth-child(2)::before {
  border: .55cqw solid currentColor;
  border-radius: .55cqw;
  background:
    linear-gradient(currentColor, currentColor) .6cqw 1.7cqw / .55cqw .55cqw no-repeat,
    linear-gradient(currentColor, currentColor) 1.9cqw 1.7cqw / .55cqw .55cqw no-repeat,
    linear-gradient(currentColor, currentColor) 3.15cqw 1.7cqw / .55cqw .55cqw no-repeat,
    linear-gradient(currentColor, currentColor) .6cqw 2.95cqw / .55cqw .55cqw no-repeat,
    linear-gradient(currentColor, currentColor) 1.9cqw 2.95cqw / .55cqw .55cqw no-repeat,
    linear-gradient(currentColor, currentColor) 3.15cqw 2.95cqw / .55cqw .55cqw no-repeat,
    linear-gradient(currentColor, currentColor) 0 1.15cqw / 100% .55cqw no-repeat;
}

html[data-lite-style-id="luckyusa"] .contest-time-tabs button:nth-child(1)::after,
html[data-lite-style-id="luckyusa"] .contest-time-tabs button:nth-child(2)::after {
  content: "";
  position: absolute;
  left: 5.05cqw;
  top: 2.75cqw;
  width: .55cqw;
  height: 1.35cqw;
  border-radius: 999px;
  background: #9bd5ff;
  box-shadow: 2.65cqw 0 0 #9bd5ff;
  pointer-events: none;
}

html[data-lite-style-id="luckyusa"] .contest-time-tabs button:nth-child(3)::before {
  border-radius: .65cqw;
  background:
    linear-gradient(currentColor, currentColor) 0 1.55cqw / 100% .7cqw no-repeat,
    linear-gradient(currentColor, currentColor) 1.95cqw 1.55cqw / .8cqw 3.15cqw no-repeat,
    linear-gradient(currentColor, currentColor) .35cqw 2.25cqw / 4cqw 2.2cqw no-repeat;
  clip-path: polygon(7% 34%, 42% 34%, 50% 15%, 58% 34%, 93% 34%, 93% 100%, 7% 100%);
}

html[data-lite-style-id="luckyusa"] .contest-time-tabs button:nth-child(3)::after {
  content: "";
  position: absolute;
  left: 4.7cqw;
  top: 2.75cqw;
  width: 1.65cqw;
  height: 1.65cqw;
  border: .45cqw solid #9bd5ff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  box-shadow: 2.05cqw 0 0 -.05cqw #9bd5ff;
  transform: rotate(35deg);
  pointer-events: none;
}

html[data-lite-style-id="luckyusa"] .contest-time-tabs button:nth-child(1) span {
  color: #ffbd2c;
}

html[data-lite-style-id="luckyusa"] .contest-time-tabs span {
  display: block;
  width: 100%;
  padding-left: 7cqw;
  overflow: hidden;
  color: #f8fbff;
  font-size: 3.1cqw;
  font-weight: 850;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-lite-style-id="luckyusa"] .contest-time-tabs button:nth-child(3) span {
  padding-left: 6.5cqw;
}

html[data-lite-style-id="luckyusa"] .contest-time-tabs b {
  display: flex;
  align-items: center;
  gap: 1.8cqw;
  color: #f7f9ff;
  font-size: 3.2cqw;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs {
  gap: 1.55cqw;
  margin: 0 0 3.05cqw;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs button {
  min-height: 16.8cqw;
  padding: 3.3cqw 2.7cqw 2.6cqw;
  border: .5px solid rgba(42, 139, 255, .86);
  border-radius: 2.6cqw;
  align-items: flex-start;
  justify-content: center;
  gap: 1.6cqw;
  color: #f7f9ff;
  text-align: left;
  background: linear-gradient(180deg, rgba(4, 23, 60, .86), rgba(0, 9, 32, .96));
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .08),
    0 0 10px rgba(0, 116, 255, .14);
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs button.is-active {
  color: #fff;
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .13),
    0 0 13px rgba(0, 118, 255, .38);
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs button.is-active::after {
  content: "";
  position: absolute;
  border: 0;
  background: none;
  mask: none;
  -webkit-mask: none;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs button:nth-child(1)::after,
html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs button:nth-child(2)::after {
  left: 5.05cqw;
  top: 2.75cqw;
  width: .55cqw;
  height: 1.35cqw;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #9bd5ff;
  box-shadow: 2.65cqw 0 0 #9bd5ff;
  opacity: 1;
  pointer-events: none;
  mask: none;
  -webkit-mask: none;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs button:nth-child(3)::after {
  left: 4.7cqw;
  top: 2.75cqw;
  width: 1.65cqw;
  height: 1.65cqw;
  padding: 0;
  border: .45cqw solid #9bd5ff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  background: transparent;
  box-shadow: 2.05cqw 0 0 -.05cqw #9bd5ff;
  opacity: 1;
  transform: rotate(35deg);
  pointer-events: none;
  mask: none;
  -webkit-mask: none;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs span {
  display: block;
  width: 100%;
  max-width: none;
  padding-left: 7cqw;
  color: #f8fbff;
  font-size: 3.1cqw;
  font-weight: 850;
  line-height: 1.15;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs button:nth-child(1) span {
  color: #ffbd2c;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs button:nth-child(3) span {
  padding-left: 6.5cqw;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs b {
  gap: 1.8cqw;
  color: #f7f9ff;
  font-size: 3.2cqw;
  font-weight: 700;
}

html[data-lite-style-id="luckyusa"] .contest-time-tabs b em {
  font-style: normal;
}

html[data-lite-style-id="luckyusa"] .ranking-card-icon {
  width: 4.5cqw;
  height: 4.5cqw;
  color: #3fa9ff;
  filter: drop-shadow(0 0 6px rgba(0, 126, 255, .62));
}

html[data-lite-style-id="luckyusa"] .ranking-card-clock::before {
  content: "";
  position: absolute;
  inset: .65cqw;
  border: .55cqw solid currentColor;
  border-radius: 50%;
}

html[data-lite-style-id="luckyusa"] .ranking-card-clock::after {
  content: "";
  position: absolute;
  left: 2.12cqw;
  top: 1.35cqw;
  width: 1.35cqw;
  height: 1.85cqw;
  border-left: .45cqw solid currentColor;
  border-bottom: .45cqw solid currentColor;
}

html[data-lite-style-id="luckyusa"] .ranking-card-medal::before {
  content: "";
  position: absolute;
  left: 1.1cqw;
  top: 1.45cqw;
  width: 2.35cqw;
  height: 2.35cqw;
  border-radius: 50%;
  background: currentColor;
}

html[data-lite-style-id="luckyusa"] .ranking-card-medal::after {
  content: "";
  position: absolute;
  left: 1.1cqw;
  top: .25cqw;
  width: 2.35cqw;
  height: 1.8cqw;
  background: linear-gradient(45deg, transparent 43%, currentColor 44% 56%, transparent 57%),
    linear-gradient(-45deg, transparent 43%, currentColor 44% 56%, transparent 57%);
}

html[data-lite-style-id="luckyusa"] .contest-user-card {
  margin: 0 0 3cqw;
  padding: 3.9cqw 2.6cqw 2.8cqw;
  border: .5px solid rgba(24, 136, 255, .95);
  border-radius: 2.55cqw;
  background:
    radial-gradient(circle at 82% 24%, rgba(0, 144, 255, .14), transparent 22cqw),
    linear-gradient(180deg, rgba(2, 21, 58, .86), rgba(0, 7, 29, .96));
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .08),
    0 0 13px rgba(0, 112, 255, .32);
}

html[data-lite-style-id="luckyusa"] .contest-user-main {
  display: grid;
  grid-template-columns: 15cqw minmax(0, 1fr) 27cqw;
  align-items: center;
  gap: 2.8cqw;
  margin-bottom: 3.6cqw;
}

html[data-lite-style-id="luckyusa"] .contest-user-main > img {
  width: 12.7cqw;
  height: 12.7cqw;
  border: .35cqw solid rgba(85, 174, 255, .95);
  border-radius: 50%;
  object-fit: cover;
  background: #0b245c;
  box-shadow: 0 0 14px rgba(35, 135, 255, .36);
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-user-main > img {
  width: 13.3cqw;
  height: 13.3cqw;
  border: .35cqw solid rgba(94, 184, 255, .98);
  box-shadow:
    0 0 0 .45cqw rgba(14, 49, 134, .62),
    0 0 14px rgba(35, 135, 255, .48);
}

html[data-lite-style-id="luckyusa"] .contest-user-main > div {
  min-width: 0;
}

html[data-lite-style-id="luckyusa"] .contest-user-main strong {
  display: block;
  overflow: hidden;
  color: #fff;
  font-size: 3.8cqw;
  font-weight: 850;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-lite-style-id="luckyusa"] .contest-user-main span {
  display: block;
  margin-top: 2.2cqw;
  color: #2d9cff;
  font-size: 2.95cqw;
  line-height: 1.25;
}

html[data-lite-style-id="luckyusa"] .contest-user-main span b {
  display: block;
  margin-top: .7cqw;
  color: #fff;
  font-size: 3.4cqw;
  font-weight: 850;
}

html[data-lite-style-id="luckyusa"] .contest-user-main button {
  height: 9.6cqw;
  border: .5px solid rgba(95, 255, 188, .85);
  border-radius: 2.1cqw;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.55cqw;
  color: #fff;
  font-size: 3.5cqw;
  font-weight: 850;
  background: linear-gradient(180deg, #13cf76 0%, #049a51 100%);
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .42),
    0 0 14px rgba(0, 210, 114, .43);
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-user-main button {
  width: 27cqw;
  height: 9.6cqw;
  border: .5px solid rgba(95, 255, 188, .9) !important;
  border-radius: 2.1cqw !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.55cqw;
  color: #fff !important;
  font-size: 3.5cqw;
  font-weight: 850;
  line-height: 1;
  background:
    linear-gradient(180deg, rgba(38, 246, 141, .95) 0%, rgba(5, 190, 95, .95) 46%, rgba(2, 137, 75, .98) 100%) !important;
  box-shadow:
    inset 0 .6px 0 rgba(255, 255, 255, .48),
    inset 0 -1.3cqw 2.3cqw rgba(0, 107, 58, .26),
    0 0 15px rgba(0, 224, 125, .5) !important;
}

html[data-lite-style-id="luckyusa"] .ranking-invite-icon {
  width: 4cqw;
  height: 4cqw;
}

html[data-lite-style-id="luckyusa"] .ranking-invite-icon::before {
  content: "";
  position: absolute;
  left: .1cqw;
  top: .35cqw;
  width: 1.75cqw;
  height: 1.75cqw;
  border-radius: 50%;
  background: #fff;
  box-shadow: 1.55cqw .65cqw 0 -.3cqw #fff;
}

html[data-lite-style-id="luckyusa"] .ranking-invite-icon::after {
  content: "";
  position: absolute;
  left: .1cqw;
  bottom: .3cqw;
  width: 3.1cqw;
  height: 1.5cqw;
  border-radius: 2cqw 2cqw .35cqw .35cqw;
  background: #fff;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .ranking-invite-icon {
  width: 4.35cqw;
  height: 4.35cqw;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .ranking-invite-icon::after {
  box-shadow: 2.95cqw -.75cqw 0 -1.08cqw #fff;
}

html[data-lite-style-id="luckyusa"] .contest-user-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.85cqw;
}

html[data-lite-style-id="luckyusa"] .contest-user-stats article {
  min-height: 16.2cqw;
  padding: 3.4cqw 3.2cqw;
  border: .5px solid rgba(67, 117, 179, .48);
  border-radius: 2.25cqw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: rgba(0, 10, 34, .48);
}

html[data-lite-style-id="luckyusa"] .contest-user-stats span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.65cqw;
  min-width: 0;
  color: #f5f7ff;
  font-size: 2.8cqw;
  font-weight: 760;
  line-height: 1.2;
}

html[data-lite-style-id="luckyusa"] .contest-user-stats span em {
  overflow: hidden;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-lite-style-id="luckyusa"] .contest-user-stats strong {
  display: block;
  margin-top: 3cqw;
  color: #fff;
  font-size: 3.95cqw;
  font-weight: 850;
  line-height: 1;
  text-align: center;
}

html[data-lite-style-id="luckyusa"] .contest-user-stats strong i {
  color: #ffe318;
  font-style: normal;
}

html[data-lite-style-id="luckyusa"] .ranking-stat-icon {
  width: 3.9cqw;
  height: 3.9cqw;
  color: #aab6d1;
}

html[data-lite-style-id="luckyusa"] .ranking-stat-trophy::before {
  content: "";
  position: absolute;
  left: .45cqw;
  bottom: .35cqw;
  width: 3.05cqw;
  height: 1.45cqw;
  background:
    linear-gradient(currentColor, currentColor) 0 .78cqw / 3.05cqw .48cqw no-repeat,
    linear-gradient(currentColor, currentColor) .35cqw .32cqw / .72cqw .95cqw no-repeat,
    linear-gradient(currentColor, currentColor) 1.16cqw 0 / .72cqw 1.27cqw no-repeat,
    linear-gradient(currentColor, currentColor) 1.98cqw .52cqw / .72cqw .75cqw no-repeat;
}

html[data-lite-style-id="luckyusa"] .ranking-stat-trophy::after {
  content: "";
  position: absolute;
  left: 1.43cqw;
  top: .12cqw;
  width: 1.12cqw;
  height: 1.12cqw;
  background: currentColor;
  clip-path: polygon(50% 0, 62% 33%, 100% 33%, 68% 54%, 82% 92%, 50% 68%, 18% 92%, 32% 54%, 0 33%, 38% 33%);
}

html[data-lite-style-id="luckyusa"] .ranking-stat-bonus::before {
  content: "";
  position: absolute;
  left: .82cqw;
  top: 1.28cqw;
  width: 2.35cqw;
  height: 2.35cqw;
  border-radius: 50%;
  background: currentColor;
  box-shadow: inset 0 0 0 .52cqw rgba(0, 9, 32, .42);
}

html[data-lite-style-id="luckyusa"] .ranking-stat-bonus::after {
  content: "";
  position: absolute;
  left: .95cqw;
  top: .25cqw;
  width: 2.1cqw;
  height: 1.8cqw;
  background:
    linear-gradient(35deg, transparent 36%, currentColor 37% 57%, transparent 58%) 0 0 / 1.05cqw 1.35cqw no-repeat,
    linear-gradient(-35deg, transparent 36%, currentColor 37% 57%, transparent 58%) 1.05cqw 0 / 1.05cqw 1.35cqw no-repeat,
    linear-gradient(currentColor, currentColor) .74cqw 1.1cqw / .62cqw 1cqw no-repeat;
}

html[data-lite-style-id="luckyusa"] .contest-jackpot {
  position: relative;
  min-height: 86cqw;
  margin: 0;
  padding: 2.8cqw 1.8cqw 2.5cqw;
  border: .5px solid rgba(24, 136, 255, .9);
  border-radius: 2.6cqw;
  overflow: hidden;
  background: #00091f;
  box-shadow: 0 0 12px rgba(0, 112, 255, .28);
}

html[data-lite-style-id="luckyusa"] .contest-jackpot-light {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

html[data-lite-style-id="luckyusa"] .contest-jackpot-composite {
  position: absolute;
  z-index: 1;
  top: -.4cqw;
  left: -1.4cqw;
  width: calc(100% + 2.8cqw);
  max-width: none;
  height: auto;
  object-fit: contain;
  -webkit-mask-image: linear-gradient(180deg, #000 0 82%, rgba(0, 0, 0, .92) 88%, transparent 100%);
  mask-image: linear-gradient(180deg, #000 0 82%, rgba(0, 0, 0, .92) 88%, transparent 100%);
  pointer-events: none;
}

html[data-lite-style-id="luckyusa"] .contest-jackpot header {
  position: relative;
  z-index: 2;
  min-height: 27cqw;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

html[data-lite-style-id="luckyusa"] .contest-jackpot header > img {
  opacity: 0;
  width: 80cqw;
  height: auto;
  object-fit: contain;
  transform: translateY(-2.8cqw);
  filter:
    drop-shadow(0 0 10px rgba(255, 205, 50, .52))
    drop-shadow(0 5px 8px rgba(0, 0, 0, .64));
}

html[data-lite-style-id="luckyusa"] .contest-jackpot header button,
html[data-lite-style-id="luckyusa"] .contest-present-label {
  position: absolute;
  right: -1.8cqw;
  z-index: 4;
  width: 14.8cqw;
  height: 7.3cqw;
  border: .5px solid rgba(42, 139, 255, .86);
  border-radius: 2.1cqw 0 0 2.1cqw;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.1cqw;
  color: #fff;
  font-size: 2.8cqw;
  font-weight: 740;
  line-height: 1;
  background: rgba(2, 21, 61, .86);
  box-shadow: inset 0 .5px 0 rgba(255, 255, 255, .1);
  pointer-events: auto;
}

html[data-lite-style-id="luckyusa"] .contest-jackpot header button {
  top: 34cqw;
}

html[data-lite-style-id="luckyusa"] .contest-present-label {
  top: 44.2cqw;
}

html[data-lite-style-id="luckyusa"] .ranking-side-icon {
  width: 3.65cqw;
  height: 3.65cqw;
  color: #ffbd2c;
}

html[data-lite-style-id="luckyusa"] .ranking-side-img {
  display: block;
  width: 3.9cqw;
  height: 3.9cqw;
  object-fit: contain;
  filter:
    drop-shadow(0 0 4px rgba(255, 184, 39, .48))
    drop-shadow(0 1px 1px rgba(0, 0, 0, .52));
}

html[data-lite-style-id="luckyusa"] .contest-jackpot-amount {
  position: relative;
  z-index: 2;
  width: 68.5cqw;
  height: 13.8cqw;
  margin: -3.8cqw auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

html[data-lite-style-id="luckyusa"] .contest-jackpot-amount img {
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter:
    drop-shadow(0 0 9px rgba(0, 115, 255, .5))
    drop-shadow(0 4px 5px rgba(0, 0, 0, .5));
}

html[data-lite-style-id="luckyusa"] .contest-jackpot-amount strong {
  position: relative;
  z-index: 1;
  color: #ffe76b;
  font-size: 7.2cqw;
  font-weight: 900;
  line-height: 1;
  text-shadow:
    0 2px 0 #7d3600,
    0 0 9px rgba(255, 214, 64, .7);
}

html[data-lite-style-id="luckyusa"] .contest-jackpot p {
  position: relative;
  z-index: 2;
  margin: 3cqw 0 0;
  color: rgba(244, 248, 255, .9);
  font-size: 2.9cqw;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}

html[data-lite-style-id="luckyusa"] .contest-podium {
  position: relative;
  z-index: 2;
  height: 45.8cqw;
  margin: 3.6cqw 0 0;
}

html[data-lite-style-id="luckyusa"] .contest-podium-base {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
  filter:
    drop-shadow(0 7px 11px rgba(0, 0, 0, .62));
}

html[data-lite-style-id="luckyusa"] .contest-podium article {
  position: absolute;
  z-index: 1;
  width: 25cqw;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  text-align: center;
}

html[data-lite-style-id="luckyusa"] .contest-podium [data-ranking-top="1"] {
  left: 50%;
  top: 27.6cqw;
  transform: translateX(-50%);
}

html[data-lite-style-id="luckyusa"] .contest-podium [data-ranking-top="2"] {
  left: 5.5cqw;
  top: 30.2cqw;
}

html[data-lite-style-id="luckyusa"] .contest-podium [data-ranking-top="3"] {
  right: 4.2cqw;
  top: 30.6cqw;
}

html[data-lite-style-id="luckyusa"] .contest-podium span,
html[data-lite-style-id="luckyusa"] .contest-podium b,
html[data-lite-style-id="luckyusa"] .contest-podium strong {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-lite-style-id="luckyusa"] .contest-podium span {
  color: rgba(255, 255, 255, .9);
  font-size: 2.55cqw;
  font-weight: 650;
  line-height: 1.15;
}

html[data-lite-style-id="luckyusa"] .contest-podium b {
  margin-top: .8cqw;
  color: #fff;
  font-size: 2.85cqw;
  font-weight: 850;
  line-height: 1.1;
}

html[data-lite-style-id="luckyusa"] .contest-podium b img {
  display: none;
}

html[data-lite-style-id="luckyusa"] .contest-podium strong {
  margin-top: .7cqw;
  color: #ffec19;
  font-size: 2.55cqw;
  font-weight: 850;
  line-height: 1.1;
  text-shadow: 0 1px 0 #4f3000;
}

html[data-lite-style-id="luckyusa"] .contest-info,
html[data-lite-style-id="luckyusa"] .contest-list,
html[data-lite-style-id="luckyusa"] .contest-history {
  margin: 2.7cqw 0 0;
  border: .5px solid rgba(24, 136, 255, .52);
  border-radius: 2.3cqw;
  background: rgba(0, 12, 40, .72);
}

html[data-lite-style-id="luckyusa"] .contest-info {
  padding: 2.4cqw 3cqw;
}

html[data-lite-style-id="luckyusa"] .contest-info p {
  margin: .7cqw 0;
  color: rgba(232, 240, 255, .75);
  font-size: 2.65cqw;
  line-height: 1.35;
}

html[data-lite-style-id="luckyusa"] .contest-list,
html[data-lite-style-id="luckyusa"] .contest-history {
  padding: 1.6cqw;
}

html[data-lite-style-id="luckyusa"] .contest-empty {
  margin: 0;
  padding: 5cqw 0;
  color: rgba(229, 238, 255, .64);
  font-size: 3cqw;
  text-align: center;
}

html[data-lite-style-id="luckyusa"] .contest-row,
html[data-lite-style-id="luckyusa"] .contest-history-row,
html[data-lite-style-id="luckyusa"] .contest-top30-row {
  display: grid;
  grid-template-columns: 8cqw minmax(0, 1fr) auto;
  align-items: center;
  gap: 2cqw;
  min-height: 9.4cqw;
  padding: 1.8cqw 2.3cqw;
  border-bottom: .5px solid rgba(75, 145, 235, .22);
  color: rgba(244, 248, 255, .88);
  font-size: 2.8cqw;
}

html[data-lite-style-id="luckyusa"] .contest-row:last-child,
html[data-lite-style-id="luckyusa"] .contest-history-row:last-child,
html[data-lite-style-id="luckyusa"] .contest-top30-row:last-child {
  border-bottom: 0;
}

html[data-lite-style-id="luckyusa"] .contest-row b,
html[data-lite-style-id="luckyusa"] .contest-top30-row b {
  color: #ffcf38;
  font-weight: 850;
}

html[data-lite-style-id="luckyusa"] .contest-row span,
html[data-lite-style-id="luckyusa"] .contest-top30-row span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-lite-style-id="luckyusa"] .contest-row strong,
html[data-lite-style-id="luckyusa"] .contest-top30-row strong {
  justify-self: end;
  color: #fff;
}

html[data-lite-style-id="luckyusa"] .contest-row strong img,
html[data-lite-style-id="luckyusa"] .contest-top30-row strong img {
  display: none;
}

html[data-lite-style-id="luckyusa"] .contest-row-reward,
html[data-lite-style-id="luckyusa"] .contest-row-reward i {
  color: #ffea1e !important;
  font-style: normal;
}

html[data-lite-style-id="luckyusa"] .contest-history-title {
  padding: 1.8cqw 2.3cqw;
  color: #fff;
  font-size: 3.2cqw;
  font-weight: 850;
}

html[data-lite-style-id="luckyusa"] .contest-history-row {
  grid-template-columns: minmax(0, 1fr) auto auto;
}

html[data-lite-style-id="luckyusa"] .contest-history-row div,
html[data-lite-style-id="luckyusa"] .contest-history-row span,
html[data-lite-style-id="luckyusa"] .contest-history-row small {
  min-width: 0;
}

html[data-lite-style-id="luckyusa"] .contest-history-row span,
html[data-lite-style-id="luckyusa"] .contest-history-row small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-lite-style-id="luckyusa"] .contest-history-row small {
  margin-top: .8cqw;
  color: rgba(229, 238, 255, .56);
  font-size: 2.45cqw;
}

html[data-lite-style-id="luckyusa"] .contest-history-row strong {
  color: #ffdc4f;
}

html[data-lite-style-id="luckyusa"] .contest-history-row b {
  color: #72d6ff;
  font-weight: 700;
}

html[data-lite-style-id="luckyusa"] .contest-top30-drawer {
  position: fixed;
  inset: 0;
  z-index: 20;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background: rgba(0, 5, 22, .68);
}

html[data-lite-style-id="luckyusa"] .contest-top30-drawer[hidden] {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .contest-top30-drawer > div {
  width: min(100%, 390px);
  max-height: 74vh;
  padding: 3cqw;
  border: .5px solid rgba(44, 145, 255, .82);
  border-radius: 4cqw 4cqw 0 0;
  overflow: auto;
  background: linear-gradient(180deg, #061b4c, #000817);
  box-shadow: 0 -10px 28px rgba(0, 0, 0, .5);
}

html[data-lite-style-id="luckyusa"] .contest-top30-drawer header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.2cqw;
}

html[data-lite-style-id="luckyusa"] .contest-top30-drawer header strong {
  color: #fff;
  font-size: 4cqw;
  font-weight: 850;
}

html[data-lite-style-id="luckyusa"] .contest-top30-drawer header button {
  width: 8cqw;
  height: 8cqw;
  border-radius: 50%;
  color: #bcd9ff;
  font-size: 4cqw;
  line-height: 1;
  background: rgba(0, 21, 62, .92);
}

html[data-lite-style-id="luckyusa"] .contest-top30-drawer nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5cqw;
  margin-bottom: 2cqw;
}

html[data-lite-style-id="luckyusa"] .contest-top30-drawer nav button {
  height: 8.6cqw;
  border: .5px solid rgba(44, 145, 255, .58);
  border-radius: 2cqw;
  color: rgba(226, 238, 255, .72);
  font-weight: 800;
}

html[data-lite-style-id="luckyusa"] .contest-top30-drawer nav button.is-active {
  color: #fff;
  background: linear-gradient(180deg, #0b7cff, #004bff);
  box-shadow: 0 0 12px rgba(0, 122, 255, .45);
}

html[data-lite-style-id="luckyusa"] .page-busy {
  position: fixed;
  inset: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgba(0, 5, 20, .38);
}

html[data-lite-style-id="luckyusa"] .page-busy[hidden] {
  display: none !important;
}

@media (max-width: 374px) {
  html[data-lite-style-id="luckyusa"] .contest-board-tabs button {
    font-size: 3.25cqw;
  }

  html[data-lite-style-id="luckyusa"] .contest-time-tabs span {
    font-size: 2.85cqw;
  }

  html[data-lite-style-id="luckyusa"] .contest-time-tabs b {
    font-size: 2.95cqw;
  }

  html[data-lite-style-id="luckyusa"] .contest-user-main {
    grid-template-columns: 13.5cqw minmax(0, 1fr) 25.5cqw;
    gap: 2cqw;
  }

  html[data-lite-style-id="luckyusa"] .contest-user-main button {
    font-size: 3.15cqw;
  }
}

/* Ranking icon assets traced from the LuckyUSA design crop. Keep these after the base overrides. */
html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .ranking-tab-icon,
html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .ranking-card-icon,
html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .ranking-stat-icon,
html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .ranking-invite-icon {
  display: inline-block;
  flex: 0 0 auto;
  overflow: visible;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .ranking-tab-icon::before,
html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .ranking-tab-icon::after,
html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .ranking-card-icon::before,
html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .ranking-card-icon::after,
html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .ranking-stat-icon::before,
html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .ranking-stat-icon::after,
html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .ranking-invite-icon::before,
html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .ranking-invite-icon::after {
  content: none !important;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .ranking-tab-bars {
  width: 4.15cqw;
  height: 4.25cqw;
  background-image: url("../assets/ranking-icon-bars.svg?v=luckyusa-20260709r") !important;
  filter: drop-shadow(0 0 5px rgba(255, 255, 255, .34));
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .ranking-tab-agent {
  width: 4.65cqw;
  height: 4.65cqw;
  background-image: url("../assets/ranking-icon-agent.svg?v=luckyusa-20260709r") !important;
  filter: drop-shadow(0 0 4px rgba(105, 136, 194, .18));
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .ranking-card-clock {
  width: 4.3cqw;
  height: 4.3cqw;
  background-image: url("../assets/ranking-icon-clock.svg?v=luckyusa-20260709r") !important;
  filter: drop-shadow(0 0 4px rgba(185, 215, 255, .22));
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .ranking-card-medal {
  width: 4.1cqw;
  height: 4.1cqw;
  background-image: url("../assets/ranking-icon-medal.svg?v=luckyusa-20260709r") !important;
  filter: drop-shadow(0 0 4px rgba(180, 200, 230, .22));
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .ranking-invite-icon {
  width: 4.9cqw;
  height: 4.9cqw;
  background-image: url("../assets/ranking-icon-invite.svg?v=luckyusa-20260709r") !important;
  filter: drop-shadow(0 0 3px rgba(255, 255, 255, .22));
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-user-main button span {
  margin: 0;
  color: #fff !important;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .ranking-stat-trophy {
  width: 4.05cqw;
  height: 4.05cqw;
  background-image: url("../assets/ranking-icon-current-rank.svg?v=luckyusa-20260709r") !important;
  filter: drop-shadow(0 0 3px rgba(190, 205, 230, .18));
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .ranking-stat-bonus {
  width: 4.05cqw;
  height: 4.05cqw;
  background-image: url("../assets/ranking-icon-current-bonus.svg?v=luckyusa-20260709r") !important;
  filter: drop-shadow(0 0 3px rgba(190, 205, 230, .18));
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs button::before {
  content: "" !important;
  position: absolute;
  left: 4.1cqw;
  top: 3.15cqw;
  width: 4.95cqw;
  height: 4.95cqw;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  clip-path: none !important;
  filter:
    drop-shadow(0 0 4px rgba(35, 145, 255, .58))
    drop-shadow(0 0 8px rgba(35, 145, 255, .24));
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs button:nth-child(1)::before,
html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs button:nth-child(2)::before {
  background-image: url("../assets/ranking-icon-calendar.svg?v=luckyusa-20260709r") !important;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs button:nth-child(3)::before {
  width: 5.25cqw;
  height: 5.25cqw;
  background-image: url("../assets/ranking-icon-gift.svg?v=luckyusa-20260709r") !important;
  filter: drop-shadow(0 0 4px rgba(126, 183, 255, .28));
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs button::after {
  content: none !important;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs span {
  padding-left: 7.4cqw;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs button:nth-child(3) span {
  padding-left: 7.1cqw;
}

/* Ranking block alignment pass: keep icon/text columns tidy inside each small card. */
html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs button {
  display: grid !important;
  grid-template-columns: 5.45cqw minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: center;
  align-items: center;
  column-gap: 1.35cqw;
  row-gap: 1.35cqw;
  min-height: 16.8cqw;
  padding: 3.25cqw 2.25cqw 2.75cqw 3.15cqw;
  text-align: left;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs button::before {
  left: 3.15cqw;
  top: 3.1cqw;
  width: 4.75cqw;
  height: 4.75cqw;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs button:nth-child(3)::before {
  left: 3.05cqw;
  top: 2.95cqw;
  width: 5.05cqw;
  height: 5.05cqw;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs button:nth-child(3) {
  grid-template-columns: 5.05cqw minmax(0, 1fr);
  column-gap: .82cqw;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs span {
  grid-column: 2;
  grid-row: 1;
  width: auto;
  max-width: 100%;
  padding-left: 0 !important;
  align-self: center;
  font-size: 3.08cqw;
  line-height: 1.08;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs button:nth-child(3) span {
  overflow: visible;
  font-size: 2.58cqw;
  text-overflow: clip;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs b {
  grid-column: 1 / -1;
  grid-row: 2;
  display: grid;
  grid-template-columns: 5.45cqw minmax(0, 1fr);
  align-items: center;
  column-gap: 1.35cqw;
  width: 100%;
  margin: 0;
  font-size: 3.12cqw;
  line-height: 1.05;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs b .ranking-card-icon {
  justify-self: center;
  width: 4.15cqw;
  height: 4.15cqw;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-time-tabs b em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-user-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.9cqw;
  margin-top: 0;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-user-stats article {
  min-height: 16.35cqw;
  padding: 3.1cqw 2.6cqw 2.85cqw;
  display: grid;
  grid-template-rows: auto auto;
  align-content: center;
  justify-items: center;
  row-gap: 2.35cqw;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-user-stats span {
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  align-items: center;
  justify-content: center;
  gap: 1.25cqw;
  width: 100%;
  min-width: 0;
  margin: 0;
  font-size: 2.75cqw;
  line-height: 1.08;
  text-align: center;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-user-stats span em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-user-stats .ranking-stat-icon {
  width: 3.8cqw;
  height: 3.8cqw;
  justify-self: end;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-user-stats strong {
  margin: 0;
  min-height: 3.9cqw;
  width: 100%;
  font-size: 3.9cqw;
  line-height: 1;
  text-align: center;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-user-stats strong:empty::before {
  content: "--";
}

/* Ranking jackpot side actions: align Stats/Gift with the design mock. */
html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-jackpot header button,
html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-present-label {
  box-sizing: border-box;
  width: 14.8cqw !important;
  height: 7.3cqw !important;
  min-height: 0 !important;
  padding: 0 1.1cqw 0 .95cqw !important;
  border: .5px solid rgba(42, 139, 255, .86);
  border-radius: 2.1cqw 0 0 2.1cqw;
  display: grid !important;
  grid-template-columns: 3.8cqw minmax(0, 1fr);
  align-items: center;
  justify-content: stretch;
  column-gap: .75cqw;
  color: #fff;
  font-size: 2.75cqw;
  font-weight: 780;
  line-height: 1;
  background:
    linear-gradient(180deg, rgba(21, 45, 91, .9), rgba(3, 21, 58, .9));
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .16),
    0 0 10px rgba(0, 93, 255, .22);
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-jackpot header button {
  top: 34.25cqw;
  right: -1.55cqw;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-present-label {
  top: 46.05cqw;
  right: .25cqw;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .ranking-side-img {
  width: 3.75cqw;
  height: 3.75cqw;
  justify-self: center;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-jackpot header button span,
html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-present-label span {
  min-width: 0;
  text-align: left;
  white-space: nowrap;
}

/* LuckyUSA invite page: Convert tab visual replica. Business hooks remain in shared invite modules. */
html[data-lite-style-id="luckyusa"] .app-shell.route-invite [data-route-page="invite"].route-slide-page,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread [data-route-page="spread"].route-slide-page {
  background:
    radial-gradient(circle at 55% 0, rgba(0, 91, 210, .22), transparent 31cqw),
    linear-gradient(180deg, #02091f 0%, #000512 100%);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite [data-route-page="invite"].route-slide-page > .agente-container,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread [data-route-page="spread"].route-slide-page > .agente-container {
  min-height: 100%;
  padding: 2.7cqw 2.55cqw 5.2cqw;
  gap: 1.55cqw;
  container-type: inline-size;
  color: #f5f8ff;
  background:
    radial-gradient(circle at 50% -7%, rgba(0, 119, 255, .15), transparent 30cqw),
    linear-gradient(180deg, rgba(0, 8, 31, 0) 0%, rgba(0, 4, 18, .38) 100%);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .reward-card,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .tab-bar,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .link-share-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-structure-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .reward-card,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .tab-bar,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .link-share-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-structure-box {
  border: var(--lucky-hairline) solid rgba(0, 132, 255, .82);
  background:
    radial-gradient(circle at 54% 39%, rgba(4, 81, 180, .22), transparent 29cqw),
    linear-gradient(180deg, rgba(2, 17, 48, .86), rgba(1, 9, 29, .93));
  box-shadow:
    inset 0 0 0 var(--lucky-hairline) rgba(255, 255, 255, .03),
    0 0 2.5cqw rgba(0, 96, 255, .17);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .reward-card,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .reward-card {
  height: 19.6cqw;
  border-radius: 2.65cqw;
  overflow: hidden;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .card-content,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .card-content {
  height: 100%;
  display: grid;
  grid-template-rows: 3.95cqw minmax(0, 1fr);
  padding: 1.9cqw 3.45cqw 1.8cqw;
  background:
    radial-gradient(circle at 51% 55%, rgba(0, 112, 255, .17), transparent 19cqw),
    linear-gradient(180deg, rgba(1, 15, 45, .34), rgba(0, 7, 24, .22));
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .card-header,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .card-header {
  height: 3.95cqw;
  margin: 0;
  display: flex;
  align-items: center;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .card-title,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .card-title {
  display: flex;
  align-items: center;
  gap: 1.35cqw;
  color: #f7fbff;
  font-size: 3.22cqw;
  line-height: 3.75cqw;
  font-weight: 760;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .card-title::before,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .card-title::before {
  content: "";
  width: 3.25cqw;
  height: 3.25cqw;
  flex: 0 0 3.25cqw;
  background: linear-gradient(180deg, #95c9ff, #006dff 54%, #0037ce);
  -webkit-mask: url("../assets/ranking-icon-gift.svg?v=luckyusa-20260709r") center / contain no-repeat;
  mask: url("../assets/ranking-icon-gift.svg?v=luckyusa-20260709r") center / contain no-repeat;
  filter: drop-shadow(0 0 1.05cqw rgba(0, 122, 255, .68));
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .card-body,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .card-body {
  position: relative;
  height: 100%;
  min-height: 0;
  gap: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) .5px minmax(0, 1fr);
  align-items: center;
  padding: .1cqw 4.8cqw 0 4.8cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .card-body > .data-section,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .card-body > .data-section {
  min-width: 0;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: .9cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .section-label,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .section-label {
  color: #f6f7ff;
  font-size: 2.42cqw;
  line-height: 2.9cqw;
  font-weight: 500;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .section-value,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .section-value {
  margin-top: 0;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .currency,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .amount,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .currency,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .amount {
  color: #168dff;
  font-size: 4.55cqw;
  line-height: 4.45cqw;
  font-weight: 850;
  text-shadow: 0 0 1.4cqw rgba(0, 115, 255, .52);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .currency,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .currency {
  font-size: 4.25cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .divider,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .divider {
  width: .5px;
  height: 10.2cqw;
  align-self: center;
  background:
    radial-gradient(circle at 50% 50%, #4bd8ff 0 .62cqw, rgba(0, 149, 255, .9) .78cqw, transparent 1.75cqw),
    linear-gradient(180deg, transparent, rgba(35, 113, 219, .68), transparent);
  box-shadow: 0 0 1.25cqw rgba(37, 170, 255, .52);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .tab-section,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .tab-section {
  gap: 1.55cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .tab-bar,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .tab-bar {
  height: 7.8cqw;
  padding: .65cqw;
  gap: .4cqw;
  border-radius: 2.1cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .tab-button,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .tab-button {
  min-width: 0;
  height: 6.45cqw;
  padding: 0 .6cqw;
  border-radius: 1.45cqw;
  color: #f2f5ff;
  font-size: 2.7cqw;
  line-height: 6.45cqw;
  font-weight: 550;
  background: transparent;
  white-space: nowrap;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .tab-button.active,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .tab-button.is-active,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .tab-button.active,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .tab-button.is-active {
  min-width: 15.35cqw;
  padding: 0 2.05cqw;
  color: #fff;
  background: linear-gradient(180deg, #0bb5ff 0%, #075cff 56%, #0732ce 100%);
  box-shadow:
    inset 0 .4cqw .7cqw rgba(255, 255, 255, .24),
    inset 0 -1cqw 1.6cqw rgba(0, 12, 112, .58),
    0 0 1.7cqw rgba(0, 122, 255, .64);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .link-share-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .link-share-box {
  min-height: 34.3cqw;
  padding: 2.35cqw 3.1cqw 2.1cqw;
  gap: 2.1cqw;
  border-radius: 2.35cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .link-section,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .share-section,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .link-section,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .share-section {
  gap: 1.35cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .section-title,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .section-title {
  display: flex;
  align-items: center;
  gap: 1.35cqw;
  margin: 0;
  color: #f7fbff;
  font-size: 3.28cqw;
  line-height: 3.85cqw;
  font-weight: 760;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .link-section .section-title::before,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .link-section .section-title::before {
  content: "";
  width: 4.15cqw;
  height: 4.15cqw;
  flex: 0 0 4.15cqw;
  background: linear-gradient(180deg, #98caff, #167fff 58%, #0051dd);
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%225%22%20d%3D%22M19%2029l-2%202a8%208%200%2011-11-11l6-6a8%208%200%200111%200M29%2019l2-2a8%208%200%201111%2011l-6%206a8%208%200%2001-11%200M18%2030l12-12%22/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%225%22%20d%3D%22M19%2029l-2%202a8%208%200%2011-11-11l6-6a8%208%200%200111%200M29%2019l2-2a8%208%200%201111%2011l-6%206a8%208%200%2001-11%200M18%2030l12-12%22/%3E%3C/svg%3E") center / contain no-repeat;
  filter: drop-shadow(0 0 .9cqw rgba(0, 132, 255, .75));
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .link-input-wrapper,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .link-input-wrapper {
  height: 7.72cqw;
  padding: 0;
  gap: 1.8cqw;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 23.05cqw;
  align-items: center;
  background: transparent;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .link-text,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .link-text {
  min-width: 0;
  min-height: 7.72cqw;
  padding: 1.35cqw 2.35cqw;
  border: var(--lucky-hairline) solid rgba(47, 111, 208, .75);
  border-radius: 1.35cqw;
  display: flex;
  align-items: center;
  color: #27a0ff;
  font-size: 3.05cqw;
  line-height: 3.9cqw;
  background: rgba(0, 7, 24, .72);
  box-shadow: inset 0 0 1.3cqw rgba(0, 71, 162, .2);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .copy-button,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .copy-button {
  width: 23.05cqw;
  max-width: 100%;
  height: 7.72cqw;
  padding: 0;
  border: 1px solid rgba(93, 174, 255, .84);
  border-radius: 1.65cqw;
  color: #fff;
  font-size: 3.1cqw;
  line-height: 7.72cqw;
  font-weight: 750;
  background: linear-gradient(180deg, #119bff 0%, #075cff 55%, #0730d5 100%);
  box-shadow:
    inset 0 .45cqw .75cqw rgba(255, 255, 255, .24),
    inset 0 -1cqw 1.6cqw rgba(0, 12, 112, .58),
    0 0 2.1cqw rgba(0, 122, 255, .62);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .copy-button::before,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .copy-button::before {
  content: "";
  display: inline-block;
  width: 3.1cqw;
  height: 3.1cqw;
  margin-right: 1.2cqw;
  vertical-align: -.45cqw;
  background: currentColor;
  -webkit-mask: url("/7000/assets/shared/svg/my-copy.svg") center / contain no-repeat;
  mask: url("/7000/assets/shared/svg/my-copy.svg") center / contain no-repeat;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .share-section .section-title,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .share-section .section-title {
  gap: 1.1cqw;
  color: #1998ff;
  font-size: 3.05cqw;
  line-height: 3.5cqw;
  font-weight: 600;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .share-section .section-title::after,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .share-section .section-title::after {
  content: "";
  width: 1.8cqw;
  height: 1.8cqw;
  border-top: .38cqw solid rgba(127, 164, 214, .95);
  border-right: .38cqw solid rgba(127, 164, 214, .95);
  transform: rotate(45deg);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .share-icons,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .share-icons {
  gap: 0;
  justify-content: space-between;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .share-icon-item,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .share-icon-item {
  flex: 0 0 13.8cqw;
  gap: 1cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .share-icon,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .share-icon {
  width: 7.55cqw;
  height: 7.55cqw;
  border-radius: 50%;
  filter: drop-shadow(0 0 1.2cqw rgba(0, 113, 255, .44));
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .share-label,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .share-label {
  color: rgba(242, 247, 255, .92);
  font-size: 2.5cqw;
  line-height: 2.9cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-structure-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-structure-box {
  min-height: 63.1cqw;
  padding: 2.35cqw 3.1cqw 2.2cqw;
  gap: 1.5cqw;
  border-bottom: 0;
  border-radius: 2.35cqw 2.35cqw 0 0;
  background:
    radial-gradient(circle at 51% 26%, rgba(0, 99, 255, .28), transparent 31cqw),
    linear-gradient(180deg, rgba(2, 17, 48, .9), rgba(1, 9, 29, .96));
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-title,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-title {
  width: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 1.65cqw;
  color: #f7fbff;
  font-size: 3.9cqw;
  line-height: 4.3cqw;
  font-weight: 800;
  text-align: left;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-title::before,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-title::before {
  content: "♛";
  width: 4.1cqw;
  flex: 0 0 4.1cqw;
  color: #ffc62f;
  font-size: 4cqw;
  line-height: 4.1cqw;
  text-align: center;
  filter: drop-shadow(0 0 .9cqw rgba(255, 186, 26, .58));
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-image-wrapper,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-image-wrapper {
  height: 39.4cqw;
  margin-top: -.2cqw;
  overflow: hidden;
  border-radius: 1.4cqw;
  background:
    radial-gradient(circle at 50% 20%, rgba(45, 141, 255, .32), transparent 22cqw),
    repeating-radial-gradient(ellipse at 50% 57%, rgba(60, 134, 255, .22) 0 .14cqw, transparent .18cqw 5.2cqw),
    repeating-linear-gradient(96deg, rgba(37, 107, 232, .16) 0 .12cqw, transparent .14cqw 7.4cqw),
    linear-gradient(180deg, rgba(3, 24, 66, .55), rgba(1, 10, 34, .12));
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-image,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-image {
  width: 92%;
  max-width: none;
  margin: -7.9cqw auto 0;
  display: block;
  filter:
    drop-shadow(0 0 1.25cqw rgba(0, 121, 255, .45))
    saturate(1.18)
    brightness(1.12);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-image-text,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-image-text {
  top: 1.2cqw;
  z-index: 2;
  height: 14.5cqw;
  justify-content: flex-start;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-image-text-you,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-image-text-you {
  margin: 9.55cqw 0 0;
  color: #ffd226;
  font-size: 3.05cqw;
  line-height: 3.3cqw;
  font-weight: 850;
  text-shadow: 0 0 1.1cqw rgba(255, 193, 33, .68);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-image-text-line,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-image-text-line {
  display: none;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-structure-box + .commissions-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-structure-box + .commissions-box {
  margin-top: -1.55cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commissions-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commissions-box {
  padding: 0 2.65cqw;
  gap: 1.3cqw;
  border-right: var(--lucky-hairline) solid rgba(0, 132, 255, .82);
  border-left: var(--lucky-hairline) solid rgba(0, 132, 255, .82);
  background:
    radial-gradient(circle at 50% -8cqw, rgba(0, 96, 255, .2), transparent 32cqw),
    linear-gradient(180deg, rgba(1, 9, 29, .96), rgba(1, 9, 29, .96));
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commissions-title,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commissions-title {
  margin: 0 0 .3cqw;
  color: #f6f8ff;
  font-size: 3.2cqw;
  line-height: 3.7cqw;
  font-weight: 650;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commission-card,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commission-card {
  min-height: 10.9cqw;
  border: var(--lucky-hairline) solid rgba(35, 108, 214, .78);
  border-radius: 1.55cqw;
  display: grid;
  grid-template-columns: 17.1cqw minmax(0, 1fr);
  align-items: stretch;
  background:
    radial-gradient(circle at 0 40%, rgba(0, 116, 255, .18), transparent 18cqw),
    rgba(2, 13, 40, .82);
  box-shadow: inset 0 0 1.4cqw rgba(0, 77, 177, .25);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commission-header,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commission-header {
  width: 13.7cqw;
  height: 6.85cqw;
  max-width: none;
  margin: 2.05cqw 0 0 1.35cqw;
  padding: 0;
  border-radius: 1.55cqw;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 3.25cqw;
  line-height: 1;
  font-weight: 850;
  background: linear-gradient(180deg, #0bb5ff 0%, #075cff 56%, #0732ce 100%);
  box-shadow:
    inset 0 .45cqw .7cqw rgba(255, 255, 255, .24),
    inset 0 -1cqw 1.5cqw rgba(0, 12, 112, .58),
    0 0 1.8cqw rgba(0, 122, 255, .52);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commission-content,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commission-content {
  min-height: 10.9cqw;
  padding: 1.65cqw 2.2cqw 1.45cqw;
  gap: .25cqw;
  justify-content: center;
  background: transparent;
  border-radius: 0;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commission-text,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commission-text {
  color: rgba(248, 250, 255, .95);
  font-size: 2.72cqw;
  line-height: 3.55cqw;
  font-weight: 520;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .activity-description-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .activity-description-box {
  margin-top: -1.55cqw;
  padding: 1.35cqw 2.65cqw 1.8cqw;
  position: relative;
  border-right: var(--lucky-hairline) solid rgba(0, 132, 255, .82);
  border-bottom: var(--lucky-hairline) solid rgba(0, 132, 255, .82);
  border-left: var(--lucky-hairline) solid rgba(0, 132, 255, .82);
  border-radius: 0 0 2.35cqw 2.35cqw;
  background: linear-gradient(180deg, rgba(1, 9, 29, .96), rgba(1, 9, 29, .96));
  box-shadow: 0 0 2.5cqw rgba(0, 96, 255, .17);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .activity-description-title,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .activity-description-title {
  margin: 0 0 1.1cqw;
  display: flex;
  align-items: center;
  gap: 1.35cqw;
  color: #0b8fff;
  font-size: 3.3cqw;
  line-height: 3.8cqw;
  font-weight: 850;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .activity-description-title::after,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .activity-description-title::after {
  content: "i";
  width: 3.15cqw;
  height: 3.15cqw;
  border: .35cqw solid rgba(126, 161, 233, .92);
  border-radius: 50%;
  color: rgba(126, 161, 233, .92);
  font-size: 2.15cqw;
  line-height: 2.48cqw;
  text-align: center;
  font-weight: 850;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .activity-intro,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .activity-intro {
  color: #f5f8ff;
  font-size: 2.75cqw;
  line-height: 3.25cqw;
  font-weight: 500;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .activity-description-box::after,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .activity-description-box::after {
  content: "";
  position: absolute;
  right: 2.25cqw;
  top: 50%;
  width: 2.15cqw;
  height: 2.15cqw;
  border-top: .42cqw solid rgba(125, 158, 226, .9);
  border-right: .42cqw solid rgba(125, 158, 226, .9);
  transform: translateY(-50%) rotate(45deg);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .activity-rules,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .activity-rules {
  display: none;
}

/* Invite first-pass refinements after browser capture. */
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .share-section .section-title::after,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .share-section .section-title::after {
  display: none;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-image-wrapper,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-image-wrapper {
  height: 56cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-image,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-image {
  width: 94%;
  margin-top: 0;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-image-text-you,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-image-text-you {
  margin-top: 10.6cqw;
}

/* Invite second-pass sizing against the 944px design capture. */
html[data-lite-style-id="luckyusa"] .app-shell.route-invite [data-route-page="invite"].route-slide-page > .agente-container,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread [data-route-page="spread"].route-slide-page > .agente-container {
  padding-top: 1.45cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .link-share-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .link-share-box {
  min-height: 32.95cqw;
  padding-top: 1.95cqw;
  padding-bottom: 1.8cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .link-input-wrapper,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .link-input-wrapper,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .link-text,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .link-text,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .copy-button,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .copy-button {
  min-height: 8.9cqw;
  height: 8.9cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .link-input-wrapper,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .link-input-wrapper,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .link-text,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .link-text,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .copy-button,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .copy-button {
  min-height: 7.72cqw;
  height: 7.72cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .link-input-wrapper,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .link-input-wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 23.05cqw;
  gap: 1.45cqw;
  width: 100%;
  min-width: 0;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .link-text,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .link-text {
  min-width: 0;
  overflow-wrap: anywhere;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .copy-button,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .copy-button {
  width: 23.05cqw;
  min-width: 0;
  line-height: 7.72cqw;
  font-size: 2.68cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .share-icon,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .share-icon {
  width: 8.25cqw;
  height: 8.25cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-structure-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-structure-box {
  min-height: 43.6cqw;
  margin-top: -3.2cqw;
  padding-bottom: 0;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-image-wrapper,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-image-wrapper {
  height: 35.4cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-image,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-image {
  width: 84%;
  margin-top: -.8cqw;
  transform: scaleY(.72);
  transform-origin: top center;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-image-text-you,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-image-text-you {
  margin-top: 9.6cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commissions-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commissions-box {
  gap: .82cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commission-card,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commission-card {
  min-height: 8.7cqw;
  grid-template-columns: 18.2cqw minmax(0, 1fr);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commission-header,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commission-header {
  width: 13.95cqw;
  height: 5.85cqw;
  margin-top: 1.45cqw;
  font-size: 2.75cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commission-content,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commission-content {
  min-height: 8.7cqw;
  padding: .9cqw 1.8cqw .85cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commission-text,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commission-text {
  font-size: 2.14cqw;
  line-height: 2.62cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .activity-description-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .activity-description-box {
  margin-top: -3.8cqw;
}

/* Invite precision pass: replace the shared c77 promotion bitmap with a LuckyUSA-specific drawing. */
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-structure-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-structure-box {
  min-height: 51.8cqw;
  margin-top: -2cqw;
  padding: 2.55cqw 3.15cqw 0;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-image-wrapper,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-image-wrapper {
  height: auto;
  aspect-ratio: 1938 / 812;
  margin-top: .4cqw;
  border-radius: 1.8cqw 1.8cqw 0 0;
  background:
    url("../assets/invite-promotion-network.webp?v=luckyusa-invite-webp-20260728a") center / contain no-repeat,
    radial-gradient(circle at 50% 18%, rgba(21, 133, 255, .36), transparent 29cqw),
    linear-gradient(180deg, rgba(3, 24, 66, .52), rgba(2, 14, 42, .08));
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-image,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-image {
  display: none;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-image-text,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-image-text {
  display: none;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-structure-box + .commissions-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-structure-box + .commissions-box {
  margin-top: -1.05cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commissions-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commissions-box {
  padding: 0 2.65cqw;
  gap: 1.25cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commissions-title,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commissions-title {
  margin-bottom: .55cqw;
  font-size: 3.05cqw;
  line-height: 3.55cqw;
  font-weight: 700;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commission-card,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commission-card {
  min-height: 11.15cqw;
  grid-template-columns: 19.5cqw minmax(0, 1fr);
  border-radius: 1.65cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commission-header,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commission-header {
  width: 15.3cqw;
  height: 6.55cqw;
  margin: 2.25cqw 0 0 1.55cqw;
  border-radius: 1.55cqw;
  font-size: 3.2cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commission-content,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commission-content {
  min-height: 11.15cqw;
  padding: 1.3cqw 2.05cqw 1.15cqw;
  gap: .15cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commission-text,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commission-text {
  font-size: 2.35cqw;
  line-height: 2.82cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .activity-description-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .activity-description-box {
  margin-top: -1.05cqw;
}

/* Invite bitmap asset pass: release-sized WebP icons and promotion graph. */
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .card-title::before,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .card-title::before {
  width: 3.35cqw;
  height: 3.35cqw;
  flex-basis: 3.35cqw;
  background: url("../assets/invite-icon-gift.webp?v=luckyusa-invite-webp-20260728a") center / contain no-repeat;
  -webkit-mask: none;
  mask: none;
  filter: drop-shadow(0 0 .9cqw rgba(0, 129, 255, .8));
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .link-section .section-title::before,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .link-section .section-title::before {
  width: 3.8cqw;
  height: 3.8cqw;
  flex-basis: 3.8cqw;
  background: url("../assets/invite-icon-link.webp?v=luckyusa-invite-webp-20260728a") center / contain no-repeat;
  -webkit-mask: none;
  mask: none;
  filter: drop-shadow(0 0 .9cqw rgba(0, 132, 255, .75));
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-title::before,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-title::before {
  content: "";
  width: 4.4cqw;
  height: 4.4cqw;
  flex: 0 0 4.4cqw;
  background: url("../assets/invite-icon-crown.webp?v=luckyusa-invite-webp-20260728a") center / contain no-repeat;
  filter: drop-shadow(0 0 .9cqw rgba(255, 186, 26, .72));
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .copy-button::before,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .copy-button::before {
  width: 3.45cqw;
  height: 3.45cqw;
  margin-right: 1.05cqw;
  background: url("../assets/invite-icon-copy.webp?v=luckyusa-invite-webp-20260728a") center / contain no-repeat;
  -webkit-mask: none;
  mask: none;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-image,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-image {
  display: none;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .share-icon-item[data-share-platform="facebook"] .share-icon,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .share-icon-item[data-share-platform="facebook"] .share-icon {
  content: url("../assets/invite-social-facebook.webp?v=luckyusa-invite-webp-20260728a");
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .share-icon-item[data-share-platform="whatsapp"] .share-icon,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .share-icon-item[data-share-platform="whatsapp"] .share-icon {
  content: url("../assets/invite-social-whatsapp.webp?v=luckyusa-invite-webp-20260728a");
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .share-icon-item[data-share-platform="telegram"] .share-icon,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .share-icon-item[data-share-platform="telegram"] .share-icon {
  content: url("../assets/invite-social-telegram.webp?v=luckyusa-invite-webp-20260728a");
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .share-icon-item[data-share-platform="instagram"] .share-icon,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .share-icon-item[data-share-platform="instagram"] .share-icon {
  content: url("../assets/invite-social-instagram.webp?v=luckyusa-invite-webp-20260728a");
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .share-icon-item[data-share-platform="twitter"] .share-icon,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .share-icon-item[data-share-platform="twitter"] .share-icon {
  content: url("../assets/invite-social-twitter.webp?v=luckyusa-invite-webp-20260728a");
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .share-icon-item[data-share-platform="kwai"] .share-icon,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .share-icon-item[data-share-platform="kwai"] .share-icon {
  content: url("../assets/invite-social-kwai.webp?v=luckyusa-invite-webp-20260728a");
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .share-icon,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .share-icon {
  width: 9.6cqw;
  height: 9.6cqw;
}

/* Invite top alignment pass: match the design header side spacing more closely. */
/* LuckyUSA invite secondary tabs: keep non-convert panels in the same neon card language. */
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .mydata-container,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commission-panel,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .performance-panel,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .ladder-panel,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .faq-panel,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .mydata-container,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commission-panel,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .performance-panel,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .ladder-panel,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .faq-panel {
  gap: 1.55cqw;
  color: #f7fbff;
  scrollbar-width: none;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .mydata-container::-webkit-scrollbar,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commission-panel::-webkit-scrollbar,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .performance-panel::-webkit-scrollbar,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .ladder-panel::-webkit-scrollbar,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .faq-panel::-webkit-scrollbar,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .mydata-container::-webkit-scrollbar,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commission-panel::-webkit-scrollbar,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .performance-panel::-webkit-scrollbar,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .ladder-panel::-webkit-scrollbar,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .faq-panel::-webkit-scrollbar {
  display: none;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .mydata-container > .data-section,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .data-summary,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .content-card,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .ladder-section,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .cpa-section,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .faq-card,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commission-rules-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .definition-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .mydata-container > .data-section,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .data-summary,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .content-card,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .ladder-section,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .cpa-section,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .faq-card,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commission-rules-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .definition-box {
  border: var(--lucky-hairline) solid rgba(0, 132, 255, .82);
  border-radius: 2.35cqw;
  background:
    radial-gradient(circle at 51% 16%, rgba(0, 112, 255, .22), transparent 30cqw),
    linear-gradient(180deg, rgba(2, 17, 48, .88), rgba(1, 8, 28, .94));
  box-shadow:
    inset 0 0 0 var(--lucky-hairline) rgba(255, 255, 255, .035),
    0 0 2.4cqw rgba(0, 96, 255, .16);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .mydata-container > .data-section,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .mydata-container > .data-section {
  padding: 2.2cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .time-selector-wrapper,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .time-selector-wrapper {
  display: flex;
  justify-content: flex-end;
  z-index: 2;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .select-date,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .game-select,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .search-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .select-date,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .game-select,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .search-box {
  min-height: 7.72cqw;
  padding: 0 2.1cqw;
  border: var(--lucky-hairline) solid rgba(47, 111, 208, .75);
  border-radius: 1.35cqw;
  color: #f6f9ff;
  font-size: 2.75cqw;
  line-height: 7.72cqw;
  background: rgba(0, 7, 24, .72);
  box-shadow: inset 0 0 1.3cqw rgba(0, 71, 162, .22);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .date-icon-img,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .date-icon-img {
  width: 3.4cqw;
  height: 3.4cqw;
  opacity: .96;
  filter: brightness(0) saturate(100%) invert(54%) sepia(97%) saturate(2025%) hue-rotate(185deg) brightness(103%) contrast(104%) drop-shadow(0 0 .75cqw rgba(0, 132, 255, .68));
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .time-selector-content,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .time-selector-content {
  top: 8.9cqw;
  right: 0;
  left: auto;
  min-width: 34cqw;
  border: var(--lucky-hairline) solid rgba(63, 135, 232, .62);
  border-radius: 1.65cqw;
  background: rgba(3, 14, 38, .98);
  box-shadow: 0 1.6cqw 3.4cqw rgba(0, 4, 18, .56), 0 0 2.5cqw rgba(0, 115, 255, .25);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .time-selector-content button,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .time-selector-content button {
  padding: 2.2cqw 2.8cqw;
  color: rgba(242, 247, 255, .9);
  font-size: 2.8cqw;
  border-bottom: var(--lucky-hairline) solid rgba(70, 135, 223, .22);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .data-cards-grid,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .data-cards-grid {
  gap: 1.45cqw;
  margin: 1.6cqw 0 1.65cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .data-card,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .data-card {
  min-height: 17.2cqw;
  padding: 2.1cqw 1.55cqw;
  border: var(--lucky-hairline) solid rgba(47, 111, 208, .64);
  border-radius: 1.75cqw;
  background:
    radial-gradient(circle at 50% 4%, rgba(26, 128, 255, .24), transparent 13cqw),
    rgba(0, 8, 27, .72);
  box-shadow: inset 0 0 1.5cqw rgba(0, 72, 170, .18);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .data-card.highlight-card,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .data-card.highlight-card {
  border-color: rgba(42, 155, 255, .84);
  background:
    radial-gradient(circle at 50% 0, rgba(10, 177, 255, .38), transparent 14cqw),
    linear-gradient(180deg, rgba(0, 74, 187, .58), rgba(1, 16, 49, .86));
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .data-card .card-title,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .data-card .card-title {
  min-height: 6.2cqw;
  margin: 0 0 1cqw;
  justify-content: center;
  color: rgba(213, 224, 247, .78);
  font-size: 2.55cqw;
  line-height: 3.1cqw;
  font-weight: 560;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .data-card .card-title::before,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .data-card .card-title::before {
  display: none;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .card-value,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .cell-value,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .card-value,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .cell-value {
  color: #188fff;
  font-size: 4.15cqw;
  line-height: 4.6cqw;
  font-weight: 820;
  text-shadow: 0 0 1.2cqw rgba(0, 115, 255, .48);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .data-summary,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .data-summary {
  padding: 2.05cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .summary-title,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .summary-title {
  margin: 0 0 1.55cqw;
  padding-bottom: 1.25cqw;
  border-bottom: var(--lucky-hairline) solid rgba(66, 121, 204, .42);
  color: #f8fbff;
  font-size: 3.05cqw;
  line-height: 3.65cqw;
  font-weight: 720;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .summary-compact-grid,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .compact-row,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .summary-compact-grid,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .compact-row {
  gap: 1.25cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .compact-cell,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .compact-cell {
  min-height: 13.4cqw;
  padding: 1.35cqw .8cqw;
  border: var(--lucky-hairline) solid rgba(49, 111, 205, .56);
  border-radius: 1.45cqw;
  background: rgba(0, 8, 27, .66);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .cell-label,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .cell-label {
  color: rgba(213, 224, 247, .72);
  font-size: 2.12cqw;
  line-height: 2.55cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .content-card,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .content-card {
  min-height: 65cqw;
  padding: 0;
  overflow: hidden;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .filter-row,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .filter-row {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
  gap: 1.35cqw;
  padding: 2.05cqw;
  border-bottom: var(--lucky-hairline) solid rgba(66, 121, 204, .34);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .performance-panel .filter-row,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .performance-panel .filter-row {
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .game-select,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .game-select {
  width: 100%;
  appearance: none;
  text-align: center;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .search-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .search-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 15.2cqw;
  gap: .8cqw;
  padding: 0 .65cqw 0 2.1cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .search-input,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .search-input {
  height: 100%;
  color: #f6f9ff;
  font-size: 2.75cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .search-input::placeholder,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .search-input::placeholder {
  color: rgba(185, 201, 233, .56);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .search-icon,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .search-icon {
  height: 6.35cqw;
  align-self: center;
  border: 1px solid rgba(93, 174, 255, .72);
  border-radius: 1.2cqw;
  color: #fff;
  font-size: 2.45cqw;
  font-weight: 720;
  background: linear-gradient(180deg, #109aff, #075cff 56%, #0730d5);
  box-shadow: inset 0 .35cqw .65cqw rgba(255, 255, 255, .22), 0 0 1.4cqw rgba(0, 122, 255, .45);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .table-header,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .table-header {
  min-height: 8.6cqw;
  padding: 0 1.2cqw;
  border-bottom: var(--lucky-hairline) solid rgba(82, 136, 214, .38);
  color: rgba(238, 245, 255, .92);
  font-size: 2.42cqw;
  font-weight: 680;
  background:
    radial-gradient(circle at 50% 0, rgba(0, 145, 255, .32), transparent 19cqw),
    linear-gradient(180deg, rgba(4, 38, 91, .9), rgba(2, 20, 55, .86));
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .table-cell,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .table-cell {
  padding: 1.2cqw .7cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .table-body,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .table-body {
  min-height: 45cqw;
  background: rgba(0, 7, 24, .26);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .table-row,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .table-row {
  min-height: 9.6cqw;
  border-bottom: var(--lucky-hairline) solid rgba(66, 121, 204, .2);
  color: rgba(232, 239, 255, .86);
  font-size: 2.42cqw;
  background: rgba(0, 8, 27, .4);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .table-row:nth-child(odd),
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .table-row:nth-child(odd) {
  background: rgba(5, 25, 63, .48);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .empty-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .loading-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .empty-state,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .loading-state,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .empty-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .loading-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .empty-state,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .loading-state {
  min-height: 40cqw;
  color: rgba(203, 216, 243, .62);
  font-size: 2.9cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .detail-modal,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .detail-modal {
  border: var(--lucky-hairline) solid rgba(0, 132, 255, .72);
  border-radius: 2.1cqw;
  background: rgba(1, 10, 31, .98);
  box-shadow: 0 1.8cqw 3.8cqw rgba(0, 4, 18, .56);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .detail-toolbar,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .detail-tabs,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .detail-toolbar,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .detail-tabs {
  padding: 2cqw;
  background: rgba(4, 24, 62, .72);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .detail-toolbar button,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .detail-tab,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .detail-toolbar button,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .detail-tab {
  min-height: 6.2cqw;
  border: var(--lucky-hairline) solid rgba(63, 135, 232, .45);
  border-radius: 1.25cqw;
  color: rgba(232, 239, 255, .82);
  background: rgba(0, 8, 27, .64);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .detail-tab.active,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .detail-tab.active {
  color: #fff;
  background: linear-gradient(180deg, #0bb5ff, #075cff 56%, #0732ce);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .ladder-section,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .cpa-section,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .ladder-section,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .cpa-section {
  padding: 2.35cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .section-header,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .section-header {
  margin-bottom: 1.9cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .section-header .section-title,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .section-header .section-title {
  color: #f8fbff;
  font-size: 3.3cqw;
  line-height: 3.9cqw;
  font-weight: 760;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .effective-count,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .effective-count {
  padding: 1cqw 1.55cqw;
  border: var(--lucky-hairline) solid rgba(48, 132, 255, .48);
  border-radius: 999px;
  color: #ffd729;
  font-size: 2.42cqw;
  background: rgba(0, 8, 27, .55);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .ladder-track-wrapper,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .ladder-track-wrapper {
  min-height: 35cqw;
  padding: 3.2cqw 1.6cqw 2.2cqw;
  border: var(--lucky-hairline) solid rgba(47, 111, 208, .48);
  border-radius: 1.8cqw;
  background:
    radial-gradient(circle at 50% 0, rgba(0, 108, 255, .24), transparent 25cqw),
    rgba(0, 7, 24, .52);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .ladder-line,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .ladder-line {
  top: 4.8cqw;
  height: .5cqw;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(0, 128, 255, .2), rgba(27, 154, 255, .9), rgba(0, 128, 255, .2));
  box-shadow: 0 0 1.3cqw rgba(0, 132, 255, .55);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .chest-icon,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .chest-icon {
  width: 8.6cqw;
  height: 8.6cqw;
  border-color: rgba(42, 155, 255, .75);
  color: #ffd729;
  background:
    radial-gradient(circle at 50% 30%, rgba(43, 154, 255, .38), transparent 58%),
    rgba(2, 18, 52, .96);
  box-shadow: 0 0 1.8cqw rgba(0, 119, 255, .36);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .chest-val,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .chest-val {
  color: #ffd729;
  font-size: 2.45cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .chest-target,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .chest-target {
  color: rgba(232, 239, 255, .7);
  background: rgba(0, 8, 27, .62);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .cpa-list,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .cpa-list {
  gap: 1.1cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .cpa-item,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .cpa-item {
  padding: 1.65cqw 2cqw;
  border: var(--lucky-hairline) solid rgba(47, 111, 208, .46);
  border-radius: 1.45cqw;
  color: #f7fbff;
  background: rgba(0, 8, 27, .6);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .claim-btn,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .claim-btn {
  min-height: 6.4cqw;
  padding: 0 2.1cqw;
  border-radius: 1.25cqw;
  font-size: 2.55cqw;
  font-weight: 720;
  background: linear-gradient(180deg, #10d16f 0%, #06a752 100%);
  box-shadow: 0 0 1.8cqw rgba(0, 214, 111, .35);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .faq-list,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .faq-list {
  gap: 1.35cqw;
  text-align: left;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .faq-card,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .faq-card {
  padding: 2.15cqw 2.35cqw;
  gap: 1.1cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .faq-title,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .faq-title {
  color: #f8fbff;
  font-size: 3.05cqw;
  line-height: 3.65cqw;
  text-align: left;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .faq-keyword,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .faq-keyword {
  width: max-content;
  max-width: 100%;
  margin: 0;
  padding: .75cqw 1.35cqw;
  border: var(--lucky-hairline) solid rgba(42, 155, 255, .56);
  border-radius: 999px;
  color: #1998ff;
  font-size: 2.55cqw;
  background: rgba(0, 8, 27, .58);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .faq-content,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .faq-content {
  color: rgba(232, 239, 255, .78);
  font-size: 2.7cqw;
  line-height: 3.55cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-image-text-line-content-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-image-text-line-content-box {
  margin-top: 1.25cqw;
  padding: 1.55cqw 1.9cqw;
  border: var(--lucky-hairline) solid rgba(47, 111, 208, .42);
  border-radius: 1.45cqw;
  color: rgba(232, 239, 255, .76);
  font-size: 2.4cqw;
  line-height: 3.15cqw;
  background: rgba(0, 8, 27, .58);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commission-rules-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .definition-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commission-rules-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .definition-box {
  padding: 2.35cqw;
  gap: 1.55cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commission-rules-title,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .definition-title,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .example-title,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commission-rules-title,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .definition-title,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .example-title {
  color: #1998ff;
  font-size: 3.15cqw;
  line-height: 3.8cqw;
  font-weight: 760;
  text-align: left;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .performance-item,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .contribution-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .description-section,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .definition-content,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .performance-item,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .contribution-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .description-section,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .definition-content {
  padding: 1.45cqw;
  border: var(--lucky-hairline) solid rgba(47, 111, 208, .34);
  border-radius: 1.35cqw;
  background: rgba(0, 8, 27, .46);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .description-text,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .description-list li,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .entity-list li,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .explanation-item,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .calculation-item,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .summary-item,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .definition-item,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .description-text,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .description-list li,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .entity-list li,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .explanation-item,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .calculation-item,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .summary-item,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .definition-item {
  color: rgba(232, 239, 255, .78);
  font-size: 2.52cqw;
  line-height: 3.35cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .invite-date-backdrop,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .invite-date-backdrop {
  background: rgba(0, 4, 18, .72);
  backdrop-filter: blur(3px);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .invite-date-panel,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .invite-date-panel {
  width: min(100%, 100cqw);
  padding: 3.2cqw;
  gap: 2.15cqw;
  border: var(--lucky-hairline) solid rgba(0, 132, 255, .82);
  border-bottom: 0;
  border-radius: 3.2cqw 3.2cqw 0 0;
  color: #f8fbff;
  background:
    radial-gradient(circle at 50% 0, rgba(0, 119, 255, .24), transparent 30cqw),
    linear-gradient(180deg, rgba(2, 17, 48, .98), rgba(1, 8, 28, .99));
  box-shadow: 0 -1.6cqw 4.2cqw rgba(0, 96, 255, .2);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .invite-date-hint,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .invite-date-hint {
  color: #f8fbff;
  font-size: 3.25cqw;
  line-height: 4cqw;
  font-weight: 760;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .invite-date-field,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .invite-date-field {
  gap: 1cqw;
  color: rgba(213, 224, 247, .72);
  font-size: 2.65cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .invite-date-field input,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .invite-date-field input {
  min-height: 8.2cqw;
  padding: 0 2.2cqw;
  border: var(--lucky-hairline) solid rgba(47, 111, 208, .75);
  border-radius: 1.45cqw;
  color: #f6f9ff;
  font-size: 2.9cqw;
  background: rgba(0, 7, 24, .72);
  box-shadow: inset 0 0 1.3cqw rgba(0, 71, 162, .22);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .invite-date-actions,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .invite-date-actions {
  gap: 1.45cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .invite-date-btn,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .invite-date-btn {
  min-height: 8.2cqw;
  border: var(--lucky-hairline) solid rgba(93, 174, 255, .7);
  border-radius: 1.55cqw;
  color: #f8fbff;
  font-size: 2.95cqw;
  font-weight: 760;
  background: rgba(0, 8, 27, .65);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .invite-date-btn-primary,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .invite-date-btn-primary {
  background: linear-gradient(180deg, #119bff 0%, #075cff 55%, #0730d5 100%);
  box-shadow:
    inset 0 .45cqw .75cqw rgba(255, 255, 255, .24),
    inset 0 -1cqw 1.6cqw rgba(0, 12, 112, .58),
    0 0 2cqw rgba(0, 122, 255, .55);
}

/* Invite mobile cadence: content keeps its natural height and the tab rail scrolls. */
html[data-lite-style-id="luckyusa"] .app-shell.route-invite [data-route-page="invite"].route-slide-page.has-unified-slide-shell > .agente-container,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread [data-route-page="spread"].route-slide-page.has-unified-slide-shell > .agente-container {
  /* The shared route header is a sibling. Reserve its height so the inner scroller
   * ends inside the route viewport instead of clipping the promotion description. */
  height: calc(100% - 12.3cqw);
  min-height: calc(100% - 12.3cqw);
  box-sizing: border-box;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container {
  gap: clamp(10px, 1.8cqw, 16px);
  padding-bottom: clamp(32px, 5.2cqw, 48px);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .reward-card,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .reward-card {
  flex: 0 0 auto;
  height: clamp(96px, 19.6cqw, 132px);
  min-height: 96px;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .card-content,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .card-content {
  grid-template-rows: clamp(28px, 3.95cqw, 36px) minmax(0, 1fr);
  padding: 10px clamp(16px, 3.45cqw, 24px) 9px;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .card-header,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .card-header {
  height: clamp(28px, 3.95cqw, 36px);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .card-body,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .card-body {
  padding: 1px clamp(32px, 4.8cqw, 48px) 0;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .card-body > .data-section,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .card-body > .data-section {
  gap: clamp(5px, .9cqw, 8px);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .section-label,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .section-label {
  font-size: clamp(12px, 2.42cqw, 15px);
  line-height: 1.2;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .currency,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .amount,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .currency,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .amount {
  font-size: clamp(22px, 4.55cqw, 28px);
  line-height: 1;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .divider,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .divider {
  height: clamp(48px, 10.2cqw, 64px);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .tab-section,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .tab-section {
  min-width: 0;
  gap: clamp(10px, 1.8cqw, 16px);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .tab-bar,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .tab-bar {
  height: auto;
  min-height: 42px;
  justify-content: flex-start;
  gap: 6px;
  padding: 4px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .tab-bar::-webkit-scrollbar,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .tab-bar::-webkit-scrollbar {
  display: none;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .tab-button,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .tab-button,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .tab-button.active,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .tab-button.is-active,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .tab-button.active,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .tab-button.is-active {
  flex: 0 0 auto;
  min-width: max-content;
  height: 34px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(12px, 2.7cqw, 14px);
  line-height: 1;
  scroll-snap-align: start;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .link-share-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .link-share-box {
  min-height: 0;
  padding: clamp(12px, 2.35cqw, 18px) clamp(14px, 3.1cqw, 22px);
  gap: 10px;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .link-section,
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .share-section,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .link-section,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .share-section {
  gap: 8px;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .share-icon-item,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .share-icon-item {
  gap: 6px;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .share-icon,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .share-icon {
  width: clamp(36px, 8.25cqw, 44px);
  height: clamp(36px, 8.25cqw, 44px);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .share-label,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .share-label {
  font-size: clamp(11px, 2.5cqw, 13px);
  line-height: 1.15;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-structure-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-structure-box {
  min-height: 0;
  margin-top: 0;
  padding: clamp(12px, 2.55cqw, 18px) clamp(14px, 3.15cqw, 22px) 12px;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-image-wrapper,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-image-wrapper {
  aspect-ratio: 2.2;
  margin-top: 8px;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .network-structure-box + .commissions-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .network-structure-box + .commissions-box {
  margin-top: 0;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commissions-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commissions-box {
  flex: 0 0 auto;
  padding: 0 10px;
  gap: 10px;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commissions-title,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commissions-title {
  margin-bottom: 0;
  font-size: clamp(14px, 3.05cqw, 17px);
  line-height: 1.28;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commission-card,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commission-card {
  min-height: 82px;
  grid-template-columns: 92px minmax(0, 1fr);
  overflow: visible;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commission-header,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commission-header {
  width: 74px;
  height: 36px;
  min-height: 36px;
  align-self: center;
  margin: 0 0 0 10px;
  font-size: 14px;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commission-content,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commission-content {
  min-height: 0;
  padding: 10px 12px 10px 4px;
  gap: 3px;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .commission-text,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .commission-text {
  font-size: clamp(12px, 2.35cqw, 14px);
  line-height: 1.33;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .activity-description-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .activity-description-box {
  flex: 0 0 auto;
  min-height: 68px;
  margin-top: 0;
  padding: 12px 14px 14px;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .activity-description-title,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .activity-description-title {
  margin-bottom: 6px;
  font-size: clamp(15px, 3.3cqw, 18px);
  line-height: 1.25;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container .activity-intro,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container .activity-intro {
  font-size: clamp(13px, 2.75cqw, 15px);
  line-height: 1.35;
}

/* LuckyUSA reports page replica. Business data remains in js/page-data/report-data.mjs. */
html[data-lite-style-id="luckyusa"] .luckyusa-report-page {
  --lk-report-blue: #148dff;
  --lk-report-line: rgba(29, 127, 255, .52);
  --lk-report-line-soft: rgba(85, 139, 214, .26);
  --lk-report-panel: rgba(2, 15, 40, .86);
  --lk-report-panel-2: rgba(5, 22, 55, .84);
  --lk-report-text: #f7fbff;
  --lk-report-muted: rgba(209, 219, 241, .68);
  padding: 0 3.05cqw 3cqw !important;
  background:
    radial-gradient(circle at 54% -4%, rgba(0, 106, 255, .18), transparent 31cqw),
    linear-gradient(180deg, #020b20 0%, #010715 100%) !important;
  color: var(--lk-report-text) !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .subpage-header {
  height: 10.75cqw !important;
  margin: 0 -3.05cqw !important;
  padding: 1.25cqw 2cqw !important;
  display: grid !important;
  grid-template-columns: 7.2cqw minmax(0, 1fr) 7.2cqw !important;
  align-items: center !important;
  border-bottom: 0 !important;
  background:
    radial-gradient(circle at 50% 0, rgba(0, 91, 255, .14), transparent 30cqw),
    linear-gradient(180deg, rgba(1, 10, 31, .96), rgba(0, 4, 17, .98)) !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .subpage-header > button {
  width: 7.2cqw !important;
  height: 7.2cqw !important;
  min-height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .subpage-header > button:first-child img {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .subpage-header > button:first-child::before,
html[data-lite-style-id="luckyusa"] .luckyusa-report-page .subpage-header > button:first-child::after {
  content: "";
  position: absolute;
  left: 2.4cqw;
  width: 3.2cqw;
  height: .52cqw;
  border-radius: 999px;
  background: rgba(235, 242, 255, .94);
  box-shadow: 0 0 1.1cqw rgba(255, 255, 255, .32);
  transform-origin: left center;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .subpage-header > button:first-child::before {
  top: 2.18cqw;
  transform: rotate(135deg);
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .subpage-header > button:first-child::after {
  top: 2.18cqw;
  transform: rotate(225deg);
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .subpage-header strong {
  font-size: 4.3cqw !important;
  line-height: 1 !important;
  font-weight: 820 !important;
  text-align: center !important;
  text-shadow: 0 .24cqw .7cqw rgba(255, 255, 255, .18);
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .luckyusa-report-support {
  justify-self: end;
  border: .5px solid rgba(36, 142, 255, .86) !important;
  border-radius: 1.6cqw !important;
  background: rgba(1, 17, 51, .72) !important;
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .14),
    0 0 12px rgba(0, 130, 255, .22) !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .luckyusa-report-support::before {
  content: "";
  display: block;
  width: 5.2cqw;
  height: 5.2cqw;
  margin: auto;
  border: .55cqw solid #1299ff;
  border-bottom-color: transparent;
  border-radius: 50% 50% 42% 42%;
  filter: drop-shadow(0 0 .75cqw rgba(0, 170, 255, .68));
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-tabs {
  height: 8.4cqw !important;
  margin: 2.4cqw 0 0 !important;
  border: var(--lucky-hairline) solid rgba(49, 97, 161, .36) !important;
  border-radius: 1.25cqw 1.25cqw 0 0 !important;
  background: linear-gradient(180deg, rgba(9, 24, 55, .9), rgba(4, 13, 34, .92)) !important;
  box-shadow: inset 0 -.5px 0 rgba(65, 111, 181, .32) !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-tabs button {
  color: rgba(219, 226, 244, .6) !important;
  font-size: 2.55cqw !important;
  font-weight: 760 !important;
  padding-bottom: .25cqw !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-tabs button.is-active {
  color: #fff !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-tabs button.is-active::after {
  width: 15.7cqw !important;
  height: .48cqw !important;
  bottom: 0 !important;
  background: linear-gradient(90deg, transparent, #2f95ff 14%, #28a2ff 86%, transparent) !important;
  box-shadow: 0 0 1.2cqw rgba(0, 143, 255, .72) !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-body {
  flex: 0 0 auto !important;
  min-height: auto !important;
  border: var(--lucky-hairline) solid rgba(49, 97, 161, .36);
  border-top: 0;
  border-radius: 0 0 1.25cqw 1.25cqw;
  background:
    radial-gradient(circle at 50% 10%, rgba(0, 92, 255, .16), transparent 32cqw),
    linear-gradient(180deg, rgba(4, 15, 40, .86), rgba(1, 9, 27, .9));
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-panel {
  padding: 2.25cqw 2.05cqw 2.2cqw !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .filter-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1.45cqw !important;
  margin: 0 0 2.55cqw !important;
  padding: 0 !important;
  box-shadow: none !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-filter {
  min-width: 0 !important;
  display: block !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-filter + .report-filter::before {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .filter-row > .report-filter > button {
  width: 100% !important;
  height: 6.7cqw !important;
  min-height: 0 !important;
  justify-content: space-between !important;
  padding: 0 2.45cqw !important;
  border: var(--lucky-hairline) solid rgba(80, 137, 217, .48) !important;
  border-radius: 1.15cqw !important;
  color: rgba(250, 252, 255, .94) !important;
  background: rgba(3, 13, 35, .58) !important;
  font-size: 2.35cqw !important;
  font-weight: 680 !important;
  box-shadow: inset 0 0 0 var(--lucky-hairline) rgba(255, 255, 255, .03) !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .filter-row > .report-filter > button::after {
  border-top-color: #2f8cff !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-filter-options {
  top: 7.25cqw !important;
  width: 36.2cqw !important;
  min-width: 36.2cqw !important;
  max-width: 58cqw !important;
  grid-template-columns: 1.32fr .9fr !important;
  gap: .8cqw 2.2cqw !important;
  padding: 2.15cqw 2.7cqw !important;
  border: var(--lucky-hairline) solid rgba(83, 132, 198, .32) !important;
  border-radius: 1.65cqw !important;
  background:
    radial-gradient(circle at 40% 0, rgba(62, 117, 203, .18), transparent 24cqw),
    linear-gradient(180deg, rgba(16, 27, 49, .97), rgba(10, 20, 39, .98)) !important;
  box-shadow: 0 1.8cqw 4.8cqw rgba(0, 0, 0, .45) !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-filter-options button {
  min-height: 4.4cqw !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  color: rgba(219, 228, 248, .86) !important;
  font-size: 2.2cqw !important;
  text-align: left !important;
  white-space: nowrap !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-filter-options button.is-active {
  color: #2492ff !important;
  box-shadow: none !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-filter-options button.is-active::after {
  content: "✓";
  margin-left: 1.25cqw;
  color: #2d91ff;
  font-size: 2.4cqw;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .luckyusa-report-date-card {
  min-height: 13.75cqw;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) 21.5cqw 23.5cqw;
  align-items: center;
  gap: 0;
  margin: 0 0 3.3cqw;
  border: var(--lucky-hairline) solid var(--lk-report-line);
  border-radius: 1.25cqw;
  background:
    radial-gradient(circle at 20% 50%, rgba(23, 123, 255, .16), transparent 25cqw),
    linear-gradient(180deg, rgba(5, 27, 68, .78), rgba(1, 14, 39, .82));
  overflow: hidden;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-date-main,
html[data-lite-style-id="luckyusa"] .luckyusa-report-date-stat {
  height: 100%;
  display: flex;
  align-items: center;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-date-main {
  gap: 2.2cqw;
  padding: 0 3cqw;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-date-icon,
html[data-lite-style-id="luckyusa"] .luckyusa-report-summary-icon,
html[data-lite-style-id="luckyusa"] .report-platform-badge {
  background-image: url("../assets/report-icon-sheet-imagegen.png?v=luckyusa-20260709w&opt=luckyusa-20260726a");
  background-size: 400% 400%;
  background-repeat: no-repeat;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-date-icon {
  width: 5.25cqw;
  height: 5.25cqw;
  flex: 0 0 5.25cqw;
  border-radius: 1cqw;
  background-image: url("../assets/report-date-icon-centered.png?v=luckyusa-20260721aq&opt=luckyusa-20260726a") !important;
  background-position: center;
  background-size: 100% 100%;
  filter: drop-shadow(0 0 .7cqw rgba(0, 139, 255, .62));
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-date-main b {
  display: block;
  color: #eef5ff;
  font-size: 2.75cqw;
  line-height: 3.3cqw;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-date-main small {
  display: block;
  margin-top: .25cqw;
  color: var(--lk-report-muted);
  font-size: 2cqw;
  line-height: 2.45cqw;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-date-stat {
  flex-direction: column;
  justify-content: center;
  border-left: var(--lucky-hairline) solid var(--lk-report-line-soft);
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-date-stat span {
  color: rgba(220, 229, 248, .78);
  font-size: 2cqw;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-date-stat b {
  margin-top: .7cqw;
  color: #2694ff;
  font-size: 3.35cqw;
  line-height: 3.8cqw;
  font-weight: 820;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-date-stat b.positive {
  color: #61d24d !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-betting-table-head,
html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-betting-row {
  display: grid !important;
  grid-template-columns: 14.2cqw minmax(0, 1.7fr) 16.2cqw 17.2cqw 13.6cqw;
  align-items: center;
}

html[data-lite-style-id="luckyusa"] .luckyusa-betting-table-head {
  height: 7.35cqw;
  padding: 0 2.35cqw;
  border: var(--lucky-hairline) solid rgba(58, 108, 179, .5);
  border-radius: 1.25cqw 1.25cqw 0 0;
  background: linear-gradient(180deg, rgba(9, 38, 88, .88), rgba(4, 22, 57, .88));
  color: #eef5ff;
  font-size: 2.05cqw;
  line-height: 1;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-list {
  display: block !important;
  border: var(--lucky-hairline) solid rgba(58, 108, 179, .46);
  border-top: 0;
  border-radius: 0 0 1.25cqw 1.25cqw;
  overflow: hidden;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-empty-state {
  min-height: 16.8cqw !important;
  padding: 3.8cqw 0 !important;
  box-sizing: border-box;
  display: grid !important;
  place-items: center;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-betting-row {
  min-height: 10.1cqw;
  gap: 0 !important;
  padding: 0 2.35cqw !important;
  border: 0 !important;
  border-bottom: var(--lucky-hairline) solid rgba(70, 112, 174, .28) !important;
  border-radius: 0 !important;
  background: rgba(1, 14, 38, .42) !important;
  box-shadow: none !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-betting-time b,
html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-betting-time small {
  display: block;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-betting-time b {
  color: #f4f8ff;
  font-size: 2.18cqw;
  line-height: 2.7cqw;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-betting-time small {
  color: rgba(210, 221, 243, .66);
  font-size: 1.66cqw;
  line-height: 2.1cqw;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-betting-platform {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 1.45cqw;
  padding-left: 1.85cqw;
  border-left: var(--lucky-hairline) solid rgba(76, 126, 195, .28);
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-platform-badge {
  width: 4.2cqw;
  height: 4.2cqw;
  flex: 0 0 4.2cqw;
  border-radius: .75cqw;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page [data-report-platform="pg"] .report-platform-badge { background-position: 33.333% 33.333%; }
html[data-lite-style-id="luckyusa"] .luckyusa-report-page [data-report-platform="pp"] .report-platform-badge { background-position: 66.666% 33.333%; }
html[data-lite-style-id="luckyusa"] .luckyusa-report-page [data-report-platform="jili"] .report-platform-badge { background-position: 100% 33.333%; }
html[data-lite-style-id="luckyusa"] .luckyusa-report-page [data-report-platform="cq9"] .report-platform-badge { background-position: 0 66.666%; }
html[data-lite-style-id="luckyusa"] .luckyusa-report-page [data-report-platform="bg"] .report-platform-badge { background-position: 33.333% 66.666%; }
html[data-lite-style-id="luckyusa"] .luckyusa-report-page [data-report-platform="jdb"] .report-platform-badge { background-position: 66.666% 66.666%; }
html[data-lite-style-id="luckyusa"] .luckyusa-report-page [data-report-platform="hacksaw"] .report-platform-badge { background-position: 100% 66.666%; }
html[data-lite-style-id="luckyusa"] .luckyusa-report-page [data-report-platform="redtiger"] .report-platform-badge { background-position: 0 100%; }

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-betting-platform > span:last-child {
  min-width: 0;
  overflow: hidden;
  color: rgba(239, 245, 255, .88);
  font-size: 2cqw;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-betting-amount,
html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-betting-profit,
html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-betting-status {
  justify-self: end;
  font-size: 2.1cqw;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-betting-profit.positive {
  color: #56d342 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-betting-profit.negative {
  color: #ff5a4e !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-betting-status {
  min-width: 8.2cqw;
  padding: .65cqw 1.1cqw;
  border-radius: .85cqw;
  text-align: center;
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-betting-status.is-won {
  color: #6bdd57;
  border: var(--lucky-hairline) solid rgba(93, 209, 78, .48);
  background: rgba(48, 121, 52, .22);
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-betting-status.is-lost {
  color: #ff7d68;
  border: var(--lucky-hairline) solid rgba(231, 82, 74, .52);
  background: rgba(118, 36, 38, .25);
}

html[data-lite-style-id="luckyusa"] .luckyusa-report-page .report-summary {
  min-height: auto !important;
  margin: 2.65cqw 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-betting-summary.is-active {
  display: block !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-betting-summary {
  border: var(--lucky-hairline) solid rgba(49, 97, 161, .5);
  border-radius: 1.25cqw;
  background:
    radial-gradient(circle at 50% 0, rgba(33, 112, 255, .12), transparent 28cqw),
    linear-gradient(180deg, rgba(6, 25, 58, .78), rgba(2, 13, 35, .82)) !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-betting-summary h2 {
  margin: 0;
  padding: 2.4cqw 2.4cqw 1.2cqw;
  color: #eef5ff;
  font-size: 2.45cqw;
  line-height: 1;
}

html[data-lite-style-id="luckyusa"] .luckyusa-betting-summary h2 small {
  color: rgba(209, 219, 241, .62);
  font-size: 2.2cqw;
}

html[data-lite-style-id="luckyusa"] .luckyusa-betting-summary .report-summary-inner {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 2.05cqw !important;
  min-height: 0 !important;
  padding: 0 2.15cqw 2.25cqw !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-betting-summary p {
  min-height: 14.7cqw;
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column;
  justify-content: center !important;
  gap: .85cqw;
  padding: 1.05cqw .55cqw 1.15cqw;
  border: var(--lucky-hairline) solid rgba(76, 126, 195, .38);
  border-radius: 1cqw;
  background: rgba(8, 22, 48, .72);
  text-align: center;
}

html[data-lite-style-id="luckyusa"] .luckyusa-betting-summary p::before {
  content: "";
  width: 4.75cqw;
  height: 4.75cqw;
  margin: 0 auto .25cqw;
  background-image: url("../assets/report-summary-icons-imagegen.png?v=luckyusa-20260709w&opt=luckyusa-20260726a");
  background-size: 200% 200%;
  background-repeat: no-repeat;
  filter: drop-shadow(0 0 .85cqw rgba(0, 140, 255, .36));
  mix-blend-mode: screen;
}

html[data-lite-style-id="luckyusa"] .luckyusa-betting-summary p.is-total-bets::before { background-position: 0 0; }
html[data-lite-style-id="luckyusa"] .luckyusa-betting-summary p.is-total-amount::before { background-position: 100% 0; }
html[data-lite-style-id="luckyusa"] .luckyusa-betting-summary p.is-win-amount::before { background-position: 0 100%; }
html[data-lite-style-id="luckyusa"] .luckyusa-betting-summary p.is-net::before { background-position: 100% 100%; }

html[data-lite-style-id="luckyusa"] .luckyusa-betting-summary span {
  color: rgba(235, 241, 255, .78);
  font-size: 1.85cqw;
}

html[data-lite-style-id="luckyusa"] .luckyusa-betting-summary b {
  font-size: 3.1cqw !important;
  line-height: 1 !important;
  font-weight: 840 !important;
}

/* LuckyUSA VIP page replica. Visual-only style layer; VIP data remains in shared js/page-data.mjs. */
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] {
  color: #f7fbff;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .v77-vip-panel {
  background:
    radial-gradient(circle at 50% -4%, rgba(0, 92, 255, .18), transparent 30cqw),
    linear-gradient(180deg, #02091b 0%, #010614 100%) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-source-header {
  height: 10.6cqw !important;
  min-height: 10.6cqw !important;
  padding: 1.35cqw 3.85cqw !important;
  display: grid !important;
  grid-template-columns: 7.05cqw minmax(0, 1fr) 7.05cqw !important;
  align-items: center !important;
  border-bottom: var(--lucky-hairline) solid rgba(43, 112, 201, .48) !important;
  background:
    radial-gradient(circle at 50% 0, rgba(28, 95, 255, .12), transparent 28cqw),
    linear-gradient(180deg, rgba(1, 9, 30, .98), rgba(0, 4, 17, .98)) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-source-back,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-source-support {
  width: 7.05cqw !important;
  height: 7.05cqw !important;
  min-height: 0 !important;
  border: var(--lucky-hairline) solid rgba(24, 141, 255, .82) !important;
  border-radius: 1.25cqw !important;
  background: rgba(1, 18, 54, .78) !important;
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .14),
    0 0 1.4cqw rgba(0, 128, 255, .24) !important;
  color: #fff !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-source-back::before,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-source-back::after {
  content: "";
  position: absolute;
  border-radius: 0;
  background: transparent !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-source-back svg {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-source-back::before {
  left: 11px !important;
  top: 8px !important;
  width: 14px !important;
  height: 14px !important;
  border: 0 !important;
  border-left: 4px solid rgba(245, 249, 255, .96) !important;
  border-bottom: 4px solid rgba(245, 249, 255, .96) !important;
  transform: rotate(45deg);
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-source-back::after {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-source-support {
  color: #18a4ff !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-source-support svg {
  width: 4.85cqw !important;
  height: 4.85cqw !important;
  filter: drop-shadow(0 0 .75cqw rgba(0, 170, 255, .65));
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .v77-route-slide-title {
  color: #fff !important;
  font-size: 4.45cqw !important;
  line-height: 1 !important;
  font-weight: 820 !important;
  text-align: center !important;
  text-shadow: 0 .24cqw .7cqw rgba(255, 255, 255, .18);
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .v77-vip-drawer-body,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .promo-vip-page,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .tab-drawer-body,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-container,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-source-scroll {
  min-height: 0 !important;
  background: transparent !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .v77-vip-drawer-body {
  padding: 0 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-source-scroll {
  padding: 2.35cqw 3.75cqw 3.4cqw !important;
  overflow-x: hidden !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-up-header {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-up-bonus-box {
  position: relative;
  display: grid !important;
  grid-template-columns: 42.5cqw minmax(0, 1fr);
  grid-template-areas:
    "stage progress"
    "stage bonuslink"
    "benefits benefits";
  gap: 0 2.1cqw !important;
  margin: 0 !important;
  padding: 3.55cqw 3.1cqw 0 !important;
  border: var(--lucky-hairline) solid rgba(20, 143, 255, .88) !important;
  border-radius: 1.25cqw !important;
  background:
    radial-gradient(circle at 27% 35%, rgba(23, 98, 255, .22), transparent 22cqw),
    radial-gradient(circle at 88% 15%, rgba(0, 170, 255, .16), transparent 20cqw),
    linear-gradient(180deg, rgba(4, 23, 63, .82), rgba(1, 10, 30, .9)) !important;
  box-shadow: inset 0 0 2.4cqw rgba(13, 79, 175, .22) !important;
  overflow: hidden;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-up-bonus-box::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 34cqw;
  pointer-events: none;
  background:
    linear-gradient(125deg, transparent 18%, rgba(40, 115, 255, .08) 38%, transparent 55%),
    repeating-radial-gradient(ellipse at 28% 36%, rgba(80, 160, 255, .22) 0 .08cqw, transparent .1cqw 2.4cqw);
  opacity: .75;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-content-wrapper,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-content-container,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-content-slider,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-content-item {
  display: contents !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-display-wrapper {
  grid-area: stage;
  position: relative;
  z-index: 1;
  min-height: 31.5cqw;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 6.1cqw minmax(0, 1fr) 6.1cqw;
  align-items: center;
  gap: 1.4cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-badge-container-wrapper {
  min-width: 0;
  overflow: visible !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-badge-item {
  gap: 0 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-badge-name {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-badge-icon {
  content: url("../assets/vip-level-1-imagegen.png?v=luckyusa-20260709w&opt=luckyusa-20260726a");
  width: 30.5cqw !important;
  height: 30.5cqw !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 1.2cqw rgba(80, 165, 255, .45));
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow {
  width: 5.8cqw !important;
  height: 5.8cqw !important;
  min-height: 0 !important;
  border: var(--lucky-hairline) solid rgba(39, 125, 255, .9) !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 50% 36%, rgba(20, 75, 188, .72), rgba(2, 16, 52, .9)) !important;
  box-shadow:
    inset 0 .5px 0 rgba(255, 255, 255, .12),
    0 0 1.4cqw rgba(0, 80, 255, .4) !important;
  color: #fff !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow::before {
  left: 2.35cqw !important;
  top: 1.82cqw !important;
  width: 1.65cqw !important;
  height: 1.65cqw !important;
  border-width: .45cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow-right::before,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow.is-next::before {
  left: 1.75cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .progress-section {
  grid-area: progress;
  position: relative;
  z-index: 1;
  align-items: flex-start !important;
  justify-content: center;
  gap: .75cqw !important;
  min-height: 18.4cqw;
  padding: 3.2cqw 0 0 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .progress-section::before {
  content: "NEXT LEVEL PROGRESS";
  color: rgba(231, 238, 255, .74);
  font-size: 2.05cqw;
  line-height: 1;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .progress-amount {
  color: rgba(228, 237, 255, .82) !important;
  font-size: 3.35cqw !important;
  line-height: 3.8cqw !important;
  font-weight: 780 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .progress-current {
  color: #1496ff !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .progress-target,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .progress-separator {
  color: rgba(225, 235, 255, .86) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .progress-label {
  display: inline-flex;
  align-items: center;
  gap: .85cqw;
  color: #fff !important;
  font-size: 2.2cqw !important;
  line-height: 2.65cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .progress-label::after {
  content: "i";
  width: 1.85cqw;
  height: 1.85cqw;
  display: inline-grid;
  place-items: center;
  border: var(--lucky-hairline) solid rgba(223, 234, 255, .76);
  border-radius: 50%;
  color: rgba(223, 234, 255, .82);
  font-size: 1.25cqw;
  font-weight: 700;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .progress-bar-wrapper {
  width: 100% !important;
  padding: 1.25cqw 0 0 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .progress-bar {
  height: 1.7cqw !important;
  border: var(--lucky-hairline) solid rgba(75, 124, 199, .28) !important;
  border-radius: 999px !important;
  background: rgba(22, 42, 86, .75) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .progress-fill {
  background: linear-gradient(90deg, #2377ff, #0c50ff) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-page-link {
  grid-area: bonuslink;
  position: relative;
  z-index: 1;
  width: 100% !important;
  height: 5.9cqw !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  margin: .8cqw 0 3.2cqw !important;
  padding: 0 2.25cqw !important;
  border: var(--lucky-hairline) solid rgba(48, 119, 218, .52) !important;
  border-radius: 1cqw !important;
  color: #0aa2ff !important;
  background: rgba(4, 21, 55, .74) !important;
  font-size: 2.05cqw !important;
  line-height: 1 !important;
  text-align: left !important;
  text-decoration: none !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-benefits-section {
  grid-area: benefits;
  position: relative;
  z-index: 1;
  min-height: 0 !important;
  display: grid !important;
  gap: 1.25cqw !important;
  margin: 1.4cqw -3.1cqw 0 !important;
  padding: 4.9cqw 2.55cqw 2.55cqw !important;
  border-top: var(--lucky-hairline) solid rgba(44, 111, 201, .42);
  background:
    radial-gradient(circle at 50% 0, rgba(32, 112, 255, .16), transparent 32cqw),
    linear-gradient(180deg, rgba(2, 14, 42, .82), rgba(2, 11, 32, .88)) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-benefits-section::before {
  content: "UPGRADE BENEFITS";
  position: absolute;
  top: 1.75cqw;
  left: 3.1cqw;
  color: #eef5ff;
  font-size: 2.35cqw;
  line-height: 1;
  font-weight: 720;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-group {
  min-height: 10.8cqw;
  display: grid !important;
  grid-template-columns: 25.8cqw minmax(0, 1fr);
  align-items: center;
  gap: 0;
  padding: 0 !important;
  border: var(--lucky-hairline) solid rgba(70, 128, 206, .42) !important;
  border-radius: 1.05cqw !important;
  background: rgba(4, 19, 50, .72) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-group-title {
  height: 100%;
  margin: 0 !important;
  padding: 0 1.6cqw !important;
  border: 0 !important;
  border-right: var(--lucky-hairline) solid rgba(68, 116, 184, .34) !important;
  display: flex !important;
  align-items: center !important;
  gap: 1.25cqw !important;
  color: #0b99ff !important;
  font-size: 2.05cqw !important;
  line-height: 2.55cqw !important;
  font-weight: 640 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-title-icon {
  width: 5.05cqw !important;
  height: 5.05cqw !important;
  flex-basis: 5.05cqw !important;
  border: var(--lucky-hairline) solid rgba(31, 104, 255, .76);
  border-radius: 50%;
  background: rgba(1, 22, 73, .84) !important;
  -webkit-mask: none !important;
  mask: none !important;
  box-shadow: inset 0 0 1.6cqw rgba(21, 104, 255, .32);
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-title-icon::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-image: url("../assets/vip-icon-sheet-imagegen.png?v=luckyusa-20260709w&opt=luckyusa-20260726a");
  background-size: 400% 300%;
  background-repeat: no-repeat;
  mix-blend-mode: screen;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-icon.is-trophy::before { background-position: 33.333% 0; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-icon.is-cash::before { background-position: 0 50%; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-icon.is-wallet::before { background-position: 33.333% 50%; }

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-grid,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-row-three {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 1.3cqw 1.55cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-grid.four-cols {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-card,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-item {
  min-height: 7.6cqw !important;
  justify-content: center !important;
  gap: .45cqw !important;
  padding: .4cqw 1cqw !important;
  border-radius: .95cqw !important;
  background: rgba(8, 27, 67, .72) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-label {
  color: rgba(231, 238, 255, .82) !important;
  font-size: 1.8cqw !important;
  line-height: 2.2cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-value {
  color: #1598ff !important;
  font-size: 2.8cqw !important;
  line-height: 3.05cqw !important;
  font-weight: 760 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .mini-progress {
  gap: .45cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .mini-progress-bar {
  height: 1.25cqw !important;
  background: rgba(20, 37, 79, .8) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .mini-progress-fill {
  background: linear-gradient(90deg, #2377ff, #0b54ff) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .mini-progress-text {
  color: rgba(229, 237, 255, .72) !important;
  font-size: 1.65cqw !important;
  line-height: 1.9cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .rewards-calendar-box {
  position: relative;
  margin: 2.05cqw 0 0 !important;
  padding: 4.85cqw 2.95cqw 2.2cqw !important;
  min-height: 0 !important;
  gap: 1.75cqw !important;
  border: var(--lucky-hairline) solid rgba(20, 143, 255, .86) !important;
  border-radius: 1.25cqw !important;
  background:
    radial-gradient(circle at 50% -4%, rgba(38, 120, 255, .16), transparent 30cqw),
    linear-gradient(180deg, rgba(3, 21, 59, .84), rgba(1, 10, 31, .88)) !important;
  box-shadow: inset 0 0 2.2cqw rgba(13, 79, 175, .18) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .calendar-header {
  position: absolute;
  top: 1.75cqw;
  left: 2.85cqw;
  height: 2.65cqw !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 1.2cqw !important;
  background: transparent !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .calendar-icon {
  content: url("../assets/vip-icon-calendar-imagegen.png?v=luckyusa-20260709w&opt=luckyusa-20260726a");
  width: 3.6cqw !important;
  height: 3.6cqw !important;
  object-fit: contain !important;
  mix-blend-mode: screen;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .calendar-title {
  color: #eef5ff !important;
  font-size: 2.4cqw !important;
  line-height: 1 !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .reward-summary {
  height: 9.45cqw !important;
  gap: 0 !important;
  margin: 1.8cqw 0 0 !important;
  padding: 0 !important;
  border: var(--lucky-hairline) solid rgba(67, 122, 203, .42) !important;
  border-radius: 1cqw !important;
  background: rgba(5, 20, 55, .68) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .summary-row {
  flex: 1 1 0;
  height: 100%;
  flex-direction: column !important;
  justify-content: center;
  gap: .6cqw !important;
  border-left: var(--lucky-hairline) solid rgba(70, 122, 194, .32);
  font-size: 1.9cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .summary-row:first-child {
  border-left: 0;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .summary-value-yellow,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .summary-value-white {
  color: #1496ff !important;
  font-size: 2.75cqw !important;
  line-height: 1 !important;
  font-weight: 780 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .summary-link-row {
  min-height: 4.6cqw;
  color: rgba(236, 242, 255, .88) !important;
  font-size: 1.95cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .summary-link-action {
  min-width: 12.6cqw;
  height: 3.9cqw;
  border: var(--lucky-hairline) solid rgba(51, 130, 255, .62) !important;
  border-radius: .85cqw !important;
  color: #0a9dff !important;
  background: rgba(7, 25, 61, .72) !important;
  font-size: 1.95cqw !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .calendar-scroll-container {
  gap: 1.55cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .calendar-cards {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 !important;
  padding: 0 !important;
  border-radius: 1.1cqw;
  background: rgba(6, 24, 63, .68);
  overflow: hidden !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .calendar-card {
  width: auto !important;
  flex: initial !important;
  height: 11.6cqw !important;
  min-height: 0 !important;
  gap: .55cqw !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-left: var(--lucky-hairline) solid rgba(62, 113, 184, .36) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .calendar-card:first-child {
  border-left: 0 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .calendar-card:nth-child(n+3) {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .card-date,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .card-status {
  color: rgba(235, 242, 255, .88) !important;
  font-size: 1.9cqw !important;
  line-height: 2.25cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .card-amount {
  color: #1496ff !important;
  font-size: 2.95cqw !important;
  line-height: 3.4cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .scroll-arrow {
  width: 5.8cqw !important;
  height: 5.8cqw !important;
  border: var(--lucky-hairline) solid rgba(39, 125, 255, .9) !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 50% 36%, rgba(20, 75, 188, .72), rgba(2, 16, 52, .9)) !important;
  color: #fff !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .scroll-arrow::before {
  left: 2.25cqw !important;
  top: 1.82cqw !important;
  width: 1.65cqw !important;
  height: 1.65cqw !important;
  border-width: .45cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .scroll-arrow-right::before {
  left: 1.75cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .info-link {
  color: #0a9dff !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: .4cqw 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 2.05cqw !important;
  line-height: 2.5cqw !important;
  text-decoration: none !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-options-box {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.75cqw !important;
  margin: 2.05cqw 0 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card {
  position: relative;
  min-height: 24cqw !important;
  padding: 1.5cqw 1.85cqw !important;
  border: var(--lucky-hairline) solid rgba(49, 126, 255, .72) !important;
  border-radius: 1.05cqw !important;
  background:
    radial-gradient(circle at 50% 40%, rgba(59, 127, 255, .16), transparent 23cqw),
    linear-gradient(180deg, rgba(7, 27, 68, .76), rgba(1, 12, 35, .9)) !important;
  box-shadow: inset 0 0 2.2cqw rgba(18, 85, 190, .22) !important;
  overflow: hidden;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: none;
  background-size: auto;
  background-repeat: no-repeat;
  opacity: .98;
  mix-blend-mode: screen;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card:nth-child(1)::before { background-image: url("../assets/vip-reward-bonus.webp?v=luckyusa-vip-webp-20260728a"); background-size: cover; background-position: center; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card:nth-child(2)::before { background-image: url("../assets/vip-reward-daily.webp?v=luckyusa-vip-webp-20260728a"); background-size: cover; background-position: center; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card:nth-child(3)::before { background-image: url("../assets/vip-reward-weekly.webp?v=luckyusa-vip-webp-20260728a"); background-size: cover; background-position: center; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card:nth-child(4)::before { background-image: url("../assets/vip-reward-monthly.webp?v=luckyusa-vip-webp-20260728a"); background-size: cover; background-position: center; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card:nth-child(5)::before { background-position: center; }

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card:nth-child(5) {
  grid-column: 1 / -1;
  min-height: 18.5cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-header,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-content {
  position: relative;
  z-index: 1;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-header {
  padding: 0 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-title {
  color: #fff !important;
  font-size: 2.25cqw !important;
  line-height: 2.8cqw !important;
  font-weight: 620 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .help-icon {
  width: 2.75cqw !important;
  height: 2.75cqw !important;
  min-width: 2.75cqw !important;
  max-width: 2.75cqw !important;
  min-height: 2.75cqw !important;
  max-height: 2.75cqw !important;
  color: rgba(218, 231, 255, .88) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-content {
  min-height: 18cqw;
  align-items: end !important;
  justify-content: center !important;
  padding: 0 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-icon {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .add-button {
  width: 25.4cqw !important;
  flex: 0 0 auto !important;
  height: 4.1cqw !important;
  min-height: 0 !important;
  padding: 0 1.35cqw !important;
  border: var(--lucky-hairline) solid rgba(80, 130, 200, .42) !important;
  border-radius: .75cqw !important;
  color: rgba(234, 242, 255, .86) !important;
  background: rgba(7, 21, 50, .72) !important;
  font-size: 1.95cqw !important;
  line-height: 1 !important;
  text-overflow: clip !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card:nth-child(5) .bonus-content {
  min-height: 12cqw;
  justify-content: flex-end !important;
  padding-right: 3.5cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-options-box::after {
  content: "ⓘ  More benefits are waiting for you as you level up!";
  grid-column: 1 / -1;
  margin-top: .25cqw;
  color: rgba(222, 232, 250, .72);
  font-size: 2.05cqw;
  line-height: 3cqw;
  text-align: center;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 120 !important;
  align-items: flex-start !important;
  justify-items: center !important;
  padding: 8.25cqw 4.4cqw 4.6cqw !important;
  background: rgba(0, 5, 14, .78) !important;
  backdrop-filter: blur(6px);
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-modal-overlay[hidden] {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-modal-overlay:not([hidden]) {
  display: grid !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-table-modal {
  width: 100% !important;
  max-width: none !important;
  max-height: 83.5vh !important;
  border: var(--lucky-hairline) solid rgba(53, 126, 246, .78) !important;
  border-radius: 1.75cqw !important;
  color: #f4f8ff !important;
  background:
    radial-gradient(circle at 50% 0, rgba(54, 116, 255, .16), transparent 35cqw),
    linear-gradient(180deg, rgba(7, 29, 72, .96), rgba(4, 16, 42, .98)) !important;
  box-shadow: 0 2.5cqw 8cqw rgba(0, 0, 0, .48) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-table-modal .modal-header {
  min-height: 9.6cqw !important;
  padding: 2cqw 2.35cqw 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-table-modal .modal-title {
  font-size: 3.65cqw !important;
  line-height: 1 !important;
  font-weight: 760 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-table-modal .modal-close-btn {
  width: 5.8cqw !important;
  height: 5.8cqw !important;
  border: var(--lucky-hairline) solid rgba(106, 158, 244, .62) !important;
  border-radius: 50% !important;
  color: transparent !important;
  background: rgba(20, 48, 96, .78) !important;
  font-size: 0 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-table-modal .modal-close-btn::before,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-table-modal .modal-close-btn::after {
  content: "";
  position: absolute;
  left: 1.55cqw;
  top: 2.65cqw;
  width: 2.7cqw;
  height: .32cqw;
  border-radius: 999px;
  background: rgba(235, 242, 255, .92);
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-table-modal .modal-close-btn::before {
  transform: rotate(45deg);
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-table-modal .modal-close-btn::after {
  transform: rotate(-45deg);
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tabs {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1.55cqw !important;
  padding: 2.2cqw 2.6cqw 1.8cqw !important;
  background: transparent !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tab {
  height: 6.55cqw !important;
  min-height: 0 !important;
  border: var(--lucky-hairline) solid rgba(83, 131, 201, .36) !important;
  border-radius: .95cqw !important;
  color: rgba(236, 243, 255, .9) !important;
  background: rgba(8, 25, 58, .78) !important;
  font-size: 2.1cqw !important;
  font-weight: 620 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tab.is-active,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tab.tab-active {
  border-color: rgba(38, 139, 255, .85) !important;
  background: linear-gradient(180deg, #1d8cff, #064fc8) !important;
  box-shadow: 0 1.4cqw 2.4cqw rgba(0, 104, 255, .35) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-table-wrap {
  position: relative;
  padding: 3.7cqw 1.55cqw 2.55cqw !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-table-wrap::before {
  content: "ⓘ  The more you play, the higher your VIP level and the better the rewards!";
  display: block;
  margin: 0 0 2cqw 1cqw;
  color: rgba(219, 229, 249, .68);
  font-size: 1.95cqw;
  line-height: 2.4cqw;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-table-inner {
  min-width: 82cqw !important;
  border: var(--lucky-hairline) solid rgba(83, 132, 198, .38) !important;
  border-radius: 1.1cqw !important;
  background: rgba(52, 95, 155, .26) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-grid-row {
  grid-template-columns: 14cqw 13.8cqw 15.8cqw 16.6cqw 14.8cqw 15.2cqw 0 0 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-grid-row > :nth-child(7),
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-grid-row > :nth-child(8) {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-cell {
  min-height: 7.7cqw !important;
  padding: .75cqw !important;
  color: rgba(238, 245, 255, .9) !important;
  background: rgba(7, 25, 58, .78) !important;
  font-size: 2.05cqw !important;
  line-height: 2.4cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-th {
  color: #fff !important;
  background: rgba(12, 39, 82, .82) !important;
  font-weight: 680 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-vip-icon {
  width: 4.3cqw !important;
  height: 4.3cqw !important;
  object-fit: contain !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-level-inner {
  gap: .95cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-table-modal .modal-close-btn {
  position: relative !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tab {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 1.15cqw;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tab::before,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-about-icon {
  content: "";
  width: 2.75cqw;
  height: 2.75cqw;
  flex: 0 0 2.75cqw;
  background-image: url("../assets/vip-icon-sheet-imagegen.png?v=luckyusa-20260709w&opt=luckyusa-20260726a");
  background-size: 400% 300%;
  background-repeat: no-repeat;
  filter: drop-shadow(0 0 .8cqw rgba(34, 145, 255, .42));
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tab:nth-child(1)::before { background-position: 100% 50%; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tab:nth-child(2)::before { background-position: 0 0; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tab:nth-child(3)::before { background-position: 33.333% 100%; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tab:nth-child(4)::before { background-position: 66.666% 100%; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tab:nth-child(5)::before { background-position: 100% 100%; }

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-table-inner--luckyusa {
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-grid-row--luckyusa {
  grid-template-columns: 12.4cqw 12.4cqw 14.7cqw 16.1cqw 13.4cqw 14.8cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-grid-row--luckyusa > :nth-child(6) {
  display: grid !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-grid-row--luckyusa .vip-rules-cell {
  min-height: 7.95cqw !important;
  background: rgba(7, 28, 67, .64) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-grid-row--luckyusa .vip-rules-th {
  min-height: 7.85cqw !important;
  background: rgba(9, 35, 78, .72) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-grid-row--luckyusa .vip-rules-level-inner {
  gap: .75cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-grid-row--luckyusa .table-vip-icon {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-grid-row--luckyusa .vip-rules-level-inner::before {
  content: "";
  width: 4.95cqw;
  height: 4.95cqw;
  flex: 0 0 4.95cqw;
  background-image: url("../assets/vip-level-badges-imagegen.png?v=luckyusa-20260709w&opt=luckyusa-20260726a");
  background-size: 600% 200%;
  background-repeat: no-repeat;
  filter: drop-shadow(0 .25cqw .55cqw rgba(0, 0, 0, .42));
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-level-inner[data-vip-level="1"]::before { background-position: 0 0; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-level-inner[data-vip-level="2"]::before { background-position: 20% 0; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-level-inner[data-vip-level="3"]::before { background-position: 40% 0; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-level-inner[data-vip-level="4"]::before { background-position: 60% 0; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-level-inner[data-vip-level="5"]::before { background-position: 80% 0; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-level-inner[data-vip-level="6"]::before { background-position: 100% 0; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-level-inner[data-vip-level="7"]::before { background-position: 0 100%; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-level-inner[data-vip-level="8"]::before { background-position: 20% 100%; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-level-inner[data-vip-level="9"]::before { background-position: 40% 100%; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-level-inner[data-vip-level="10"]::before { background-position: 60% 100%; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-level-inner[data-vip-level="11"]::before { background-position: 80% 100%; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-level-inner[data-vip-level="12"]::before { background-position: 100% 100%; }

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-about {
  display: grid;
  grid-template-columns: 7.2cqw minmax(0, 1fr);
  align-items: center;
  gap: 1.65cqw;
  margin-top: 2.7cqw;
  padding: 2.25cqw 2.7cqw;
  border: var(--lucky-hairline) solid rgba(83, 132, 198, .34);
  border-radius: 1.15cqw;
  background: rgba(10, 26, 58, .72);
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-about-icon {
  width: 5.4cqw;
  height: 5.4cqw;
  flex-basis: 5.4cqw;
  background-position: 100% 50%;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-about-copy strong {
  display: block;
  color: #1598ff;
  font-size: 2.05cqw;
  line-height: 2.45cqw;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-about-copy p {
  margin: .5cqw 0 0;
  color: rgba(222, 232, 250, .72);
  font-size: 1.9cqw;
  line-height: 2.65cqw;
}

/* LuckyUSA VIP precision pass. Keeps VIP data/actions shared; adjusts only style-layer layout. */
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-source-header {
  height: 11.1cqw !important;
  min-height: 11.1cqw !important;
  padding: 1.45cqw 3.9cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-source-back::before {
  left: 50% !important;
  top: 50% !important;
  width: 2.65cqw !important;
  height: 2.65cqw !important;
  border-left-width: .58cqw !important;
  border-bottom-width: .58cqw !important;
  border-radius: .16cqw !important;
  transform: translate(-42%, -50%) rotate(45deg) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-source-scroll {
  padding: 1.9cqw 3.75cqw 3.55cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-up-bonus-box {
  grid-template-columns: 42.6cqw minmax(0, 1fr) !important;
  gap: 0 2.45cqw !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-up-bonus-box::before {
  inset: 0 0 auto !important;
  height: 32.8cqw !important;
  border: var(--lucky-hairline) solid rgba(20, 143, 255, .9);
  border-radius: 1.35cqw;
  background:
    radial-gradient(circle at 27% 43%, rgba(32, 105, 255, .22), transparent 23cqw),
    radial-gradient(circle at 96% 5%, rgba(65, 170, 255, .2), transparent 18cqw),
    linear-gradient(125deg, transparent 18%, rgba(40, 115, 255, .1) 38%, transparent 56%),
    repeating-radial-gradient(ellipse at 28% 39%, rgba(88, 162, 255, .24) 0 .08cqw, transparent .1cqw 2.25cqw),
    linear-gradient(180deg, rgba(4, 24, 67, .9), rgba(2, 13, 39, .92));
  box-shadow:
    inset 0 0 2.5cqw rgba(13, 79, 175, .26),
    0 0 1.1cqw rgba(0, 124, 255, .12);
  opacity: 1 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-display-wrapper {
  min-height: 32.8cqw !important;
  grid-template-columns: 6.25cqw minmax(0, 1fr) 6.25cqw !important;
  gap: 1.55cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-badge-icon {
  width: 30.2cqw !important;
  height: 30.2cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .progress-section {
  min-height: 20.8cqw !important;
  gap: .92cqw !important;
  padding: 5.55cqw 0 0 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .progress-section::before {
  font-size: 2.1cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .progress-amount {
  font-size: 3.65cqw !important;
  line-height: 4.05cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .progress-label {
  font-size: 2.25cqw !important;
  line-height: 2.75cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .progress-bar-wrapper {
  padding-top: 1.55cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .progress-bar {
  height: 1.82cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-page-link {
  height: 6.05cqw !important;
  margin: 0 0 3.5cqw !important;
  padding: 0 2.55cqw !important;
  border-radius: 1.05cqw !important;
  font-size: 2.15cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-benefits-section {
  margin: 2.05cqw 0 0 !important;
  padding: 5.35cqw 2.65cqw 2.05cqw !important;
  gap: .95cqw !important;
  border: var(--lucky-hairline) solid rgba(20, 143, 255, .86) !important;
  border-radius: 1.35cqw !important;
  background:
    radial-gradient(circle at 50% -5%, rgba(32, 112, 255, .18), transparent 33cqw),
    linear-gradient(180deg, rgba(4, 23, 63, .85), rgba(1, 11, 33, .92)) !important;
  box-shadow: inset 0 0 2.3cqw rgba(13, 79, 175, .2) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-benefits-section::before {
  top: 1.85cqw !important;
  left: 6.65cqw !important;
  font-size: 2.45cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-benefits-section::after {
  content: "";
  position: absolute;
  left: 2.7cqw;
  top: 1.4cqw;
  width: 3.3cqw;
  height: 3.3cqw;
  background-image: url("../assets/vip-icon-sheet-imagegen.png?v=luckyusa-20260709w&opt=luckyusa-20260726a");
  background-size: 400% 300%;
  background-position: 33.333% 0;
  background-repeat: no-repeat;
  filter: drop-shadow(0 0 .7cqw rgba(26, 142, 255, .45));
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-group {
  min-height: 8.85cqw !important;
  grid-template-columns: 29.2cqw minmax(0, 1fr) !important;
  border-radius: 1.1cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-group-title {
  padding: 0 1.45cqw !important;
  gap: 1.15cqw !important;
  font-size: 1.95cqw !important;
  line-height: 2.25cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-title-icon {
  width: 4.45cqw !important;
  height: 4.45cqw !important;
  flex-basis: 4.45cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-grid,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-row-three {
  padding: 1.05cqw 1.55cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-card,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-item {
  min-height: 5.95cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .rewards-calendar-box {
  margin-top: 2.15cqw !important;
  padding: 4.75cqw 3.15cqw 1.95cqw !important;
  gap: .55cqw !important;
  border-radius: 1.35cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .calendar-header {
  top: 1.9cqw !important;
  left: 3.15cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .reward-summary {
  height: 8.75cqw !important;
  margin-top: 1.2cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .summary-link-row {
  min-height: 4.3cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .summary-link-action {
  min-width: 12.75cqw !important;
  height: 4.35cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .calendar-card {
  height: 10.35cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .info-link {
  padding: .65cqw 0 .25cqw !important;
  font-size: 2.1cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-options-box {
  gap: 1.85cqw !important;
  margin-top: 2.25cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card {
  min-height: 24.9cqw !important;
  padding: 1.65cqw 1.9cqw !important;
  border-radius: 1.15cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card:nth-child(5) {
  min-height: 19.55cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .add-button {
  height: 4.45cqw !important;
  border-radius: .85cqw !important;
  font-size: 2.05cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-modal-overlay {
  padding: 8.4cqw 4.15cqw 3.8cqw !important;
  background: rgba(0, 6, 16, .82) !important;
  backdrop-filter: blur(7px);
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-table-modal {
  max-height: 87.2vh !important;
  border-radius: 2.05cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-table-modal .modal-header {
  min-height: 11.4cqw !important;
  padding: 2.75cqw 2.65cqw 0 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-table-modal .modal-title {
  font-size: 4.15cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-table-modal .modal-close-btn {
  width: 6.95cqw !important;
  height: 6.95cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-table-modal .modal-close-btn::before,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-table-modal .modal-close-btn::after {
  left: 1.9cqw !important;
  top: 3.25cqw !important;
  width: 3.25cqw !important;
  height: .36cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tabs {
  gap: 1.85cqw !important;
  padding: 2.7cqw 2.85cqw 2.25cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tab {
  height: 7.75cqw !important;
  border-radius: 1.15cqw !important;
  gap: 1.25cqw !important;
  font-size: 2.45cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tab::before {
  width: 3.15cqw !important;
  height: 3.15cqw !important;
  flex-basis: 3.15cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-table-wrap {
  padding: 3.25cqw 2.35cqw 2.85cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-table-wrap::before {
  margin: 0 0 2.25cqw 1cqw !important;
  font-size: 2.18cqw !important;
  line-height: 2.75cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-grid-row--luckyusa {
  grid-template-columns: 12.9cqw 12.7cqw 14.6cqw 16.1cqw 13.5cqw 14.3cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-grid-row--luckyusa .vip-rules-cell {
  min-height: 8.45cqw !important;
  font-size: 2.13cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-grid-row--luckyusa .vip-rules-th {
  min-height: 8.3cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-grid-row--luckyusa .vip-rules-level-inner::before {
  width: 5.35cqw !important;
  height: 5.35cqw !important;
  flex-basis: 5.35cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-about {
  grid-template-columns: 7.8cqw minmax(0, 1fr) !important;
  margin-top: 2.9cqw !important;
  padding: 2.5cqw 2.9cqw !important;
  border-radius: 1.35cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-about-icon {
  width: 5.9cqw !important;
  height: 5.9cqw !important;
  flex-basis: 5.9cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-about-copy strong {
  font-size: 2.18cqw !important;
  line-height: 2.6cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-about-copy p {
  font-size: 2.02cqw !important;
  line-height: 2.85cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-salary-modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 121 !important;
  align-items: flex-start !important;
  justify-items: center !important;
  padding: 18.5cqw 3.6cqw 4cqw !important;
  background: rgba(0, 6, 16, .78) !important;
  backdrop-filter: blur(6px);
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-salary-modal-overlay[hidden] {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-salary-modal-overlay:not([hidden]) {
  display: grid !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-modal {
  width: 100% !important;
  max-width: none !important;
  overflow: hidden;
  border: var(--lucky-hairline) solid rgba(53, 126, 246, .78) !important;
  border-radius: 2.05cqw !important;
  color: #f4f8ff !important;
  background:
    radial-gradient(circle at 50% 0, rgba(54, 116, 255, .16), transparent 36cqw),
    linear-gradient(180deg, rgba(7, 29, 72, .97), rgba(4, 16, 42, .99)) !important;
  box-shadow: 0 2.5cqw 8cqw rgba(0, 0, 0, .48) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-modal-header {
  min-height: 9.9cqw !important;
  padding: 0 2.5cqw !important;
  display: grid !important;
  grid-template-columns: 6.2cqw minmax(0, 1fr) 6.2cqw !important;
  align-items: center !important;
  border-bottom: var(--lucky-hairline) solid rgba(72, 124, 198, .32) !important;
  background: transparent !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-modal-title {
  grid-column: 2;
  color: #fff !important;
  font-size: 3cqw !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  text-align: center;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-modal .modal-close-btn {
  grid-column: 3;
  position: relative !important;
  width: 6.2cqw !important;
  height: 6.2cqw !important;
  border: var(--lucky-hairline) solid rgba(106, 158, 244, .62) !important;
  border-radius: 50% !important;
  color: transparent !important;
  background: rgba(20, 48, 96, .78) !important;
  font-size: 0 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-modal .modal-close-btn::before,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-modal .modal-close-btn::after {
  content: "";
  position: absolute;
  left: 1.75cqw;
  top: 2.9cqw;
  width: 2.8cqw;
  height: .34cqw;
  border-radius: 999px;
  background: rgba(235, 242, 255, .92);
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-modal .modal-close-btn::before {
  transform: rotate(45deg);
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-modal .modal-close-btn::after {
  transform: rotate(-45deg);
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-summary {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.6cqw !important;
  padding: 2.65cqw 2.6cqw 2.2cqw !important;
  background: transparent !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-summary-item {
  min-height: 9.2cqw !important;
  padding: 1.7cqw 2cqw !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  gap: 1.2cqw;
  border: var(--lucky-hairline) solid rgba(69, 123, 198, .24);
  border-radius: 1.1cqw;
  background: rgba(5, 20, 52, .7) !important;
  color: rgba(225, 234, 251, .74);
  font-size: 1.95cqw;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-summary .summary-value {
  color: #ffbc23 !important;
  font-size: 2.15cqw !important;
  line-height: 1;
  font-weight: 760;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-filter-tabs {
  display: flex !important;
  gap: 1.05cqw !important;
  padding: 0 2.6cqw 2.65cqw !important;
  overflow-x: auto;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .filter-tab {
  flex: 0 0 auto;
  height: 5.4cqw !important;
  padding: 0 2.1cqw !important;
  border: var(--lucky-hairline) solid rgba(83, 131, 201, .38) !important;
  border-radius: 1.05cqw !important;
  color: rgba(236, 243, 255, .9) !important;
  background: rgba(8, 25, 58, .78) !important;
  font-size: 1.95cqw !important;
  font-weight: 640 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .filter-tab.is-active,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .filter-tab.tab-active {
  border-color: rgba(38, 139, 255, .88) !important;
  background: linear-gradient(180deg, #1d8cff, #064fc8) !important;
  box-shadow: 0 1.2cqw 2.3cqw rgba(0, 104, 255, .3) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-records-list {
  min-height: 6.4cqw !important;
  padding: 0 2.6cqw 2.4cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-empty {
  min-height: 6.4cqw !important;
  display: flex !important;
  align-items: center !important;
  color: #fff !important;
  font-size: 2.65cqw !important;
  line-height: 1.2 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-record-item {
  min-height: 8.2cqw;
  padding: 1.2cqw 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: var(--lucky-hairline) solid rgba(78, 132, 205, .24);
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .record-left,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .record-right {
  display: flex;
  align-items: center;
  gap: 1.4cqw;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .record-type-badge {
  min-width: 9.5cqw;
  height: 4.6cqw;
  display: inline-grid;
  place-items: center;
  border: var(--lucky-hairline) solid rgba(54, 132, 255, .55);
  border-radius: .85cqw;
  color: #139bff;
  background: rgba(8, 28, 70, .75);
  font-size: 1.75cqw;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .record-info {
  display: grid;
  gap: .35cqw;
  color: rgba(240, 246, 255, .92);
  font-size: 1.9cqw;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .record-info small {
  color: rgba(222, 232, 250, .62);
  font-size: 1.6cqw;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .record-amount {
  color: #ffbc23;
  font-size: 2.2cqw;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .claim-btn {
  height: 4.7cqw;
  min-width: 11cqw;
  padding: 0 1.8cqw;
  border: var(--lucky-hairline) solid rgba(54, 132, 255, .45);
  border-radius: .85cqw;
  color: #dfeaff;
  background: rgba(9, 27, 63, .78);
  font-size: 1.8cqw;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-modal-footer {
  padding: 1.45cqw 2.6cqw 2.3cqw !important;
  border-top: var(--lucky-hairline) solid rgba(72, 124, 198, .32) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .claim-all-btn {
  width: 100% !important;
  height: 6.25cqw !important;
  border: var(--lucky-hairline) solid rgba(92, 134, 197, .42) !important;
  border-radius: 1.25cqw !important;
  color: rgba(245, 249, 255, .9) !important;
  background: rgba(10, 26, 58, .72) !important;
  font-size: 2.05cqw !important;
  font-weight: 700 !important;
}

/* VIP de-stretch correction: keep recreated bitmaps at their intended proportions. */
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-source-back::before,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-source-back::after {
  display: block !important;
  left: 50% !important;
  top: 50% !important;
  width: 2.82cqw !important;
  height: .54cqw !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f7fbff !important;
  transform-origin: left center !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-source-back::before {
  transform: translate(-.86cqw, -.04cqw) rotate(-45deg) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-source-back::after {
  transform: translate(-.86cqw, -.04cqw) rotate(45deg) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-up-bonus-box::before {
  height: 31.4cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-display-wrapper {
  min-height: 31.4cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-badge-icon {
  width: 28.9cqw !important;
  height: 28.9cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .progress-section {
  min-height: 19.35cqw !important;
  padding-top: 4.85cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-page-link {
  height: 5.75cqw !important;
  margin-bottom: 2.95cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-benefits-section {
  margin-top: 1.55cqw !important;
  padding-top: 5.1cqw !important;
  padding-bottom: 1.8cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-group {
  min-height: 8.35cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-card,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-item {
  min-height: 5.5cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .rewards-calendar-box {
  margin-top: 1.65cqw !important;
  padding-top: 4.55cqw !important;
  padding-bottom: 1.75cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .reward-summary {
  height: 8.35cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .calendar-card {
  height: 9.85cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-options-box {
  margin-top: 1.65cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card {
  min-height: 23.1cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card:nth-child(5) {
  min-height: 17.6cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card:nth-child(5)::before {
  background-size: 100% 300% !important;
  background-position: 0 100% !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card:nth-child(5) .bonus-content {
  min-height: 10.6cqw !important;
  padding-right: 2.9cqw !important;
}

/* VIP balance pass: restore card weight without stretching bitmap assets. */
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-source-back::before,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-source-back::after {
  width: 3.1cqw !important;
  height: .62cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-source-back::before {
  transform: translate(-.92cqw, -.05cqw) rotate(-45deg) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-source-back::after {
  transform: translate(-.92cqw, -.05cqw) rotate(45deg) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-up-bonus-box::before {
  height: 32.2cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-display-wrapper {
  min-height: 32.2cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-badge-icon {
  width: 30.1cqw !important;
  height: 30.1cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .progress-section {
  min-height: 20.25cqw !important;
  padding-top: 5.25cqw !important;
  gap: .72cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .progress-section::before {
  font-size: 2.2cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .progress-amount {
  font-size: 3.95cqw !important;
  line-height: 4.25cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .progress-label {
  font-size: 2.3cqw !important;
  line-height: 2.75cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-page-link {
  height: 6.05cqw !important;
  margin-bottom: 3.05cqw !important;
  font-size: 2.2cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-benefits-section {
  margin-top: 1.75cqw !important;
  padding: 5.75cqw 2.65cqw 2.05cqw !important;
  gap: 1.05cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-benefits-section::before {
  top: 1.9cqw !important;
  left: 7.05cqw !important;
  font-size: 2.55cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-benefits-section::after {
  left: 2.8cqw !important;
  top: 1.45cqw !important;
  width: 3.7cqw !important;
  height: 3.7cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-group {
  min-height: 9.35cqw !important;
  grid-template-columns: 30.2cqw minmax(0, 1fr) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-group-title {
  font-size: 2.08cqw !important;
  line-height: 2.45cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-title-icon {
  width: 4.85cqw !important;
  height: 4.85cqw !important;
  flex-basis: 4.85cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-card,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-item {
  min-height: 6.15cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-label {
  font-size: 1.68cqw !important;
  line-height: 2.05cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-value {
  font-size: 2.75cqw !important;
  line-height: 3cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .rewards-calendar-box {
  margin-top: 1.75cqw !important;
  padding: 4.95cqw 3.15cqw 2cqw !important;
  gap: .75cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .reward-summary {
  height: 8.95cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .summary-link-row {
  min-height: 4.65cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .calendar-card {
  height: 10.4cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card {
  min-height: 24.25cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card:nth-child(5) {
  min-height: 20.3cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card:nth-child(5)::before {
  inset: 0 !important;
  background-image: url("../assets/vip-cashback-bg.webp?v=luckyusa-vip-webp-20260728a") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card:nth-child(5) .bonus-content {
  min-height: 13.1cqw !important;
  align-items: end !important;
  justify-content: flex-end !important;
  padding-right: 2.8cqw !important;
}

/* LuckyUSA Conta page replica. Business and security actions stay in shared setting modules. */
html[data-lite-style-id="luckyusa"] [data-route-page="setting"].route-slide-page {
  background:
    radial-gradient(circle at 50% 4%, rgba(17, 82, 190, .2), transparent 24cqw),
    linear-gradient(180deg, #02091b 0%, #010614 100%) !important;
}

html[data-lite-style-id="luckyusa"] [data-route-page="setting"].has-unified-slide-shell > .luckyusa-conta-page {
  min-height: calc(100dvh - 12.3cqw) !important;
  padding: 1.95cqw 3.25cqw 4cqw !important;
  color: #f8fbff !important;
  background:
    radial-gradient(circle at 50% 10%, rgba(0, 86, 255, .14), transparent 34cqw),
    linear-gradient(180deg, #02091b, #010614) !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .sub-tabs.boxed {
  height: 10.5cqw !important;
  margin: 0 0 2.6cqw !important;
  padding: 1.05cqw !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  border: var(--lucky-hairline) solid rgba(96, 136, 203, .42) !important;
  border-radius: 2.55cqw !important;
  background: rgba(6, 19, 49, .72) !important;
  box-shadow: inset 0 0 1.7cqw rgba(43, 111, 218, .12) !important;
  overflow: hidden;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .sub-tabs.boxed button {
  min-height: 8.2cqw !important;
  height: 8.2cqw !important;
  gap: .9cqw !important;
  border: 0 !important;
  border-radius: 1.25cqw !important;
  color: rgba(223, 232, 252, .72) !important;
  background: transparent !important;
  font-size: 2.95cqw !important;
  line-height: 1 !important;
  font-weight: 560 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .sub-tabs.boxed button + button {
  border-left: var(--lucky-hairline) solid rgba(88, 129, 197, .25) !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .sub-tabs.boxed button.is-active {
  color: #fff !important;
  background: linear-gradient(180deg, #177dff 0%, #063ed5 100%) !important;
  border: var(--lucky-hairline) solid rgba(58, 199, 255, .9) !important;
  box-shadow:
    inset 0 .5px 0 rgba(255,255,255,.28),
    inset 0 0 1.7cqw rgba(46, 216, 255, .42),
    0 0 2.2cqw rgba(18, 122, 255, .58) !important;
  font-weight: 760 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page[data-setting-tab="settings"] .sub-tabs.boxed button::before,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page[data-setting-tab="settings"] .sub-tabs.boxed button::after {
  content: "";
  display: inline-block;
  width: 3.4cqw;
  height: 3.4cqw;
  flex: 0 0 3.4cqw;
  background-image: url("../assets/conta-icon-sheet-imagegen.png?v=luckyusa-20260709w&opt=luckyusa-20260726a");
  background-size: 600% 400%;
  background-repeat: no-repeat;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page[data-setting-tab="settings"] .sub-tabs.boxed button::after { display: none; }
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page[data-setting-tab="settings"] .sub-tabs.boxed button:nth-child(1)::before { background-position: 40% 0; }
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page[data-setting-tab="settings"] .sub-tabs.boxed button:nth-child(2)::before { background-position: 0 100%; }
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page[data-setting-tab="settings"] .sub-tabs.boxed button:nth-child(3)::before { background-position: 20% 100%; }

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-panel[hidden] {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-card,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-withdrawable,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .favorite-games-row,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-transactions-table-card,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-transaction-filters,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-card {
  border: var(--lucky-hairline) solid rgba(92, 136, 205, .45) !important;
  border-radius: 2.55cqw !important;
  background:
    radial-gradient(circle at 50% 0, rgba(30, 94, 214, .16), transparent 27cqw),
    rgba(3, 14, 39, .78) !important;
  box-shadow: inset 0 0 2.1cqw rgba(26, 95, 206, .16) !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-card {
  min-height: 40cqw !important;
  margin: 0 0 2.6cqw !important;
  padding: 2.55cqw 3.65cqw !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .profile-header-section {
  height: 16.4cqw !important;
  grid-template-columns: 18.7cqw minmax(0, 1fr) !important;
  align-items: center !important;
  padding: 0 0 2.2cqw !important;
  border: 0 !important;
  border-bottom: var(--lucky-hairline) solid rgba(118, 148, 199, .36) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-card .avatar {
  width: 15.2cqw !important;
  height: 15.2cqw !important;
  border: .35cqw solid rgba(66, 170, 255, .68);
  box-shadow: 0 0 1.6cqw rgba(64, 163, 255, .36);
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .profile-right {
  gap: 2.15cqw !important;
  padding: 0 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .username {
  color: #fff !important;
  font-size: 3.75cqw !important;
  line-height: 1 !important;
  font-weight: 820 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .registration-date {
  position: relative;
  display: flex !important;
  align-items: center;
  gap: .8cqw;
  color: rgba(222, 232, 252, .76) !important;
  font-size: 2.45cqw !important;
  line-height: 1 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .registration-date::before,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .detail-row::before,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .profile-withdrawable-title::before,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total header::before,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total p::before,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .favorite-games-header strong::before,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-filter-icon,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-hero-icon,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-input::before {
  content: "";
  display: inline-block;
  background-image: url("../assets/conta-icon-sheet-imagegen.png?v=luckyusa-20260709w&opt=luckyusa-20260726a");
  background-size: 600% 400%;
  background-repeat: no-repeat;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .registration-date::before {
  width: 2.9cqw;
  height: 2.9cqw;
  flex: 0 0 2.9cqw;
  background-position: 60% 0;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .registration-date b,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .registration-date span {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: 480 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .profile-details {
  gap: 2.15cqw !important;
  margin-top: 2.55cqw !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .detail-row {
  min-height: 6.8cqw !important;
  grid-template-columns: 7.1cqw 13.8cqw minmax(0, 1fr) !important;
  gap: 1.35cqw !important;
  font-size: 2.8cqw !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .detail-row::before {
  width: 5.7cqw;
  height: 5.7cqw;
  border: var(--lucky-hairline) solid rgba(64, 127, 255, .48);
  border-radius: 1.15cqw;
  background-color: rgba(18, 45, 101, .65);
  box-shadow: inset 0 0 1.3cqw rgba(40, 113, 255, .24);
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .detail-row[data-conta-detail="user"]::before { background-position: 40% 0; }
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .detail-row[data-conta-detail="phone"]::before { background-position: 100% 0; }

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .detail-label {
  color: #fff !important;
  text-align: left !important;
  font-size: 2.7cqw !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .detail-input-wrapper {
  min-height: 6.7cqw !important;
  grid-template-columns: minmax(0, 1fr) 6.8cqw !important;
  gap: 1cqw !important;
  padding: 0 0 0 2.65cqw !important;
  border: var(--lucky-hairline) solid rgba(58, 97, 166, .33) !important;
  border-radius: 1.05cqw !important;
  background: rgba(1, 9, 28, .62) !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .detail-value {
  color: #fff !important;
  font-size: 2.8cqw !important;
  line-height: 1 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .copy-icon-wrapper {
  width: 6.8cqw !important;
  height: 6.8cqw !important;
  border: var(--lucky-hairline) solid rgba(75, 138, 255, .54) !important;
  border-radius: 1.15cqw !important;
  background: rgba(20, 43, 110, .88) !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .copy-icon-wrapper img {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .copy-icon-wrapper::before {
  content: "";
  width: 3.4cqw;
  height: 3.4cqw;
  background: url("../assets/conta-icon-sheet-imagegen.png?v=luckyusa-20260709w&opt=luckyusa-20260726a") 80% 0 / 600% 400% no-repeat;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-withdrawable {
  min-height: 25.8cqw !important;
  margin: 0 0 2.6cqw !important;
  padding: 3.1cqw 3.95cqw 2.5cqw !important;
  border-color: rgba(18, 151, 255, .94) !important;
  border-radius: 2.55cqw !important;
  background:
    radial-gradient(circle at 14% 48%, rgba(26, 113, 255, .24), transparent 15cqw),
    linear-gradient(180deg, rgba(3, 22, 62, .9), rgba(2, 12, 38, .92)) !important;
  box-shadow: inset 0 0 2.2cqw rgba(18, 117, 255, .28), 0 0 1.7cqw rgba(0, 139, 255, .28) !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-withdrawable header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .profile-withdrawable-title {
  display: grid !important;
  grid-template-columns: 12.4cqw minmax(0, 1fr) 2.7cqw !important;
  grid-template-areas:
    "icon title info"
    "icon needs needs" !important;
  align-items: center !important;
  column-gap: 2.45cqw !important;
  color: #fff !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .profile-withdrawable-title::before {
  grid-area: icon;
  width: 10.7cqw;
  height: 10.7cqw;
  border-radius: 50%;
  background-position: 0 33.333%;
  filter: drop-shadow(0 0 1.2cqw rgba(20, 119, 255, .68));
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .profile-withdrawable-title strong {
  grid-area: title;
  color: #fff !important;
  font-size: 3.1cqw !important;
  line-height: 1 !important;
  font-weight: 780 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .profile-withdrawable-title img {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .profile-withdrawable-title::after {
  grid-area: info;
  content: "i";
  width: 2.65cqw;
  height: 2.65cqw;
  display: grid;
  place-items: center;
  border: var(--lucky-hairline) solid rgba(228, 238, 255, .78);
  border-radius: 50%;
  color: rgba(230, 239, 255, .8);
  font-size: 1.6cqw;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-withdrawable div {
  margin: -4.7cqw 0 0 14.8cqw !important;
  color: rgba(210, 222, 247, .72) !important;
  font-size: 2.35cqw !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-withdrawable header > span:not(.profile-withdrawable-title) {
  color: #ffca37 !important;
  font-size: 4.9cqw !important;
  line-height: 1 !important;
  font-weight: 840 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-withdrawable div b {
  color: rgba(212, 225, 255, .78) !important;
  font-weight: 520 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-withdrawable i {
  height: 1.75cqw !important;
  margin-top: 3.05cqw !important;
  border-radius: 999px !important;
  background: rgba(17, 43, 88, .7) !important;
  overflow: hidden;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-withdrawable i em {
  background: linear-gradient(180deg, #45d7ff, #058dff) !important;
  box-shadow: 0 0 1.2cqw rgba(50, 204, 255, .65) !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-withdrawable footer {
  justify-content: flex-end !important;
  margin-top: 1.8cqw !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-withdrawable footer button {
  gap: 1cqw !important;
  color: #1598ff !important;
  background: transparent !important;
  font-size: 2.35cqw !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total {
  margin: 0 0 2.6cqw !important;
  padding: 1.7cqw 3.15cqw 1.8cqw !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total header,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total p {
  min-height: 5.85cqw !important;
  display: grid !important;
  grid-template-columns: 6.4cqw minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 1.25cqw !important;
  margin: 0 !important;
  border-bottom: var(--lucky-hairline) solid rgba(93, 126, 181, .2) !important;
  color: #fff !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total p:last-child {
  border-bottom: 0 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total header::before,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total p::before {
  width: 4.75cqw;
  height: 4.75cqw;
  border-radius: 50%;
  filter: drop-shadow(0 0 .65cqw rgba(31, 142, 255, .4));
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total header::before { background-position: 60% 33.333%; }
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total p:nth-of-type(1)::before { background-position: 80% 33.333%; }
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total p:nth-of-type(2)::before { background-position: 100% 33.333%; }
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total p:nth-of-type(3)::before { background-position: 0 66.667%; }
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total p:nth-of-type(4)::before { background-position: 20% 66.667%; }
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total p:nth-of-type(5)::before { background-position: 40% 66.667%; }

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total header strong,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .favorite-games-header strong {
  color: #fff !important;
  font-size: 3.1cqw !important;
  font-weight: 800 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total header span {
  width: 3.6cqw !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total header span::before {
  width: 1.9cqw !important;
  height: 1.9cqw !important;
  border-color: rgba(229, 238, 255, .86) !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total p span,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total p b {
  color: #fff !important;
  font-size: 2.65cqw !important;
  font-weight: 520 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total p b.red {
  color: #ff4949 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total p b.yellow {
  color: #ffd200 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .favorite-games-row {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-items: initial !important;
  min-height: 34.5cqw !important;
  margin: 0 !important;
  padding: 2.25cqw 2.55cqw 2.1cqw !important;
  gap: 1.65cqw !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .favorite-games-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .favorite-games-header strong {
  display: inline-flex !important;
  align-items: center !important;
  gap: 1.5cqw !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .favorite-games-header strong img {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .favorite-games-header strong::before {
  width: 5.6cqw;
  height: 5.6cqw;
  border-radius: 1.05cqw;
  background-position: 60% 66.667%;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .favorite-games-actions {
  display: inline-flex;
  gap: 1.45cqw;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .favorite-games-actions button,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-pagination button {
  width: 6.25cqw !important;
  height: 6.25cqw !important;
  border: var(--lucky-hairline) solid rgba(65, 125, 232, .45) !important;
  border-radius: 1.05cqw !important;
  color: #fff !important;
  background: rgba(13, 27, 65, .86) !important;
  font-size: 4.1cqw !important;
  line-height: 1 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .favorite-games-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.45cqw;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .favorite-games-grid article {
  position: relative;
  aspect-ratio: 1.28 / 1;
  border: var(--lucky-hairline) solid rgba(76, 122, 202, .38);
  border-radius: 1.35cqw;
  background: rgba(9, 25, 60, .62);
  overflow: hidden;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .favorite-games-grid article::before {
  content: "";
  position: absolute;
  inset: 23% 24%;
  background: url("../assets/conta-icon-sheet-imagegen.png?v=luckyusa-20260709w&opt=luckyusa-20260726a") 80% 66.667% / 600% 400% no-repeat;
  opacity: .24;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .favorite-games-grid article::after {
  content: "";
  position: absolute;
  right: 1.35cqw;
  top: 1.05cqw;
  width: 3.2cqw;
  height: 3.2cqw;
  background: url("../assets/conta-icon-sheet-imagegen.png?v=luckyusa-20260709w&opt=luckyusa-20260726a") 100% 66.667% / 600% 400% no-repeat;
  opacity: .48;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .favorite-games-empty {
  margin: 0;
  color: rgba(218, 229, 252, .72);
  font-size: 2.5cqw;
  line-height: 3.7cqw;
  text-align: center;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-transaction-tabs {
  height: 9.6cqw !important;
  margin: 0 0 3.75cqw !important;
  padding: 0 2.1cqw !important;
  border: var(--lucky-hairline) solid rgba(83, 130, 205, .3);
  border-radius: 2.55cqw;
  background: rgba(4, 16, 42, .58);
  overflow: hidden;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-transaction-tabs button {
  color: rgba(214, 224, 246, .6) !important;
  font-size: 2.95cqw !important;
  font-weight: 560 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-transaction-tabs button.is-active {
  color: #1598ff !important;
  font-weight: 720 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-transaction-tabs button.is-active::after {
  height: .42cqw !important;
  background: linear-gradient(90deg, transparent 0, #2edcff 12%, #178bff 100%) !important;
  box-shadow: 0 0 .9cqw rgba(51, 197, 255, .7);
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-transaction-filters {
  min-height: 13.65cqw;
  margin: 0 0 3.75cqw;
  padding: 2.25cqw 3.45cqw !important;
  display: grid;
  grid-template-columns: 1.12fr .72fr .86fr;
  gap: 1.5cqw;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-transaction-filters article {
  display: grid;
  grid-template-columns: 6.2cqw minmax(0, 1fr) 1.5cqw;
  align-items: center;
  gap: 1.5cqw;
  min-width: 0;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-transaction-filters article + article {
  border-left: var(--lucky-hairline) solid rgba(85, 128, 195, .34);
  padding-left: 2.1cqw;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-filter-icon {
  width: 5.7cqw;
  height: 5.7cqw;
  border: var(--lucky-hairline) solid rgba(62, 118, 220, .36);
  border-radius: 1.15cqw;
  background-color: rgba(12, 30, 70, .78);
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page [data-conta-filter="date"] .setting-filter-icon { background-position: 60% 0; }
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page [data-conta-filter="type"] .setting-filter-icon { background-position: 40% 100%; }
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page [data-conta-filter="updated"] .setting-filter-icon { background-position: 60% 100%; }

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-transaction-filters small {
  display: block;
  color: rgba(216, 226, 248, .7);
  font-size: 2.05cqw;
  line-height: 2.45cqw;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-transaction-filters b {
  display: block;
  color: #fff;
  font-size: 2.45cqw;
  line-height: 2.9cqw;
  font-weight: 520;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-transaction-filters i {
  width: 1.4cqw;
  height: 1.4cqw;
  border-right: .34cqw solid #3197ff;
  border-bottom: .34cqw solid #3197ff;
  transform: rotate(45deg);
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-transactions-table-card {
  overflow: hidden !important;
  border-color: rgba(18, 151, 255, .94) !important;
  border-radius: 2.2cqw !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-header {
  min-height: 10.8cqw !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  padding: 0 4.8cqw 0 11.5cqw !important;
  border-bottom: var(--lucky-hairline) solid rgba(102, 135, 192, .3) !important;
  background: rgba(9, 28, 65, .55) !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-header span {
  color: #168fff !important;
  font-size: 2.5cqw !important;
  font-weight: 560 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-body {
  display: grid !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-body .table-row {
  position: relative;
  min-height: 15.3cqw;
  display: grid;
  grid-template-columns: 8.7cqw minmax(0, 1fr) minmax(0, .68fr) 20.8cqw;
  align-items: center;
  gap: .55cqw;
  padding: 0 1.55cqw;
  border-bottom: var(--lucky-hairline) solid rgba(94, 128, 185, .25);
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-body .table-row::before {
  content: "";
  width: 8.3cqw;
  height: 8.3cqw;
  border-radius: 50%;
  background:
    rgba(16, 38, 86, .72)
    url("../assets/conta-icon-sheet-imagegen.png?v=luckyusa-20260709w&opt=luckyusa-20260726a") 80% 100% / 600% 400% no-repeat;
  box-shadow: inset 0 0 1.4cqw rgba(50, 122, 255, .18);
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-body .table-cell {
  min-width: 0;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(238, 244, 255, .9) !important;
  font-size: 2.65cqw !important;
  line-height: 3.1cqw !important;
  text-align: left !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-body .value-cell {
  color: #2499ff !important;
  font-size: 3.75cqw !important;
  font-weight: 760 !important;
  text-align: center !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-body .status-cell {
  display: flex;
  justify-content: flex-end;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-body .status-cell span {
  box-sizing: border-box;
  width: 17.2cqw;
  min-width: 0;
  min-height: 5.55cqw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45cqw;
  padding: 0 .75cqw;
  border-radius: 1.1cqw;
  font-size: 2.05cqw;
  line-height: 1;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-body .status-cell span::before {
  display: none;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-body .status-success {
  color: #67e970 !important;
  border: var(--lucky-hairline) solid rgba(73, 199, 86, .58);
  background: rgba(18, 93, 36, .5);
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-body .status-success::before {
  background: url("../assets/conta-icon-sheet-imagegen.png?v=luckyusa-20260709w&opt=luckyusa-20260726a") 100% 100% / 600% 400% no-repeat;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-body .status-pending {
  color: #ffc331 !important;
  border: var(--lucky-hairline) solid rgba(220, 161, 26, .58);
  background: rgba(110, 73, 6, .46);
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-body .status-pending::before {
  border: .35cqw solid currentColor;
  box-shadow: inset 0 0 0 .45cqw rgba(0,0,0,.28);
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-body .status-failed {
  color: #ff5757 !important;
  border: var(--lucky-hairline) solid rgba(235, 65, 78, .58);
  background: rgba(110, 11, 35, .48);
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-body .status-failed::before {
  border: .35cqw solid currentColor;
  position: relative;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-empty,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-loading {
  min-height: 64cqw !important;
  color: rgba(223, 233, 250, .72) !important;
  font-size: 2.65cqw !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-pagination {
  min-height: 10.7cqw !important;
  gap: 5.4cqw !important;
  border-top: var(--lucky-hairline) solid rgba(94, 128, 185, .25) !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-pagination span {
  color: #fff !important;
  font-size: 2.85cqw !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-pagination button:disabled {
  opacity: .5;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-card {
  margin-top: 5.25cqw !important;
  padding: 5.8cqw 4.6cqw 5.3cqw !important;
  gap: 3.6cqw !important;
  border-color: rgba(18, 151, 255, .94) !important;
  border-radius: 2.6cqw !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-head {
  display: grid;
  grid-template-columns: 14.8cqw minmax(0, 1fr);
  gap: 3.25cqw;
  align-items: center;
  min-height: 18.8cqw;
  padding-bottom: 4.8cqw;
  border-bottom: var(--lucky-hairline) solid rgba(104, 137, 194, .28);
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-hero-icon {
  position: relative;
  display: block;
  width: 12.2cqw;
  height: 12.2cqw;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(15, 79, 236, .8) 0 34%, rgba(6, 30, 111, .78) 62%, rgba(3, 12, 41, .2) 100%) !important;
  filter: drop-shadow(0 0 1.6cqw rgba(36, 119, 255, .72));
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-hero-icon::before {
  content: "";
  position: absolute;
  left: 3.2cqw;
  top: 2.55cqw;
  width: 5.75cqw;
  height: 6.55cqw;
  border: .42cqw solid #55c3ff;
  border-radius: 2cqw 2cqw 2.65cqw 2.65cqw;
  clip-path: polygon(50% 0, 90% 16%, 90% 58%, 50% 100%, 10% 58%, 10% 16%);
  box-shadow: 0 0 1.1cqw rgba(38, 155, 255, .72), inset 0 0 1cqw rgba(20, 111, 255, .42);
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-hero-icon::after {
  content: "";
  position: absolute;
  left: 5.25cqw;
  top: 5.35cqw;
  width: 1.55cqw;
  height: 1.9cqw;
  border: .34cqw solid #9bdcff;
  border-top: .7cqw solid #9bdcff;
  border-radius: .25cqw;
  box-shadow: 0 -1.15cqw 0 -.5cqw #9bdcff;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-card h2 {
  margin: 0 0 2.4cqw !important;
  color: #fff !important;
  font-size: 3.7cqw !important;
  line-height: 1 !important;
  font-weight: 820 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-card p {
  margin: 0;
  color: rgba(218, 229, 252, .72);
  font-size: 2.55cqw;
  line-height: 3.45cqw;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-card label {
  gap: 2.1cqw !important;
  color: #fff !important;
  font-size: 2.85cqw !important;
  line-height: 1 !important;
  font-weight: 560 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-input {
  height: 11.1cqw !important;
  display: grid !important;
  grid-template-columns: 7.4cqw minmax(0, 1fr) 6.4cqw !important;
  align-items: center !important;
  border: var(--lucky-hairline) solid rgba(115, 145, 199, .48) !important;
  border-radius: 1.55cqw !important;
  background: rgba(1, 9, 28, .62) !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-input::before {
  width: 2.75cqw;
  height: 2.55cqw;
  justify-self: center;
  border: .34cqw solid rgba(151, 169, 209, .72);
  border-radius: .35cqw;
  background: transparent !important;
  box-shadow: 0 -1.4cqw 0 -.62cqw rgba(151, 169, 209, .72);
  opacity: .62;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-card input {
  min-height: 10.8cqw !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 2.85cqw !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-card input::placeholder {
  color: rgba(154, 170, 207, .62) !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-input button {
  position: relative;
  min-height: 10.8cqw !important;
  width: 6.3cqw !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-input button::before {
  width: 4.15cqw !important;
  height: 2.65cqw !important;
  border: .42cqw solid #3197ff !important;
  border-radius: 50% / 55% !important;
  background: transparent !important;
  box-shadow: 0 0 .9cqw rgba(49, 151, 255, .5);
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-input button::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.05cqw;
  height: 1.05cqw;
  border-radius: 50%;
  background: #3197ff;
  transform: translate(-50%, -50%);
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-card > button {
  min-height: 10.8cqw !important;
  margin-top: 1.6cqw !important;
  border: var(--lucky-hairline) solid rgba(66, 213, 255, .92) !important;
  border-radius: 1.45cqw !important;
  color: #fff !important;
  background: linear-gradient(180deg, #167fff, #073ed9) !important;
  box-shadow:
    inset 0 .5px 0 rgba(255,255,255,.28),
    inset 0 0 2.1cqw rgba(46, 216, 255, .42),
    0 0 2.2cqw rgba(18, 122, 255, .58) !important;
  font-size: 3.35cqw !important;
  font-weight: 760 !important;
}

/* LuckyUSA VIP final alignment pass: undo stretched arrows/assets and restore switchable VIP badges. */
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-badge-icon {
  content: normal !important;
  width: 29.6cqw !important;
  height: 29.6cqw !important;
  object-fit: contain !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-display-wrapper {
  position: static !important;
  grid-template-columns: minmax(0, 1fr) !important;
  min-height: 32.2cqw !important;
  padding-left: 5.8cqw !important;
  padding-right: 1.2cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-badge-container-wrapper,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-badge-slider,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-badge-item {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow {
  position: absolute !important;
  top: 13.25cqw !important;
  z-index: 8 !important;
  display: grid !important;
  place-items: center !important;
  width: 5.7cqw !important;
  height: 5.7cqw !important;
  padding: 0 !important;
  pointer-events: auto !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow-left {
  left: 2.1cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow-right,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow.is-next {
  right: 2.1cqw !important;
  left: auto !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow::before,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow::after,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .scroll-arrow::before,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .scroll-arrow::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 2.25cqw !important;
  height: .5cqw !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f7fbff !important;
  box-shadow: 0 0 .65cqw rgba(255, 255, 255, .32) !important;
  pointer-events: none !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow-left::before,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .scroll-arrow-left::before {
  transform: translate(-58%, -.67cqw) rotate(-45deg) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow-left::after,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .scroll-arrow-left::after {
  transform: translate(-58%, .67cqw) rotate(45deg) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow-right::before,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow.is-next::before,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .scroll-arrow-right::before {
  transform: translate(-42%, -.67cqw) rotate(45deg) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow-right::after,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow.is-next::after,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .scroll-arrow-right::after {
  transform: translate(-42%, .67cqw) rotate(-45deg) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .progress-section {
  padding-right: 6.4cqw !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .progress-bar-wrapper,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .progress-bar {
  max-width: 100% !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-page-link {
  width: calc(100% - 6.4cqw) !important;
  margin-right: 6.4cqw !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 2.2cqw !important;
  align-items: center !important;
  column-gap: 1.2cqw !important;
  color: transparent !important;
  font-size: 0 !important;
  pointer-events: auto !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-page-link::before {
  content: "View Bonus Page";
  color: #0aa2ff;
  font-size: 2.15cqw;
  line-height: 1;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-page-link::after {
  content: "";
  justify-self: end;
  width: 1.35cqw;
  height: 1.35cqw;
  border-top: .34cqw solid #0aa2ff;
  border-right: .34cqw solid #0aa2ff;
  background: transparent;
  transform: rotate(45deg);
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-benefits-section::before {
  top: 1.92cqw !important;
  left: 7.15cqw !important;
  height: 3.75cqw !important;
  display: grid !important;
  align-items: center !important;
  line-height: 1 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-benefits-section::after {
  left: 2.75cqw !important;
  top: 1.78cqw !important;
  width: 2.75cqw !important;
  height: 2.75cqw !important;
  background-image: url("../assets/vip-upgrade-title-icon-imagegen.png?v=luckyusa-20260709y&opt=luckyusa-20260726a") !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  filter: drop-shadow(0 0 .45cqw rgba(33, 153, 255, .42)) !important;
  mix-blend-mode: normal !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .benefit-group-title,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .calendar-header,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-modal-header,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-table-modal .modal-header {
  align-items: center !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-title-icon {
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-title-icon::before {
  width: 82% !important;
  height: 82% !important;
  margin: auto !important;
  mix-blend-mode: normal !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .summary-link-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 10.4cqw !important;
  align-items: center !important;
  gap: 1.1cqw !important;
  min-height: 4.55cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .summary-link-text {
  align-self: center !important;
  line-height: 2.15cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .summary-link-action {
  justify-self: end !important;
  align-self: center !important;
  width: 10.4cqw !important;
  min-width: 10.4cqw !important;
  height: 3.55cqw !important;
  min-height: 3.55cqw !important;
  max-height: 3.55cqw !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: .75cqw !important;
  font-size: 1.55cqw !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .calendar-scroll-container {
  display: grid !important;
  grid-template-columns: 5.8cqw minmax(0, 1fr) 5.8cqw !important;
  align-items: center !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .scroll-arrow {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 5.55cqw !important;
  min-width: 5.55cqw !important;
  max-width: 5.55cqw !important;
  height: 5.55cqw !important;
  min-height: 5.55cqw !important;
  max-height: 5.55cqw !important;
  padding: 0 !important;
  flex: 0 0 5.55cqw !important;
  aspect-ratio: 1 / 1 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tab,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .filter-tab {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tab {
  height: 6.6cqw !important;
  gap: 1.05cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tab::before {
  width: 2.8cqw !important;
  height: 2.8cqw !important;
  flex: 0 0 2.8cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-grid-row--luckyusa .vip-rules-cell,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-grid-row--luckyusa .vip-rules-th {
  min-height: 7.25cqw !important;
  display: grid !important;
  place-items: center !important;
  text-align: center !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-grid-row--luckyusa .vip-rules-level-inner {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-rules-grid-row--luckyusa .vip-rules-level-inner::before {
  width: 4.7cqw !important;
  height: 4.7cqw !important;
  flex: 0 0 4.7cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-salary-modal-overlay {
  padding-top: 15.4cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-summary-item {
  min-height: 7.65cqw !important;
  padding: 1.15cqw 1.65cqw !important;
  justify-content: center !important;
  align-items: center !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .filter-tab {
  height: 4.65cqw !important;
  padding: 0 1.85cqw !important;
  font-size: 1.8cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-empty {
  min-height: 5.1cqw !important;
  align-items: center !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .claim-all-btn {
  height: 5.45cqw !important;
  display: grid !important;
  place-items: center !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card:nth-child(5)::before {
  background-size: contain !important;
  background-position: center !important;
}

/* LuckyUSA VIP correction pass: new badge sprite, modal icons, unstretched controls, split cashback art. */
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-badge-icon-source {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge {
  display: block !important;
  width: 30.6cqw !important;
  height: 30.6cqw !important;
  background-image: url("../assets/vip-level-badges-imagegen.png?v=luckyusa-20260710a&opt=luckyusa-20260726a") !important;
  background-size: 600% 200% !important;
  background-repeat: no-repeat !important;
  filter: drop-shadow(0 0 1.25cqw rgba(84, 166, 255, .46)) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="1"] { background-position: 0 0 !important; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="2"] { background-position: 20% 0 !important; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="3"] { background-position: 40% 0 !important; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="4"] { background-position: 60% 0 !important; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="5"] { background-position: 80% 0 !important; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="6"] { background-position: 100% 0 !important; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="7"] { background-position: 0 100% !important; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="8"] { background-position: 20% 100% !important; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="9"] { background-position: 40% 100% !important; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="10"] { background-position: 60% 100% !important; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="11"] { background-position: 80% 100% !important; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="12"] { background-position: 100% 100% !important; }

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .scroll-arrow,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-table-modal .modal-close-btn,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-modal .modal-close-btn {
  aspect-ratio: 1 / 1 !important;
  box-sizing: border-box !important;
  font-size: 0 !important;
  color: transparent !important;
  text-indent: -999px !important;
  overflow: hidden !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow::before,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow::after,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .scroll-arrow::before,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .scroll-arrow::after {
  left: 50% !important;
  top: 50% !important;
  width: 1.9cqw !important;
  height: .42cqw !important;
  background-color: #f7fbff !important;
  background-image: none !important;
  transform-origin: center !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow-left::before,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .scroll-arrow-left::before {
  transform: translate(-54%, -.5cqw) rotate(-45deg) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow-left::after,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .scroll-arrow-left::after {
  transform: translate(-54%, .5cqw) rotate(45deg) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow-right::before,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow.is-next::before,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .scroll-arrow-right::before {
  transform: translate(-46%, -.5cqw) rotate(45deg) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow-right::after,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow.is-next::after,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .scroll-arrow-right::after {
  transform: translate(-46%, .5cqw) rotate(-45deg) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-page-link {
  height: 5.4cqw !important;
  min-height: 5.4cqw !important;
  align-items: center !important;
  grid-template-columns: minmax(0, 1fr) 2.6cqw !important;
  padding: 0 2cqw !important;
  box-sizing: border-box !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-page-link::before,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-page-link::after {
  height: 100% !important;
  display: grid !important;
  align-items: center !important;
  line-height: 1 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-page-link::before {
  font-size: 2.45cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-page-link::after {
  justify-self: end !important;
  align-self: center !important;
  transform: rotate(45deg) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-table-modal .modal-close-btn,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-modal .modal-close-btn {
  display: grid !important;
  place-items: center !important;
  width: 6.4cqw !important;
  min-width: 6.4cqw !important;
  max-width: 6.4cqw !important;
  height: 6.4cqw !important;
  min-height: 6.4cqw !important;
  max-height: 6.4cqw !important;
  padding: 0 !important;
  line-height: 1 !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  text-indent: -999px !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-table-modal .modal-close-btn::before,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-table-modal .modal-close-btn::after,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-modal .modal-close-btn::before,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-modal .modal-close-btn::after {
  left: 50% !important;
  top: 50% !important;
  width: 3.15cqw !important;
  height: .42cqw !important;
  border: 0 !important;
  border-radius: 999px !important;
  background-color: rgba(236, 244, 255, .94) !important;
  background-image: none !important;
  transform-origin: center !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-table-modal .modal-close-btn::before,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-modal .modal-close-btn::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .vip-table-modal .modal-close-btn::after,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-modal .modal-close-btn::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tabs {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none;
  gap: 1.55cqw !important;
  padding-bottom: .15cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tabs::-webkit-scrollbar {
  display: none;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tab {
  flex: 0 0 auto !important;
  min-width: 18.2cqw !important;
  max-width: none !important;
  height: 6.55cqw !important;
  min-height: 6.55cqw !important;
  padding: 0 1.55cqw !important;
  gap: .85cqw !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  font-size: 2.08cqw !important;
  line-height: 1 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tab::before {
  width: 2.85cqw !important;
  height: 2.85cqw !important;
  flex: 0 0 2.85cqw !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  filter: drop-shadow(0 0 .55cqw rgba(39, 155, 255, .5)) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tab:nth-child(1)::before {
  background-image: url("../assets/vip-rules-tab-icon-rules-imagegen.png?v=luckyusa-20260710a&opt=luckyusa-20260726a") !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tab:nth-child(2)::before {
  background-image: url("../assets/vip-rules-tab-icon-promotion-imagegen.png?v=luckyusa-20260710a&opt=luckyusa-20260726a") !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tab:nth-child(3)::before {
  background-image: url("../assets/vip-rules-tab-icon-daily-imagegen.png?v=luckyusa-20260710a&opt=luckyusa-20260726a") !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tab:nth-child(4)::before {
  background-image: url("../assets/vip-rules-tab-icon-weekly-imagegen.png?v=luckyusa-20260710a&opt=luckyusa-20260726a") !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tab:nth-child(5)::before {
  background-image: url("../assets/vip-rules-tab-icon-monthly-imagegen.png?v=luckyusa-20260710a&opt=luckyusa-20260726a") !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-filter-tabs {
  align-items: center !important;
  gap: .78cqw !important;
  padding: 0 1.25cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .filter-tab {
  height: 5.15cqw !important;
  min-height: 5.15cqw !important;
  max-height: 5.15cqw !important;
  padding: 0 1.65cqw !important;
  border-radius: .78cqw !important;
  font-size: 1.62cqw !important;
  line-height: 1 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .claim-all-btn {
  height: 5.6cqw !important;
  min-height: 5.6cqw !important;
  max-height: 5.6cqw !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .25cqw !important;
  line-height: 1 !important;
  font-size: 1.72cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .claim-all-btn span {
  display: inline !important;
  line-height: 1 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card:nth-child(5) {
  overflow: hidden !important;
  min-height: 20.3cqw !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card:nth-child(5)::before {
  inset: 0 !important;
  background-image: url("../assets/vip-cashback-bg.webp?v=luckyusa-vip-webp-20260728a") !important;
  background-size: cover !important;
  background-position: center !important;
  opacity: 1 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card:nth-child(5)::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 0;
  width: 35.4cqw;
  height: 19.8cqw;
  pointer-events: none;
  background: url("../assets/vip-cashback-gift.webp?v=luckyusa-vip-webp-20260728a") center / contain no-repeat;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0 0 1.15cqw rgba(0, 138, 255, .42));
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card:nth-child(5) .bonus-header,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card:nth-child(5) .bonus-content {
  position: relative;
  z-index: 1;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-option-card:nth-child(5) .bonus-icon {
  display: none !important;
}

/* LuckyUSA VIP 20260710g: individual badge images avoid sprite-position drift. */
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge {
  position: relative !important;
  display: block !important;
  width: 29.4cqw !important;
  height: 29.4cqw !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  filter: drop-shadow(0 0 1.05cqw rgba(77, 171, 255, .52)) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge::before {
  content: attr(data-vip-level);
  position: absolute;
  left: 50%;
  top: 50.6%;
  color: #f9fcff;
  font-size: 8.85cqw;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  transform: translate(-50%, -50%);
  text-shadow:
    0 .35cqw .2cqw rgba(0, 24, 75, .58),
    0 0 .7cqw rgba(75, 178, 255, .72);
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="10"]::before,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="11"]::before,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="12"]::before {
  font-size: 6.85cqw;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge::after {
  content: "VIP " attr(data-vip-level);
  position: absolute;
  left: 50%;
  top: 88.2%;
  min-width: 9.4cqw;
  color: #ecf6ff;
  font-size: 2.3cqw;
  font-weight: 850;
  line-height: 1;
  text-align: center;
  letter-spacing: 0;
  transform: translate(-50%, -50%);
  text-shadow:
    0 .24cqw .18cqw rgba(0, 18, 58, .78),
    0 0 .45cqw rgba(255, 255, 255, .48);
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="1"] { background-image: url("../assets/vip-level-badge-01-imagegen.png?v=luckyusa-20260710g&opt=luckyusa-20260726a") !important; background-position: center center !important; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="2"] { background-image: url("../assets/vip-level-badge-02-imagegen.png?v=luckyusa-20260710g&opt=luckyusa-20260726a") !important; background-position: center center !important; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="3"] { background-image: url("../assets/vip-level-badge-03-imagegen.png?v=luckyusa-20260710g&opt=luckyusa-20260726a") !important; background-position: center center !important; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="4"] { background-image: url("../assets/vip-level-badge-04-imagegen.png?v=luckyusa-20260710g&opt=luckyusa-20260726a") !important; background-position: center center !important; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="5"] { background-image: url("../assets/vip-level-badge-05-imagegen.png?v=luckyusa-20260710g&opt=luckyusa-20260726a") !important; background-position: center center !important; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="6"] { background-image: url("../assets/vip-level-badge-06-imagegen.png?v=luckyusa-20260710g&opt=luckyusa-20260726a") !important; background-position: center center !important; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="7"] { background-image: url("../assets/vip-level-badge-07-imagegen.png?v=luckyusa-20260710g&opt=luckyusa-20260726a") !important; background-position: center center !important; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="8"] { background-image: url("../assets/vip-level-badge-08-imagegen.png?v=luckyusa-20260710g&opt=luckyusa-20260726a") !important; background-position: center center !important; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="9"] { background-image: url("../assets/vip-level-badge-09-imagegen.png?v=luckyusa-20260710g&opt=luckyusa-20260726a") !important; background-position: center center !important; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="10"] { background-image: url("../assets/vip-level-badge-10-imagegen.png?v=luckyusa-20260710g&opt=luckyusa-20260726a") !important; background-position: center center !important; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="11"] { background-image: url("../assets/vip-level-badge-11-imagegen.png?v=luckyusa-20260710g&opt=luckyusa-20260726a") !important; background-position: center center !important; }
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .luckyusa-level-badge[data-vip-level="12"] { background-image: url("../assets/vip-level-badge-12-imagegen.png?v=luckyusa-20260710g&opt=luckyusa-20260726a") !important; background-position: center center !important; }

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow {
  display: grid !important;
  place-items: center !important;
  color: transparent !important;
  text-indent: -999px !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 1.78cqw !important;
  height: .42cqw !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow:
    0 0 .4cqw rgba(255, 255, 255, .26),
    0 0 .75cqw rgba(62, 162, 255, .48) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  display: block !important;
  width: 1.78cqw !important;
  height: .42cqw !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow:
    0 0 .4cqw rgba(255, 255, 255, .26),
    0 0 .75cqw rgba(62, 162, 255, .48) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow-left::before {
  left: calc(50% - .42cqw) !important;
  transform: translate(0, -50%) rotate(-45deg) !important;
  transform-origin: left center !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow-left::after {
  left: calc(50% - .42cqw) !important;
  transform: translate(0, -50%) rotate(45deg) !important;
  transform-origin: left center !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow-right::before,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow.is-next::before {
  left: calc(50% + .42cqw) !important;
  transform: translate(-100%, -50%) rotate(45deg) !important;
  transform-origin: right center !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow-right::after,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-arrow.is-next::after {
  left: calc(50% + .42cqw) !important;
  transform: translate(-100%, -50%) rotate(-45deg) !important;
  transform-origin: right center !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-page-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1.2cqw !important;
  height: 5.65cqw !important;
  min-height: 5.65cqw !important;
  padding: 0 2.2cqw !important;
  line-height: 1 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-page-link::before {
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  color: #13a8ff !important;
  font-size: 2.2cqw !important;
  line-height: 1 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .bonus-page-link::after {
  content: "" !important;
  display: block !important;
  width: 1.15cqw !important;
  height: 1.15cqw !important;
  flex: 0 0 1.15cqw !important;
  border-top: .3cqw solid #13a8ff !important;
  border-right: .3cqw solid #13a8ff !important;
  background: transparent !important;
  transform: rotate(45deg) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tabs {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: scroll !important;
  overflow-y: hidden !important;
  gap: 1.55cqw !important;
  padding: 0 2.4cqw .55cqw 0 !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
  scrollbar-color: #49bfff rgba(0, 0, 0, .58);
  touch-action: pan-x;
  cursor: grab;
  user-select: none;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tabs.is-dragging {
  cursor: grabbing;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tabs::-webkit-scrollbar {
  display: block;
  height: .8cqw;
  background: rgba(0, 0, 0, .42);
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tabs::-webkit-scrollbar-track {
  margin: .08cqw .7cqw;
  border: .08cqw solid rgba(110, 193, 255, .2);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(0, 0, 0, .7) 0%, rgba(2, 8, 22, .5) 100%);
  box-shadow: inset 0 .08cqw .24cqw rgba(0, 0, 0, .8), 0 0 .32cqw rgba(19, 168, 255, .13);
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tabs::-webkit-scrollbar-thumb {
  border-radius: 999px;
  border: .08cqw solid rgba(219, 247, 255, .64);
  background: linear-gradient(90deg, #147be7 0%, #54c9ff 52%, #1688f2 100%);
  box-shadow: 0 0 .52cqw rgba(45, 174, 255, .72), inset 0 .08cqw .12cqw rgba(255, 255, 255, .46);
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tabs::-webkit-scrollbar-button {
  width: 1.5cqw;
  background: rgba(0, 0, 0, .42);
  box-shadow: inset 0 0 0 .08cqw rgba(110, 193, 255, .18);
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .salary-empty {
  min-height: 11cqw !important;
  box-sizing: border-box;
  display: grid !important;
  place-items: center !important;
  padding: 2cqw 2.6cqw !important;
  text-align: center;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .table-tab {
  flex: 0 0 18.8cqw !important;
  scroll-snap-align: start;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .profile-header-section {
  display: grid !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-card .avatar {
  justify-self: center !important;
  align-self: center !important;
  display: block !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .profile-right {
  display: grid !important;
  align-content: center !important;
  min-width: 0 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .registration-date {
  min-width: 0 !important;
  white-space: nowrap !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .registration-date b {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .detail-row {
  display: grid !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .detail-row::before {
  justify-self: center !important;
  align-self: center !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .detail-input-wrapper {
  display: grid !important;
  align-items: center !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .copy-icon-wrapper {
  display: grid !important;
  place-items: center !important;
  justify-self: end !important;
  align-self: stretch !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-withdrawable {
  display: grid !important;
  grid-template-rows: auto auto 1.75cqw auto !important;
  row-gap: 1.2cqw !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-withdrawable header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 2cqw !important;
  min-width: 0 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .profile-withdrawable-title {
  display: grid !important;
  grid-template-columns: 12.4cqw minmax(0, max-content) 2.7cqw !important;
  grid-template-areas: "icon title info" !important;
  align-items: center !important;
  min-width: 0 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-withdrawable div {
  margin: -3.2cqw 0 0 14.85cqw !important;
  min-width: 0 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-withdrawable i {
  display: block !important;
  width: 100% !important;
  margin-top: .6cqw !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-withdrawable footer {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin-top: 1cqw !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-withdrawable footer button {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 3.6cqw !important;
  padding: 0 !important;
  border: 0 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-transaction-tabs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  padding: 0 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-transaction-tabs button {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  min-height: 9.6cqw !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-transaction-tabs button.is-active::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-pagination button {
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  font-size: 3.2cqw !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-input {
  overflow: hidden !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-card input {
  appearance: none !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-input button {
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-card > button {
  width: 100% !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page[data-setting-tab="settings"] .sub-tabs.boxed button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page[data-setting-tab="settings"] .sub-tabs.boxed button::before {
  width: 4.15cqw !important;
  height: 4.15cqw !important;
  flex-basis: 4.15cqw !important;
  filter: drop-shadow(0 0 .6cqw rgba(45, 150, 255, .48));
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-body .status-cell span {
  width: 19.8cqw !important;
}

/* LuckyUSA Conta 20260711g: independent square icons prevent sprite stretching and drift. */
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page {
  --conta-icon-user: url("../assets/conta-icons/account-user-imagegen.png?v=luckyusa-20260711a");
  --conta-icon-transactions: url("../assets/conta-icons/transactions-bars-imagegen.png?v=luckyusa-20260711a");
  --conta-icon-settings: url("../assets/conta-icons/settings-gear-imagegen.png?v=luckyusa-20260711a");
  --conta-icon-calendar: url("../assets/conta-icons/calendar-imagegen.png?v=luckyusa-20260711a");
  --conta-icon-copy: url("../assets/conta-icons/copy-imagegen.png?v=luckyusa-20260711a");
  --conta-icon-phone: url("../assets/conta-icons/phone-imagegen.png?v=luckyusa-20260711a");
  --conta-icon-wallet: url("../assets/conta-icons/wallet-coin-imagegen.png?v=luckyusa-20260711a");
  --conta-icon-layers: url("../assets/conta-icons/layers-imagegen.png?v=luckyusa-20260711a");
  --conta-icon-deposit: url("../assets/conta-icons/deposit-down-imagegen.png?v=luckyusa-20260711a");
  --conta-icon-withdraw: url("../assets/conta-icons/withdraw-up-imagegen.png?v=luckyusa-20260711a");
  --conta-icon-gamepad: url("../assets/conta-icons/gamepad-imagegen.png?v=luckyusa-20260711a");
  --conta-icon-gift: url("../assets/conta-icons/gift-imagegen.png?v=luckyusa-20260711a");
  --conta-icon-percent: url("../assets/conta-icons/percent-imagegen.png?v=luckyusa-20260711a");
  --conta-icon-favorite: url("../assets/conta-icons/favorite-bookmark-imagegen.png?v=luckyusa-20260711a");
  --conta-icon-star: url("../assets/conta-icons/favorite-star-imagegen.png?v=luckyusa-20260711a");
  --conta-icon-slot: url("../assets/conta-icons/slot-machine-imagegen.png?v=luckyusa-20260711a");
  --conta-icon-filter: url("../assets/conta-icons/filter-imagegen.png?v=luckyusa-20260711a");
  --conta-icon-refresh: url("../assets/conta-icons/refresh-imagegen.png?v=luckyusa-20260711a");
  --conta-icon-lock: url("../assets/conta-icons/lock-imagegen.png?v=luckyusa-20260711a");
  --conta-icon-eye: url("../assets/conta-icons/eye-imagegen.png?v=luckyusa-20260711a");
  --conta-icon-shield: url("../assets/conta-icons/shield-lock-imagegen.png?v=luckyusa-20260711a");
  --conta-icon-success: url("../assets/conta-icons/status-success-imagegen.png?v=luckyusa-20260711a");
  --conta-icon-pending: url("../assets/conta-icons/status-pending-imagegen.png?v=luckyusa-20260711a");
  --conta-icon-failed: url("../assets/conta-icons/status-failed-imagegen.png?v=luckyusa-20260711a");
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page[data-setting-tab="settings"] .sub-tabs.boxed button::before,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .registration-date::before,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .detail-row::before,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .copy-icon-wrapper::before,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .profile-withdrawable-title::before,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total header::before,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total p::before,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .favorite-games-header strong::before,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .favorite-games-grid article::before,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .favorite-games-grid article::after,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-filter-icon,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-body .table-row::before,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-body .status-cell span::before,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-hero-icon::before,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-input::before,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-input button::before {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page[data-setting-tab="settings"] .sub-tabs.boxed button:nth-child(1)::before { background-image: var(--conta-icon-user) !important; }
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page[data-setting-tab="settings"] .sub-tabs.boxed button:nth-child(2)::before { background-image: var(--conta-icon-transactions) !important; }
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page[data-setting-tab="settings"] .sub-tabs.boxed button:nth-child(3)::before { background-image: var(--conta-icon-settings) !important; }

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .registration-date::before {
  width: 3.5cqw !important;
  height: 3.5cqw !important;
  flex-basis: 3.5cqw !important;
  background-image: var(--conta-icon-calendar) !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .detail-row[data-conta-detail="user"]::before { background-image: var(--conta-icon-user) !important; }
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .detail-row[data-conta-detail="phone"]::before { background-image: var(--conta-icon-phone) !important; }
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .copy-icon-wrapper::before { background: var(--conta-icon-copy) center / contain no-repeat !important; }

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .profile-withdrawable-title::before {
  box-sizing: border-box !important;
  border: var(--lucky-hairline) solid rgba(53, 143, 255, .7) !important;
  background-color: rgba(7, 35, 91, .72) !important;
  background-image: var(--conta-icon-wallet) !important;
  background-size: 86% !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total header::before {
  border-radius: 1cqw !important;
  background-color: rgba(17, 42, 99, .82) !important;
  background-image: var(--conta-icon-layers) !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total p:nth-of-type(1)::before { background-image: var(--conta-icon-deposit) !important; }
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total p:nth-of-type(2)::before { background-image: var(--conta-icon-withdraw) !important; }
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total p:nth-of-type(3)::before { background-image: var(--conta-icon-gamepad) !important; }
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total p:nth-of-type(4)::before { background-image: var(--conta-icon-gift) !important; }
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .account-total p:nth-of-type(5)::before { background-image: var(--conta-icon-percent) !important; }

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .favorite-games-header strong::before {
  background-color: rgba(25, 27, 104, .72) !important;
  background-image: var(--conta-icon-favorite) !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .favorite-games-grid article::before { background-image: var(--conta-icon-slot) !important; }
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .favorite-games-grid article::after { background-image: var(--conta-icon-star) !important; }

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page [data-conta-filter="date"] .setting-filter-icon { background-image: var(--conta-icon-calendar) !important; }
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page [data-conta-filter="type"] .setting-filter-icon { background-image: var(--conta-icon-filter) !important; }
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page [data-conta-filter="updated"] .setting-filter-icon { background-image: var(--conta-icon-refresh) !important; }

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-body .table-row::before {
  background-color: rgba(16, 38, 86, .72) !important;
  background-image: var(--conta-icon-deposit) !important;
  background-size: 78% !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-body .status-cell span::before {
  content: "" !important;
  display: block !important;
  width: 3.35cqw !important;
  height: 3.35cqw !important;
  flex: 0 0 3.35cqw !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-body .status-success::before { background-image: var(--conta-icon-success) !important; }
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-body .status-pending::before,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-body .status-confiscate::before { background-image: var(--conta-icon-pending) !important; }
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-table-body .status-failed::before { background-image: var(--conta-icon-failed) !important; }

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-hero-icon::before {
  inset: 16% !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-image: var(--conta-icon-shield) !important;
  box-shadow: none !important;
  clip-path: none !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-hero-icon::after,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-input button::after {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-input::before {
  width: 3.9cqw !important;
  height: 3.9cqw !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-image: var(--conta-icon-lock) !important;
  box-shadow: none !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-password-input button::before {
  content: "" !important;
  width: 4.6cqw !important;
  height: 4.6cqw !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-image: var(--conta-icon-eye) !important;
  box-shadow: none !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .favorite-games-actions button,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-pagination button {
  position: relative !important;
  color: transparent !important;
  font-size: 0 !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .favorite-games-actions button::before,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-pagination button::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 1.45cqw !important;
  height: 1.45cqw !important;
  border-top: .38cqw solid #eaf2ff !important;
  border-right: .38cqw solid #eaf2ff !important;
  transform: translate(-35%, -50%) rotate(-135deg) !important;
}

html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .favorite-games-actions button:nth-child(2)::before,
html[data-lite-style-id="luckyusa"] .luckyusa-conta-page .setting-pagination button:last-child::before {
  transform: translate(-65%, -50%) rotate(45deg) !important;
}

/* LuckyUSA usa_withdraw surface. Shared withdraw data/actions remain in js/. */
html[data-lite-style-id="luckyusa"] [data-route-page="withdraw"].route-slide-page {
  background:
    radial-gradient(circle at 50% -8%, rgba(27, 115, 255, .2), transparent 33cqw),
    linear-gradient(180deg, #020a1e 0%, #010614 100%) !important;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] {
  --lucky-withdraw-line: rgba(31, 133, 255, .72);
  --lucky-withdraw-panel: rgba(3, 18, 51, .88);
  --lucky-withdraw-panel-deep: rgba(1, 10, 31, .94);
  --lucky-withdraw-muted: #a9b9df;
  --lucky-withdraw-blue: #1d96ff;
  --lucky-withdraw-wallet: url("../assets/conta-icons/wallet-coin-imagegen.png?v=luckyusa-20260711a");
  --lucky-withdraw-arrow: url("../assets/conta-icons/withdraw-up-imagegen.png?v=luckyusa-20260711a");
  min-height: calc(100dvh - 12.3cqw) !important;
  padding: 1.95cqw 3.25cqw 5cqw !important;
  color: #f8fbff !important;
  background:
    radial-gradient(circle at 50% 0, rgba(16, 112, 255, .15), transparent 36cqw),
    linear-gradient(180deg, rgba(1, 8, 26, .98), rgba(1, 7, 20, 1)) !important;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-balance-grid,
html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-amount-row,
html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-account-empty,
html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-account-list,
html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-limit-grid,
html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-links {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-balance-grid {
  position: relative;
  gap: 0 !important;
  overflow: hidden;
  border: var(--lucky-hairline) solid var(--lucky-withdraw-line);
  border-radius: 2.55cqw;
  background:
    radial-gradient(circle at 50% 50%, rgba(21, 117, 255, .15), transparent 29cqw),
    linear-gradient(135deg, rgba(4, 25, 69, .94), rgba(1, 10, 34, .96));
  box-shadow: inset 0 .5px 0 rgba(255,255,255,.13), 0 0 2.1cqw rgba(20, 110, 255, .16);
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-balance-grid::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 4.4cqw;
  width: var(--lucky-hairline);
  height: 9.7cqw;
  background: linear-gradient(180deg, transparent, #237eff 48%, transparent);
  box-shadow: 0 0 1.3cqw #197cff;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-balance-grid article {
  height: 18.55cqw !important;
  min-height: 0 !important;
  padding: 4.1cqw 2.8cqw 2.2cqw 8.15cqw !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  position: relative;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-balance-grid article::before {
  content: "";
  position: absolute;
  left: 2.5cqw;
  top: 5.4cqw;
  width: 4.6cqw;
  height: 4.6cqw;
  background: var(--lucky-withdraw-wallet) center / contain no-repeat;
  filter: drop-shadow(0 0 .8cqw rgba(29, 143, 255, .7));
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-balance-grid article:nth-child(2)::before {
  background-image: var(--lucky-withdraw-arrow);
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-balance-grid span,
html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-limit-grid span {
  color: var(--lucky-withdraw-muted) !important;
  font-size: 2.65cqw !important;
  line-height: 1.15 !important;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-balance-grid strong {
  margin-top: .85cqw !important;
  color: #1b97ff !important;
  font-size: 4.5cqw !important;
  font-weight: 820 !important;
  line-height: 1.05 !important;
  text-shadow: 0 0 1cqw rgba(17, 138, 255, .35);
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-amount-row {
  height: 12.4cqw !important;
  grid-template-columns: 5.5cqw minmax(0, 1fr) 12.4cqw !important;
  gap: 1.3cqw !important;
  margin-top: 2.55cqw !important;
  margin-bottom: 2.55cqw !important;
  padding: 0 1.65cqw 0 3cqw !important;
  border: var(--lucky-hairline) solid rgba(55, 124, 220, .52);
  border-radius: 2.05cqw !important;
  background: rgba(1, 10, 31, .78) !important;
  box-shadow: inset 0 .5px 0 rgba(255,255,255,.1);
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-amount-row > span {
  color: #36a6ff;
  font-size: 4.45cqw;
  font-weight: 800;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-amount-row input {
  min-width: 0;
  color: #f5f9ff !important;
  font-size: 3.2cqw !important;
  font-weight: 700;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-amount-row input::placeholder {
  color: rgba(170, 189, 231, .62) !important;
  font-weight: 500;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-amount-row button {
  width: 11.2cqw !important;
  height: 7.8cqw !important;
  border: var(--lucky-hairline) solid rgba(45, 174, 255, .9) !important;
  border-radius: 1.6cqw !important;
  color: #fff !important;
  background: linear-gradient(180deg, #128eff, #0751df) !important;
  box-shadow: inset 0 .45cqw .65cqw rgba(255,255,255,.2), 0 0 1.35cqw rgba(0, 129, 255, .35) !important;
  font-size: 2.55cqw !important;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-account-empty {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  column-gap: 2.8cqw;
  row-gap: .65cqw;
  align-items: center;
  padding: 2.75cqw 3.1cqw !important;
  border: var(--lucky-hairline) solid rgba(42, 130, 246, .54) !important;
  border-radius: 2.55cqw !important;
  text-align: left !important;
  background: linear-gradient(135deg, rgba(4, 24, 68, .88), rgba(2, 10, 32, .9)) !important;
  box-shadow: inset 0 .5px 0 rgba(255,255,255,.11);
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-account-empty h2 {
  grid-column: 1;
  grid-row: 1;
  margin: 0 !important;
  color: #f7fbff !important;
  font-size: 3.35cqw !important;
  font-weight: 760 !important;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-account-empty p {
  grid-column: 1;
  grid-row: 2;
  margin: 0 !important;
  color: var(--lucky-withdraw-muted) !important;
  font-size: 2.7cqw !important;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-account-empty button {
  grid-column: 2;
  grid-row: 1 / span 2;
  width: auto !important;
  min-width: 28cqw !important;
  min-height: 44px !important;
  height: 9cqw !important;
  padding: 0 2.2cqw !important;
  border: var(--lucky-hairline) solid rgba(57, 179, 255, .82) !important;
  border-radius: 1.65cqw !important;
  color: #fff !important;
  background: linear-gradient(180deg, rgba(17, 116, 224, .92), rgba(5, 58, 163, .94)) !important;
  box-shadow: inset 0 .45cqw .7cqw rgba(255,255,255,.16), 0 0 1.25cqw rgba(0, 129, 255, .22) !important;
  font-size: 2.65cqw !important;
  font-weight: 750 !important;
  white-space: nowrap;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-account-empty button::before {
  content: "+";
  display: inline-block;
  margin-right: .9cqw;
  color: #8dd7ff;
  font-size: 4.2cqw;
  font-weight: 400;
  line-height: 0;
  vertical-align: -0.12em;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-account-list {
  gap: 1.55cqw !important;
  padding: 1.55cqw !important;
  border: var(--lucky-hairline) solid rgba(42, 130, 246, .54);
  border-radius: 2.55cqw;
  background: rgba(2, 13, 39, .86);
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-account-list button {
  min-height: 12.4cqw !important;
  padding: 2.1cqw 2.4cqw !important;
  border: var(--lucky-hairline) solid rgba(47, 115, 208, .44) !important;
  border-radius: 1.7cqw !important;
  color: #eff7ff !important;
  background: linear-gradient(135deg, rgba(6, 27, 70, .94), rgba(2, 12, 38, .95)) !important;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-account-list button.is-selected {
  outline: 0 !important;
  border-color: #24b1ff !important;
  background: linear-gradient(135deg, rgba(11, 89, 208, .78), rgba(3, 31, 102, .86)) !important;
  box-shadow: inset 0 .45cqw .65cqw rgba(255,255,255,.12), 0 0 1.3cqw rgba(16, 143, 255, .25) !important;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-account-list strong {
  font-size: 3cqw;
  font-weight: 750;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-account-list small {
  margin-top: .6cqw;
  color: var(--lucky-withdraw-muted) !important;
  font-size: 2.35cqw !important;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-account-list b {
  color: #62baff;
  font-size: 2.75cqw;
  font-weight: 720;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-submit {
  width: 100% !important;
  min-height: 44px !important;
  height: 9.6cqw !important;
  margin: 2cqw 0 2.25cqw !important;
  border: var(--lucky-hairline) solid #36c2ff !important;
  border-radius: 2cqw !important;
  color: #fff !important;
  background: linear-gradient(180deg, #19a7ff 0%, #0759ea 52%, #0b35bd 100%) !important;
  box-shadow: inset 0 .6cqw .9cqw rgba(255,255,255,.23), inset 0 -.8cqw 1.25cqw rgba(0, 14, 105, .48), 0 0 2.1cqw rgba(0, 128, 255, .38) !important;
  font-size: 3.35cqw !important;
  font-weight: 820 !important;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-submit:disabled {
  border-color: rgba(64, 110, 180, .48) !important;
  color: rgba(214, 229, 255, .54) !important;
  background: rgba(18, 48, 100, .68) !important;
  box-shadow: none !important;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-limit-grid {
  gap: 1.35cqw !important;
  padding: 1.55cqw !important;
  border: var(--lucky-hairline) solid rgba(37, 123, 237, .52);
  border-radius: 2.4cqw;
  background: rgba(2, 14, 43, .86);
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-limit-grid article {
  min-height: 13cqw !important;
  gap: .8cqw !important;
  border: var(--lucky-hairline) solid rgba(43, 105, 193, .42) !important;
  border-radius: 1.55cqw !important;
  background: linear-gradient(180deg, rgba(7, 31, 79, .9), rgba(2, 14, 44, .93)) !important;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-limit-grid strong {
  color: #32a5ff !important;
  font-size: 3.55cqw !important;
  font-weight: 820 !important;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-links {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1.25cqw !important;
  margin-top: 2.1cqw !important;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-links button {
  min-height: 7.3cqw !important;
  padding: 0 1cqw !important;
  border: var(--lucky-hairline) solid rgba(47, 122, 218, .44) !important;
  border-radius: 1.4cqw !important;
  color: #a8d5ff !important;
  background: rgba(5, 24, 65, .72) !important;
  font-size: 2.25cqw !important;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-confirm-modal {
  padding: 24cqw 5.5cqw 5.5cqw !important;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-confirm-backdrop {
  background: rgba(0, 4, 17, .76) !important;
  backdrop-filter: blur(1.4cqw);
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-confirm-card {
  width: 100% !important;
  padding: 4.3cqw 3.4cqw 4.1cqw !important;
  border: var(--lucky-hairline) solid #1e91ff !important;
  border-radius: 2.7cqw !important;
  color: #f7fbff !important;
  background: linear-gradient(145deg, #09235b, #020c25 70%) !important;
  box-shadow: 0 0 4cqw rgba(0, 91, 255, .35), inset 0 .5cqw 1cqw rgba(255,255,255,.1) !important;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-confirm-card > p,
html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-confirm-card > span {
  color: var(--lucky-withdraw-muted) !important;
}

html[data-lite-style-id="luckyusa"] [data-ui-block="page-withdraw"][data-withdraw-variant="usa-account"] .withdraw-confirm-card > strong {
  color: #27a1ff !important;
  font-size: 6.1cqw !important;
  text-shadow: 0 0 1.1cqw rgba(28, 145, 255, .42);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw [data-modal="withdraw-account"] .withdraw-account-modal-card {
  inset: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  overflow-y: auto !important;
  border: var(--lucky-hairline) solid #228fff !important;
  border-radius: 0 !important;
  color: #f5f9ff !important;
  background: linear-gradient(145deg, #09255f, #020b24 72%) !important;
  box-shadow: 0 0 5cqw rgba(0, 104, 255, .34), inset 0 .55cqw 1cqw rgba(255,255,255,.1) !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw [data-modal="withdraw-account"] .withdraw-account-modal-header {
  min-height: 11cqw !important;
  padding: 0 3.4cqw !important;
  border-bottom: var(--lucky-hairline) solid rgba(63, 134, 229, .36) !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw [data-modal="withdraw-account"] .withdraw-account-modal-header strong {
  color: #fff !important;
  font-size: 3.7cqw !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw [data-modal="withdraw-account"] .withdraw-account-modal-header button {
  width: 6.8cqw !important;
  height: 6.8cqw !important;
  border: var(--lucky-hairline) solid rgba(78, 148, 238, .72) !important;
  border-radius: 50% !important;
  color: #cfe5ff !important;
  background: rgba(8, 33, 82, .82) !important;
  font-size: 4.5cqw !important;
  line-height: 1 !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw [data-modal="withdraw-account"] .withdraw-account-modal-form {
  gap: 2.4cqw !important;
  padding: 3.3cqw !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw [data-modal="withdraw-account"] .withdraw-account-modal-form label > span {
  color: #cbd9f8 !important;
  font-size: 2.65cqw !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw [data-modal="withdraw-account"] .withdraw-account-modal-form input,
html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw [data-modal="withdraw-account"] .withdraw-account-select {
  min-height: 9.5cqw !important;
  border: var(--lucky-hairline) solid rgba(61, 119, 207, .58) !important;
  border-radius: 1.6cqw !important;
  color: #f4f8ff !important;
  background: rgba(1, 11, 33, .85) !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw [data-modal="withdraw-account"] .withdraw-account-select {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 7.2cqw;
  gap: 1.2cqw;
  padding: 0 1.45cqw 0 3.15cqw !important;
  text-align: left !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw [data-modal="withdraw-account"] .withdraw-account-select > span {
  min-width: 0;
  color: rgba(222, 232, 255, .78) !important;
  font-size: 3.1cqw;
  line-height: 1.2;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw [data-modal="withdraw-account"] .withdraw-account-select > i {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7.2cqw;
  min-width: 32px;
  height: 100%;
  border-left: var(--lucky-hairline) solid rgba(74, 142, 235, .32);
  background: center / clamp(16px, 2.6cqw, 22px) no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%238dd7ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8'/%3E%3C/svg%3E");
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw [data-modal="withdraw-account"] .withdraw-account-select > i::after {
  content: none;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw [data-modal="withdraw-account"] .withdraw-account-create {
  min-height: 9.7cqw !important;
  border: var(--lucky-hairline) solid #32bcff !important;
  border-radius: 1.7cqw !important;
  color: #fff !important;
  background: linear-gradient(180deg, #14a4ff, #0757e4) !important;
  box-shadow: inset 0 .45cqw .7cqw rgba(255,255,255,.2), 0 0 1.5cqw rgba(0, 133, 255, .28) !important;
  font-size: 3.2cqw !important;
}

/* Lucky Wheel used a late, specialized header rule that overrode the shared
 * shell's legacy-header suppression. Keep only the injected route header. */
html[data-lite-style-id="luckyusa"] [data-route-page].has-unified-slide-shell > [data-ui-block] .lucky-wheel-header {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] [data-route-page].has-unified-slide-shell > [data-route-slide-header] {
  min-height: 12.3cqw !important;
  height: 12.3cqw !important;
  display: grid !important;
  grid-template-columns: 7.2cqw minmax(0, 1fr) 7.2cqw !important;
  align-items: center !important;
  gap: 2cqw !important;
  padding: 1.5cqw 3.2cqw !important;
  border: 0 !important;
  border-bottom: var(--lucky-hairline) solid rgba(36, 119, 225, .34) !important;
  background:
    radial-gradient(circle at 50% 0, rgba(0, 88, 255, .16), transparent 30cqw),
    linear-gradient(180deg, rgba(1, 10, 31, .96), rgba(0, 4, 17, .98)) !important;
}

html[data-lite-style-id="luckyusa"] [data-route-page].has-unified-slide-shell > [data-route-slide-header] .route-slide-back,
html[data-lite-style-id="luckyusa"] [data-route-page].has-unified-slide-shell > [data-route-slide-header] .route-slide-support {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 7.2cqw !important;
  height: 7.2cqw !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border: .5px solid rgba(36, 142, 255, .86) !important;
  border-radius: 1.6cqw !important;
  background: rgba(1, 17, 51, .72) !important;
  box-shadow: inset 0 .5px 0 rgba(255, 255, 255, .14), 0 0 1.2cqw rgba(0, 130, 255, .22) !important;
}

html[data-lite-style-id="luckyusa"] [data-route-page].has-unified-slide-shell > [data-route-slide-header] .route-slide-back > img,
html[data-lite-style-id="luckyusa"] [data-route-page].has-unified-slide-shell > [data-route-slide-header] .route-slide-back > svg {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] [data-route-page].has-unified-slide-shell > [data-route-slide-header] .route-slide-back::before,
html[data-lite-style-id="luckyusa"] [data-route-page].has-unified-slide-shell > [data-route-slide-header] .route-slide-back::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 2.72cqw !important;
  height: .5cqw !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f5f8ff !important;
  box-shadow: 0 0 .9cqw rgba(245, 248, 255, .38) !important;
  transform-origin: left center !important;
}

html[data-lite-style-id="luckyusa"] [data-route-page].has-unified-slide-shell > [data-route-slide-header] .route-slide-back::before {
  transform: translate(-.78cqw, -.05cqw) rotate(-45deg) !important;
}

html[data-lite-style-id="luckyusa"] [data-route-page].has-unified-slide-shell > [data-route-slide-header] .route-slide-back::after {
  display: block !important;
  transform: translate(-.78cqw, -.05cqw) rotate(45deg) !important;
}

/* LuckyUSA home micro-polish 20260720a.
 * This remains a site-style skin only: no homepage block, data, or action contract changes.
 */
html[data-lite-style-id="luckyusa"] .pwa-app-icon {
  top: 1.45cqw;
}

html[data-lite-style-id="luckyusa"] .pwa-title {
  top: 1.7cqw;
}

html[data-lite-style-id="luckyusa"] .pwa-update {
  top: 1.8cqw;
}

html[data-lite-style-id="luckyusa"] .pwa-close {
  top: 1.88cqw;
}

/* Align the wallet and utility controls to the header's visual centerline. */
html[data-lite-style-id="luckyusa"] .l5-wallet-combo,
html[data-lite-style-id="luckyusa"] .l5-pig,
html[data-lite-style-id="luckyusa"] .l5-bonus {
  top: 1.45cqw;
}

html[data-lite-style-id="luckyusa"] .l5-asset-row {
  gap: .82cqw;
}

html[data-lite-style-id="luckyusa"] .l5-asset-row .l5-marker {
  width: 3.65cqw;
  height: 3.65cqw;
  font-size: 1.85cqw;
}

html[data-lite-style-id="luckyusa"] .l5-asset-row strong {
  font-size: 2.15cqw;
  font-weight: 700;
  letter-spacing: .01em;
}

/* Keep the content cadence even without changing the established module order. */
html[data-lite-style-id="luckyusa"] .l5-wallet-card,
html[data-lite-style-id="luckyusa"] .l5-hero-grid,
html[data-lite-style-id="luckyusa"] .l5-marquee,
html[data-lite-style-id="luckyusa"] .l5-provider-tabs {
  margin-bottom: 1.1cqw;
}

html[data-lite-style-id="luckyusa"] .l5-wallet-card,
html[data-lite-style-id="luckyusa"] .l5-hero-grid article,
html[data-lite-style-id="luckyusa"] .l5-marquee::before,
html[data-lite-style-id="luckyusa"] .l5-marquee button,
html[data-lite-style-id="luckyusa"] .l5-provider-tabs button,
html[data-lite-style-id="luckyusa"] .l5-game-card {
  border-width: var(--lucky-hairline);
}

/* Logo artwork is normalized before scaling so each provider keeps a centered label gap. */
html[data-lite-style-id="luckyusa"] .l5-provider-tabs img {
  transform: scale(1);
}

html[data-lite-style-id="luckyusa"] .l5-provider-tabs button[data-provider-tab="POPULAR"] img {
  transform: scale(1.08);
}

html[data-lite-style-id="luckyusa"] .l5-provider-tabs button[data-provider-tab="PG"] img,
html[data-lite-style-id="luckyusa"] .l5-provider-tabs button[data-provider-tab="PP"] img,
html[data-lite-style-id="luckyusa"] .l5-provider-tabs button[data-provider-tab="TADA"] img,
html[data-lite-style-id="luckyusa"] .l5-provider-tabs button[data-provider-tab="CP"] img,
html[data-lite-style-id="luckyusa"] .l5-provider-tabs button[data-provider-tab="JILI"] img {
  transform: scale(1.1);
}

/* Header utility cluster: one right edge and one gap rhythm for W, F, bonus, and support. */
html[data-lite-style-id="luckyusa"] .l5-wallet-combo {
  left: auto;
  right: 15.7cqw;
  width: 38cqw;
}

html[data-lite-style-id="luckyusa"] .l5-assets {
  gap: 1.55cqw;
  justify-content: flex-end;
}

html[data-lite-style-id="luckyusa"] .l5-pig {
  left: auto;
  right: 8.8cqw;
}

html[data-lite-style-id="luckyusa"] .l5-bonus {
  left: auto;
  right: 1.9cqw;
}

html[data-lite-style-id="luckyusa"] .l5-asset-row .l5-marker {
  display: grid;
  place-items: center;
  padding: 0;
  line-height: 1;
}

html[data-lite-style-id="luckyusa"] .l5-pig img,
html[data-lite-style-id="luckyusa"] .l5-bonus img {
  left: 50%;
  top: 50%;
  width: 3.65cqw;
  height: 3.65cqw;
  transform: translate(-50%, -50%);
}

/* Render the wallet letters as an optical layer instead of inheriting a font baseline. */
html[data-lite-style-id="luckyusa"] .l5-asset-row .l5-marker {
  position: relative;
  color: transparent;
  font-size: 0;
}

html[data-lite-style-id="luckyusa"] .l5-asset-row .l5-marker::before {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.85cqw;
  font-weight: 800;
  line-height: 1;
  text-shadow: 0 .06cqw .16cqw rgba(0, 10, 75, .55);
  transform: translateY(.08em);
}

html[data-lite-style-id="luckyusa"] .l5-asset-row .l5-marker-w::before {
  content: "W";
}

html[data-lite-style-id="luckyusa"] .l5-asset-row .l5-marker-f::before {
  content: "F";
  transform: translateY(.04em);
}

html[data-lite-style-id="luckyusa"] .l5-pig img {
  visibility: hidden;
}

html[data-lite-style-id="luckyusa"] .l5-bonus img {
  /* n3 intentionally hides this source image and draws its own ::after icon. */
  content: normal;
}

html[data-lite-style-id="luckyusa"] .l5-pig img,
html[data-lite-style-id="luckyusa"] .l5-bonus img {
  width: 4.5cqw;
  height: 4.5cqw;
}

/* Header utilities use the private LuckyUSA iconfont so their color and scale
 * remain crisp across the compact header and unified route headers. */
html[data-lite-style-id="luckyusa"] .l5-pig::after,
html[data-lite-style-id="luckyusa"] .l5-bonus::after {
  position: absolute;
  left: 50%;
  top: 50%;
  display: grid;
  place-items: center;
  width: 4.5cqw;
  height: 4.5cqw;
  background: none;
  -webkit-mask: none;
  mask: none;
  font-family: "LuckyUSAIconfont", sans-serif;
  font-size: 4.45cqw;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0 .14cqw .32cqw rgba(0, 8, 40, .7));
  pointer-events: none;
}

html[data-lite-style-id="luckyusa"] .l5-pig::after {
  content: "\e6f4";
  color: #ffd264;
  text-shadow: 0 0 .8cqw rgba(255, 161, 26, .5);
}

html[data-lite-style-id="luckyusa"] .l5-bonus::after {
  content: "\e78d";
  color: #29c6ff;
  text-shadow: 0 0 .85cqw rgba(0, 141, 255, .58);
}

/* LuckyUSA homepage header: give the wallet and utility cluster a calmer rhythm. */
html[data-lite-style-id="luckyusa"] :is(.app-shell.route-home, .app-shell.route-promo) {
  --app-header-height: 9.8cqw;
}

html[data-lite-style-id="luckyusa"] :is(.app-shell.route-home, .app-shell.route-promo) .l5-logo {
  top: 2.1cqw;
}

html[data-lite-style-id="luckyusa"] :is(.app-shell.route-home, .app-shell.route-promo) :is(.l5-wallet-combo, .l5-pig, .l5-bonus) {
  top: 2.22cqw;
}

html[data-lite-style-id="luckyusa"] [data-route-page].has-unified-slide-shell > [data-route-slide-header] .route-slide-title {
  pointer-events: none !important;
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
  font-size: 4.4cqw !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-shadow: 0 .2cqw .75cqw rgba(255, 255, 255, .18) !important;
}

html[data-lite-style-id="luckyusa"] [data-route-page].has-unified-slide-shell > [data-route-slide-header] .route-slide-support {
  color: transparent !important;
  background-image: none !important;
}

html[data-lite-style-id="luckyusa"] [data-route-page].has-unified-slide-shell > [data-route-slide-header] .route-slide-support svg {
  display: none !important;
}

/* Route headers also carry vip-source-support for shared router behavior. Suppress
 * its inherited N3 mask so the homepage headset asset remains the only paint layer. */
html[data-lite-style-id="luckyusa"] [data-route-page].has-unified-slide-shell > [data-route-slide-header] .route-slide-support::after {
  content: none !important;
  display: none !important;
}

/* LuckyUSA shared action header: router pages and local drawers select the same
 * title/support or title/bonus/support slots without changing action contracts. */
html[data-lite-style-id="luckyusa"] :is(
  [data-route-page].has-unified-slide-shell > [data-route-slide-header],
  [data-unified-drawer-header="true"],
  .luckyusa-ranking-drawer .luckyusa-action-header,
  .cashier-drawer .luckyusa-action-header,
  .vip-drawer-source[data-drawer="vip"] .luckyusa-action-header
) {
  min-height: 12.3cqw !important;
  height: 12.3cqw !important;
  display: grid !important;
  grid-template-columns: 7.2cqw minmax(0, 1fr) 7.2cqw !important;
  align-items: center !important;
  gap: 2cqw !important;
  padding: 1.5cqw 3.2cqw !important;
  border: 0 !important;
  border-bottom: var(--lucky-hairline) solid rgba(36, 119, 225, .34) !important;
  background:
    radial-gradient(circle at 50% 0, rgba(0, 88, 255, .16), transparent 30cqw),
    linear-gradient(180deg, rgba(1, 10, 31, .96), rgba(0, 4, 17, .98)) !important;
}

html[data-lite-style-id="luckyusa"] :is(
  [data-route-page].has-unified-slide-shell > [data-route-slide-header][data-route-slide-header-variant="title-bonus-support"],
  [data-unified-drawer-header="true"][data-route-slide-header-variant="title-bonus-support"],
  .luckyusa-action-header[data-luckyusa-header-variant="title-bonus-support"]
) {
  grid-template-columns: 7.2cqw minmax(0, 1fr) auto !important;
}

html[data-lite-style-id="luckyusa"] :is(
  [data-route-page].has-unified-slide-shell > [data-route-slide-header],
  [data-unified-drawer-header="true"],
  .luckyusa-ranking-drawer .luckyusa-action-header,
  .cashier-drawer .luckyusa-action-header,
  .vip-drawer-source[data-drawer="vip"] .luckyusa-action-header
) :is(.route-slide-back, .route-slide-support, .route-slide-bonus) {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 7.2cqw !important;
  height: 7.2cqw !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border: .5px solid rgba(36, 142, 255, .86) !important;
  border-radius: 1.6cqw !important;
  background: rgba(1, 17, 51, .72) !important;
  box-shadow: inset 0 .5px 0 rgba(255, 255, 255, .14), 0 0 1.2cqw rgba(0, 130, 255, .22) !important;
}

html[data-lite-style-id="luckyusa"] :is(.route-slide-header-actions, .luckyusa-route-header-actions) {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 1.55cqw;
}

html[data-lite-style-id="luckyusa"] :is(
  [data-route-page].has-unified-slide-shell > [data-route-slide-header],
  [data-unified-drawer-header="true"],
  .luckyusa-ranking-drawer .luckyusa-action-header,
  .cashier-drawer .luckyusa-action-header,
  .vip-drawer-source[data-drawer="vip"] .luckyusa-action-header
) .route-slide-back > :is(img, svg),
html[data-lite-style-id="luckyusa"] :is(
  [data-route-page].has-unified-slide-shell > [data-route-slide-header],
  [data-unified-drawer-header="true"],
  .luckyusa-ranking-drawer .luckyusa-action-header,
  .cashier-drawer .luckyusa-action-header,
  .vip-drawer-source[data-drawer="vip"] .luckyusa-action-header
) .route-slide-support > :is(img, svg),
html[data-lite-style-id="luckyusa"] :is(
  [data-route-page].has-unified-slide-shell > [data-route-slide-header],
  [data-unified-drawer-header="true"],
  .luckyusa-ranking-drawer .luckyusa-action-header,
  .cashier-drawer .luckyusa-action-header,
  .vip-drawer-source[data-drawer="vip"] .luckyusa-action-header
) .route-slide-bonus > img {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] :is(
  [data-route-page].has-unified-slide-shell > [data-route-slide-header],
  [data-unified-drawer-header="true"],
  .luckyusa-ranking-drawer .luckyusa-action-header,
  .cashier-drawer .luckyusa-action-header,
  .vip-drawer-source[data-drawer="vip"] .luckyusa-action-header
) .route-slide-back::before,
html[data-lite-style-id="luckyusa"] :is(
  [data-route-page].has-unified-slide-shell > [data-route-slide-header],
  [data-unified-drawer-header="true"],
  .luckyusa-ranking-drawer .luckyusa-action-header,
  .cashier-drawer .luckyusa-action-header,
  .vip-drawer-source[data-drawer="vip"] .luckyusa-action-header
) .route-slide-back::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 2.72cqw !important;
  height: .5cqw !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f5f8ff !important;
  box-shadow: 0 0 .9cqw rgba(245, 248, 255, .38) !important;
  transform-origin: left center !important;
}

html[data-lite-style-id="luckyusa"] :is(
  [data-route-page].has-unified-slide-shell > [data-route-slide-header],
  [data-unified-drawer-header="true"],
  .luckyusa-ranking-drawer .luckyusa-action-header,
  .cashier-drawer .luckyusa-action-header,
  .vip-drawer-source[data-drawer="vip"] .luckyusa-action-header
) .route-slide-back::before {
  transform: translate(-.78cqw, -.05cqw) rotate(-45deg) !important;
}

html[data-lite-style-id="luckyusa"] :is(
  [data-route-page].has-unified-slide-shell > [data-route-slide-header],
  [data-unified-drawer-header="true"],
  .luckyusa-ranking-drawer .luckyusa-action-header,
  .cashier-drawer .luckyusa-action-header,
  .vip-drawer-source[data-drawer="vip"] .luckyusa-action-header
) .route-slide-back::after {
  display: block !important;
  transform: translate(-.78cqw, -.05cqw) rotate(45deg) !important;
}

html[data-lite-style-id="luckyusa"] :is(
  [data-route-page].has-unified-slide-shell > [data-route-slide-header],
  [data-unified-drawer-header="true"],
  .luckyusa-ranking-drawer .luckyusa-action-header,
  .cashier-drawer .luckyusa-action-header,
  .vip-drawer-source[data-drawer="vip"] .luckyusa-action-header
) .route-slide-title {
  pointer-events: none !important;
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
  font-size: 4.4cqw !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-shadow: 0 .2cqw .75cqw rgba(255, 255, 255, .18) !important;
}

html[data-lite-style-id="luckyusa"] :is(
  [data-route-page].has-unified-slide-shell > [data-route-slide-header],
  [data-unified-drawer-header="true"],
  .luckyusa-ranking-drawer .luckyusa-action-header,
  .cashier-drawer .luckyusa-action-header,
  .vip-drawer-source[data-drawer="vip"] .luckyusa-action-header
) .route-slide-support {
  color: transparent !important;
  background-image: none !important;
}

html[data-lite-style-id="luckyusa"] :is(
  [data-route-page].has-unified-slide-shell > [data-route-slide-header],
  [data-unified-drawer-header="true"],
  .luckyusa-ranking-drawer .luckyusa-action-header,
  .cashier-drawer .luckyusa-action-header,
  .vip-drawer-source[data-drawer="vip"] .luckyusa-action-header
) .route-slide-bonus {
  color: transparent !important;
  background-image: none !important;
}

html[data-lite-style-id="luckyusa"] :is(
  [data-route-page].has-unified-slide-shell > [data-route-slide-header],
  [data-unified-drawer-header="true"],
  .luckyusa-ranking-drawer .luckyusa-action-header,
  .cashier-drawer .luckyusa-action-header,
  .vip-drawer-source[data-drawer="vip"] .luckyusa-action-header
) :is(.route-slide-support, .route-slide-bonus)::before {
  display: block;
  font-family: "LuckyUSAIconfont", sans-serif;
  font-size: 4.15cqw;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  filter: drop-shadow(0 .12cqw .26cqw rgba(0, 8, 40, .72));
  pointer-events: none;
}

html[data-lite-style-id="luckyusa"] :is(
  [data-route-page].has-unified-slide-shell > [data-route-slide-header],
  [data-unified-drawer-header="true"],
  .luckyusa-ranking-drawer .luckyusa-action-header,
  .cashier-drawer .luckyusa-action-header,
  .vip-drawer-source[data-drawer="vip"] .luckyusa-action-header
) .route-slide-support::before {
  content: "\e78d";
  color: #29c6ff;
  text-shadow: 0 0 .8cqw rgba(0, 141, 255, .58);
}

html[data-lite-style-id="luckyusa"] :is(
  [data-route-page].has-unified-slide-shell > [data-route-slide-header],
  [data-unified-drawer-header="true"],
  .luckyusa-ranking-drawer .luckyusa-action-header,
  .cashier-drawer .luckyusa-action-header,
  .vip-drawer-source[data-drawer="vip"] .luckyusa-action-header
) .route-slide-bonus::before {
  content: "\e6f4";
  color: #ffd264;
  text-shadow: 0 0 .8cqw rgba(255, 161, 26, .48);
}

html[data-lite-style-id="luckyusa"] :is(
  [data-route-page].has-unified-slide-shell > [data-route-slide-header],
  .luckyusa-ranking-drawer .luckyusa-action-header,
  .cashier-drawer .luckyusa-action-header,
  .vip-drawer-source[data-drawer="vip"] .luckyusa-action-header
) .route-slide-support::after {
  content: none !important;
  display: none !important;
}

/* LuckyUSA withdraw records: the shared route owns data, tabs, and filters.
 * This layer only restores the local tab strip beneath the unified header and
 * applies the usa_withdraw panel language to the record content. */
html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records,
html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .app-main,
html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records [data-route-page],
html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .withdraw-records-page {
  background:
    radial-gradient(circle at 50% 9%, rgba(0, 102, 255, .16), transparent 37cqw),
    linear-gradient(180deg, #020a1e 0%, #010614 100%) !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .withdraw-records-page {
  min-height: 100% !important;
  padding-bottom: 5.2cqw !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-subpage [data-route-page].route-slide-page.has-unified-slide-shell > [data-ui-block="page-withdraw-records"] .withdraw-records-toolbar {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  height: auto !important;
  margin: 2.45cqw 3.2cqw 0 !important;
  padding: .8cqw !important;
  border: var(--lucky-hairline) solid rgba(36, 142, 255, .72) !important;
  border-radius: 2.05cqw !important;
  background: linear-gradient(135deg, rgba(5, 34, 89, .9), rgba(1, 13, 43, .95)) !important;
  box-shadow: inset 0 .5px 0 rgba(255, 255, 255, .12), 0 0 1.6cqw rgba(0, 115, 255, .17) !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-subpage [data-route-page].route-slide-page.has-unified-slide-shell > [data-ui-block="page-withdraw-records"] .withdraw-records-toolbar > button {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .withdraw-record-tabs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
  height: 8.7cqw !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: 1.45cqw !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .withdraw-record-tabs button,
html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .withdraw-record-tabs button:first-child,
html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .withdraw-record-tabs button:last-child {
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  padding: 0 1.2cqw !important;
  border: 0 !important;
  border-radius: 1.25cqw !important;
  color: rgba(194, 213, 250, .7) !important;
  background: transparent !important;
  font-size: 2.85cqw !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .withdraw-record-tabs button.is-active {
  color: #f8fbff !important;
  background: linear-gradient(135deg, #126eff, #0748cb) !important;
  box-shadow: inset 0 .5cqw .75cqw rgba(255, 255, 255, .2), 0 0 1.35cqw rgba(0, 130, 255, .48) !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .withdraw-record-tabs button.is-active::after {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .record-top {
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-height: 11.6cqw !important;
  gap: 2cqw !important;
  margin: 2.4cqw 3.2cqw 0 !important;
  padding: 1.65cqw 2cqw !important;
  border: var(--lucky-hairline) solid rgba(36, 125, 233, .52) !important;
  border-radius: 1.8cqw !important;
  background: linear-gradient(135deg, rgba(5, 31, 82, .91), rgba(1, 12, 39, .94)) !important;
  box-shadow: inset 0 .5px 0 rgba(255, 255, 255, .1) !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .record-top button,
html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .withdraw-audit-select {
  justify-self: start !important;
  width: auto !important;
  min-width: 19cqw !important;
  height: 7.4cqw !important;
  padding: 0 2.2cqw !important;
  border: var(--lucky-hairline) solid rgba(48, 160, 255, .8) !important;
  border-radius: 1.3cqw !important;
  color: #dceaff !important;
  background: rgba(1, 16, 51, .82) !important;
  font-size: 2.7cqw !important;
  font-weight: 700 !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .record-top button span,
html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .withdraw-audit-select span {
  color: #4cb4ff !important;
  font-size: 2.7cqw !important;
  line-height: 1 !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records :is(.record-top button, .withdraw-audit-select) > span[aria-hidden="true"] {
  display: block !important;
  flex: 0 0 auto !important;
  width: 2.45cqw !important;
  height: 1.55cqw !important;
  margin-left: .25cqw !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background: url("../assets/withdraw-records-chevron.svg?v=luckyusa-20260720ag") center / contain no-repeat !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .record-top strong,
html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .withdraw-audit-total {
  min-width: 0;
  color: #dce8fb !important;
  font-size: 2.55cqw !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  text-align: right !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .record-top strong span {
  color: #35a6ff !important;
  font-size: 3.55cqw !important;
  font-weight: 800 !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .record-top:has(.withdraw-audit-total) {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .record-date-options {
  top: calc(100% + 1cqw) !important;
  left: 0 !important;
  right: auto !important;
  width: min(47cqw, calc(100vw - 6.4cqw)) !important;
  min-height: 0 !important;
  padding: 1.15cqw !important;
  border: var(--lucky-hairline) solid rgba(41, 142, 255, .76) !important;
  border-radius: 1.55cqw !important;
  background: linear-gradient(135deg, rgba(7, 38, 96, .98), rgba(1, 12, 39, .99)) !important;
  box-shadow: 0 1.5cqw 3.5cqw rgba(0, 0, 0, .45), 0 0 1.7cqw rgba(0, 119, 255, .22) !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .record-date-options button {
  min-height: 6.7cqw !important;
  border: 0 !important;
  border-radius: 1cqw !important;
  color: rgba(207, 224, 255, .76) !important;
  background: transparent !important;
  font-size: 2.5cqw !important;
  opacity: 1 !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .record-date-options button.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, #1479ff, #074bd5) !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .record-list {
  gap: 1.45cqw !important;
  margin: 2.35cqw 3.2cqw 0 !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .record-list article {
  min-height: 13.4cqw !important;
  padding: 2.1cqw 2.4cqw !important;
  border: var(--lucky-hairline) solid rgba(38, 118, 219, .46) !important;
  border-radius: 1.65cqw !important;
  background: linear-gradient(135deg, rgba(5, 30, 80, .9), rgba(1, 12, 39, .94)) !important;
  box-shadow: inset 0 .5px 0 rgba(255, 255, 255, .08) !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .record-list article strong {
  color: #f4f8ff !important;
  font-size: 2.8cqw !important;
  font-weight: 760 !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .record-list article span {
  margin-top: .65cqw;
  color: rgba(190, 210, 247, .64) !important;
  font-size: 2.35cqw !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .record-list article b {
  color: #35a6ff !important;
  font-size: 3.35cqw !important;
  font-weight: 800 !important;
  text-shadow: 0 0 .85cqw rgba(21, 141, 255, .28);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .empty-state {
  min-height: 45cqw !important;
  margin: 2.4cqw 3.2cqw 0 !important;
  padding: 4.2cqw 0 !important;
  border: var(--lucky-hairline) solid rgba(36, 117, 220, .34) !important;
  border-radius: 1.8cqw !important;
  background: linear-gradient(180deg, rgba(3, 21, 59, .64), rgba(1, 10, 31, .38)) !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .empty-state img {
  content: url("../assets/withdraw-records-empty-imagegen.png?v=luckyusa-20260720ag&opt=luckyusa-20260726a") !important;
  width: 18cqw !important;
  height: auto !important;
  object-fit: contain !important;
  opacity: .78 !important;
  filter: drop-shadow(0 .8cqw 1cqw rgba(0, 0, 0, .28));
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records .empty-state span {
  display: block !important;
  margin-top: 1.4cqw !important;
  color: rgba(207, 222, 249, .68) !important;
  font-size: 2.75cqw !important;
  opacity: 1 !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-records [data-withdraw-record-tab="audit"] .empty-state {
  margin-top: 2.4cqw !important;
}

/* LuckyUSA withdraw subroutes: retain the shared audit/game data contracts and
 * give their information panels the same compact blue surface as records. */
html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-audit,
html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-audit .app-main,
html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-audit [data-route-page],
html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-limit-game,
html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-limit-game .app-main,
html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-limit-game [data-route-page] {
  background:
    radial-gradient(circle at 50% 9%, rgba(0, 102, 255, .16), transparent 37cqw),
    linear-gradient(180deg, #020a1e 0%, #010614 100%) !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-audit .withdraw-audit-page,
html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-limit-game .withdraw-limit-game-page {
  min-height: 100% !important;
  padding: 2.8cqw 3.2cqw 5.2cqw !important;
  background: transparent !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-subpage [data-route-page].route-slide-page.has-unified-slide-shell > [data-ui-block="page-withdraw-audit"] .subpage-header,
html[data-lite-style-id="luckyusa"] .app-shell.route-subpage [data-route-page].route-slide-page.has-unified-slide-shell > [data-ui-block="page-withdraw-limit-game"] .subpage-header {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-audit .audit-detail-card {
  margin: 0 !important;
  overflow: hidden !important;
  border: var(--lucky-hairline) solid rgba(41, 143, 255, .7) !important;
  border-radius: 2.05cqw !important;
  background: linear-gradient(135deg, rgba(5, 34, 89, .94), rgba(1, 12, 39, .97)) !important;
  box-shadow: inset 0 .5px 0 rgba(255, 255, 255, .12), 0 0 2.1cqw rgba(0, 105, 255, .14) !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-audit .audit-detail-card p {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) !important;
  align-items: center !important;
  min-height: 12.2cqw !important;
  margin: 0 !important;
  padding: 1.75cqw 2.3cqw !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(98, 151, 230, .18) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-audit .audit-detail-card p:last-child {
  border-bottom: 0 !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-audit .audit-detail-card span {
  color: rgba(187, 210, 249, .7) !important;
  font-size: 2.55cqw !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-audit .audit-detail-card b {
  min-width: 0 !important;
  color: #f5f9ff !important;
  font-size: 2.75cqw !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
  text-align: right !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-audit .audit-detail-card p:nth-child(3) b {
  color: #45c6ff !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-audit .audit-detail-card p:nth-child(4) b,
html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-audit .audit-detail-card p:nth-child(6) b {
  color: #35a6ff !important;
  font-size: 3.2cqw !important;
  text-shadow: 0 0 .85cqw rgba(21, 141, 255, .25) !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-limit-game .limit-game-source-line {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-limit-game .record-list {
  display: grid !important;
  gap: 1.45cqw !important;
  margin: 0 !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-limit-game .record-list article {
  min-height: 13.4cqw !important;
  padding: 2.1cqw 2.4cqw !important;
  border: var(--lucky-hairline) solid rgba(38, 118, 219, .46) !important;
  border-radius: 1.65cqw !important;
  background: linear-gradient(135deg, rgba(5, 30, 80, .9), rgba(1, 12, 39, .94)) !important;
  box-shadow: inset 0 .5px 0 rgba(255, 255, 255, .08) !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-limit-game .record-list article strong {
  color: #f4f8ff !important;
  font-size: 2.8cqw !important;
  font-weight: 760 !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-limit-game .record-list article span {
  margin-top: .65cqw !important;
  color: rgba(190, 210, 247, .64) !important;
  font-size: 2.35cqw !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-limit-game .record-list article b {
  color: #35a6ff !important;
  font-size: 3.35cqw !important;
  font-weight: 800 !important;
  text-shadow: 0 0 .85cqw rgba(21, 141, 255, .28) !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-limit-game .empty-state {
  min-height: 45cqw !important;
  margin: 0 !important;
  padding: 8cqw 0 !important;
  border: var(--lucky-hairline) solid rgba(36, 117, 220, .34) !important;
  border-radius: 1.8cqw !important;
  background: linear-gradient(180deg, rgba(3, 21, 59, .64), rgba(1, 10, 31, .38)) !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-limit-game .empty-state img {
  content: url("../assets/withdraw-records-empty-imagegen.png?v=luckyusa-20260720ah&opt=luckyusa-20260726a") !important;
  width: 18cqw !important;
  height: auto !important;
  object-fit: contain !important;
  opacity: .78 !important;
  filter: drop-shadow(0 .8cqw 1cqw rgba(0, 0, 0, .28));
}

html[data-lite-style-id="luckyusa"] .app-shell.route-withdraw-limit-game .empty-state span {
  display: block !important;
  margin-top: 1.4cqw !important;
  color: rgba(207, 222, 249, .68) !important;
  font-size: 2.75cqw !important;
  opacity: 1 !important;
}

/* LuckyUSA message center: keep the shared tab actions and data panels while
 * presenting all three destinations as one site-native segmented control. */
html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page {
  padding: 2.15cqw 2.55cqw 4.2cqw !important;
  background:
    radial-gradient(circle at 50% 0, rgba(0, 104, 255, .18), transparent 38cqw),
    linear-gradient(180deg, #020b22 0%, #010715 100%) !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page .sub-tabs {
  min-height: 9.35cqw;
  margin: 0 0 2.15cqw !important;
  padding: .6cqw;
  gap: .6cqw;
  border: var(--lucky-hairline) solid rgba(32, 112, 222, .62);
  border-radius: 1.8cqw;
  background:
    linear-gradient(180deg, rgba(7, 28, 71, .94), rgba(1, 12, 36, .94));
  box-shadow:
    inset 0 1px 0 rgba(111, 166, 255, .1),
    0 .7cqw 1.8cqw rgba(0, 0, 0, .2);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page .sub-tabs button {
  height: 8.15cqw;
  padding: 0 .75cqw;
  border: var(--lucky-hairline) solid transparent;
  border-radius: 1.3cqw;
  outline: 0;
  color: rgba(190, 207, 240, .78);
  font-size: 2.3cqw;
  font-weight: 650;
  line-height: 1;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page .sub-tabs button:nth-child(3) {
  font-size: 2.2cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page .sub-tabs button::after {
  display: none;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page .sub-tabs button.is-active {
  border-color: rgba(79, 183, 255, .88);
  background: linear-gradient(180deg, #187dff 0%, #0644d5 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .3),
    0 0 1.6cqw rgba(0, 117, 255, .54);
  color: #f7fbff;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page .notification-badge:not([hidden]) {
  width: 2.6cqw;
  height: 2.6cqw;
  display: inline-grid !important;
  place-items: center;
  margin-left: .45cqw;
  border-radius: 50%;
  background: #ff594d;
  box-shadow: 0 0 .8cqw rgba(255, 74, 63, .5);
  color: #fff;
  font-size: 1.55cqw;
  line-height: 1;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page [data-notification-panel] {
  margin: 0;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page [data-notification-panel="service"]:not([hidden]) {
  display: grid;
  gap: 1.4cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page .support-card {
  min-height: 14.8cqw;
  gap: 2cqw;
  padding: 1.85cqw;
  border: var(--lucky-hairline) solid rgba(38, 106, 204, .48);
  border-radius: 1.75cqw;
  background:
    radial-gradient(circle at 18% 0, rgba(0, 102, 255, .13), transparent 21cqw),
    linear-gradient(180deg, rgba(4, 22, 59, .9), rgba(1, 10, 30, .94));
  box-shadow: inset 0 1px 0 rgba(111, 166, 255, .06);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page .support-card:first-child {
  min-height: 17.2cqw;
  grid-template-columns: 10.4cqw minmax(0, 1fr);
  gap: 2.15cqw;
  padding: 2.15cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page .support-card:first-child img {
  width: 10.4cqw;
  height: 10.4cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page .support-card + .support-card {
  min-height: 13.25cqw;
  grid-template-columns: 7.8cqw minmax(0, 1fr) auto;
  gap: 1.85cqw;
  padding: 1.65cqw 1.85cqw;
  margin-top: 0;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page .support-card + .support-card img {
  width: 7.8cqw;
  height: 7.8cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page .support-card strong {
  color: #f2f7ff;
  font-size: 2.65cqw;
  font-weight: 700;
  line-height: 1.2;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page .support-card p {
  margin-top: .7cqw;
  color: rgba(205, 220, 249, .72);
  font-size: 2.1cqw;
  line-height: 1.35;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page .support-card + .support-card strong {
  font-size: 2.5cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page .support-card + .support-card p {
  font-size: 2.15cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page .support-card button {
  width: 16.4cqw;
  min-height: 6.8cqw;
  border: var(--lucky-hairline) solid rgba(94, 181, 255, .78);
  border-radius: 1.35cqw;
  background: linear-gradient(180deg, #177dff, #0645d7);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 0 1.2cqw rgba(0, 111, 255, .36);
  color: #fff;
  font-size: 2.15cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page .message-list {
  gap: 1.35cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page [data-announcement-list] article,
html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page [data-message-list] article {
  min-height: 15.8cqw;
  padding: 2cqw 2.3cqw 1.8cqw;
  border: var(--lucky-hairline) solid rgba(38, 106, 204, .42);
  border-radius: 1.65cqw;
  background: linear-gradient(180deg, rgba(5, 23, 61, .9), rgba(1, 10, 30, .94));
}

html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page [data-announcement-list] article strong,
html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page [data-message-list] article strong {
  margin-bottom: .8cqw;
  color: #f2f7ff;
  font-size: 2.45cqw;
  font-weight: 650;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page [data-announcement-list] article p,
html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page [data-message-list] article p {
  color: rgba(200, 218, 249, .72);
  font-size: 2.05cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-notification .notification-page .empty-list {
  min-height: 42cqw;
  color: rgba(205, 220, 249, .58);
  font-size: 2.35cqw;
}

/* LuckyUSA balance details: presentation only; wallet data and actions remain shared. */
html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page {
  min-height: 100%;
  padding: 2.15cqw 2.55cqw 4.4cqw !important;
  color: #f3f7ff;
  background:
    radial-gradient(circle at 50% 0, rgba(0, 103, 255, .17), transparent 38cqw),
    linear-gradient(180deg, #020b22 0%, #010715 100%) !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .wallet-detail-card {
  min-height: 29.6cqw;
  padding: 2.6cqw 2.85cqw;
  border: var(--lucky-hairline) solid rgba(43, 128, 236, .66);
  border-radius: 1.9cqw;
  background:
    radial-gradient(circle at 12% 0, rgba(0, 110, 255, .2), transparent 27cqw),
    linear-gradient(145deg, rgba(5, 31, 82, .94), rgba(1, 12, 38, .97));
  box-shadow:
    inset 0 1px 0 rgba(135, 183, 255, .12),
    0 1.1cqw 2.8cqw rgba(0, 0, 0, .2);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .wallet-detail-card header {
  height: auto;
  min-height: 4.25cqw;
  margin: 0 0 1.1cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .wallet-detail-card header span {
  color: rgba(183, 215, 255, .78);
  font-size: 2.15cqw;
  font-weight: 600;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .wallet-detail-card header button {
  height: 5.15cqw;
  padding: 0 1.65cqw;
  border: var(--lucky-hairline) solid rgba(66, 157, 255, .7);
  border-radius: 1.05cqw;
  color: #9fdbff;
  background: rgba(3, 24, 67, .8);
  box-shadow: inset 0 1px 0 rgba(144, 193, 255, .1);
  font-size: 1.95cqw;
  line-height: 1;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .wallet-detail-card > strong {
  height: auto;
  min-height: 8.6cqw;
  margin: 0 0 2.1cqw;
  color: #ffbb2f;
  font-size: 6.4cqw;
  font-weight: 800;
  line-height: 1.05;
  text-shadow: 0 0 1.15cqw rgba(255, 173, 23, .23);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .wallet-detail-card > strong small {
  color: #ffcf62;
  font-size: 3.45cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .wallet-detail-card div {
  padding-top: 1.85cqw;
  border-top: var(--lucky-hairline) solid rgba(101, 151, 226, .26);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .wallet-detail-card div span {
  margin-bottom: .65cqw;
  color: rgba(166, 203, 255, .7);
  font-size: 1.95cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .wallet-detail-card div b {
  color: #f5f8ff;
  font-size: 3.05cqw;
  font-weight: 750;
  line-height: 1.15;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .wallet-actions {
  gap: 1.45cqw;
  margin: 1.55cqw 0 2.2cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .wallet-actions button {
  min-height: 9.75cqw;
  border: var(--lucky-hairline) solid rgba(72, 151, 252, .72);
  border-radius: 1.45cqw;
  outline: 0;
  color: #dceeff;
  background: linear-gradient(180deg, rgba(7, 37, 91, .94), rgba(2, 15, 45, .96));
  box-shadow: inset 0 1px 0 rgba(137, 185, 255, .1);
  font-size: 2.4cqw;
  font-weight: 750;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .wallet-actions button:focus-visible {
  outline: .25cqw solid rgba(102, 204, 255, .88);
  outline-offset: .28cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .wallet-actions button.is-active {
  border-color: rgba(77, 185, 255, .96);
  background: linear-gradient(180deg, #168bff, #0750dd);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .28),
    0 0 1.55cqw rgba(0, 116, 255, .42);
  color: #fff;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .wager-card {
  gap: 1.65cqw;
  padding: 2.45cqw 2.85cqw;
  border: var(--lucky-hairline) solid rgba(38, 113, 215, .44);
  border-radius: 1.7cqw;
  background: linear-gradient(145deg, rgba(4, 27, 73, .88), rgba(1, 12, 38, .94));
  box-shadow: inset 0 1px 0 rgba(130, 179, 255, .07);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .wager-card header strong {
  color: #f2f7ff;
  font-size: 2.45cqw;
  font-weight: 720;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .wager-card header span,
html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .wager-card footer span {
  color: rgba(180, 209, 253, .7);
  font-size: 1.9cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .wager-card b {
  color: #45b6ff;
  font-size: 2.05cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .wager-card i {
  height: 1.75cqw;
  border: var(--lucky-hairline) solid rgba(52, 115, 204, .46);
  background: rgba(1, 12, 41, .9);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .wager-card i em {
  background: linear-gradient(90deg, #15bfff, #0b5cf1);
  box-shadow: 0 0 .8cqw rgba(0, 170, 255, .45);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .sub-pills {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .85cqw;
  margin: 2.55cqw 0 1.6cqw;
  overflow: visible;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .sub-pills button {
  min-width: 0;
  min-height: 6.55cqw;
  padding: 0 .55cqw;
  border: var(--lucky-hairline) solid rgba(49, 118, 211, .5);
  border-radius: 1.2cqw;
  outline: 0;
  color: rgba(177, 205, 249, .74);
  background: rgba(3, 19, 52, .78);
  font-size: 1.95cqw;
  font-weight: 650;
  white-space: nowrap;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .sub-pills button.is-active {
  border-color: rgba(75, 176, 255, .9);
  color: #fff;
  background: linear-gradient(180deg, #167dff, #0747d4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 0 1.15cqw rgba(0, 114, 255, .32);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .ledger-list {
  gap: 1.15cqw;
  margin: 0;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .ledger-list article {
  min-height: 13.4cqw;
  gap: 1.65cqw;
  padding: 1.65cqw 2cqw;
  border: var(--lucky-hairline) solid rgba(36, 106, 201, .4);
  border-radius: 1.55cqw;
  background: linear-gradient(145deg, rgba(4, 26, 70, .84), rgba(1, 11, 34, .94));
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .ledger-list article i {
  width: 8.1cqw;
  height: 8.1cqw;
  border: var(--lucky-hairline) solid rgba(56, 136, 232, .48);
  border-radius: 1.7cqw;
  color: #4bc0ff;
  background: rgba(4, 33, 89, .9);
  box-shadow: inset 0 1px 0 rgba(143, 192, 255, .08);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .ledger-list article img {
  width: 4.45cqw;
  height: 4.45cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .ledger-list span {
  gap: .45cqw;
  color: #eef5ff;
  font-size: 2.35cqw;
  font-weight: 700;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .ledger-list small,
html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .ledger-list strong small {
  color: rgba(167, 200, 246, .67);
  font-size: 1.8cqw;
  font-weight: 500;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .ledger-list strong {
  gap: .45cqw;
  color: #44b8ff;
  font-size: 3cqw;
  font-weight: 800;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .ledger-list article.source-wallet-tx.is-negative strong {
  color: #ff766e;
}

/* LuckyUSA wallet-details modal: structure and tab behavior remain shared. */
html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .ui-backdrop {
  background: rgba(0, 5, 20, .76);
  backdrop-filter: blur(1.25cqw);
}

html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-details-card {
  width: min(91cqw, 43rem);
  padding: 2.8cqw 2.6cqw 3.1cqw;
  border: var(--lucky-hairline) solid rgba(45, 142, 255, .84);
  border-radius: 2cqw;
  color: #f5f9ff;
  background:
    radial-gradient(circle at 50% 0, rgba(0, 105, 255, .2), transparent 30cqw),
    linear-gradient(145deg, #08245c, #010b24 72%);
  box-shadow:
    0 2cqw 5cqw rgba(0, 0, 0, .48),
    0 0 2.6cqw rgba(0, 103, 255, .22),
    inset 0 1px 0 rgba(145, 191, 255, .12);
}

html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-details-card header {
  height: 6.8cqw;
  grid-template-columns: 6.8cqw minmax(0, 1fr) 6.8cqw;
  padding-bottom: 1.3cqw;
  border-bottom: var(--lucky-hairline) solid rgba(92, 147, 227, .3);
}

html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-details-card header strong {
  color: #f6f9ff;
  font-size: 3.5cqw;
  font-weight: 760;
}

html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-details-card header button {
  width: 6.35cqw;
  height: 6.35cqw;
  border: var(--lucky-hairline) solid rgba(113, 180, 255, .7);
  border-radius: 50%;
  color: #dcecff;
  background: rgba(4, 30, 79, .86);
  font-size: 3.8cqw;
  line-height: 1;
}

html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-detail-tabs {
  height: 8.25cqw;
  gap: .75cqw;
  margin: 2cqw 0 2.25cqw;
  padding: .55cqw;
  border: var(--lucky-hairline) solid rgba(59, 129, 219, .48);
  border-radius: 1.45cqw;
  background: rgba(1, 13, 39, .76);
}

html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-detail-tabs button {
  border: var(--lucky-hairline) solid transparent;
  border-radius: 1.05cqw;
  outline: 0;
  color: rgba(185, 211, 249, .7);
  font-size: 2.25cqw;
  font-weight: 680;
}

html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-detail-tabs button.is-active {
  border-color: rgba(77, 177, 255, .88);
  color: #fff;
  background: linear-gradient(180deg, #1686ff, #0648d4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 0 1.25cqw rgba(0, 111, 255, .35);
}

html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-detail-panel {
  gap: 1.55cqw;
}

html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-amount-card,
html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-action-card {
  border: var(--lucky-hairline) solid rgba(51, 126, 219, .46);
  border-radius: 1.55cqw;
  background: linear-gradient(145deg, rgba(5, 30, 79, .9), rgba(1, 12, 37, .96));
  box-shadow: inset 0 1px 0 rgba(136, 184, 255, .07);
}

html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-amount-card {
  gap: .7cqw;
  padding: 2.35cqw 1.8cqw 2.55cqw;
}

html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-amount-card span,
html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-action-card p {
  color: rgba(184, 210, 251, .71);
  font-size: 2.15cqw;
}

html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-amount-card strong {
  color: #ffbb2e;
  font-size: 5cqw;
  line-height: 1.1;
  text-shadow: 0 0 .9cqw rgba(255, 175, 21, .2);
}

html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-action-card {
  gap: 1.45cqw;
  padding: 2.35cqw 2.1cqw 2.1cqw;
}

html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-action-card strong {
  color: #f3f7ff;
  font-size: 2.65cqw;
}

html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-action-card > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2cqw;
}

html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-action-card [data-action="toggle-wallet-activation-help"] {
  width: 4.2cqw;
  height: 4.2cqw;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  padding: 0;
  border: var(--lucky-hairline) solid rgba(95, 177, 255, .7);
  border-radius: 50%;
  outline: 0;
  color: #d8ecff;
  background: rgba(4, 37, 99, .88);
  box-shadow: inset 0 1px 0 rgba(167, 212, 255, .12);
  font-size: 2.3cqw;
  font-weight: 800;
  line-height: 1;
}

html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-action-card [data-action="toggle-wallet-activation-help"]:focus-visible {
  outline: .22cqw solid rgba(105, 207, 255, .9);
  outline-offset: .2cqw;
}

html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-activation-help {
  display: grid;
  gap: .7cqw;
  margin: 0;
  padding: 1.5cqw 1.65cqw;
  border: var(--lucky-hairline) solid rgba(51, 135, 235, .55);
  border-radius: 1.1cqw;
  background: rgba(0, 14, 48, .8);
  box-shadow: inset 0 1px 0 rgba(134, 187, 255, .08);
}

html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-activation-help strong {
  color: #49b9ff;
  font-size: 2.1cqw;
}

html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-activation-help p {
  margin: 0;
  color: rgba(201, 222, 252, .82);
  font-size: 1.9cqw;
  line-height: 1.42;
}

html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-activation-help ul {
  display: grid;
  gap: .55cqw;
  margin: 0;
  padding: 0;
  list-style: none;
}

html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-activation-help li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1cqw;
  padding-top: .55cqw;
  border-top: var(--lucky-hairline) solid rgba(81, 142, 223, .3);
  color: rgba(210, 228, 255, .78);
  font-size: 1.85cqw;
}

html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-activation-help li strong {
  color: #55bfff;
  font-size: 1.9cqw;
  white-space: nowrap;
}

html[data-lite-style-id="luckyusa"] [data-modal="wallet-details"] .l5-wallet-action-card > button {
  height: 7.4cqw;
  border: var(--lucky-hairline) solid rgba(81, 181, 255, .82);
  border-radius: 1.25cqw;
  color: #fff;
  background: linear-gradient(180deg, #1596ff, #0753df);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 0 1.2cqw rgba(0, 116, 255, .3);
  font-size: 2.45cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-wallet .wallet-page .ledger-empty {
  min-height: 19cqw;
  display: grid;
  place-items: center;
  padding: 2.6cqw;
  border: var(--lucky-hairline) solid rgba(36, 106, 201, .4);
  border-radius: 1.55cqw;
  color: rgba(181, 209, 250, .6);
  background: linear-gradient(145deg, rgba(4, 26, 70, .7), rgba(1, 11, 34, .82));
  font-size: 2.2cqw;
}

/* LuckyUSA home menu drawer: preserve shared actions, refine the navigation shell. */
html[data-lite-style-id="luckyusa"] .menu-drawer-source {
  z-index: 1060;
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .ui-backdrop {
  background: rgba(0, 5, 20, .7);
  backdrop-filter: blur(12px);
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-panel {
  width: 66.4cqw;
  min-width: 280px;
  max-width: 356px;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 2cqw 2.2cqw 3.2cqw;
  border-right: var(--lucky-hairline) solid rgba(38, 141, 255, .7);
  color: #f3f8ff;
  background:
    radial-gradient(ellipse at 88% 0%, rgba(16, 104, 255, .14), transparent 27%),
    linear-gradient(160deg, #04142f 0%, #020d25 47%, #010717 100%);
  box-shadow: 1.2cqw 0 4cqw rgba(0, 0, 0, .42), inset -1px 0 rgba(123, 196, 255, .1);
  scrollbar-width: thin;
  scrollbar-color: rgba(71, 158, 255, .55) transparent;
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-toolbar {
  min-height: 9.9cqw;
  height: auto;
  align-items: center;
  gap: 1.35cqw;
  padding: 0 .15cqw 1.75cqw;
  border-bottom: var(--lucky-hairline) solid rgba(52, 120, 207, .3);
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-close {
  width: 6.75cqw;
  height: 6.75cqw;
  min-width: 40px;
  min-height: 40px;
  margin: 0;
  border: var(--lucky-hairline) solid rgba(66, 172, 255, .8);
  border-radius: 1.45cqw;
  background: linear-gradient(145deg, rgba(13, 56, 122, .9), rgba(3, 19, 57, .96));
  box-shadow: inset 0 1px rgba(194, 230, 255, .16), 0 0 .95cqw rgba(0, 118, 255, .22);
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-close img {
  width: 2.55cqw;
  height: 2.55cqw;
  min-width: 17px;
  min-height: 17px;
  object-fit: contain;
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-logo {
  width: 22.8cqw;
  height: 5.8cqw;
  flex: 0 1 22.8cqw;
  object-position: left center;
  filter: drop-shadow(0 .3cqw .55cqw rgba(0, 112, 255, .38));
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-banners,
html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-middle {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-banners {
  margin-top: 1.65cqw;
  gap: 1.2cqw;
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-bonus-card,
html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-banners .sidebar-featured-entry-button,
html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-panel button.source-left-bonus-card:not(.close-button):not(.back-button),
html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-panel button.sidebar-featured-entry-button:not(.close-button):not(.back-button) {
  position: relative;
  width: 100%;
  height: 20.4cqw;
  min-height: 78px;
  overflow: hidden;
  border: var(--lucky-hairline) solid rgba(81, 164, 255, .62);
  border-radius: 1.55cqw;
  color: #fff;
  background: linear-gradient(145deg, rgba(8, 54, 136, .94), rgba(2, 19, 57, .98));
  box-shadow: inset 0 1px rgba(255, 255, 255, .18), 0 .6cqw 1.65cqw rgba(0, 25, 87, .25);
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .sidebar-featured-entry-button > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .sidebar-featured-entry-button > span {
  position: absolute;
  inset: auto 1.4cqw 1.2cqw;
  z-index: 1;
  overflow: hidden;
  color: #fff;
  font-size: 2.65cqw;
  font-weight: 700;
  line-height: 1.15;
  text-align: left;
  text-overflow: ellipsis;
  text-shadow: 0 .25cqw .65cqw rgba(0, 0, 0, .75);
  white-space: nowrap;
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-middle {
  gap: 0;
  margin-top: 1.45cqw;
  padding: .25cqw 1.45cqw;
  border: var(--lucky-hairline) solid rgba(44, 124, 218, .52);
  border-radius: 1.65cqw;
  background:
    linear-gradient(100deg, rgba(5, 32, 80, .9), rgba(2, 15, 47, .9));
  box-shadow: inset 0 1px rgba(180, 218, 255, .06), 0 .7cqw 1.75cqw rgba(0, 17, 61, .22);
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-middle button,
html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-panel .source-left-middle button,
html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-middle .sidebar-quick-entry {
  width: 100%;
  height: 11.55cqw;
  min-height: 46px;
  display: grid;
  grid-template-columns: 8.15cqw minmax(0, 1fr) 4.4cqw;
  align-items: center;
  gap: .7cqw;
  padding: .45cqw 0;
  border: 0;
  border-bottom: var(--lucky-hairline) solid rgba(58, 121, 199, .34);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-middle button:last-child {
  border-bottom: 0;
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-empty {
  min-height: 11.55cqw;
  display: grid;
  place-items: center;
  color: rgba(190, 215, 251, .56);
  font-size: 2.4cqw;
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-middle img {
  width: 7.25cqw;
  height: 7.25cqw;
  max-width: 36px;
  max-height: 36px;
  object-fit: contain;
}

/* The menu list is a presentation slot. Its campaign title, order and action
 * stay dataset-driven; LuckyUSA only supplies the established local small
 * markers, never a squeezed campaign banner. */
html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-middle .sidebar-quick-entry[data-activity-type] > img {
  display: none;
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-middle .sidebar-quick-entry[data-activity-type]::before {
  width: 7.25cqw;
  height: 7.25cqw;
  max-width: 36px;
  max-height: 36px;
  grid-column: 1;
  grid-row: 1;
  content: "";
  background: url("/7000/assets/shared/svg/c77/left1.png?v=luckyusa-sidebar-icons-20260727c") center / contain no-repeat;
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-middle .sidebar-quick-entry[data-activity-type][data-sidebar-entry-index="1"]::before {
  background-image: url("/7000/assets/shared/svg/c77/left2.png?v=luckyusa-sidebar-icons-20260727c");
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-middle .sidebar-quick-entry[data-activity-type][data-sidebar-entry-index="2"]::before {
  background-image: url("/7000/assets/shared/svg/c77/left3.png?v=luckyusa-sidebar-icons-20260727c");
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-middle .sidebar-quick-entry[data-activity-type][data-sidebar-entry-index="3"]::before {
  background-image: url("/7000/assets/shared/svg/c77/left4.png?v=luckyusa-sidebar-icons-20260727c");
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-middle span {
  color: rgba(243, 248, 255, .96);
  font-size: 2.65cqw;
  font-weight: 500;
  line-height: 1.2;
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-middle i {
  width: 4.4cqw;
  height: 4.4cqw;
  min-width: 22px;
  min-height: 22px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 0;
  color: rgba(119, 197, 255, .92);
  background: transparent;
  font-size: 4.15cqw;
  line-height: 1;
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .lite-lang-trigger,
html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-support,
html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-panel button.source-left-support:not(.close-button):not(.back-button) {
  width: 100%;
  max-width: 100%;
  height: 11.8cqw;
  min-height: 48px;
  display: flex;
  align-self: stretch;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: 1.75cqw;
  margin: 0;
  padding: 0 1.8cqw;
  border: var(--lucky-hairline) solid rgba(44, 124, 218, .5);
  border-radius: 1.6cqw;
  color: rgba(239, 247, 255, .94);
  background: linear-gradient(100deg, rgba(5, 31, 77, .92), rgba(2, 15, 45, .94));
  box-shadow: inset 0 1px rgba(180, 218, 255, .06);
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .lite-lang-trigger {
  margin: auto 0 0;
  font: inherit;
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .lite-lang-trigger + .source-left-support {
  margin-top: 0;
  border-top: 0;
  border-radius: 0 0 1.6cqw 1.6cqw;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .lite-lang-trigger:has(+ .source-left-support) {
  border-radius: 1.6cqw 1.6cqw 0 0;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .lite-lang-trigger svg,
html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-support img {
  width: 5.15cqw;
  height: 5.15cqw;
  min-width: 25px;
  min-height: 25px;
  flex: 0 0 auto;
  filter: brightness(0) saturate(100%) invert(65%) sepia(91%) saturate(1122%) hue-rotate(172deg) brightness(104%) contrast(103%);
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .lite-lang-trigger span,
html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-support span {
  font-size: 2.85cqw;
  font-weight: 500;
  line-height: 1.2;
}

/* LuckyUSA language picker: responsive two-column cards with stable desktop sizing.
   Keep the shared i18n DOM/actions untouched; this skin owns presentation only. */
html[data-lite-style-id="luckyusa"] #lite-lang-overlay {
  align-items: center;
  box-sizing: border-box;
  padding: clamp(16px, 4vw, 32px);
  background:
    radial-gradient(circle at 50% 42%, rgba(0, 115, 255, .16), transparent 34%),
    rgba(0, 5, 22, .8);
  backdrop-filter: blur(12px) brightness(.7);
  -webkit-backdrop-filter: blur(12px) brightness(.7);
}

html[data-lite-style-id="luckyusa"] #lite-lang-overlay .lite-lang-sheet {
  width: min(92vw, 480px);
  max-width: 100%;
  max-height: min(82dvh, 640px);
  margin: auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
  box-sizing: border-box;
  padding: clamp(18px, 4vw, 28px);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: rgba(73, 176, 255, .7) rgba(0, 20, 58, .7);
  scrollbar-width: thin;
  border: var(--lucky-hairline) solid rgba(57, 150, 255, .76);
  border-radius: 24px;
  color: #eff7ff;
  background:
    linear-gradient(135deg, rgba(44, 142, 255, .14), transparent 38%),
    radial-gradient(circle at 50% 0, rgba(14, 97, 221, .24), transparent 48%),
    linear-gradient(155deg, rgba(5, 29, 76, .99), rgba(1, 10, 31, .995));
  box-shadow:
    0 28px 72px rgba(0, 0, 0, .56),
    0 0 0 1px rgba(7, 86, 190, .16),
    inset 0 1px rgba(207, 235, 255, .15);
  animation: lucky-language-picker-in 180ms cubic-bezier(.2, .8, .2, 1) both;
}

html[data-lite-style-id="luckyusa"] #lite-lang-overlay .lite-lang-sheet::-webkit-scrollbar {
  width: 6px;
}

html[data-lite-style-id="luckyusa"] #lite-lang-overlay .lite-lang-sheet::-webkit-scrollbar-track {
  background: rgba(0, 20, 58, .7);
}

html[data-lite-style-id="luckyusa"] #lite-lang-overlay .lite-lang-sheet::-webkit-scrollbar-thumb {
  border-radius: 99px;
  background: linear-gradient(180deg, #52c7ff, #1675f0);
}

html[data-lite-style-id="luckyusa"] #lite-lang-overlay .lite-lang-sheet h3 {
  grid-column: 1 / -1;
  margin: 0 0 8px;
  color: #f4f8ff;
  font-size: clamp(22px, 5.6vw, 28px);
  font-weight: 750;
  line-height: 1.15;
  letter-spacing: .01em;
  text-shadow: 0 2px 14px rgba(0, 111, 255, .28);
}

html[data-lite-style-id="luckyusa"] #lite-lang-overlay .lite-lang-item {
  min-width: 0;
  min-height: 54px;
  gap: 10px;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 14px;
  border: var(--lucky-hairline) solid rgba(53, 125, 223, .54);
  border-radius: 14px;
  color: rgba(223, 237, 255, .84);
  background:
    linear-gradient(180deg, rgba(8, 35, 82, .84), rgba(1, 13, 42, .82));
  box-shadow: inset 0 1px rgba(198, 229, 255, .06);
  font-size: clamp(14px, 3.5vw, 16px);
  font-weight: 520;
  line-height: 1.2;
  text-align: left;
  transition:
    border-color 150ms ease,
    background 150ms ease,
    box-shadow 150ms ease,
    color 150ms ease,
    transform 150ms ease;
}

html[data-lite-style-id="luckyusa"] #lite-lang-overlay .lite-lang-item > span:first-child {
  min-width: 0;
  overflow-wrap: anywhere;
}

html[data-lite-style-id="luckyusa"] #lite-lang-overlay .lite-lang-item:hover {
  border-color: rgba(85, 180, 255, .78);
  color: #f5fbff;
  background:
    linear-gradient(180deg, rgba(12, 65, 145, .88), rgba(3, 28, 76, .9));
  transform: translateY(-1px);
}

html[data-lite-style-id="luckyusa"] #lite-lang-overlay .lite-lang-item:focus-visible {
  outline: 2px solid #8ad9ff;
  outline-offset: 2px;
}

html[data-lite-style-id="luckyusa"] #lite-lang-overlay .lite-lang-item[aria-current="true"] {
  border-color: rgba(91, 203, 255, .98);
  color: #f5fbff;
  background:
    linear-gradient(105deg, rgba(5, 139, 255, .98), rgba(21, 70, 199, .96));
  box-shadow:
    inset 0 1px rgba(231, 249, 255, .34),
    0 8px 24px rgba(0, 104, 255, .28);
}

html[data-lite-style-id="luckyusa"] #lite-lang-overlay .lite-lang-item .tick {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(175, 227, 255, .7);
  border-radius: 50%;
  color: #052b69;
  background: #c9efff;
  box-shadow: 0 3px 10px rgba(0, 19, 69, .32);
  font-size: 15px;
  line-height: 1;
  transform: scale(.72);
  transition: opacity 150ms ease, transform 150ms ease;
}

html[data-lite-style-id="luckyusa"] #lite-lang-overlay .lite-lang-item[aria-current="true"] .tick {
  transform: scale(1);
}

@keyframes lucky-language-picker-in {
  from {
    opacity: 0;
    transform: translateY(10px) scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 339px) {
  html[data-lite-style-id="luckyusa"] #lite-lang-overlay .lite-lang-sheet {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-height: 620px) {
  html[data-lite-style-id="luckyusa"] #lite-lang-overlay {
    padding-block: 12px;
  }

  html[data-lite-style-id="luckyusa"] #lite-lang-overlay .lite-lang-sheet {
    max-height: calc(100dvh - 24px);
    padding: 16px;
  }
}

/* LuckyUSA game search: retain shared search data and game cards, refine the route surface only. */
html[data-lite-style-id="luckyusa"] .app-shell.route-search,
html[data-lite-style-id="luckyusa"] .app-shell.route-search .app-main,
html[data-lite-style-id="luckyusa"] .app-shell.route-search [data-route-page="search"],
html[data-lite-style-id="luckyusa"] .app-shell.route-search .search-page {
  background:
    radial-gradient(circle at 82% 0, rgba(0, 91, 255, .12), transparent 31cqw),
    linear-gradient(180deg, #020b20 0%, #010715 100%) !important;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-search .search-page {
  min-height: 100%;
  padding: 2.7cqw 3.05cqw 6.4cqw !important;
  color: #eff6ff;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-search .search-page .search-box {
  height: 10.55cqw;
  min-height: 50px;
  grid-template-columns: 5.5cqw minmax(0, 1fr);
  gap: 1.45cqw;
  margin: 0 0 2.35cqw;
  padding: 0 2.05cqw;
  border: var(--lucky-hairline) solid rgba(52, 141, 236, .62);
  border-radius: 1.5cqw;
  background:
    linear-gradient(100deg, rgba(4, 31, 81, .94), rgba(1, 13, 42, .96));
  box-shadow: inset 0 1px rgba(188, 226, 255, .1), 0 .85cqw 1.9cqw rgba(0, 15, 57, .22);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-search .search-page .search-box img {
  width: 4.35cqw;
  height: 4.35cqw;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(66%) sepia(88%) saturate(1416%) hue-rotate(171deg) brightness(104%) contrast(102%);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-search .search-page .search-box input {
  height: 100%;
  padding: 0;
  color: #f1f7ff;
  background: transparent;
  font-size: 2.85cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-search .search-page .search-box input::placeholder {
  color: rgba(170, 196, 233, .66);
  opacity: 1;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-search .search-page .sub-tabs {
  min-height: 9.3cqw;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  border: 0;
  border-bottom: var(--lucky-hairline) solid rgba(63, 126, 205, .42);
  border-radius: 0;
  background: transparent;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-search .search-page .sub-tabs button {
  min-width: 0;
  min-height: 9.3cqw;
  position: relative;
  padding: 0 .45cqw;
  border: 0;
  border-radius: 0;
  color: rgba(209, 225, 249, .68);
  background: transparent;
  font-size: 2.45cqw;
  font-weight: 500;
  white-space: nowrap;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-search .search-page .sub-tabs button.is-active {
  color: #43a4ff;
  background: transparent;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-search .search-page .sub-tabs button.is-active::after {
  content: "";
  position: absolute;
  right: 1.55cqw;
  bottom: calc(var(--lucky-hairline) * -1);
  left: 1.55cqw;
  height: .55cqw;
  min-height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, #1d7dff, #4dc2ff);
  box-shadow: 0 0 1.05cqw rgba(25, 139, 255, .72);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-search .search-page .search-result-summary {
  margin: 1.45cqw 0 1.25cqw;
  color: rgba(175, 202, 242, .7);
  font-size: 2.28cqw;
  line-height: 1.2;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-search .search-page .search-result-summary [data-search-result-count] {
  color: #48a6ff;
  font-weight: 700;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-search .search-page .mini-game-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.55cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-search .search-page .mini-game-grid article {
  overflow: hidden;
  border: var(--lucky-hairline) solid rgba(44, 111, 199, .5);
  border-radius: 1.35cqw;
  background: linear-gradient(160deg, rgba(6, 35, 85, .96), rgba(2, 14, 43, .98));
  box-shadow: inset 0 1px rgba(192, 226, 255, .08), 0 .7cqw 1.55cqw rgba(0, 11, 43, .22);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-search .search-page .mini-game-grid img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-search .search-page .mini-game-grid span {
  min-height: 6.15cqw;
  display: flex;
  align-items: center;
  padding: .75cqw 1.05cqw .9cqw;
  color: rgba(240, 247, 255, .9);
  font-size: 2.25cqw;
  font-weight: 500;
  line-height: 1.2;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-search .search-page .l5-load-more-area {
  margin: 3.15cqw auto 0;
  padding: 0 0 2cqw;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-search .search-page .l5-empty-state {
  min-height: 38cqw;
  margin-top: 1.55cqw;
  padding: 3.5cqw 2cqw;
  border: var(--lucky-hairline) solid rgba(44, 111, 199, .38);
  border-radius: 1.55cqw;
  color: rgba(174, 204, 245, .65);
  background: linear-gradient(145deg, rgba(4, 28, 75, .62), rgba(1, 11, 34, .76));
}

html[data-lite-style-id="luckyusa"] .app-shell.route-search .search-page .page-busy {
  margin-top: 3cqw;
  color: rgba(173, 212, 255, .76);
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-panel button:focus-visible {
  outline: .45cqw solid #7bd2ff;
  outline-offset: .35cqw;
}

html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-panel button:not(:disabled):active {
  transform: scale(.985);
}

@media (prefers-reduced-motion: no-preference) {
  html[data-lite-style-id="luckyusa"] .menu-drawer-source .source-left-panel button {
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
  }
}

/* LuckyUSA free-wallet withdraw progress modal */
html[data-lite-style-id="luckyusa"] [data-modal="wallet-progress"] .ui-backdrop {
  background: rgba(0, 5, 19, .76);
  backdrop-filter: blur(1.3cqw);
}

html[data-lite-style-id="luckyusa"] .lucky-wallet-progress-card {
  top: 50%;
  width: min(91cqw, 43rem);
  min-height: 0;
  transform: translate(-50%, -50%);
  overflow: hidden;
  padding: 3.25cqw 3.8cqw 3.6cqw;
  border: var(--lucky-hairline) solid rgba(54, 155, 255, .78);
  border-radius: 2.1cqw;
  color: var(--lk-text);
  background:
    radial-gradient(circle at 84% 3%, rgba(32, 157, 255, .34), transparent 26cqw),
    radial-gradient(circle at 8% 100%, rgba(13, 74, 180, .22), transparent 28cqw),
    linear-gradient(145deg, rgba(5, 31, 76, .98), rgba(1, 11, 35, .99) 68%);
  box-shadow:
    inset 0 1px 0 rgba(184, 229, 255, .18),
    0 2.4cqw 7.8cqw rgba(0, 0, 0, .58),
    0 0 2.25cqw rgba(2, 114, 255, .17);
}

html[data-lite-style-id="luckyusa"] .lucky-wallet-progress-card::before {
  content: "";
  position: absolute;
  inset: .85cqw;
  border: var(--lucky-hairline) solid rgba(108, 188, 255, .16);
  border-radius: 1.45cqw;
  pointer-events: none;
}

html[data-lite-style-id="luckyusa"] .lucky-wallet-progress-card > * {
  position: relative;
  z-index: 1;
}

html[data-lite-style-id="luckyusa"] .lucky-wallet-progress-card .l5-wallet-progress-close {
  position: absolute;
  z-index: 4;
  left: auto;
  top: 2.3cqw;
  right: 2.3cqw;
  width: 6.4cqw;
  height: 6.4cqw;
  min-width: 0;
  min-height: 0;
  padding: 0;
  border: var(--lucky-hairline) solid rgba(88, 165, 255, .62);
  border-radius: 1.35cqw;
  color: transparent;
  pointer-events: auto;
  touch-action: manipulation;
  background: linear-gradient(145deg, rgba(12, 55, 122, .95), rgba(3, 24, 69, .98));
  box-shadow: inset 0 1px 0 rgba(206, 236, 255, .13), 0 .5cqw 1.3cqw rgba(0, 0, 0, .26);
}

html[data-lite-style-id="luckyusa"] .lucky-wallet-progress-card .l5-wallet-progress-close::before,
html[data-lite-style-id="luckyusa"] .lucky-wallet-progress-card .l5-wallet-progress-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3cqw;
  height: .42cqw;
  border-radius: 999px;
  background: #d9edff;
  box-shadow: 0 0 .65cqw rgba(39, 158, 255, .75);
}

html[data-lite-style-id="luckyusa"] .lucky-wallet-progress-card .l5-wallet-progress-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

html[data-lite-style-id="luckyusa"] .lucky-wallet-progress-card .l5-wallet-progress-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

html[data-lite-style-id="luckyusa"] .lucky-wallet-progress-heading {
  display: grid;
  grid-template-columns: 12.6cqw minmax(0, 1fr);
  align-items: center;
  justify-items: start;
  gap: 1.55cqw;
  min-height: 0;
  padding: 0 8cqw 0 0;
  text-align: left;
}

html[data-lite-style-id="luckyusa"] .lucky-wallet-progress-icon {
  display: grid;
  width: 12.6cqw;
  height: 15.7cqw;
  place-items: center;
}

html[data-lite-style-id="luckyusa"] .lucky-wallet-progress-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 .65cqw 1.1cqw rgba(0, 47, 148, .42));
}

html[data-lite-style-id="luckyusa"] .lucky-wallet-progress-heading small {
  display: block;
  margin: 0 0 .42cqw;
  color: #5eb7ff;
  font-size: 2.05cqw;
  font-weight: 760;
  line-height: 1.15;
  letter-spacing: 0;
}

html[data-lite-style-id="luckyusa"] .lucky-wallet-progress-card h2 {
  margin: 0;
  color: #f4f9ff;
  font-size: 3.62cqw;
  font-weight: 760;
  line-height: 1.14;
}

html[data-lite-style-id="luckyusa"] .lucky-wallet-progress-card > p {
  margin: 1.55cqw 0 2.2cqw;
  color: rgba(186, 213, 250, .78);
  font-size: 2.45cqw;
  line-height: 1.45;
  text-align: left;
}

html[data-lite-style-id="luckyusa"] .lucky-wallet-progress-card .l5-wallet-progress-meter {
  gap: 1.4cqw;
  padding: 2.15cqw 2.3cqw 2.25cqw;
  border: var(--lucky-hairline) solid rgba(66, 151, 255, .55);
  border-radius: 1.45cqw;
  background: rgba(0, 11, 37, .78);
  box-shadow: inset 0 1px 0 rgba(182, 227, 255, .08);
}

html[data-lite-style-id="luckyusa"] .lucky-wallet-progress-card .l5-wallet-progress-meter span,
html[data-lite-style-id="luckyusa"] .lucky-wallet-progress-card .l5-wallet-progress-meter strong {
  color: rgba(235, 246, 255, .94);
  font-size: 2.4cqw;
  font-weight: 600;
}

html[data-lite-style-id="luckyusa"] .lucky-wallet-progress-card .l5-wallet-progress-meter strong {
  color: #55b6ff;
}

html[data-lite-style-id="luckyusa"] .lucky-wallet-progress-card .l5-wallet-progress-meter i {
  height: 1.8cqw;
  border: 0;
  border-radius: 99px;
  background: rgba(0, 3, 14, .76);
  box-shadow: inset 0 0 0 var(--lucky-hairline) rgba(88, 163, 255, .24);
}

html[data-lite-style-id="luckyusa"] .lucky-wallet-progress-card .l5-wallet-progress-meter em {
  border-radius: inherit;
  background: linear-gradient(90deg, #075bff 0%, #19c4ff 74%, #ffe06a 100%);
  box-shadow: 0 0 1cqw rgba(43, 171, 255, .72);
}

html[data-lite-style-id="luckyusa"] .lucky-wallet-progress-card footer {
  gap: 1.85cqw;
  margin-top: 3.15cqw;
}

html[data-lite-style-id="luckyusa"] .lucky-wallet-progress-card footer button {
  height: 9.4cqw;
  min-height: 0;
  border-radius: 1.35cqw;
  font-size: 2.7cqw;
  font-weight: 760;
}

html[data-lite-style-id="luckyusa"] .lucky-wallet-progress-card footer button:first-child {
  border: var(--lucky-hairline) solid #2dceff;
  color: #fff;
  background: linear-gradient(180deg, #1685ff 0%, #064ee9 100%);
  box-shadow: inset 0 1px 0 rgba(234, 249, 255, .34), 0 .85cqw 1.7cqw rgba(0, 76, 255, .31);
}

html[data-lite-style-id="luckyusa"] .lucky-wallet-progress-card footer button:last-child {
  border: var(--lucky-hairline) solid rgba(83, 159, 255, .72);
  color: rgba(215, 233, 255, .82);
  background: linear-gradient(150deg, rgba(10, 43, 96, .92), rgba(2, 16, 47, .94));
}

html[data-lite-style-id="luckyusa"] .lucky-wallet-progress-card button:focus-visible {
  outline: .45cqw solid #8fd5ff;
  outline-offset: .3cqw;
}

/* LuckyUSA 奖金柜：共享数据与 action 不变，仅由风格层接管视觉。 */
html[data-lite-style-id="luckyusa"] .bonus-cabinet-modal .ui-backdrop {
  background: rgba(0, 5, 22, .82);
  backdrop-filter: blur(9px);
}

html[data-lite-style-id="luckyusa"] .bonus-cabinet-card {
  bottom: 0;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  height: min(76vh, 156cqw);
  max-height: min(76vh, 156cqw);
  padding: 15.6cqw 2.45cqw 2.5cqw;
  overflow: visible;
  border: var(--lucky-hairline) solid rgba(27, 131, 255, .9);
  border-radius: 3.5cqw 3.5cqw 0 0;
  color: #f4f8ff;
  background:
    radial-gradient(ellipse at 82% 0, rgba(0, 157, 255, .22), transparent 39%),
    radial-gradient(ellipse at 12% 100%, rgba(0, 62, 180, .18), transparent 48%),
    linear-gradient(155deg, rgba(6, 30, 79, .99), rgba(1, 10, 35, .99) 62%, rgba(1, 7, 24, .99));
  box-shadow:
    inset 0 1px 0 rgba(195, 232, 255, .15),
    inset 0 0 0 1px rgba(0, 20, 67, .88),
    0 1.4cqw 3.8cqw rgba(0, 0, 0, .56),
    0 0 2.3cqw rgba(0, 111, 255, .18);
  transform: translateX(-50%);
}

html[data-lite-style-id="luckyusa"] .bonus-cabinet-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  z-index: 1;
  height: 28cqw;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% -12%, rgba(47, 168, 255, .28), transparent 62%),
    linear-gradient(180deg, rgba(6, 39, 98, .46), transparent 88%);
}

html[data-lite-style-id="luckyusa"] .bonus-cabinet-hero {
  position: absolute;
  top: -22.5cqw;
  left: -3.2cqw;
  z-index: 3;
  display: block;
  width: 34.5cqw;
  height: 34.5cqw;
  pointer-events: none;
  background: url("../assets/bonus-cabinet/hero-v4.png?v=luckyusa-20260723i&opt=luckyusa-20260726a") center / contain no-repeat;
  filter: drop-shadow(0 1.1cqw 1.5cqw rgba(0, 0, 0, .48));
}

html[data-lite-style-id="luckyusa"] .bonus-cabinet-close {
  top: -14cqw;
  right: 3.35cqw;
  width: 8.15cqw;
  height: 8.15cqw;
  z-index: 6;
  border: var(--lucky-hairline) solid rgba(65, 149, 255, .8);
  border-radius: 50%;
  color: #e9f3ff;
  background: linear-gradient(145deg, rgba(15, 61, 136, .95), rgba(2, 18, 54, .98));
  box-shadow: inset 0 1px 0 rgba(219, 240, 255, .18), 0 .55cqw 1.2cqw rgba(0, 0, 0, .33);
  font-size: 5.15cqw;
  font-weight: 400;
  line-height: 1;
}

html[data-lite-style-id="luckyusa"] .bonus-cabinet-close:active {
  background: linear-gradient(145deg, rgba(20, 91, 191, .98), rgba(3, 31, 95, .99));
}

html[data-lite-style-id="luckyusa"] .bonus-cabinet-title {
  z-index: 2;
  min-height: 0;
  display: block;
  margin: 0 0 2.5cqw;
  color: #f5f8ff;
  text-align: center;
  text-shadow: 0 .35cqw .8cqw rgba(0, 0, 0, .52);
  font-size: 4.6cqw;
  line-height: 1.15;
  font-weight: 760;
}

html[data-lite-style-id="luckyusa"] .bonus-cabinet-tabs {
  position: relative;
  z-index: 2;
  min-height: 11.2cqw;
  margin: 0 0 2.3cqw;
  padding: .7cqw;
  border: var(--lucky-hairline) solid rgba(46, 121, 229, .42);
  border-radius: 1.55cqw;
  background: rgba(0, 9, 32, .72);
  box-shadow: inset 0 1px 0 rgba(183, 224, 255, .08);
}

html[data-lite-style-id="luckyusa"] .bonus-cabinet-tabs button {
  min-height: 9.55cqw;
  gap: 1.5cqw;
  border: var(--lucky-hairline) solid transparent;
  border-radius: 1.05cqw;
  color: rgba(201, 216, 243, .74);
  background: transparent;
  font-size: 3.15cqw;
  font-weight: 650;
}

html[data-lite-style-id="luckyusa"] .bonus-cabinet-tabs button::before {
  content: none;
  display: none;
}

html[data-lite-style-id="luckyusa"] .bonus-cabinet-tabs img {
  display: block;
  width: 5.2cqw;
  height: 5.2cqw;
  object-fit: contain;
  filter: drop-shadow(0 .25cqw .55cqw rgba(0, 0, 0, .45));
}

html[data-lite-style-id="luckyusa"] .bonus-cabinet-tabs button.is-active {
  border-color: rgba(67, 181, 255, .92);
  color: #fff;
  background: linear-gradient(180deg, #1d92ff 0%, #075ce8 100%);
  box-shadow: inset 0 1px 0 rgba(230, 249, 255, .35), 0 0 1.35cqw rgba(0, 126, 255, .42);
}

html[data-lite-style-id="luckyusa"] .bonus-cabinet-tabs em {
  top: -.55cqw;
  right: 1.05cqw;
  min-width: 3.55cqw;
  min-height: 3.55cqw;
  padding: 0 .65cqw;
  border: var(--lucky-hairline) solid rgba(255, 219, 121, .92);
  border-radius: 99px;
  color: #fff4c8;
  background: linear-gradient(180deg, #f5a51a, #b95403);
  box-shadow: 0 .25cqw .6cqw rgba(0, 0, 0, .35);
  font-size: 2.05cqw;
}

html[data-lite-style-id="luckyusa"] .bonus-cabinet-status,
html[data-lite-style-id="luckyusa"] .bonus-cabinet-empty {
  color: rgba(188, 211, 247, .68);
  font-size: 2.75cqw;
}

html[data-lite-style-id="luckyusa"] .bonus-cabinet-list {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 0;
  border-radius: 0;
}

html[data-lite-style-id="luckyusa"] .bonus-cabinet-list article {
  min-height: 14.2cqw;
  gap: 2cqw;
  padding: 1.25cqw 1.35cqw;
  margin: 0 0 1.25cqw;
  border: var(--lucky-hairline) solid rgba(52, 123, 221, .52);
  border-radius: 1.8cqw;
  background: linear-gradient(110deg, rgba(6, 31, 80, .91), rgba(2, 15, 47, .91));
  box-shadow: inset 0 1px 0 rgba(194, 225, 255, .07);
}

html[data-lite-style-id="luckyusa"] .bonus-cabinet-icon {
  width: 9cqw;
  height: 9cqw;
  border: var(--lucky-hairline) solid rgba(45, 129, 241, .68);
  border-radius: 1.6cqw;
  background: radial-gradient(circle at 35% 25%, rgba(31, 150, 255, .24), rgba(1, 16, 55, .95) 72%);
  box-shadow: inset 0 1px 0 rgba(211, 239, 255, .11);
}

html[data-lite-style-id="luckyusa"] .bonus-cabinet-list strong {
  color: #f2f7ff;
  font-size: 2.75cqw;
  line-height: 1.25;
  font-weight: 650;
}

html[data-lite-style-id="luckyusa"] .bonus-cabinet-list span {
  margin-top: .5cqw;
  color: #68bbff;
  font-size: 2.25cqw;
  line-height: 1.25;
}

html[data-lite-style-id="luckyusa"] .bonus-cabinet-list button {
  min-height: 7.25cqw;
  padding: 0 1.85cqw;
  margin-right: 0;
  border: var(--lucky-hairline) solid rgba(71, 158, 255, .72);
  border-radius: 1.15cqw;
  color: rgba(221, 238, 255, .9);
  background: rgba(4, 25, 71, .95);
  font-size: 2.35cqw;
  font-weight: 650;
}

html[data-lite-style-id="luckyusa"] .bonus-cabinet-list button.is-claim {
  border-color: #2fbcff;
  color: #fff;
  background: linear-gradient(180deg, #168aff, #0754dd);
  box-shadow: 0 .45cqw 1.1cqw rgba(0, 101, 255, .3);
}

html[data-lite-style-id="luckyusa"] .bonus-cabinet-list button:disabled,
html[data-lite-style-id="luckyusa"] .bonus-cabinet-list button.is-disabled {
  color: rgba(199, 215, 243, .48);
  background: rgba(4, 18, 51, .86);
}

html[data-lite-style-id="luckyusa"] .bonus-cabinet-empty {
  min-height: 28cqw;
  height: auto;
  display: grid;
  place-items: center;
  justify-content: center;
  padding: 8cqw 2cqw;
  margin: 0;
  border: 0;
  border-radius: 1.4cqw;
  background: radial-gradient(ellipse at 50% 50%, rgba(21, 104, 230, .16), transparent 48%);
}

/* LuckyUSA: shared USA two-step payment second step. Business data and actions stay in core.mjs. */
html[data-lite-style-id="luckyusa"] .twostep-payment-methods-modal[data-payment-page-family="usa-two-step"] .ui-backdrop {
  background: rgba(0, 5, 22, .9);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

html[data-lite-style-id="luckyusa"] .twostep-payment-methods-modal[data-payment-page-family="usa-two-step"] .twostep-payment-card {
  padding: 0 4.15cqw calc(3.15cqw + env(safe-area-inset-bottom, 0px));
  color: #f5f8ff;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(26, 122, 255, .23), transparent 40cqw),
    linear-gradient(180deg, #071a45 0%, #020b25 24%, #010817 100%);
}

html[data-lite-style-id="luckyusa"] .twostep-payment-methods-modal[data-payment-page-family="usa-two-step"] .twostep-page-header {
  min-height: 15.4cqw;
  display: grid;
  grid-template-columns: 10.4cqw minmax(0, 1fr) 10.4cqw;
  align-items: center;
  border-bottom: var(--lucky-hairline) solid rgba(53, 142, 255, .45);
}

html[data-lite-style-id="luckyusa"] .twostep-payment-methods-modal[data-payment-page-family="usa-two-step"] .twostep-page-header h2 {
  grid-column: 2;
  color: #f6f8ff;
  font-size: 4.45cqw;
  font-weight: 750;
  line-height: 1;
  text-align: center;
  text-shadow: 0 .35cqw .9cqw rgba(0, 0, 0, .35);
}

html[data-lite-style-id="luckyusa"] .twostep-payment-methods-modal[data-payment-page-family="usa-two-step"] .twostep-back-button {
  position: relative;
  top: auto;
  left: auto;
  width: 7.2cqw;
  height: 7.2cqw;
  display: grid;
  place-items: center;
  margin-left: 1.2cqw;
  border: var(--lucky-hairline) solid rgba(42, 142, 255, .86);
  border-radius: 1.55cqw;
  background: rgba(1, 17, 51, .76);
  box-shadow: inset 0 .35cqw .6cqw rgba(255, 255, 255, .11), 0 0 1.25cqw rgba(0, 124, 255, .24);
}

html[data-lite-style-id="luckyusa"] .twostep-payment-methods-modal[data-payment-page-family="usa-two-step"] .twostep-back-button::before {
  width: 2.65cqw;
  height: 2.65cqw;
  position: static;
  border-width: 0 0 .58cqw .58cqw;
  border-color: #f6f9ff;
  border-radius: .3cqw;
  box-shadow: 0 0 .7cqw rgba(246, 249, 255, .45);
  transform: rotate(45deg) translate(.35cqw, -.35cqw);
}

html[data-lite-style-id="luckyusa"] .twostep-payment-methods-modal[data-payment-page-family="usa-two-step"] .twostep-amount-panel {
  min-height: 23.2cqw;
  align-content: center;
  justify-items: center;
  gap: 1.1cqw;
  margin: 2.4cqw 0 1.65cqw;
  padding: 2.05cqw;
  border: var(--lucky-hairline) solid rgba(44, 142, 255, .43);
  border-radius: 2cqw;
  background:
    linear-gradient(90deg, transparent, rgba(28, 128, 255, .14), transparent),
    rgba(2, 16, 54, .76);
  box-shadow: inset 0 .35cqw .7cqw rgba(172, 218, 255, .06);
}

html[data-lite-style-id="luckyusa"] .twostep-payment-methods-modal[data-payment-page-family="usa-two-step"] .twostep-amount-panel span {
  color: rgba(178, 207, 250, .76);
  font-size: 2.65cqw;
  font-weight: 600;
  line-height: 1.2;
}

html[data-lite-style-id="luckyusa"] .twostep-payment-methods-modal[data-payment-page-family="usa-two-step"] .twostep-amount-panel strong {
  color: #4fa9ff;
  font-size: 7.15cqw;
  font-weight: 800;
  line-height: 1;
  text-shadow: 0 0 1.15cqw rgba(24, 145, 255, .42);
}

html[data-lite-style-id="luckyusa"] .twostep-payment-methods-modal[data-payment-page-family="usa-two-step"] .twostep-method-list {
  flex: 1 1 auto;
  align-content: start;
  gap: 2cqw;
  overflow-y: auto;
  padding: .65cqw 0 2.2cqw;
  scrollbar-width: thin;
  scrollbar-color: rgba(57, 149, 255, .75) transparent;
}

html[data-lite-style-id="luckyusa"] .twostep-payment-methods-modal[data-payment-page-family="usa-two-step"] .twostep-method-card {
  min-height: 14.6cqw;
  grid-template-columns: 8.25cqw minmax(0, 1fr) 5.2cqw;
  gap: 2cqw;
  padding: 1.4cqw 2.1cqw;
  border: var(--lucky-hairline) solid rgba(46, 123, 234, .52);
  border-radius: 1.85cqw;
  color: rgba(229, 239, 255, .96);
  background: linear-gradient(105deg, rgba(8, 37, 94, .95), rgba(2, 15, 48, .96));
  box-shadow: inset 0 .3cqw .5cqw rgba(205, 235, 255, .045);
  font-size: 3.4cqw;
  font-weight: 650;
}

html[data-lite-style-id="luckyusa"] .twostep-payment-methods-modal[data-payment-page-family="usa-two-step"] .twostep-method-card img,
html[data-lite-style-id="luckyusa"] .twostep-payment-methods-modal[data-payment-page-family="usa-two-step"] .twostep-method-fallback-icon {
  width: 7.2cqw;
  height: 7.2cqw;
  object-fit: contain;
}

html[data-lite-style-id="luckyusa"] .twostep-payment-methods-modal[data-payment-page-family="usa-two-step"] .twostep-method-copy {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: .55cqw;
}

html[data-lite-style-id="luckyusa"] .twostep-payment-methods-modal[data-payment-page-family="usa-two-step"] .twostep-method-copy strong {
  overflow: hidden;
  color: inherit;
  font-size: 3.45cqw;
  font-weight: 700;
  line-height: 1.18;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-lite-style-id="luckyusa"] .twostep-payment-methods-modal[data-payment-page-family="usa-two-step"] .twostep-method-desc {
  overflow: hidden;
  color: rgba(166, 197, 244, .7);
  font-size: 2.35cqw;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-lite-style-id="luckyusa"] .twostep-payment-methods-modal[data-payment-page-family="usa-two-step"] .twostep-method-card i {
  width: 4.4cqw;
  height: 4.4cqw;
  justify-self: end;
  border: var(--lucky-hairline) solid rgba(137, 207, 255, .9);
  background: #0d7cff;
  box-shadow: 0 0 1.25cqw rgba(21, 135, 255, .62);
}

html[data-lite-style-id="luckyusa"] .twostep-payment-methods-modal[data-payment-page-family="usa-two-step"] .twostep-method-card i::before {
  width: 1.8cqw;
  height: .95cqw;
  top: 1.28cqw;
  left: 1.1cqw;
  border-width: 0 0 .45cqw .45cqw;
}

html[data-lite-style-id="luckyusa"] .twostep-payment-methods-modal[data-payment-page-family="usa-two-step"] .twostep-method-card.is-selected {
  border-width: var(--lucky-hairline);
  border-color: #32a7ff;
  color: #fff;
  background: linear-gradient(105deg, rgba(15, 96, 220, .92), rgba(3, 42, 123, .96));
  box-shadow: inset 0 0 0 var(--lucky-hairline) rgba(159, 222, 255, .35), 0 0 1.8cqw rgba(0, 116, 255, .22);
}

html[data-lite-style-id="luckyusa"] .twostep-payment-methods-modal[data-payment-page-family="usa-two-step"] .twostep-pay-btn {
  min-height: 11.15cqw;
  height: 11.15cqw;
  margin: 0;
  border: var(--lucky-hairline) solid #65c4ff;
  border-radius: 1.7cqw;
  color: #fff;
  background: linear-gradient(180deg, #168cff, #0754e0);
  box-shadow: inset 0 .45cqw .65cqw rgba(211, 242, 255, .3), 0 .7cqw 1.8cqw rgba(0, 81, 232, .35);
  font-size: 3.55cqw;
  font-weight: 750;
}

html[data-lite-style-id="luckyusa"] .twostep-payment-methods-modal[data-payment-page-family="usa-two-step"] .twostep-pay-btn:disabled {
  border-color: rgba(70, 117, 186, .55);
  color: rgba(222, 236, 255, .55);
  background: rgba(16, 49, 103, .78);
  box-shadow: none;
}

/* VIP empty state: the shared renderer emits one status slot only; layout is a simple flex center. */
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-up-bonus-box[data-vip-empty] {
  min-height: 31.4cqw !important;
  display: block !important;
  padding: 0 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-up-bonus-box[data-vip-empty] .level-content-wrapper,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-up-bonus-box[data-vip-empty] .level-display-wrapper {
  width: 100% !important;
  min-height: 31.4cqw !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-up-bonus-box[data-vip-empty] .level-badge-container-wrapper,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-up-bonus-box[data-vip-empty] .level-badge-slider {
  width: min(62cqw, 300px) !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  transform: none !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-up-bonus-box[data-vip-empty] .level-content-container,
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-up-bonus-box[data-vip-empty] .level-arrow {
  display: none !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-up-bonus-box[data-vip-empty] .vip-data-empty {
  width: 100%;
  min-height: 17.4cqw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.25cqw;
  margin: 0;
  padding: 2.35cqw 3.4cqw;
  border: var(--lucky-hairline) solid rgba(88, 166, 255, .42);
  border-radius: 1.6cqw;
  color: rgba(239, 247, 255, .92);
  background: linear-gradient(135deg, rgba(15, 67, 150, .22), rgba(2, 17, 49, .34));
  box-shadow: inset 0 .35cqw .8cqw rgba(191, 227, 255, .06);
  font-size: 3.35cqw;
  font-weight: 700;
  line-height: 1.24;
  text-align: center;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-up-bonus-box[data-vip-empty] .vip-data-empty::before {
  content: "VIP";
  min-width: 8.1cqw;
  height: 4.45cqw;
  display: grid;
  place-items: center;
  border: var(--lucky-hairline) solid rgba(95, 190, 255, .82);
  border-radius: 999px;
  color: #dff5ff;
  background: linear-gradient(180deg, rgba(26, 136, 255, .55), rgba(4, 53, 142, .7));
  box-shadow: 0 0 1.35cqw rgba(0, 142, 255, .3);
  font-size: 2.15cqw;
  font-weight: 850;
  letter-spacing: .16cqw;
  line-height: 1;
}

@media (max-width: 374px) {
  html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-up-bonus-box[data-vip-empty] .level-badge-container-wrapper,
  html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-up-bonus-box[data-vip-empty] .level-badge-slider {
    width: min(68cqw, 280px) !important;
  }

  html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .level-up-bonus-box[data-vip-empty] .vip-data-empty {
    font-size: 3.55cqw;
  }
}

/* Account Access: translated titles and the welcome badge share one shrinkable row on narrow screens. */
html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-header {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 0 38px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-header h2 {
  min-width: 0 !important;
  max-width: calc(100% - 80px) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-title-badge {
  position: static !important;
  top: auto !important;
  right: auto !important;
  flex: 0 0 auto !important;
}

@media (max-width: 374px) {
  html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-header {
    min-height: 28px !important;
    gap: 5px !important;
    padding: 0 30px !important;
  }

  html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-card h2 {
    font-size: 19px !important;
    line-height: 1.15 !important;
  }

  html[data-lite-style-id="luckyusa"] [data-modal="account-access"] .account-access-title-badge {
    min-width: 66px !important;
    height: 22px !important;
    gap: 3px !important;
    padding: 0 5px !important;
    font-size: 11px !important;
  }
}

/* LuckyUSA account switch: preserve the shared logout actions while matching the blue-gold modal system. */
html[data-lite-style-id="luckyusa"] [data-modal="logout-confirm"].ui-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1202 !important;
  display: grid !important;
  place-items: center !important;
  width: 100vw !important;
  min-height: 100dvh !important;
  padding: max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom)) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="logout-confirm"] .logout-confirm-backdrop {
  position: fixed !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(12, 112, 255, .2), transparent 34%),
    rgba(0, 4, 18, .78) !important;
  backdrop-filter: blur(8px) brightness(.68) !important;
  -webkit-backdrop-filter: blur(8px) brightness(.68) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="logout-confirm"] .logout-confirm-card {
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: min(calc(100vw - 32px), 360px) !important;
  display: grid !important;
  gap: 0 !important;
  padding: 26px 22px 22px !important;
  overflow: hidden !important;
  border: 1px solid rgba(48, 153, 255, .86) !important;
  border-radius: 16px !important;
  color: #f7fbff !important;
  background:
    radial-gradient(circle at 50% 0, rgba(36, 138, 255, .25), transparent 44%),
    linear-gradient(180deg, rgba(7, 33, 83, .985), rgba(1, 10, 32, .995)) !important;
  box-shadow:
    inset 0 1px 0 rgba(194, 232, 255, .17),
    inset 0 0 30px rgba(0, 104, 255, .11),
    0 0 26px rgba(0, 119, 255, .3),
    0 22px 54px rgba(0, 0, 0, .68) !important;
  transform: translateY(12px) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="logout-confirm"].is-active .logout-confirm-card {
  transform: translateY(0) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="logout-confirm"] .logout-confirm-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 56%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(139, 220, 255, .96), transparent);
  box-shadow: 0 0 13px rgba(61, 175, 255, .94);
  transform: translateX(-50%);
}

html[data-lite-style-id="luckyusa"] [data-modal="logout-confirm"] .logout-confirm-title {
  margin: 0 0 10px !important;
  color: #fff !important;
  font-size: 25px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-shadow: 0 2px 7px rgba(0, 0, 0, .45) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="logout-confirm"] .logout-confirm-message {
  max-width: 282px !important;
  margin: 0 auto 23px !important;
  color: rgba(191, 216, 255, .88) !important;
  font-size: 15px !important;
  line-height: 1.48 !important;
  text-align: center !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="logout-confirm"] .logout-confirm-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 10px !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="logout-confirm"] .logout-confirm-actions button {
  min-width: 0 !important;
  min-height: 46px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 12px !important;
  border: 1px solid rgba(70, 150, 250, .68) !important;
  border-radius: 10px !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  transition: transform 160ms ease, filter 160ms ease !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="logout-confirm"] .logout-confirm-cancel {
  color: rgba(231, 243, 255, .96) !important;
  background: linear-gradient(180deg, rgba(18, 64, 137, .94), rgba(5, 27, 77, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(199, 229, 255, .12) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="logout-confirm"] .logout-confirm-sure {
  border-color: rgba(255, 129, 125, .88) !important;
  color: #fff !important;
  background: linear-gradient(180deg, #f06365, #bc2e42) !important;
  box-shadow: inset 0 1px 0 rgba(255, 228, 228, .25), 0 0 12px rgba(218, 57, 76, .25) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="logout-confirm"] .logout-confirm-actions button:active {
  filter: brightness(.9) !important;
  transform: translateY(1px) !important;
}

/* New user reward: compact, information-led composition built from a complete frame,
   eagle/chest medallion and standalone CTA material. Runtime copy and currency remain
   semantic HTML so locale and eligibility data are never baked into art. */
html[data-lite-style-id="luckyusa"] [data-modal="new-user-reward"].ui-modal {
  z-index: 1204 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="new-user-reward"] .ui-backdrop {
  background:
    radial-gradient(circle at 50% 42%, rgba(0, 128, 255, .22), transparent 36%),
    rgba(0, 5, 22, .78) !important;
  backdrop-filter: blur(7px) brightness(.64) !important;
  -webkit-backdrop-filter: blur(7px) brightness(.64) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="new-user-reward"] .new-user-reward-card {
  width: min(96cqw, 420px) !important;
  min-height: 0 !important;
  aspect-ratio: 1.25 / 1 !important;
  display: block !important;
  overflow: visible !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #f7fbff !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="new-user-reward"] .new-user-reward-visual,
html[data-lite-style-id="luckyusa"] [data-modal="new-user-reward"] .new-user-reward-visual::before,
html[data-lite-style-id="luckyusa"] [data-modal="new-user-reward"] .new-user-reward-visual::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

html[data-lite-style-id="luckyusa"] [data-modal="new-user-reward"] .new-user-reward-visual {
  display: block !important;
  inset: 0;
  z-index: 0;
}

html[data-lite-style-id="luckyusa"] [data-modal="new-user-reward"] .new-user-reward-visual::before {
  inset: 0;
  background: url("../assets/new-user-reward/new-user-reward-frame-v5.webp?v=luckyusa-new-user-reward-assets-20260729a") center / 100% 100% no-repeat;
}

html[data-lite-style-id="luckyusa"] [data-modal="new-user-reward"] .new-user-reward-visual::after {
  z-index: 1;
  top: 14.7%;
  left: 9.7%;
  width: 24.5%;
  height: auto;
  aspect-ratio: 1;
  /* The generated medallion canvas has symmetric transparent padding. A larger
     socket keeps the full outer rim visible while preserving the intended size. */
  background: url("../assets/new-user-reward/new-user-reward-hero-v3.webp?v=luckyusa-new-user-reward-assets-20260729a") center / 200% auto no-repeat;
}

html[data-lite-style-id="luckyusa"] [data-modal="new-user-reward"] .new-user-reward-card > :not(.new-user-reward-visual):not(.new-user-reward-close) {
  position: relative;
  z-index: 2;
}

html[data-lite-style-id="luckyusa"] [data-modal="new-user-reward"] .new-user-reward-copy {
  position: absolute !important;
  z-index: 2;
  top: 15.3%;
  left: 37.2%;
  right: 23%;
  min-width: 0;
  margin: 0 !important;
  text-align: left;
}

html[data-lite-style-id="luckyusa"] [data-modal="new-user-reward"] .new-user-reward-kicker {
  display: block;
  margin: 0 !important;
  color: #ffe39a !important;
  font-size: 2.8cqw !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .54) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="new-user-reward"] .new-user-reward-card h2 {
  max-width: 100%;
  margin: .7cqw 0 .15cqw !important;
  color: #fff !important;
  font-size: 4.45cqw !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .5) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="new-user-reward"] [data-new-user-reward-amount] {
  display: block;
  color: #ffe26f !important;
  font-size: 6.2cqw !important;
  font-weight: 900 !important;
  letter-spacing: -.035em !important;
  text-shadow: 0 2px 0 #7e4800, 0 0 16px rgba(255, 205, 53, .5) !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="new-user-reward"] .new-user-reward-card p {
  position: absolute !important;
  z-index: 2;
  top: 59.5%;
  left: 13%;
  right: 13%;
  max-width: none;
  margin: 0 !important;
  color: rgba(213, 231, 255, .88) !important;
  font-size: 3.05cqw !important;
  line-height: 1.35 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="new-user-reward"] .new-user-reward-primary {
  position: absolute !important;
  z-index: 3 !important;
  top: 72.4% !important;
  left: 25% !important;
  width: 50% !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 1780 / 450;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #302000 !important;
  background: url("../assets/new-user-reward/new-user-reward-button-v1.webp?v=luckyusa-new-user-reward-assets-20260729a") center / 100% 100% no-repeat !important;
  box-shadow: none !important;
  display: grid !important;
  place-items: center !important;
  line-height: 1 !important;
  font-size: 3.55cqw !important;
  font-weight: 900 !important;
}

html[data-lite-style-id="luckyusa"] [data-modal="new-user-reward"] .new-user-reward-close {
  z-index: 4 !important;
  top: 15% !important;
  right: 13.5% !important;
  width: 6.3cqw !important;
  height: 6.3cqw !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid rgba(135, 211, 255, .78) !important;
  border-radius: 50% !important;
  color: #d8f1ff !important;
  background: rgba(2, 20, 67, .78) !important;
  box-shadow: 0 0 9px rgba(44, 164, 255, .48) !important;
  font-size: 4.7cqw !important;
}

html[data-lite-style-id="luckyusa"] .new-user-reward-fab {
  border-color: rgba(255, 211, 92, .88) !important;
  background: radial-gradient(circle at 34% 28%, #3dcbff, #0b4fc8 56%, #041d65) !important;
  box-shadow: inset 0 1px 0 rgba(205,244,255,.56), 0 5px 17px rgba(0, 69, 200, .55) !important;
}

@media (max-width: 374px) {
  html[data-lite-style-id="luckyusa"] [data-modal="logout-confirm"] .logout-confirm-card {
    width: calc(100vw - 24px) !important;
    padding: 22px 16px 16px !important;
    border-radius: 13px !important;
  }

  html[data-lite-style-id="luckyusa"] [data-modal="logout-confirm"] .logout-confirm-title {
    font-size: 22px !important;
  }

  html[data-lite-style-id="luckyusa"] [data-modal="logout-confirm"] .logout-confirm-message {
    margin-bottom: 18px !important;
    font-size: 14px !important;
  }

  html[data-lite-style-id="luckyusa"] [data-modal="logout-confirm"] .logout-confirm-actions button {
    min-height: 42px !important;
    font-size: 15px !important;
  }
}

/* Ranking board tabs: translated labels stay a single, legible line beside their fixed icon. */
html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-board-tabs {
  gap: 1.8cqw;
  margin-right: 0;
  margin-left: 0;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-board-tabs button {
  min-width: 0;
  gap: 1.15cqw;
  padding: 0 1.5cqw;
  font-size: 13px;
  line-height: 1;
  white-space: nowrap;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-board-tabs button > span:last-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-board-tabs button > .ranking-tab-bars {
  width: 3.7cqw;
  height: 3.85cqw;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-board-tabs button > .ranking-tab-agent {
  width: 4.15cqw;
  height: 4.15cqw;
}

@media (max-width: 374px) {
  html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .luckyusa-ranking-page .contest-board-tabs button {
    font-size: 12px;
  }
}

/* Top 30 drawer uses the same compact, single-line board labels as the ranking page. */
html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .contest-top30-drawer nav {
  gap: 1.8cqw;
}

html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .contest-top30-drawer nav button {
  min-width: 0;
  height: 46px;
  padding: 0 12px;
  overflow: hidden;
  font-size: 13px;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 374px) {
  html[data-lite-style-id="luckyusa"] .contest-ranking-drawer .contest-top30-drawer nav button {
    padding: 0 8px;
    font-size: 12px;
  }
}

/* Calendar dates are a CSS-only surface: no generated bitmap is needed for a blue panel. */
html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .calendar-cards {
  background:
    linear-gradient(180deg, rgba(11, 42, 102, .9), rgba(4, 18, 54, .96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(123, 192, 255, .08),
    inset 0 0 0 1px rgba(55, 126, 222, .22) !important;
}

html[data-lite-style-id="luckyusa"] .vip-drawer-source[data-drawer="vip"] .calendar-card {
  background-color: transparent !important;
  background-image: none !important;
}

/* Invite FAQ: keep the shared commission explanation in normal flow below its visual tree. */
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] .network-image-wrapper,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] .network-image-wrapper {
  display: flex;
  flex-direction: column;
  height: auto;
  aspect-ratio: auto;
  overflow: visible;
  border-radius: 0;
  background: none;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] .network-image-wrapper::before,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] .network-image-wrapper::before {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 2.2;
  border: var(--lucky-hairline) solid rgba(47, 133, 255, .36);
  border-radius: 1.7cqw;
  background:
    url("../assets/invite-promotion-network.webp?v=luckyusa-invite-webp-20260728a") center / contain no-repeat,
    radial-gradient(circle at 50% 18%, rgba(21, 133, 255, .3), transparent 32cqw),
    linear-gradient(180deg, rgba(3, 24, 66, .76), rgba(2, 14, 42, .86));
  box-shadow: inset 0 0 0 1px rgba(86, 178, 255, .08);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] .network-image-text-line-content-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] .network-image-text-line-content-box {
  order: 1;
  display: grid;
  gap: 5px;
  margin-top: 10px;
  padding: 10px 12px;
  border-color: rgba(47, 133, 255, .45);
  border-radius: 10px;
  color: rgba(236, 244, 255, .84);
  font-size: clamp(12px, 2.4cqw, 14px);
  line-height: 1.42;
  background: linear-gradient(180deg, rgba(5, 29, 78, .82), rgba(1, 13, 42, .9));
}

/* The shared C77 hierarchy artwork remains available to other styles; LuckyUSA swaps only FAQ visuals. */
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] [data-invite-faq-visual="agent"],
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] [data-invite-faq-visual="agent"] {
  content: url("../assets/invite-faq-agent-node.webp?v=luckyusa-invite-faq-20260728a");
  width: clamp(52px, 12cqw, 68px);
  height: clamp(52px, 12cqw, 68px);
  object-fit: contain;
  filter: drop-shadow(0 0 9px rgba(31, 142, 255, .48));
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] [data-invite-faq-visual="branch-primary"],
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] [data-invite-faq-visual="branch-primary"] {
  content: url("../assets/invite-faq-branch-primary.webp?v=luckyusa-invite-faq-20260728a");
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] [data-invite-faq-visual="branch-secondary"],
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] [data-invite-faq-visual="branch-secondary"] {
  content: url("../assets/invite-faq-branch-secondary.webp?v=luckyusa-invite-faq-20260728a");
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] .performance-image,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] .performance-image {
  padding: 8px 14px;
  filter: drop-shadow(0 0 8px rgba(30, 132, 255, .4));
}

/* The shared C77 diagrams flow upward into the performance summary. Keep the
 * redrawn connectors on the same semantic direction as those source diagrams. */
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] [data-invite-faq-visual^="branch-"],
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] [data-invite-faq-visual^="branch-"] {
  transform: scaleY(-1);
}

/* Contribution cards need a separate surface from the surrounding FAQ canvas
 * so the calculation phases can be scanned before the member cards below. */
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] .contribution-boxes,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] .contribution-boxes {
  align-items: stretch;
  gap: 9px;
  margin: 8px 0 12px;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] .contribution-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] .contribution-box {
  min-height: 88px;
  gap: 7px;
  padding: 9px 7px;
  border: var(--lucky-hairline) solid rgba(54, 139, 255, .46);
  border-radius: 9px;
  background:
    radial-gradient(circle at 50% 0, rgba(42, 145, 255, .18), transparent 70%),
    linear-gradient(180deg, rgba(7, 38, 96, .9), rgba(2, 15, 47, .96));
  box-shadow: inset 0 1px 0 rgba(154, 211, 255, .08), 0 5px 12px rgba(0, 5, 25, .2);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] .contribution-label,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] .contribution-label {
  color: rgba(224, 239, 255, .78);
  font-weight: 600;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] .contribution-value,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] .contribution-value {
  color: #37baff;
  font-weight: 750;
  text-shadow: 0 0 8px rgba(21, 155, 255, .36);
}

/* LuckyUSA keeps the commission-card copy in HTML. The old C77 composite
 * artwork bundled avatars, labels, and the orange footer into one bitmap,
 * so replace it with three independent, release-aware agent portraits. */
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] .commission-rules-image-box,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] .commission-rules-image-box {
  width: 100%;
  height: auto;
  min-height: 0;
  padding: 8px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  border: var(--lucky-hairline) solid rgba(102, 69, 232, .56);
  border-radius: 12px;
  background:
    radial-gradient(circle at 50% 0, rgba(107, 78, 255, .2), transparent 42%),
    linear-gradient(180deg, rgba(7, 18, 53, .96), rgba(3, 10, 32, .98));
  box-shadow: inset 0 1px 0 rgba(183, 166, 255, .11), 0 9px 20px rgba(1, 6, 29, .28);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content {
  position: relative;
  width: auto;
  min-width: 0;
  min-height: 178px;
  margin: 0;
  padding: 10px 8px 0;
  display: grid;
  grid-template-rows: 62px minmax(38px, 1fr) auto;
  gap: 4px;
  align-items: center;
  justify-items: stretch;
  overflow: hidden;
  border: var(--lucky-hairline) solid rgba(154, 83, 255, .76);
  border-radius: 10px;
  background:
    radial-gradient(circle at 50% 15%, rgba(56, 155, 255, .15), transparent 39%),
    linear-gradient(180deg, rgba(14, 23, 58, .98), rgba(7, 12, 35, .99));
  box-shadow: inset 0 1px 0 rgba(212, 185, 255, .09);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content::before,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content::before {
  content: "";
  grid-row: 1;
  justify-self: center;
  width: 62px;
  height: 62px;
  background: center / contain no-repeat;
  filter: drop-shadow(0 5px 8px rgba(0, 0, 0, .32));
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content:nth-child(1)::before,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content:nth-child(1)::before {
  background-image: url("../assets/invite-faq-agent-b1.webp?v=luckyusa-agent-cards-20260729a");
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content:nth-child(2)::before,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content:nth-child(2)::before {
  background-image: url("../assets/invite-faq-agent-b2.webp?v=luckyusa-agent-cards-20260729a");
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content:nth-child(3)::before,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content:nth-child(3)::before {
  background-image: url("../assets/invite-faq-agent-b3.webp?v=luckyusa-agent-cards-20260729a");
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content::after,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content::after {
  position: absolute;
  top: 8px;
  left: 8px;
  color: #ffd1bd;
  font-size: clamp(12px, 3cqw, 16px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  text-shadow: 0 0 8px rgba(255, 84, 38, .52);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content:nth-child(1)::after,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content:nth-child(1)::after { content: "B1"; }
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content:nth-child(2)::after,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content:nth-child(2)::after { content: "B2"; }
html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content:nth-child(3)::after,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content:nth-child(3)::after { content: "B3"; }

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content-title,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content-title {
  grid-row: 2;
  align-self: center;
  margin: 0;
  color: rgba(239, 246, 255, .88);
  font-size: clamp(10px, 2.35cqw, 13px);
  font-weight: 600;
  line-height: 1.24;
  overflow: hidden;
  text-align: center;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content-value,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content-value {
  grid-row: 3;
  width: calc(100% + 16px);
  min-height: 47px;
  margin: 0 -8px;
  padding: 7px 4px 8px;
  display: grid;
  place-items: center;
  gap: 1px;
  border-top: 1px solid rgba(251, 116, 84, .35);
  background: linear-gradient(180deg, #b541e6 0%, #d9468d 54%, #ff6b2d 100%);
  box-shadow: inset 0 1px 0 rgba(255, 231, 211, .24);
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content-value-label,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content-value-label {
  color: rgba(255, 247, 243, .92);
  font-size: clamp(9px, 2.2cqw, 12px);
  font-weight: 700;
  line-height: 1.1;
}

html[data-lite-style-id="luckyusa"] .app-shell.route-invite .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content-value-value,
html[data-lite-style-id="luckyusa"] .app-shell.route-spread .agente-container [data-invite-panel="faq"] .commission-rules-image-box-content-value-value {
  color: #fff5e8;
  font-size: clamp(11px, 2.7cqw, 15px);
  font-weight: 800;
  line-height: 1;
  text-shadow: 0 1px 3px rgba(92, 16, 41, .35);
}