:root {
  --lw-header-bg: linear-gradient(180deg, rgba(54, 36, 104, 0.82), rgba(34, 22, 73, 0.78));
  --lw-panel-bg: linear-gradient(180deg, rgba(70, 45, 123, 0.94), rgba(52, 38, 101, 0.94));
  --lw-card-bg: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
  --lw-border: rgba(255,255,255,0.08);
  --lw-shadow: 0 18px 44px rgba(8, 6, 30, 0.22);
  --lw-pill-shadow: 0 8px 20px rgba(12, 8, 32, 0.18);
}

header.fixed.top-0.left-0.right-0.z-50 {
  background: rgba(17, 10, 43, 0.62) !important;
  border-bottom-color: rgba(255,255,255,0.05) !important;
  backdrop-filter: blur(22px) saturate(1.15);
}

header.fixed.top-0.left-0.right-0.z-50 > .mx-auto {
  margin-top: 0.55rem;
  margin-bottom: 0.35rem;
  height: 64px !important;
  border-radius: 1.25rem;
  border: 1px solid var(--lw-border);
  background: var(--lw-header-bg);
  box-shadow: 0 16px 40px rgba(9,7,27,0.22), inset 0 1px 0 rgba(255,255,255,0.05);
}

header.fixed.top-0.left-0.right-0.z-50 nav a {
  border-radius: 999px;
  padding: 0.5rem 0.82rem;
  font-size: 0.9rem;
  font-weight: 700;
}

header.fixed.top-0.left-0.right-0.z-50 nav a:hover {
  background: rgba(255,255,255,0.06);
}

header.fixed.top-0.left-0.right-0.z-50 .header-login-link,
header.fixed.top-0.left-0.right-0.z-50 .header-actions > a:last-child {
  border-radius: 1rem;
}

header.fixed.top-0.left-0.right-0.z-50 .header-login-link {
  border-color: rgba(255,255,255,0.10) !important;
  background: rgba(255,255,255,0.05) !important;
}

header.fixed.top-0.left-0.right-0.z-50 .header-actions > a:last-child {
  box-shadow: 0 10px 24px rgba(80,47,180,0.25);
}

.mobile-header-actions {
  display: none;
  align-items: center;
  gap: 0.65rem;
}

.mobile-header-login {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.65rem;
  padding: 0.7rem 1rem;
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.05);
  color: #fff;
  font-size: 0.95rem;
  font-weight: 800;
  line-height: 1;
}

.mobile-menu-toggle {
  position: relative;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.05);
  box-shadow: var(--lw-pill-shadow);
}

.mobile-menu-toggle span,
.mobile-menu-toggle::before,
.mobile-menu-toggle::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 1.15rem;
  height: 2px;
  border-radius: 999px;
  background: #fff;
  transform: translateX(-50%);
  transition: transform 180ms ease, opacity 180ms ease, top 180ms ease;
}
.mobile-menu-toggle::before { top: 0.95rem; }
.mobile-menu-toggle span { top: 1.34rem; }
.mobile-menu-toggle::after { top: 1.73rem; }

header.mobile-menu-open .mobile-menu-toggle::before {
  top: 1.34rem;
  transform: translateX(-50%) rotate(45deg);
}
header.mobile-menu-open .mobile-menu-toggle span {
  opacity: 0;
}
header.mobile-menu-open .mobile-menu-toggle::after {
  top: 1.34rem;
  transform: translateX(-50%) rotate(-45deg);
}

.mobile-nav-panel {
  display: none;
}

.member-hero {
  padding-top: 1rem !important;
}
.member-hero > .grid:first-child {
  gap: 1rem;
  align-items: stretch;
}
.member-hero > .grid:first-child > div:first-child,
.member-hero > .grid:first-child > .glass-panel {
  border-radius: 1.75rem;
  border: 1px solid var(--lw-border);
  background: linear-gradient(180deg, rgba(73,49,128,0.32), rgba(48,32,88,0.24));
  box-shadow: var(--lw-shadow), inset 0 1px 0 rgba(255,255,255,0.05);
  padding: 1.35rem;
}

.member-filter-bar {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) minmax(220px, 280px);
  align-items: center;
  gap: 0.8rem;
  border-radius: 1.3rem;
  padding: 0.85rem 0.9rem;
  background: linear-gradient(180deg, rgba(46,30,88,0.88), rgba(34,22,68,0.84));
  border: 1px solid var(--lw-border);
  box-shadow: 0 16px 44px rgba(9, 6, 30, 0.18), inset 0 1px 0 rgba(255,255,255,0.04);
}
.member-filter-bar > div {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-width: max-content;
  padding: 0.8rem 0.95rem;
  border-radius: 1rem;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.06);
  font-weight: 800;
}
.member-filter-bar > div span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.8rem;
  height: 1.8rem;
  padding: 0 0.4rem;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(18,155,244,0.20), rgba(110,53,242,0.24));
}
.member-filter-bar input,
.member-filter-bar select {
  min-height: 3.1rem;
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,0.08);
  background: linear-gradient(180deg, rgba(31,20,64,0.98), rgba(24,17,54,0.98));
  color: #fff;
  padding: 0 1rem;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 1px rgba(0,0,0,0.08);
}

#member-lottery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 1.35rem;
}

.member-lottery-card {
  position: relative;
  overflow: hidden;
  border-radius: 2rem !important;
  padding: 1.15rem !important;
  background:
    radial-gradient(circle at top right, rgba(145,94,255,0.18), transparent 34%),
    var(--lw-panel-bg);
  border: 1px solid rgba(255,255,255,0.09);
  box-shadow: 0 22px 56px rgba(6, 5, 22, 0.30), inset 0 1px 0 rgba(255,255,255,0.05);
}
.member-lottery-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0.03), transparent 18%);
  pointer-events: none;
}
.member-card-head {
  align-items: center !important;
  margin-bottom: 1rem;
}
.member-lottery-brand {
  width: 4.3rem !important;
  height: 4.3rem !important;
  border-radius: 1.35rem !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.16), rgba(255,255,255,0.08)) !important;
}
.member-card-head h3 {
  font-size: 1.8rem;
  line-height: 1.02;
  letter-spacing: -0.03em;
}
.member-line,
#public-powerball-preview .signal-line-card {
  overflow: visible;
  border-radius: 1.5rem !important;
  padding: 1rem !important;
  background: var(--lw-card-bg) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 22px rgba(10, 8, 28, 0.10);
}
.member-lines { display: grid; gap: 1rem; }
.member-main-balls,
.premium-set-wrap .flex.flex-wrap.gap-2 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
.member-extra-group,
.premium-extra-group {
  margin-top: 0.85rem;
  align-items: center;
}
.member-extra-group > span,
.premium-extra-group > span {
  min-width: 5.2rem !important;
  color: rgba(255,255,255,0.92) !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  text-transform: none !important;
}

.number-ball.premium-ball,
.member-number-ball {
  position: relative;
  overflow: visible !important;
  isolation: isolate;
  width: 2.18rem !important;
  height: 2.18rem !important;
  border-radius: 999px !important;
}
.number-ball.premium-ball::before,
.member-number-ball::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.20), inset 0 -6px 12px rgba(0,0,0,0.12);
}
.number-ball.premium-ball::after,
.member-number-ball::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.ball-number {
  position: relative;
  z-index: 4 !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
  color: #fff !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.38), 0 0 1px rgba(0,0,0,0.26) !important;
}

.theme-hot-main::before,
.theme-hot-extra::before,
.member-number-hot-main::before,
.member-number-hot-extra::before {
  background:
    radial-gradient(circle at 34% 28%, rgba(255,255,255,0.28), transparent 22%),
    radial-gradient(circle at 50% 42%, rgba(255,166,98,0.26), rgba(255,90,42,0.12) 60%, transparent 76%),
    linear-gradient(180deg, rgba(196,73,41,0.94), rgba(133,38,24,0.96));
  border: 1px solid rgba(235,142,90,0.44);
}
.theme-hot-main::after,
.theme-hot-extra::after,
.member-number-hot-main::after,
.member-number-hot-extra::after {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url('../images/assets/effects/flame-soft.svg');
  background-size: 88% 88%;
  background-position: center 58%;
  opacity: 0.26;
  animation: lwBallFlame 2.6s ease-in-out infinite alternate;
}

.theme-cold-main::before,
.theme-cold-extra::before,
.member-number-cold-main::before,
.member-number-cold-extra::before {
  background:
    radial-gradient(circle at 34% 28%, rgba(255,255,255,0.28), transparent 22%),
    radial-gradient(circle at 50% 42%, rgba(163,229,255,0.20), rgba(72,143,246,0.10) 60%, transparent 76%),
    linear-gradient(180deg, rgba(75,116,191,0.96), rgba(43,72,141,0.98));
  border: 1px solid rgba(143,205,255,0.42);
}
.theme-cold-main::after,
.theme-cold-extra::after,
.member-number-cold-main::after,
.member-number-cold-extra::after {
  left: -11%;
  top: -10%;
  width: 122%;
  height: 122%;
  background-image: url('../images/assets/effects/frost-soft.svg');
  opacity: 0.48;
  animation: lwBallFrost 5s ease-in-out infinite;
}

.theme-unique-main::before,
.theme-unique-extra::before,
.member-number-unique-main::before,
.member-number-unique-extra::before {
  background:
    radial-gradient(circle at 34% 28%, rgba(255,255,255,0.26), transparent 22%),
    radial-gradient(circle at 50% 42%, rgba(255,221,132,0.16), rgba(223,178,58,0.10) 60%, transparent 76%),
    linear-gradient(180deg, rgba(164,126,80,0.96), rgba(128,93,56,0.98));
  border: 1px solid rgba(223,186,114,0.40);
}
.theme-unique-main::after,
.theme-unique-extra::after,
.member-number-unique-main::after,
.member-number-unique-extra::after {
  left: -12%;
  top: -12%;
  width: 124%;
  height: 124%;
  background-image: url('../images/assets/effects/gold-soft.svg');
  opacity: 0.44;
  animation: lwBallGold 4.2s ease-in-out infinite;
}
@keyframes lwBallFlame {
  0% { transform: translateY(1%) scale(0.985); opacity: 0.22; }
  50% { transform: translateY(-1%) scale(1.01); opacity: 0.30; }
  100% { transform: translateY(-2%) scale(1.02); opacity: 0.24; }
}
@keyframes lwBallFrost {
  0% { transform: rotate(0deg) scale(0.99); opacity: 0.42; }
  50% { transform: rotate(0.5deg) scale(1.01); opacity: 0.5; }
  100% { transform: rotate(0deg) scale(1); opacity: 0.44; }
}
@keyframes lwBallGold {
  0% { transform: scale(0.99); opacity: 0.38; }
  50% { transform: scale(1.02); opacity: 0.48; }
  100% { transform: scale(1.00); opacity: 0.40; }
}

.member-play-link,
.line-copy-btn,
.member-refresh-btn,
.preview-refresh-btn {
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(10px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 6px 16px rgba(15,10,36,0.14);
}
.member-refresh-btn { min-height: 3.6rem; border-radius: 1.25rem; }
.line-copy-btn.is-copied {
  background: linear-gradient(135deg, rgba(52,211,153,0.20), rgba(16,185,129,0.14));
  border-color: rgba(74,222,128,0.40);
  color: #ecfdf5;
}
.line-copy-btn.is-error {
  background: linear-gradient(135deg, rgba(248,113,113,0.18), rgba(239,68,68,0.12));
  border-color: rgba(248,113,113,0.38);
  color: #fff1f2;
}

.powerball-preview-card { padding: 1.55rem !important; }
#public-powerball-preview { margin-top: 1.2rem; }

@media (max-width: 767px) {
  header.fixed.top-0.left-0.right-0.z-50 > .mx-auto {
    margin-top: 0.45rem !important;
    margin-bottom: 0.3rem !important;
    height: 58px !important;
    border-radius: 1rem !important;
  }

  header.fixed.top-0.left-0.right-0.z-50 nav,
  header.fixed.top-0.left-0.right-0.z-50 .header-actions {
    display: none !important;
  }
  .mobile-header-actions { display: inline-flex; }
  .mobile-nav-panel {
    display: block;
    position: absolute;
    left: 0.75rem;
    right: 0.75rem;
    top: calc(100% + 0.35rem);
    padding: 0.75rem;
    border-radius: 1.15rem;
    background: linear-gradient(180deg, rgba(51,34,97,0.96), rgba(30,20,66,0.96));
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 18px 40px rgba(8,7,26,0.26);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-6px);
    transition: opacity 160ms ease, transform 160ms ease;
  }
  header.mobile-menu-open .mobile-nav-panel {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
  .mobile-nav-panel nav,
  .mobile-nav-panel .mobile-nav-links {
    display: grid;
    gap: 0.35rem;
  }
  .mobile-nav-panel a {
    display: flex;
    align-items: center;
    min-height: 2.8rem;
    padding: 0.7rem 0.9rem;
    border-radius: 0.95rem;
    color: #fff;
    font-weight: 700;
    background: rgba(255,255,255,0.04);
  }
  .mobile-nav-panel .mobile-panel-cta {
    margin-top: 0.5rem;
    background: linear-gradient(to right, #129BF4, #6E35F2, #D412F7);
  }

  .member-hero { padding-top: 0.55rem !important; }
  .member-hero > .grid:first-child { grid-template-columns: 1fr !important; }
  .member-hero > .grid:first-child > div:first-child,
  .member-hero > .grid:first-child > .glass-panel {
    border-radius: 1.35rem;
    padding: 1rem;
  }
  .member-filter-bar {
    position: relative !important;
    top: auto !important;
    grid-template-columns: 1fr;
    gap: 0.7rem;
    padding: 0.75rem;
    border-radius: 1.15rem;
  }
  .member-filter-bar > div,
  .member-filter-bar input,
  .member-filter-bar select { width: 100%; }
  .member-filter-bar > div:first-child {
    transition: opacity 180ms ease, transform 180ms ease, max-height 180ms ease, padding 180ms ease, margin 180ms ease;
    max-height: 3.2rem;
    overflow: hidden;
  }
  .member-filter-bar.is-scrolled > div:first-child {
    opacity: 0;
    transform: translateY(-8px);
    max-height: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    border-width: 0 !important;
  }
  #member-lottery-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .member-lottery-card {
    padding: 0.95rem !important;
    border-radius: 1.55rem !important;
  }
  .member-card-head h3 { font-size: 1.45rem; }
  .member-lottery-brand {
    width: 3.85rem !important;
    height: 3.85rem !important;
  }
  .number-ball.premium-ball,
  .member-number-ball {
    width: 2.02rem !important;
    height: 2.02rem !important;
  }
  .ball-number { font-size: 0.76rem !important; }
  .member-play-link,
  .line-copy-btn,
  .member-refresh-btn,
  .preview-refresh-btn {
    min-height: 2.75rem;
  }
}

@media (max-width: 390px) {
  main.relative.z-10.pt-\[76px\] { padding-top: 68px !important; }
  header.fixed.top-0.left-0.right-0.z-50 > .mx-auto {
    height: 56px !important;
    border-radius: 1rem !important;
    margin-top: 0.35rem !important;
    margin-bottom: 0.3rem !important;
  }
  .member-hero {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    padding-bottom: 0.8rem !important;
  }
  .member-filter-bar { padding: 0.65rem !important; gap: 0.58rem !important; }
  .member-lottery-card { padding: 0.82rem !important; border-radius: 1.35rem !important; }
  .member-card-head { gap: 0.68rem !important; margin-bottom: 0.78rem !important; }
  .member-card-head h3 { font-size: 1.28rem !important; }
  .member-line,
  #public-powerball-preview .signal-line-card {
    padding: 0.8rem !important;
    border-radius: 1.2rem !important;
  }
  .member-main-balls,
  .premium-set-wrap .flex.flex-wrap.gap-2 { gap: 0.45rem !important; }
  .member-extra-group > span,
  .premium-extra-group > span { min-width: 4.45rem !important; font-size: 0.69rem !important; }
}

.mobile-nav-panel {
  padding: 0.85rem !important;
  border-radius: 1.35rem !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(118, 91, 255, 0.18), transparent 36%),
    linear-gradient(180deg, rgba(50, 33, 98, 0.98), rgba(27, 18, 61, 0.98)) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow:
    0 22px 54px rgba(8,7,26,0.36),
    inset 0 1px 0 rgba(255,255,255,0.06) !important;
  backdrop-filter: blur(22px) saturate(1.18);
}

.mobile-nav-panel .mobile-nav-links {
  display: grid;
  gap: 0.42rem !important;
}

.mobile-nav-panel a {
  min-height: 3rem !important;
  border-radius: 1.05rem !important;
  padding: 0.78rem 0.95rem !important;
  border: 1px solid rgba(255,255,255,0.055);
  background: rgba(255,255,255,0.045) !important;
  color: rgba(255,255,255,0.92) !important;
  font-size: 0.96rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.035);
}

.mobile-nav-panel a:hover,
.mobile-nav-panel a:focus-visible {
  background: rgba(255,255,255,0.075) !important;
  border-color: rgba(255,255,255,0.10);
}

.mobile-nav-panel .mobile-panel-cta {
  margin-top: 0.65rem !important;
  justify-content: center;
  color: #fff !important;
  background: linear-gradient(135deg, #129BF4, #6E35F2 56%, #D412F7) !important;
  border-color: rgba(255,255,255,0.14) !important;
  box-shadow: 0 12px 28px rgba(82, 48, 190, 0.28) !important;
}

.mobile-menu-toggle,
.mobile-header-login {
  transition: transform 160ms ease, background 160ms ease, border-color 160ms ease;
}

.mobile-menu-toggle:active,
.mobile-header-login:active {
  transform: scale(0.98);
}

.member-hero {
  padding-bottom: 2.35rem !important;
}

.member-hero > .grid:first-child {
  margin-bottom: 1.15rem;
}

.member-hero h1 {
  letter-spacing: -0.045em;
}

.member-hero > .grid:first-child > div:first-child p:last-child {
  max-width: 48rem;
}

.member-filter-bar.mt-8 {
  margin-top: 1rem !important;
}

.member-hero .mt-5.rounded-2xl.border.border-amber-300\/20 {
  margin-top: 0.9rem !important;
  border-radius: 1.15rem !important;
  padding: 0.85rem 1rem !important;
}

#member-lottery-grid.mt-8 {
  margin-top: 1.15rem !important;
}

.member-lines {
  gap: 0.9rem !important;
}

.member-line,
#public-powerball-preview .signal-line-card {
  padding: 0.95rem !important;
}

.member-refresh-btn {
  margin-top: 0.9rem !important;
}

@media (max-width: 767px) {
  .mobile-nav-panel {
    left: 0.55rem !important;
    right: 0.55rem !important;
    top: calc(100% + 0.28rem) !important;
  }

  .member-hero {
    padding-top: 0.45rem !important;
    padding-bottom: 1.4rem !important;
  }

  .member-hero h1 {
    font-size: clamp(2rem, 9.5vw, 2.85rem) !important;
    line-height: 1.04 !important;
  }

  .member-hero > .grid:first-child {
    gap: 0.8rem !important;
    margin-bottom: 0.85rem !important;
  }

  .member-hero > .grid:first-child > div:first-child,
  .member-hero > .grid:first-child > .glass-panel {
    padding: 0.95rem !important;
  }

  .member-filter-bar.mt-8 {
    margin-top: 0.8rem !important;
  }

  #member-lottery-grid.mt-8 {
    margin-top: 0.9rem !important;
  }

  .member-line,
  #public-powerball-preview .signal-line-card {
    padding: 0.82rem !important;
  }
}

@media (max-width: 390px) {
  header.fixed.top-0.left-0.right-0.z-50 > .mx-auto {
    height: 54px !important;
    margin-top: 0.28rem !important;
    margin-bottom: 0.25rem !important;
    border-radius: 0.95rem !important;
    padding-left: 0.55rem !important;
    padding-right: 0.55rem !important;
  }

  header.fixed.top-0.left-0.right-0.z-50 img[alt="LottoWinners.club"] {
    max-width: 10.8rem;
    height: auto !important;
    max-height: 1.8rem;
  }

  .mobile-header-login {
    display: none !important;
  }

  .mobile-menu-toggle {
    width: 2.55rem !important;
    height: 2.55rem !important;
    border-radius: 0.9rem !important;
  }

  .mobile-menu-toggle::before { top: 0.86rem !important; }
  .mobile-menu-toggle span { top: 1.24rem !important; }
  .mobile-menu-toggle::after { top: 1.62rem !important; }
  header.mobile-menu-open .mobile-menu-toggle::before,
  header.mobile-menu-open .mobile-menu-toggle::after { top: 1.24rem !important; }

  .mobile-nav-panel {
    left: 0.45rem !important;
    right: 0.45rem !important;
    border-radius: 1.05rem !important;
    padding: 0.65rem !important;
  }

  .mobile-nav-panel a {
    min-height: 2.72rem !important;
    border-radius: 0.88rem !important;
    padding: 0.68rem 0.82rem !important;
    font-size: 0.92rem !important;
  }

  .member-hero > .grid:first-child > div:first-child,
  .member-hero > .grid:first-child > .glass-panel {
    padding: 0.82rem !important;
  }

  .member-hero h1 {
    font-size: clamp(1.92rem, 10.5vw, 2.48rem) !important;
  }

  .member-hero > .grid:first-child > div:first-child p:last-child {
    font-size: 1rem !important;
    line-height: 1.72 !important;
  }
}

@media (max-width: 767px) {
  header.fixed.top-0.left-0.right-0.z-50 .mobile-nav-panel,
  header.fixed.top-0.left-0.right-0.z-50.mobile-menu-open .mobile-nav-panel,
  .member-page header.fixed.top-0.left-0.right-0.z-50 .mobile-nav-panel,
  .member-page header.fixed.top-0.left-0.right-0.z-50.mobile-menu-open .mobile-nav-panel {
    background: #21154f !important;
    background-color: #21154f !important;
    background-image: linear-gradient(180deg, #271960 0%, #21154f 54%, #1b1044 100%) !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: 0 20px 52px rgba(4, 2, 18, 0.62), 0 0 0 1px rgba(255,255,255,0.10) inset !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
  }

  header.fixed.top-0.left-0.right-0.z-50 .mobile-nav-panel::before,
  .member-page header.fixed.top-0.left-0.right-0.z-50 .mobile-nav-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background: #21154f !important;
    opacity: 1 !important;
  }

  header.fixed.top-0.left-0.right-0.z-50 .mobile-nav-panel a,
  .member-page header.fixed.top-0.left-0.right-0.z-50 .mobile-nav-panel a {
    background: #2b1b64 !important;
    background-image: linear-gradient(180deg, #332174 0%, #2b1b64 100%) !important;
    opacity: 1 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    color: #ffffff !important;
  }

  header.fixed.top-0.left-0.right-0.z-50 .mobile-nav-panel .mobile-panel-login,
  .member-page header.fixed.top-0.left-0.right-0.z-50 .mobile-nav-panel .mobile-panel-login {
    margin-top: 0.55rem !important;
    justify-content: center !important;
    font-weight: 900 !important;
    background: linear-gradient(90deg, #129BF4 0%, #6E35F2 50%, #D412F7 100%) !important;
    border-color: rgba(255,255,255,0.18) !important;
  }

  header.fixed.top-0.left-0.right-0.z-50 .mobile-nav-panel .mobile-panel-cta,
  .member-page header.fixed.top-0.left-0.right-0.z-50 .mobile-nav-panel .mobile-panel-cta {
    display: none !important;
  }
}

@media (max-width: 767px) {
  header.fixed.top-0.left-0.right-0.z-50 .mobile-nav-panel,
  .member-page header.fixed.top-0.left-0.right-0.z-50 .mobile-nav-panel {
    display: block !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-10px) scale(0.985) !important;
    background: #21154f !important;
    background-color: #21154f !important;
    background-image: linear-gradient(180deg, #271960 0%, #21154f 54%, #1b1044 100%) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: 0 20px 52px rgba(4, 2, 18, 0.62), 0 0 0 1px rgba(255,255,255,0.10) inset !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    transition: opacity 170ms ease, transform 170ms ease, visibility 170ms ease !important;
  }

  header.fixed.top-0.left-0.right-0.z-50.mobile-menu-open .mobile-nav-panel,
  .member-page header.fixed.top-0.left-0.right-0.z-50.mobile-menu-open .mobile-nav-panel {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
    background: #21154f !important;
    background-color: #21154f !important;
    background-image: linear-gradient(180deg, #271960 0%, #21154f 54%, #1b1044 100%) !important;
  }

  header.fixed.top-0.left-0.right-0.z-50 .mobile-nav-panel .mobile-panel-login,
  .member-page header.fixed.top-0.left-0.right-0.z-50 .mobile-nav-panel .mobile-panel-login {
    display: flex !important;
  }

  header.fixed.top-0.left-0.right-0.z-50 .mobile-nav-panel .mobile-panel-cta,
  .member-page header.fixed.top-0.left-0.right-0.z-50 .mobile-nav-panel .mobile-panel-cta {
    display: none !important;
  }
}


/* Static results data build: member diagnostics + public results page */
.member-filter-bar {
  grid-template-columns: auto minmax(0, 1fr) minmax(170px, 220px) minmax(190px, 240px) !important;
}

.member-data-meta,
.member-latest-draw {
  color: rgba(226, 232, 240, 0.74);
}

.member-data-meta {
  line-height: 1.65;
}

.member-latest-draw {
  margin: 0.2rem 0 0.95rem;
  padding: 0.8rem 0.9rem;
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,0.07);
  background: rgba(255,255,255,0.045);
  font-size: 0.82rem;
  line-height: 1.55;
}

.member-latest-draw strong { color: #fff; }
.member-latest-draw span { color: rgba(255,255,255,0.9); }
.member-data-empty,
.member-empty-state,
.results-empty-state,
.results-empty {
  border-radius: 1.2rem;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.045);
  color: rgba(226,232,240,0.78);
  padding: 1rem;
  font-size: 0.9rem;
  line-height: 1.65;
}

.line-copy-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.results-hero {
  padding-top: clamp(2.3rem, 5vw, 4.5rem) !important;
  padding-bottom: clamp(2.2rem, 5vw, 4rem) !important;
}

.results-filter-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 260px);
  gap: 0.8rem;
  align-items: center;
  border-radius: 1.3rem;
  padding: 0.85rem 0.9rem;
  background: linear-gradient(180deg, rgba(46,30,88,0.88), rgba(34,22,68,0.84));
  border: 1px solid var(--lw-border, rgba(255,255,255,0.1));
  box-shadow: 0 16px 44px rgba(9, 6, 30, 0.18), inset 0 1px 0 rgba(255,255,255,0.04);
}

.results-filter-bar input,
.results-filter-bar select {
  min-height: 3.1rem;
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,0.08);
  background: linear-gradient(180deg, rgba(31,20,64,0.98), rgba(24,17,54,0.98));
  color: #fff;
  padding: 0 1rem;
  outline: none;
}


.results-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.25rem;
}

.results-card {
  position: relative;
  overflow: hidden;
  border-radius: 1.8rem;
  padding: 1.1rem;
  background:
    radial-gradient(circle at top right, rgba(145,94,255,0.16), transparent 34%),
    linear-gradient(180deg, rgba(39,25,76,0.94), rgba(24,15,52,0.96));
  border: 1px solid rgba(255,255,255,0.09);
  box-shadow: 0 22px 56px rgba(6, 5, 22, 0.30), inset 0 1px 0 rgba(255,255,255,0.05);
}

.results-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0.035), transparent 24%);
  pointer-events: none;
}

.results-card > * { position: relative; z-index: 1; }

.results-card-head {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin-bottom: 1rem;
}

.results-brand {
  display: grid;
  place-items: center;
  width: 3.6rem;
  height: 3.6rem;
  flex: 0 0 auto;
  border-radius: 1.1rem;
  background: linear-gradient(180deg, rgba(255,255,255,0.16), rgba(255,255,255,0.08));
  border: 1px solid rgba(255,255,255,0.08);
}

.results-brand img {
  max-width: 78%;
  max-height: 78%;
  object-fit: contain;
}

.results-card-head p {
  margin: 0 0 0.2rem;
  color: rgba(203, 213, 225, 0.76);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.results-card-head h2 {
  margin: 0;
  color: #fff;
  font-size: 1.45rem;
  line-height: 1.05;
  letter-spacing: -0.03em;
}

.results-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-bottom: 0.95rem;
}

.results-meta-row span {
  display: inline-flex;
  border-radius: 999px;
  padding: 0.42rem 0.68rem;
  background: rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.07);
  color: rgba(241,245,249,0.88);
  font-size: 0.78rem;
  font-weight: 800;
}

.results-number-block {
  border-radius: 1.25rem;
  border: 1px solid rgba(255,255,255,0.075);
  background: rgba(255,255,255,0.045);
  padding: 0.95rem;
}

.results-main-row,
.results-extra-row > div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.results-extra-row {
  display: grid;
  grid-template-columns: minmax(6.8rem, auto) 1fr;
  gap: 0.65rem;
  align-items: center;
  margin-top: 0.75rem;
}

.results-extra-row > span {
  color: rgba(226,232,240,0.82);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.results-ball {
  display: inline-grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 999px;
  background:
    radial-gradient(circle at 34% 28%, rgba(255,255,255,0.28), transparent 22%),
    linear-gradient(180deg, rgba(75,116,191,0.96), rgba(43,72,141,0.98));
  border: 1px solid rgba(143,205,255,0.42);
  color: #fff;
  font-size: 0.82rem;
  font-weight: 900;
  text-shadow: 0 1px 3px rgba(0,0,0,0.38);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.20), inset 0 -6px 12px rgba(0,0,0,0.12);
}

.results-ball-extra {
  background:
    radial-gradient(circle at 34% 28%, rgba(255,255,255,0.28), transparent 22%),
    linear-gradient(180deg, rgba(164,126,80,0.96), rgba(128,93,56,0.98));
  border-color: rgba(223,186,114,0.40);
}

.results-source-link {
  display: inline-flex;
  margin-top: 0.9rem;
  color: #c4b5fd;
  font-size: 0.82rem;
  font-weight: 900;
  transition: color 160ms ease;
}

.results-source-link:hover { color: #fff; }

@media (max-width: 1024px) {
  .member-filter-bar {
    grid-template-columns: 1fr 1fr !important;
  }
  .member-filter-bar > div { grid-column: 1 / -1; }
}

@media (max-width: 767px) {
  .member-filter-bar,
  .results-filter-bar {
    grid-template-columns: 1fr !important;
    padding: 0.65rem !important;
    gap: 0.58rem !important;
  }

  .member-filter-bar > div,
  .member-filter-bar input,
  .member-filter-bar select,
  .results-filter-bar input,
  .results-filter-bar select {
    width: 100%;
  }

  .results-grid {
    grid-template-columns: 1fr;
    gap: 0.9rem;
  }

  .results-card {
    padding: 0.9rem;
    border-radius: 1.35rem;
  }

  .results-card-head h2 {
    font-size: 1.22rem;
  }

  .results-extra-row {
    grid-template-columns: 1fr;
    gap: 0.4rem;
  }
}

/* Results archive upgrade */
.results-filter-bar {
  grid-template-columns: minmax(0, 1fr) minmax(180px, 240px) minmax(200px, 280px);
}
.results-draw-count {
  display: inline-flex;
  margin-top: 0.28rem;
  color: rgba(203, 213, 225, 0.76);
  font-size: 0.78rem;
  font-weight: 700;
}
.results-card-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
  margin-top: 0.9rem;
}
.results-card-actions .results-source-link {
  margin-top: 0;
}
.results-open-archive {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.35rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.1);
  background: rgba(255,255,255,0.06);
  color: #fff;
  padding: 0 0.85rem;
  font-size: 0.78rem;
  font-weight: 900;
  transition: transform 160ms ease, background 160ms ease;
}
.results-open-archive:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,0.1);
}
.results-play-button {
  border-color: rgba(45, 212, 191, 0.46);
  background: linear-gradient(135deg, rgba(45, 212, 191, 0.24), rgba(124, 58, 237, 0.2));
  color: #ffffff;
  letter-spacing: 0.08em;
}
.results-play-button:hover {
  background: linear-gradient(135deg, rgba(45, 212, 191, 0.34), rgba(124, 58, 237, 0.26));
}
.results-archive {
  margin-top: 0.9rem;
  border-radius: 1.15rem;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.035);
  overflow: hidden;
}
.results-archive summary {
  cursor: pointer;
  list-style: none;
  padding: 0.85rem 0.95rem;
  color: rgba(241,245,249,0.9);
  font-size: 0.82rem;
  font-weight: 900;
}
.results-archive summary::-webkit-details-marker { display: none; }
.results-archive summary::after {
  content: "+";
  float: right;
  color: #c4b5fd;
}
.results-archive[open] summary::after { content: "–"; }
.results-table-wrap {
  max-height: 420px;
  overflow: auto;
  border-top: 1px solid rgba(255,255,255,0.07);
}
.results-archive-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 520px;
}
.results-archive-table th,
.results-archive-table td {
  padding: 0.68rem 0.75rem;
  border-bottom: 1px solid rgba(255,255,255,0.055);
  text-align: left;
  vertical-align: top;
  color: rgba(226,232,240,0.84);
  font-size: 0.78rem;
  line-height: 1.45;
}
.results-archive-table th {
  position: sticky;
  top: 0;
  background: rgba(25,16,57,0.98);
  color: #fff;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  z-index: 2;
}
.results-archive-table td:first-child {
  white-space: nowrap;
  color: rgba(255,255,255,0.92);
  font-weight: 800;
}
.results-archive-table td:last-child {
  white-space: nowrap;
}
@media (max-width: 767px) {
  .results-table-wrap { max-height: 340px; }
  .results-archive-table { min-width: 480px; }
}


.preview-period-select {
  min-height: 3.4rem;
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 1.2rem;
  background: rgba(14, 8, 43, 0.86);
  color: #fff;
  font-weight: 800;
  padding: 0 3rem 0 1.1rem;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 16px 36px rgba(0,0,0,0.18);
}
.preview-period-select:focus {
  border-color: rgba(212,18,247,0.72);
  box-shadow: 0 0 0 4px rgba(212,18,247,0.15), inset 0 1px 0 rgba(255,255,255,0.08);
}



/* Advanced member statistics */
.member-analysis {
  margin-top: 1.25rem;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 1.5rem;
  background: rgba(12, 8, 34, .35);
  overflow: hidden;
}
.member-analysis > summary {
  cursor: pointer;
  list-style: none;
  padding: 1rem 1.1rem;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .04em;
  color: rgba(255,255,255,.88);
}
.member-analysis > summary::-webkit-details-marker { display: none; }
.member-analysis-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .9rem;
  padding: 0 1rem 1rem;
}
.member-analysis-panel {
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 1.25rem;
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  padding: .95rem;
  min-width: 0;
}
.member-analysis-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .75rem;
}
.member-analysis-head strong {
  font-size: .78rem;
  color: #fff;
  letter-spacing: .04em;
}
.member-analysis-head span,
.member-extra-frequency > span {
  font-size: .68rem;
  color: rgba(226,232,240,.66);
}
.member-stat-balls {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}
.member-stat-ball {
  display: inline-flex;
  align-items: center;
  gap: .38rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.07);
  padding: .24rem .48rem .24rem .28rem;
  color: #fff;
}
.member-stat-ball.is-extra {
  background: rgba(212,18,247,.14);
}
.member-stat-number {
  display: inline-grid;
  place-items: center;
  min-width: 1.9rem;
  height: 1.9rem;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  color: #1a1237;
  font-size: .76rem;
  font-weight: 900;
}
.member-stat-count {
  font-size: .72rem;
  font-weight: 800;
  color: rgba(255,255,255,.78);
}
.member-extra-frequency + .member-extra-frequency { margin-top: .8rem; }
.member-combo-list {
  display: grid;
  gap: .45rem;
}
.member-combo-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  border-radius: .95rem;
  background: rgba(255,255,255,.055);
  padding: .46rem .62rem;
  color: rgba(255,255,255,.78);
  font-size: .75rem;
  font-weight: 800;
}
.member-combo-numbers {
  display: flex;
  flex-wrap: wrap;
  gap: .28rem;
}
.member-combo-numbers b {
  display: inline-grid;
  place-items: center;
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 999px;
  background: rgba(255,255,255,.9);
  color: #1a1237;
  font-size: .68rem;
}
.member-jackpot-panel { grid-column: 1 / -1; }
.member-jackpot-chart {
  width: 100%;
  overflow: hidden;
  border-radius: 1rem;
  background: rgba(255,255,255,.045);
}
.member-jackpot-chart svg {
  display: block;
  width: 100%;
  height: 150px;
}
.jackpot-axis {
  stroke: rgba(255,255,255,.16);
  stroke-width: 1;
}
.jackpot-line {
  stroke: rgba(70, 180, 255, .95);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 8px rgba(18,155,244,.32));
}
.jackpot-point {
  fill: rgba(255,255,255,.95);
  stroke: rgba(18,155,244,.8);
  stroke-width: 1.4;
}
.member-jackpot-range {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: .65rem;
  color: rgba(226,232,240,.72);
  font-size: .72rem;
  font-weight: 700;
}
@media (max-width: 900px) {
  .member-analysis-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .member-analysis-grid { padding: 0 .7rem .7rem; }
  .member-analysis-panel { padding: .75rem; }
  .member-analysis-head { flex-direction: column; align-items: flex-start; gap: .2rem; }
}


/* UI clean-up and performance-oriented layout refinements */
.member-filter-bar--clean {
  grid-template-columns: minmax(240px, 1.2fr) minmax(180px, .75fr) minmax(180px, .75fr) !important;
}
.member-filter-bar--clean input,
.member-filter-bar--clean select,
.results-filter-bar input,
.results-filter-bar select,
.preview-period-select {
  appearance: none;
  background-image:
    linear-gradient(180deg, rgba(31,20,64,0.98), rgba(24,17,54,0.98)),
    linear-gradient(135deg, rgba(18,155,244,.26), rgba(212,18,247,.18));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-color: rgba(255,255,255,.12) !important;
}
.member-filter-bar--clean select,
.results-filter-bar select,
.preview-period-select {
  padding-right: 2.6rem !important;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(255,255,255,.78) 50%),
    linear-gradient(135deg, rgba(255,255,255,.78) 50%, transparent 50%),
    linear-gradient(180deg, rgba(31,20,64,0.98), rgba(24,17,54,0.98)) !important;
  background-position:
    calc(100% - 20px) 50%,
    calc(100% - 14px) 50%,
    0 0 !important;
  background-size: 6px 6px, 6px 6px, 100% 100% !important;
  background-repeat: no-repeat !important;
}
.results-filter-bar {
  grid-template-columns: minmax(240px, 1.2fr) minmax(170px, .75fr) minmax(200px, .9fr) minmax(170px, .75fr) !important;
}
@media (min-width: 960px) {
  #member-lottery-grid,
  .results-grid {
    grid-template-columns: 1fr !important;
  }
  .member-lottery-card,
  .results-card {
    max-width: none;
  }
}
.member-analysis {
  border-color: rgba(169,121,255,.26) !important;
  background: linear-gradient(180deg, rgba(45,25,88,.42), rgba(12,8,34,.35)) !important;
  box-shadow: 0 0 26px rgba(123,53,242,.12), inset 0 1px 0 rgba(255,255,255,.06);
}
.member-analysis > summary {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  border-radius: 1.25rem;
  background: radial-gradient(circle at 16% 50%, rgba(18,155,244,.16), transparent 30%), linear-gradient(135deg, rgba(110,53,242,.28), rgba(212,18,247,.16));
  box-shadow: 0 0 22px rgba(123,53,242,.24), inset 0 1px 0 rgba(255,255,255,.08);
}
.member-analysis > summary::after {
  content: "Open";
  min-width: 4.2rem;
  text-align: center;
  border-radius: 999px;
  padding: .38rem .72rem;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.16);
  color: #fff;
  font-size: .68rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  box-shadow: 0 0 18px rgba(212,18,247,.20);
}
.member-analysis[open] > summary::after { content: "Close"; }
.member-analysis:not([open]) {
  animation: memberAdvancedGlow 3.2s ease-in-out infinite;
}
@keyframes memberAdvancedGlow {
  0%, 100% { box-shadow: 0 0 18px rgba(123,53,242,.12), inset 0 1px 0 rgba(255,255,255,.06); }
  50% { box-shadow: 0 0 34px rgba(212,18,247,.22), inset 0 1px 0 rgba(255,255,255,.08); }
}
.preview-period-label {
  align-self: center;
  font-size: .72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: rgba(226,232,240,.78);
}
.promo-code-page .promo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1rem;
}
.promo-voucher-card {
  border-radius: 1.6rem;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
  padding: 1.15rem;
  box-shadow: 0 20px 54px rgba(6,5,22,.24), inset 0 1px 0 rgba(255,255,255,.06);
}
.promo-voucher-card code {
  display: inline-flex;
  margin-top: .75rem;
  border-radius: .9rem;
  background: rgba(15,10,38,.78);
  border: 1px solid rgba(255,255,255,.12);
  color: #fff;
  padding: .65rem .8rem;
  font-weight: 900;
  letter-spacing: .08em;
}
@media (max-width: 959px) {
  .member-filter-bar--clean,
  .results-filter-bar {
    grid-template-columns: 1fr !important;
  }
}


/* Final UX refinements: accessible filters and horizontal desktop cards */
.selector-toolbar {
  align-items: stretch !important;
}
.selector-field {
  display: grid !important;
  gap: .42rem !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.selector-field > span {
  display: block !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 0 .15rem !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(226,232,240,.78) !important;
  font-size: .68rem !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}
.selector-field input,
.selector-field select {
  width: 100% !important;
  min-height: 3.25rem !important;
}
.selector-field input:focus,
.selector-field select:focus,
.preview-period-select:focus {
  border-color: rgba(212,18,247,.72) !important;
  box-shadow: 0 0 0 4px rgba(212,18,247,.16), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

@media (min-width: 960px) {
  .member-filter-bar--clean {
    grid-template-columns: minmax(260px, 1.1fr) minmax(180px, .55fr) minmax(190px, .58fr) !important;
  }
  .results-filter-bar {
    grid-template-columns: minmax(250px, 1.05fr) minmax(160px, .52fr) minmax(210px, .72fr) minmax(180px, .56fr) !important;
  }
  #member-lottery-grid,
  .results-grid {
    grid-template-columns: 1fr !important;
    gap: 1.05rem !important;
  }
  .member-lottery-card {
    display: grid !important;
    grid-template-columns: minmax(270px, 330px) minmax(0, 1fr) !important;
    gap: 1rem 1.15rem !important;
    align-items: start !important;
    padding: 1.15rem 1.2rem !important;
  }
  .member-card-head {
    grid-column: 1 !important;
    align-self: stretch !important;
    margin-bottom: 0 !important;
    padding-right: .75rem !important;
    border-right: 1px solid rgba(255,255,255,.08) !important;
  }
  .member-lines {
    grid-column: 2 !important;
    display: grid !important;
    gap: .78rem !important;
  }
  .member-line {
    margin: 0 !important;
  }
  .member-analysis {
    grid-column: 1 / -1 !important;
    margin-top: .15rem !important;
  }
  .results-card {
    display: grid !important;
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr) auto !important;
    gap: .85rem 1.1rem !important;
    align-items: start !important;
    padding: 1.1rem 1.2rem !important;
  }
  .results-card-head {
    grid-column: 1 !important;
    margin-bottom: 0 !important;
    padding-right: .75rem !important;
    border-right: 1px solid rgba(255,255,255,.08) !important;
  }
  .results-meta-row,
  .results-number-block {
    grid-column: 2 !important;
    margin-top: 0 !important;
  }
  .results-card-actions {
    grid-column: 3 !important;
    margin-top: 0 !important;
    justify-content: flex-end !important;
    min-width: 9rem !important;
  }
  .results-archive {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 959px) {
  .selector-toolbar {
    grid-template-columns: 1fr !important;
  }
}

.promo-coming-soon-panel {
  position: relative;
  overflow: hidden;
  box-shadow: 0 26px 70px rgba(6,5,22,.30), 0 0 34px rgba(123,53,242,.16), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.promo-coming-soon-panel::after {
  content: "";
  position: absolute;
  inset: -25% -15% auto auto;
  width: 18rem;
  height: 18rem;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(212,18,247,.22), transparent 62%);
  pointer-events: none;
}
.promo-coming-soon-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: linear-gradient(135deg, rgba(18,155,244,.20), rgba(212,18,247,.18));
  color: #fff;
  padding: .72rem 1rem;
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
  box-shadow: 0 0 24px rgba(123,53,242,.22);
}


/* Header action sizing */
.header-promo-link {
  white-space: nowrap;
}
@media (max-width: 640px) {
  .header-actions {
    gap: .45rem !important;
  }
  .header-promo-link,
  .header-login-link,
  .header-primary-cta,
  .header-actions > a:not(.lw-primary-cta) {
    min-height: 2.45rem !important;
    padding: .58rem .72rem !important;
    font-size: .72rem !important;
    border-radius: .82rem !important;
  }
  .header-login-link {
    display: none !important;
  }
}
@media (max-width: 420px) {
  .header-primary-cta {
    max-width: 9rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}


/* Compact cards + progressive reveal patch: 2026-05-07 */
header.fixed.top-0.left-0.right-0.z-50 nav[aria-label="Main navigation"] a {
  border-radius: 0 !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}
header.fixed.top-0.left-0.right-0.z-50 nav[aria-label="Main navigation"] a:hover {
  background: transparent !important;
}
.header-actions .header-primary-cta,
.header-actions .lw-primary-cta {
  white-space: normal;
  line-height: 1.15;
}
.lottery-show-more-wrap {
  grid-column: 1 / -1;
  display: flex;
  justify-content: center;
  padding: 0.75rem 0 0.25rem;
}
.lottery-show-more-btn {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: min(100%, 24rem);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(18,155,244,.94), rgba(110,53,242,.92), rgba(212,18,247,.9));
  color: #fff;
  padding: .9rem 1.35rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  box-shadow: 0 18px 44px rgba(18,155,244,.20), 0 0 28px rgba(212,18,247,.20), inset 0 1px 0 rgba(255,255,255,.16);
  transition: transform 160ms ease, filter 160ms ease;
}
.lottery-show-more-btn:hover { transform: translateY(-1px); filter: brightness(1.06); }
.lottery-show-more-btn span {
  margin-top: .18rem;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  color: rgba(255,255,255,.78);
}
@media (min-width: 1024px) {
  #member-lottery-grid.member-lottery-grid,
  #member-lottery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem !important;
    align-items: start !important;
  }
  .member-lottery-card {
    display: grid !important;
    grid-template-columns: minmax(150px, .58fr) minmax(0, 1.42fr) !important;
    gap: .82rem !important;
    align-items: stretch !important;
    padding: .82rem !important;
    border-radius: 1.35rem !important;
  }
  .member-card-head {
    grid-column: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: .7rem !important;
    margin-bottom: 0 !important;
    min-height: 100% !important;
  }
  .member-card-branding {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: .55rem !important;
  }
  .member-lottery-brand {
    width: 3.05rem !important;
    height: 3.05rem !important;
    border-radius: .95rem !important;
  }
  .member-card-head p {
    margin: 0 !important;
    font-size: .62rem !important;
    line-height: 1.35 !important;
    letter-spacing: .13em !important;
  }
  .member-card-head h3 {
    margin: .08rem 0 0 !important;
    font-size: 1.28rem !important;
    line-height: 1.02 !important;
    letter-spacing: -.035em !important;
  }
  .member-play-link {
    min-height: 2rem !important;
    padding: .4rem .82rem !important;
    font-size: .62rem !important;
  }
  .member-lines {
    grid-column: 2 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .52rem !important;
  }
  .member-line,
  #public-powerball-preview .signal-line-card {
    padding: .62rem .68rem !important;
    border-radius: 1rem !important;
    min-height: 0 !important;
  }
  .member-line-head {
    margin-bottom: .45rem !important;
    gap: .45rem !important;
  }
  .member-line-head strong {
    font-size: .62rem !important;
    letter-spacing: .12em !important;
  }
  .member-line-head span { display: none !important; }
  .line-copy-btn {
    min-height: 1.65rem !important;
    padding: .28rem .52rem !important;
    font-size: .56rem !important;
  }
  .member-main-balls,
  .premium-set-wrap .flex.flex-wrap.gap-2 {
    gap: .38rem !important;
  }
  .number-ball.premium-ball,
  .member-number-ball {
    width: 1.62rem !important;
    height: 1.62rem !important;
    box-shadow: 0 0 0 2px rgba(212,18,247,.10), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }
  .member-number-ball .ball-number,
  .number-ball.premium-ball .ball-number {
    font-size: .66rem !important;
  }
  .member-extra-group,
  .premium-extra-group {
    margin-top: .42rem !important;
    gap: .35rem !important;
  }
  .member-extra-group > span,
  .premium-extra-group > span {
    min-width: auto !important;
    margin-right: .25rem !important;
    font-size: .58rem !important;
  }
  .member-analysis {
    grid-column: 1 / -1 !important;
    margin-top: .15rem !important;
    border-radius: 1.05rem !important;
  }
  .member-analysis > summary {
    padding: .7rem .78rem !important;
    font-size: .72rem !important;
  }
  .member-analysis > summary::after {
    min-width: 3.2rem !important;
    padding: .28rem .5rem !important;
    font-size: .58rem !important;
  }
  .member-analysis-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .65rem !important;
    padding: 0 .72rem .72rem !important;
  }
  .member-analysis-panel { padding: .72rem !important; border-radius: .9rem !important; }
}
@media (min-width: 1280px) {
  .results-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: .95rem !important;
  }
  .results-card {
    padding: .82rem !important;
    border-radius: 1.25rem !important;
  }
  .results-card-head {
    gap: .62rem !important;
    margin-bottom: .68rem !important;
  }
  .results-brand {
    width: 2.9rem !important;
    height: 2.9rem !important;
    border-radius: .9rem !important;
  }
  .results-card-head p { font-size: .58rem !important; letter-spacing: .08em !important; }
  .results-card-head h2 { font-size: 1.06rem !important; }
  .results-draw-count { font-size: .62rem !important; }
  .results-meta-row { margin-bottom: .55rem !important; }
  .results-meta-row span { font-size: .62rem !important; padding: .26rem .48rem !important; }
  .results-number-block { padding: .62rem !important; border-radius: .95rem !important; }
  .results-ball {
    width: 1.55rem !important;
    height: 1.55rem !important;
    font-size: .62rem !important;
  }
  .results-main-row,
  .results-extra-row > div { gap: .32rem !important; }
  .results-card-actions { margin-top: .62rem !important; gap: .42rem !important; }
  .results-source-link,
  .results-open-archive { font-size: .58rem !important; padding: .34rem .5rem !important; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .results-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 1023px) {
  .lottery-show-more-btn { width: 100%; border-radius: 1.1rem; }
}


/* 2026-05-07 final compact row fixes */
.lottery-show-more-btn {
  min-width: min(100%, 16rem) !important;
  flex-direction: row !important;
  padding: .82rem 1.45rem !important;
}
.lottery-show-more-btn span { display: none !important; }

@media (min-width: 1024px) {
  #member-lottery-grid.member-lottery-grid,
  #member-lottery-grid {
    grid-template-columns: 1fr !important;
    gap: .88rem !important;
  }
  .member-lottery-card {
    display: grid !important;
    grid-template-columns: minmax(170px, .24fr) minmax(0, .76fr) !important;
    gap: .78rem !important;
    align-items: stretch !important;
    padding: .72rem !important;
    border-radius: 1.25rem !important;
  }
  .member-card-head {
    grid-column: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    min-height: 100% !important;
    margin: 0 !important;
    gap: .6rem !important;
    padding-right: .72rem !important;
    border-right: 1px solid rgba(255,255,255,.08) !important;
  }
  .member-card-branding {
    display: grid !important;
    grid-template-columns: 2.8rem minmax(0, 1fr) !important;
    gap: .62rem !important;
    align-items: center !important;
  }
  .member-lottery-brand {
    width: 2.8rem !important;
    height: 2.8rem !important;
    border-radius: .85rem !important;
  }
  .member-card-head p {
    font-size: .58rem !important;
    line-height: 1.28 !important;
    letter-spacing: .12em !important;
  }
  .member-card-head h3 {
    font-size: 1.08rem !important;
    line-height: 1.02 !important;
  }
  .member-play-link {
    align-self: flex-start !important;
    min-height: 1.8rem !important;
    padding: .32rem .78rem !important;
    font-size: .58rem !important;
  }
  .member-lines {
    grid-column: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .56rem !important;
    align-items: stretch !important;
  }
  .member-line,
  #public-powerball-preview .signal-line-card {
    padding: .58rem .6rem !important;
    min-height: 0 !important;
    border-radius: .9rem !important;
  }
  .member-line-head {
    margin-bottom: .38rem !important;
  }
  .member-line-head strong {
    font-size: .56rem !important;
    letter-spacing: .11em !important;
  }
  .line-copy-btn {
    min-height: 1.5rem !important;
    padding: .22rem .42rem !important;
    font-size: .5rem !important;
  }
  .member-main-balls,
  .premium-set-wrap .flex.flex-wrap.gap-2 {
    gap: .28rem !important;
  }
  .member-number-ball,
  .number-ball.premium-ball {
    width: 1.38rem !important;
    height: 1.38rem !important;
  }
  .member-number-ball .ball-number,
  .number-ball.premium-ball .ball-number {
    font-size: .56rem !important;
  }
  .member-extra-group,
  .premium-extra-group {
    margin-top: .32rem !important;
    gap: .25rem !important;
  }
  .member-extra-group > span,
  .premium-extra-group > span {
    font-size: .5rem !important;
    min-width: auto !important;
    margin-right: .16rem !important;
  }
  .member-analysis {
    grid-column: 1 / -1 !important;
    margin-top: .05rem !important;
    border-radius: .9rem !important;
  }
  .member-analysis > summary {
    min-height: 2.35rem !important;
    padding: .56rem .68rem !important;
    font-size: .66rem !important;
  }
  .member-analysis > summary::after {
    min-width: 2.8rem !important;
    padding: .22rem .44rem !important;
    font-size: .52rem !important;
  }

  .results-grid {
    grid-template-columns: 1fr !important;
    gap: .82rem !important;
  }
  .results-card {
    display: grid !important;
    grid-template-columns: minmax(220px, .30fr) minmax(0, .44fr) minmax(190px, .26fr) !important;
    gap: .75rem !important;
    align-items: center !important;
    padding: .78rem !important;
    border-radius: 1.2rem !important;
  }
  .results-card-head {
    margin: 0 !important;
    gap: .62rem !important;
  }
  .results-brand {
    width: 3rem !important;
    height: 3rem !important;
    border-radius: .9rem !important;
    flex: 0 0 auto !important;
  }
  .results-card-head h2 { font-size: 1.12rem !important; }
  .results-card-head p,
  .results-draw-count { font-size: .6rem !important; }
  .results-meta-row {
    grid-column: 3 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    justify-content: flex-start !important;
  }
  .results-number-block {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    padding: .66rem !important;
    border-radius: .92rem !important;
  }
  .results-ball {
    width: 1.48rem !important;
    height: 1.48rem !important;
    font-size: .58rem !important;
  }
  .results-card-actions {
    grid-column: 3 !important;
    grid-row: 1 !important;
    margin-top: 3rem !important;
    justify-content: flex-start !important;
  }
  .results-archive {
    grid-column: 1 / -1 !important;
    margin-top: .1rem !important;
  }
}

@media (min-width: 1280px) {
  .results-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 1180px) and (min-width: 1024px) {
  .member-lines { grid-template-columns: 1fr !important; }
  .results-card { grid-template-columns: 1fr !important; }
  .results-meta-row,
  .results-number-block,
  .results-card-actions { grid-column: 1 !important; grid-row: auto !important; margin-top: 0 !important; }
}

.promo-coming-soon-panel h1 {
  text-wrap: balance;
}


/* 2026-05-07 final fixes: full show-more lists, jackpot axis, homepage advanced preview */
.jackpot-grid-line {
  stroke: rgba(255,255,255,.13);
  stroke-width: .7;
  stroke-dasharray: 3 5;
}
.jackpot-y-axis { stroke: rgba(255,255,255,.32) !important; }
.jackpot-axis-label {
  fill: rgba(232,226,255,.82);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .02em;
}
.member-jackpot-chart--axis {
  padding: .35rem .35rem .2rem;
}
.public-advanced-section {
  position: relative;
  z-index: 1;
  background:
    radial-gradient(circle at 18% 0%, rgba(199, 58, 255, .15), transparent 34%),
    radial-gradient(circle at 84% 12%, rgba(18,155,244,.12), transparent 32%);
}
.public-advanced-shell {
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(87,55,166,.42), rgba(43,24,93,.38));
  box-shadow: 0 26px 90px rgba(7, 4, 28, .48), 0 0 48px rgba(126, 72, 255, .16);
  border-radius: 2rem;
  padding: 1rem;
}
.public-advanced-card-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  padding: .35rem .4rem .8rem;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.public-advanced-card-head p {
  margin: 0;
  color: rgba(216,205,255,.88);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .17em;
  text-transform: uppercase;
}
.public-advanced-card-head h3 {
  margin: .2rem 0 0;
  color: #fff;
  font-size: clamp(1.35rem, 2.2vw, 2.2rem);
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.04em;
}
.public-advanced-card-head > span {
  color: rgba(226,219,255,.72);
  font-size: .86rem;
  line-height: 1.45;
  text-align: right;
}
.public-advanced-statistics {
  margin-top: 0 !important;
}
.public-advanced-statistics > summary {
  cursor: pointer;
}
@media (min-width: 1024px) {
  #member-lottery-grid.member-lottery-grid,
  #member-lottery-grid {
    grid-template-columns: 1fr !important;
  }
  .member-lottery-card {
    width: 100% !important;
  }
  .results-grid {
    grid-template-columns: 1fr !important;
  }
  .results-card {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .public-advanced-shell { padding: .72rem; border-radius: 1.35rem; }
  .public-advanced-card-head { flex-direction: column; align-items: flex-start; }
  .public-advanced-card-head > span { text-align: left; }
  .jackpot-axis-label { font-size: 8px; }
}

/* Static SEO/CRO upgrade */
.selector-field select option,
.member-filter-bar select option,
.results-filter-bar select option {
  background: #21154f;
  color: #ffffff;
}

.lead-consent {
  display: flex;
  align-items: flex-start;
  gap: .55rem;
  color: rgba(226,232,240,.82);
  font-size: .76rem;
  line-height: 1.45;
  text-align: left;
}

.lead-consent input {
  width: 1rem;
  height: 1rem;
  margin-top: .12rem;
  accent-color: #8b5cf6;
  flex: 0 0 auto;
}

.results-kicker {
  margin: 0;
  color: rgba(216,205,255,.9);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .17em;
  text-transform: uppercase;
}

.results-lead-card,
.seo-panel,
.member-tool-panel,
.lottery-latest-card,
.lottery-detail-panel,
.article-cta-panel {
  position: relative;
  overflow: hidden;
  border-radius: 1.55rem;
  border: 1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at top right, rgba(145,94,255,.14), transparent 34%),
    linear-gradient(180deg, rgba(46,30,88,.88), rgba(24,15,52,.94));
  box-shadow: 0 22px 56px rgba(6,5,22,.28), inset 0 1px 0 rgba(255,255,255,.05);
  padding: 1.15rem;
}

.results-lead-card {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(280px, .7fr);
  gap: 1rem;
  align-items: center;
}

.results-lead-card h2,
.seo-panel h2,
.member-tool-head h2,
.lottery-latest-card h2,
.lottery-detail-panel h2,
.article-cta-panel h2 {
  margin: .28rem 0 0;
  color: #fff;
  font-weight: 900;
  letter-spacing: -.03em;
  line-height: 1.08;
  font-size: clamp(1.35rem, 2.2vw, 2.3rem);
}

.results-lead-card p,
.seo-panel p,
.member-tool-note,
.article-cta-panel p {
  color: rgba(226,232,240,.78);
  line-height: 1.7;
}

.inline-lead-form {
  display: grid;
  gap: .65rem;
}

.inline-lead-form > label:not(.lead-consent) {
  color: rgba(226,232,240,.84);
  font-size: .75rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.inline-lead-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .6rem;
}

.inline-lead-row input,
.inline-lead-form select,
.diagnostic-form-grid input,
.diagnostic-form-grid select {
  min-height: 3.15rem;
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(31,20,64,.98), rgba(24,17,54,.98));
  color: #fff;
  padding: 0 1rem;
  outline: none;
}

.inline-lead-row input:focus,
.inline-lead-form select:focus,
.diagnostic-form-grid input:focus,
.diagnostic-form-grid select:focus {
  border-color: rgba(212,18,247,.72);
  box-shadow: 0 0 0 4px rgba(212,18,247,.16);
}

.inline-lead-row button,
.diagnostic-run-btn {
  min-height: 3.15rem;
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,.14);
  background: linear-gradient(135deg, rgba(18,155,244,.94), rgba(110,53,242,.92), rgba(212,18,247,.9));
  color: #fff;
  padding: 0 1rem;
  font-weight: 900;
}

.seo-link-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .7rem;
  margin-top: 1rem;
}

.seo-link-grid a {
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.055);
  color: #e0d7ff;
  padding: .85rem .95rem;
  font-weight: 900;
}

.faq-panel details {
  border-top: 1px solid rgba(255,255,255,.08);
  padding: .9rem 0;
}

.faq-panel summary {
  cursor: pointer;
  color: #fff;
  font-weight: 900;
}

.member-tool-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.member-tool-head p {
  margin: 0;
  color: rgba(216,205,255,.9);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.member-tool-head > span {
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(226,232,240,.78);
  padding: .42rem .72rem;
  font-size: .72rem;
  font-weight: 900;
  white-space: nowrap;
}

.watchlist-options {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .6rem;
}

.watchlist-options label {
  display: flex;
  align-items: center;
  gap: .5rem;
  min-height: 2.8rem;
  border-radius: .95rem;
  border: 1px solid rgba(255,255,255,.09);
  background: rgba(255,255,255,.05);
  color: #fff;
  padding: .55rem .7rem;
  font-weight: 850;
}

.watchlist-options input {
  accent-color: #8b5cf6;
}

.member-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.member-watch-btn {
  min-height: 2.25rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.13);
  background: rgba(255,255,255,.06);
  color: #fff;
  padding: .45rem .82rem;
  font-size: .7rem;
  font-weight: 900;
}

.member-watch-btn.is-saved {
  background: linear-gradient(135deg, rgba(18,155,244,.38), rgba(110,53,242,.36));
  border-color: rgba(143,205,255,.38);
}

.diagnostic-form-grid {
  display: grid;
  grid-template-columns: minmax(180px, .55fr) minmax(0, 1fr) auto;
  gap: .75rem;
  align-items: end;
}

.diagnostic-result-grid,
.lottery-insight-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
}

.diagnostic-result-grid div {
  border-radius: 1rem;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.08);
  padding: .85rem;
}

.diagnostic-result-grid strong {
  display: block;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1;
}

.diagnostic-result-grid span {
  color: rgba(226,232,240,.75);
  font-size: .78rem;
  font-weight: 800;
}

.lottery-prize-pill {
  display: inline-flex;
  width: fit-content;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.07);
  color: #fff;
  padding: .45rem .72rem;
  font-size: .78rem;
  font-weight: 900;
}

.lottery-latest-card {
  display: grid;
  gap: 1rem;
}

.lottery-detail-chart svg {
  height: 210px;
}

.article-body {
  color: rgba(226,232,240,.82);
  font-size: 1rem;
  line-height: 1.78;
}

.article-body h2 {
  color: #fff;
  font-size: clamp(1.5rem, 2.6vw, 2.35rem);
  margin: 2rem 0 .75rem;
  font-weight: 900;
  letter-spacing: -.03em;
}

.article-body p,
.article-body li {
  margin-top: .75rem;
}

.article-body a {
  color: #93c5fd;
  font-weight: 850;
}

@media (max-width: 900px) {
  .results-lead-card,
  .inline-lead-row,
  .diagnostic-form-grid {
    grid-template-columns: 1fr;
  }
  .seo-link-grid,
  .watchlist-options,
  .diagnostic-result-grid,
  .lottery-insight-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 560px) {
  .seo-link-grid,
  .watchlist-options,
  .diagnostic-result-grid,
  .lottery-insight-grid {
    grid-template-columns: 1fr;
  }
  .results-lead-card,
  .seo-panel,
  .member-tool-panel,
  .lottery-latest-card,
  .lottery-detail-panel,
  .article-cta-panel {
    border-radius: 1.15rem;
    padding: .9rem;
  }
}


/* 2026-05-08: members page targeted repair - search-first layout, ball rendering and diagnostic safety */
.member-page .member-hero {
  padding-top: 1.25rem !important;
}
.member-page .member-filter-bar--primary {
  margin-top: 0 !important;
  margin-bottom: 2rem !important;
}
.member-page .member-access-panel--bottom {
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}
.member-page .member-number-ball {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  aspect-ratio: 1 / 1;
  line-height: 1 !important;
}
.member-page .member-main-balls,
.member-page .member-extra-group > div,
.member-page .member-stat-balls,
.member-page .member-combo-numbers {
  align-items: center !important;
}
.member-page .member-number-ball .ball-number,
.member-page .member-stat-number {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}
.member-page .member-number-ball::before,
.member-page .member-number-ball::after {
  pointer-events: none !important;
}
.member-page #diagnostic-extra-numbers:disabled {
  opacity: .56;
  cursor: not-allowed;
}
@media (max-width: 767px) {
  .member-page .member-hero {
    padding-top: .85rem !important;
  }
  .member-page .member-filter-bar--primary {
    margin-bottom: 1.15rem !important;
  }
  .member-page .member-access-panel--bottom {
    margin-top: 1.25rem !important;
  }
}

/* 2026-05-08: results mobile order fix - keep Show More above weekly insights */
@media (max-width: 767px) {
  .results-grid .results-show-more-wrap {
    order: 1;
  }

  .results-grid .results-lead-card {
    order: 2;
  }
}


/* Results desktop polish: cleaner action layout and clearer header CTA on results pages */
@media (min-width: 1024px) {
  .results-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1rem !important;
  }

  .results-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 1rem !important;
    border-radius: 1.35rem !important;
  }

  .results-card-head {
    grid-column: auto !important;
    margin-bottom: 0.8rem !important;
    padding-right: 0 !important;
    border-right: 0 !important;
  }

  .results-meta-row,
  .results-number-block,
  .results-card-actions,
  .results-archive {
    grid-column: auto !important;
    grid-row: auto !important;
    margin-top: 0 !important;
    min-width: 0 !important;
  }

  .results-meta-row {
    margin-bottom: 0.8rem !important;
  }

  .results-number-block {
    margin-bottom: 0.85rem !important;
  }

  .results-card-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 0.55rem !important;
    width: 100% !important;
    margin-top: 0 !important;
  }

  .results-open-archive {
    width: 100% !important;
    min-height: 2.6rem !important;
    padding: 0.55rem 0.8rem !important;
    font-size: 0.72rem !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  .results-play-button {
    grid-column: 1 / -1 !important;
    min-height: 2.8rem !important;
    font-size: 0.8rem !important;
  }
}

@media (min-width: 1600px) {
  .results-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}


/* 2026-05-08: mobile members polish - aligned actions, consistent selectors, stronger play and copy UX */
.member-page .member-line {
  position: relative !important;
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.member-page .member-line:hover,
.member-page .member-line:focus-within {
  border-color: rgba(212,18,247,.26) !important;
  box-shadow: 0 10px 24px rgba(15,10,36,.18), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.member-page .member-line-head {
  position: relative !important;
  padding-right: 4.5rem !important;
}

.member-page .line-copy-btn {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 3.75rem !important;
  min-height: 1.95rem !important;
  border-radius: .82rem !important;
  background: linear-gradient(135deg, rgba(103,80,244,.34), rgba(212,18,247,.24)) !important;
  border: 1px solid rgba(205,167,255,.34) !important;
  color: #fff !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.04) inset, 0 0 14px rgba(178,93,255,.18) !important;
  z-index: 2 !important;
}

.member-page .member-card-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  width: 100% !important;
  gap: .55rem !important;
}

.member-page .member-watch-btn,
.member-page .member-play-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 2.35rem !important;
  padding: .48rem .82rem !important;
  border-radius: 999px !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.member-page .member-play-link {
  border: 1px solid rgba(80,220,255,.34) !important;
  background: linear-gradient(135deg, rgba(18,155,244,.34), rgba(110,53,242,.36)) !important;
  color: #fff !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.06) inset, 0 0 18px rgba(58,171,255,.18) !important;
}

.member-page .member-play-link:hover,
.member-page .member-play-link:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 0 0 1px rgba(255,255,255,.08) inset, 0 0 22px rgba(58,171,255,.24) !important;
}

.member-page .member-watch-btn {
  box-shadow: 0 0 0 1px rgba(255,255,255,.04) inset, 0 8px 18px rgba(15,10,36,.12) !important;
}

.member-page .member-filter-bar--primary .selector-field input,
.member-page .member-filter-bar--primary .selector-field select {
  -webkit-appearance: none !important;
  appearance: none !important;
  outline: none !important;
  border-radius: 1.12rem !important;
  border: 1px solid rgba(177,156,255,.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 1px rgba(255,255,255,.02) !important;
}

.member-page .member-filter-bar--primary .selector-field input:focus,
.member-page .member-filter-bar--primary .selector-field select:focus,
.member-page .member-filter-bar--primary .selector-field input:focus-visible,
.member-page .member-filter-bar--primary .selector-field select:focus-visible {
  outline: none !important;
  border-color: rgba(212,18,247,.58) !important;
  box-shadow: 0 0 0 3px rgba(212,18,247,.12), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

@media (max-width: 767px) {
  .member-page .member-card-actions {
    align-items: stretch !important;
  }

  .member-page .member-watch-btn,
  .member-page .member-play-link {
    min-height: 2.45rem !important;
    font-size: .7rem !important;
  }

  .member-page .member-line-head {
    min-height: 2rem !important;
    margin-bottom: .55rem !important;
    padding-right: 4.25rem !important;
  }

  .member-page .line-copy-btn {
    top: -.04rem !important;
    right: -.04rem !important;
    min-width: 3.5rem !important;
    min-height: 1.85rem !important;
    font-size: .58rem !important;
  }
}


/* Stage 2 public tools */
.tools-hero {
  padding-top: clamp(2.3rem, 5vw, 4.6rem) !important;
  padding-bottom: clamp(2rem, 4vw, 3.8rem) !important;
}
.tools-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
}
.tool-card,
.tool-panel,
.tool-output-card {
  position: relative;
  overflow: hidden;
  border-radius: 1.7rem;
  border: 1px solid rgba(255,255,255,0.09);
  background:
    radial-gradient(circle at top right, rgba(145,94,255,0.14), transparent 32%),
    linear-gradient(180deg, rgba(39,25,76,0.94), rgba(24,15,52,0.96));
  box-shadow: 0 22px 56px rgba(6, 5, 22, 0.28), inset 0 1px 0 rgba(255,255,255,0.05);
}
.tool-card { padding: 1.15rem; min-height: 15rem; display: flex; flex-direction: column; }
.tool-card h2, .tool-card h3, .tool-panel h2, .tool-output-card h2 { color:#fff; margin:0; letter-spacing:-0.025em; }
.tool-card p, .tool-panel p, .tool-output-card p { color: rgba(203,213,225,0.86); }
.tool-card .tool-link { margin-top:auto; display:inline-flex; align-items:center; justify-content:center; border-radius:1rem; padding:.85rem 1rem; font-weight:900; color:#160a3b; background: linear-gradient(135deg,#d9c8ff,#9effc7); box-shadow: 0 0 24px rgba(158,255,199,.18); }
.tool-panel { padding: clamp(1rem, 2.4vw, 1.5rem); }
.tool-form-grid { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:.85rem; }
.tool-form-grid .full { grid-column: 1 / -1; }
.tool-field { display:grid; gap:.38rem; }
.tool-field span, .tool-label { color:rgba(226,232,240,.78); font-size:.74rem; text-transform:uppercase; letter-spacing:.08em; font-weight:900; }
.tool-field input, .tool-field select, .tool-field textarea {
  width: 100%; min-height:3.05rem; border-radius:1rem; border:1px solid rgba(255,255,255,.09);
  background: linear-gradient(180deg, rgba(31,20,64,.98), rgba(24,17,54,.98));
  color:#fff; padding:0 .95rem; outline:none;
}
.tool-field textarea { padding:.9rem .95rem; min-height:7rem; resize:vertical; }
.tool-help { font-size:.82rem; color:rgba(203,213,225,.74); line-height:1.55; }
.tool-actions { display:flex; flex-wrap:wrap; gap:.7rem; align-items:center; margin-top:1rem; }
.tool-primary-btn, .tool-secondary-btn, .tool-copy-btn {
  border:0; cursor:pointer; border-radius:1rem; padding:.9rem 1.05rem; font-weight:950; transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
}
.tool-primary-btn { color:#160a3b; background: linear-gradient(135deg,#d9c8ff,#9effc7); box-shadow: 0 0 26px rgba(158,255,199,.20); }
.tool-secondary-btn, .tool-copy-btn { color:#fff; background: rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.1); }
.tool-primary-btn:hover, .tool-secondary-btn:hover, .tool-copy-btn:hover { transform: translateY(-1px); }
.tool-output-card { padding:1.1rem; margin-top:1rem; }
.tool-result-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)); gap:.75rem; margin-top:.9rem; }
.tool-metric { border-radius:1.1rem; padding:.9rem; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.075); }
.tool-metric span { display:block; color:rgba(203,213,225,.72); font-size:.73rem; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.tool-metric strong { display:block; margin-top:.35rem; color:#fff; font-size:clamp(1.25rem,2.6vw,1.85rem); line-height:1.05; }
.tool-warning-list { display:grid; gap:.55rem; margin-top:.9rem; }
.tool-warning-list li { list-style:none; border-radius:1rem; padding:.75rem .85rem; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.075); color:rgba(241,245,249,.9); }
.tool-number-line { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:.85rem; }
.tool-number-ball { display:inline-grid; place-items:center; width:2.35rem; height:2.35rem; border-radius:999px; background: radial-gradient(circle at 34% 28%, rgba(255,255,255,.28), transparent 22%), linear-gradient(180deg, rgba(75,116,191,.96), rgba(43,72,141,.98)); border:1px solid rgba(143,205,255,.42); color:#fff; font-weight:950; box-shadow: inset 0 1px 0 rgba(255,255,255,.20), inset 0 -6px 12px rgba(0,0,0,.12); }
.tool-number-ball.extra { background: radial-gradient(circle at 34% 28%, rgba(255,255,255,.28), transparent 22%), linear-gradient(180deg, rgba(164,126,80,.96), rgba(128,93,56,.98)); border-color:rgba(223,186,114,.40); }
.tool-cta-strip { display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; justify-content:space-between; border-radius:1.4rem; padding:1rem; margin-top:1rem; border:1px solid rgba(158,255,199,.16); background:linear-gradient(135deg, rgba(158,255,199,.12), rgba(151,110,255,.10)); }
.tool-cta-strip p { margin:0; color:rgba(241,245,249,.88); }
.tool-cta-strip a { display:inline-flex; border-radius:1rem; padding:.85rem 1rem; font-weight:950; color:#160a3b; background:linear-gradient(135deg,#d9c8ff,#9effc7); }
.tool-link-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); gap:.75rem; margin-top:1rem; }
.tool-link-grid a { border-radius:1rem; padding:.85rem .95rem; color:#fff; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.08); font-weight:850; }
.tool-disclaimer { margin-top:.8rem; color:rgba(203,213,225,.68); font-size:.84rem; line-height:1.55; }
@media (max-width: 767px) {
  .tool-form-grid { grid-template-columns: 1fr; }
  .tool-actions > * { width:100%; justify-content:center; }
  .tool-card { min-height:auto; }
}



/* Stage 3 monetization, comparison and newsletter pages */
.monetization-hero { padding: 4rem 1rem 3rem; }
.monetization-hero .hero-box { border: 1px solid rgba(255,255,255,.12); background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.04)); border-radius: 2rem; padding: clamp(1.5rem, 4vw, 3rem); box-shadow: 0 0 42px rgba(110,53,242,.18); }
.monetization-grid { display: grid; gap: 1rem; }
@media (min-width: 768px){ .monetization-grid.cols-2{ grid-template-columns: repeat(2,minmax(0,1fr)); } .monetization-grid.cols-3{ grid-template-columns: repeat(3,minmax(0,1fr)); } .monetization-grid.cols-4{ grid-template-columns: repeat(4,minmax(0,1fr)); } }
.monetization-card h3 { margin: .35rem 0 .65rem; font-size: 1.15rem; font-weight: 800; color: #fff; }
.monetization-card p, .monetization-card li { color: rgb(203 213 225); line-height: 1.7; }
.monetization-card ul { margin-top: .75rem; padding-left: 1.1rem; }
.monetization-table { width:100%; border-collapse: collapse; overflow: hidden; border-radius: 1.25rem; }
.monetization-table th, .monetization-table td { border-bottom: 1px solid rgba(255,255,255,.10); padding: .9rem; text-align:left; vertical-align: top; color: rgb(226 232 240); }
.monetization-table th { color: #fff; background: rgba(255,255,255,.08); font-size:.78rem; text-transform: uppercase; letter-spacing:.12em; }
.source-list a { color: #c4b5fd; text-decoration: underline; text-underline-offset: 3px; }
.segment-check-grid { display: grid; gap:.75rem; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); }
.segment-check { border:1px solid rgba(255,255,255,.12); border-radius:1rem; padding:.9rem; background:rgba(255,255,255,.05); display:flex; gap:.65rem; align-items:center; cursor:pointer; }
.segment-check input { width:1.1rem; height:1.1rem; accent-color:#7c3aed; }
.segment-check span { color:#e2e8f0; font-weight:700; }
.rank-badge { display:inline-flex; align-items:center; border:1px solid rgba(196,181,253,.3); background:rgba(124,58,237,.16); border-radius:999px; padding:.35rem .7rem; color:#ddd6fe; font-size:.75rem; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }
.operator-pill { display:inline-flex; gap:.4rem; align-items:center; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.06); border-radius:999px; padding:.45rem .75rem; color:#e2e8f0; font-size:.8rem; font-weight:700; }
.disclosure-note { border-left: 3px solid rgba(20,184,166,.8); background: rgba(20,184,166,.08); padding: 1rem; border-radius: .9rem; color: rgb(204 251 241); }


/* 2026-05-08 Stage 4 retention: favorites, saved sets, jackpot alerts and play-this-set flow */
.member-retention-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.retention-panel { min-height: 100%; }
.member-line-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .45rem;
  flex-wrap: wrap;
}
.line-save-btn,
.line-play-set-btn {
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.07);
  color: #fff;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .02em;
  padding: .42rem .68rem;
  text-transform: uppercase;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.line-play-set-btn {
  background: linear-gradient(135deg, rgba(52,211,153,.95), rgba(132,204,22,.92));
  border-color: rgba(187,247,208,.55);
  color: #07130d;
  box-shadow: 0 0 24px rgba(74,222,128,.22);
}
.line-save-btn:hover,
.line-play-set-btn:hover { transform: translateY(-1px); }
.line-save-btn:disabled,
.line-play-set-btn[aria-disabled="true"] { opacity: .45; pointer-events: none; }
.line-save-btn.is-copied { background: rgba(52,211,153,.18); border-color: rgba(52,211,153,.45); }
.saved-numbers-list,
.jackpot-alert-list {
  display: grid;
  gap: .75rem;
  margin-top: 1rem;
}
.saved-set-card,
.alert-row {
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 1.35rem;
  background: rgba(12, 7, 35, .55);
  padding: 1rem;
}
.saved-set-head,
.alert-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem;
}
.saved-set-head p,
.member-tool-head p {
  color: #c4b5fd;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.saved-set-head h3 {
  margin-top: .15rem;
  font-size: 1rem;
  font-weight: 800;
  color: #fff;
}
.saved-set-head button,
.alert-row button {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.78);
  font-weight: 900;
}
.saved-set-line {
  display: flex;
  flex-wrap: wrap;
  gap: .38rem;
  margin-top: .85rem;
}
.retention-ball {
  min-width: 2rem;
  min-height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: radial-gradient(circle at 35% 30%, #fff, #d9e4ff 52%, #8da2ff 100%);
  color: #120b2d;
  font-size: .78rem;
  font-weight: 900;
  padding: .25rem .45rem;
}
.saved-set-meta,
.member-tool-note {
  margin-top: .7rem;
  color: rgba(226,232,240,.7);
  font-size: .82rem;
  line-height: 1.5;
}
.saved-set-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: .9rem;
}
.retention-form {
  display: grid;
  gap: .75rem;
  margin-top: 1rem;
}
.retention-form .diagnostic-run-btn { justify-content: center; }
.weekly-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
}
.weekly-checks label,
.watchlist-options label {
  display: flex;
  align-items: center;
  gap: .55rem;
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.055);
  border-radius: 1rem;
  padding: .7rem .8rem;
  color: rgba(255,255,255,.86);
  font-size: .84rem;
  font-weight: 700;
}
.alert-row { align-items: center; }
.alert-row strong { display: block; color: #fff; }
.alert-row span { display: block; color: rgba(226,232,240,.72); font-size: .82rem; }
.alert-row em { display: inline-flex; margin-top: .25rem; color: rgba(226,232,240,.76); font-style: normal; font-weight: 800; font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; }
.alert-row.is-triggered { border-color: rgba(52,211,153,.45); box-shadow: 0 0 28px rgba(52,211,153,.12); }
.alert-row.is-triggered em { color: #86efac; }
@media (max-width: 900px) {
  .member-retention-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .member-line-head { align-items: flex-start; }
  .member-line-actions { width: 100%; justify-content: flex-start; }
  .line-copy-btn, .line-save-btn, .line-play-set-btn { min-height: 2.35rem; }
  .weekly-checks { grid-template-columns: 1fr; }
  .saved-set-head, .alert-row { flex-direction: column; align-items: stretch; }
  .alert-row button { width: auto; }
}


/* Stage 4 hotfix: monetization routing and LottoPark preferred partner emphasis */
.preferred-partner-card{border-color:rgba(34,197,94,.45)!important;box-shadow:0 0 34px rgba(34,197,94,.18), inset 0 0 0 1px rgba(255,255,255,.04)}
.preferred-partner-card .results-kicker{color:#86efac}


/* 2026-05-09 deep rebuild: explainers, tool icons, newsletter retention forms and LottoPark-led comparisons */
.tool-card-icon,
.tool-page-icon {
  width: 3.35rem;
  height: 3.35rem;
  border-radius: 1.1rem;
  display: inline-grid;
  place-items: center;
  box-shadow: 0 0 26px rgba(158,255,199,.16);
  margin-bottom: .9rem;
}
.tool-card-icon img,
.tool-page-icon img { width: 100%; height: 100%; display: block; }
.tool-page-title-row { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; }
.tool-page-title-row .tool-page-icon { flex: 0 0 auto; margin-bottom: 0; }
.tool-explainer,
.page-explainer {
  margin-top: clamp(1.8rem, 4vw, 3rem);
  border: 1px solid rgba(158,255,199,.16);
  border-radius: 1.7rem;
  background:
    radial-gradient(circle at top left, rgba(158,255,199,.10), transparent 34%),
    linear-gradient(180deg, rgba(30,20,63,.90), rgba(17,12,42,.96));
  padding: clamp(1.1rem, 2.7vw, 1.65rem);
  box-shadow: 0 22px 58px rgba(5, 4, 18, .24), inset 0 1px 0 rgba(255,255,255,.05);
}
.tool-explainer h2,
.page-explainer h2 { color: #fff; font-size: clamp(1.4rem, 2.4vw, 2rem); margin: 0 0 .9rem; letter-spacing: -.025em; }
.tool-explainer p,
.page-explainer p { color: rgba(226,232,240,.82); line-height: 1.7; margin: .55rem 0 0; }
.explainer-steps { display: grid; gap: .75rem; margin-top: 1rem; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)); }
.explainer-step { border:1px solid rgba(255,255,255,.10); border-radius:1.15rem; background:rgba(255,255,255,.055); padding:.95rem; }
.explainer-step strong { display:block; color:#fff; margin-bottom:.3rem; }
.monetization-actions { display: grid; gap: .75rem; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)); align-items: stretch; }
.monetization-actions a,
.monetization-card .results-open-archive,
.monetization-card .lw-primary-cta { width: 100%; justify-content: center; text-align: center; min-height: 3rem; }
.preferred-partner-card { border-color: rgba(158,255,199,.28) !important; box-shadow: 0 0 36px rgba(158,255,199,.12), inset 0 1px 0 rgba(255,255,255,.06); }
.partner-rank-badge { display:inline-flex; align-items:center; border-radius:999px; padding:.38rem .72rem; font-size:.72rem; font-weight:950; letter-spacing:.12em; text-transform:uppercase; color:#120b2d; background:linear-gradient(135deg,#d9c8ff,#9effc7); }
.newsletter-tools-grid { display:grid; gap:1rem; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); }
.newsletter-form-card { border:1px solid rgba(255,255,255,.10); border-radius:1.7rem; background:linear-gradient(180deg, rgba(39,25,76,.94), rgba(24,15,52,.96)); padding: clamp(1rem, 2.6vw, 1.45rem); }
.newsletter-form-card h2 { color:#fff; font-size:clamp(1.35rem,2.4vw,1.9rem); margin:0; }
.newsletter-form-card > p { color:rgba(226,232,240,.78); line-height:1.65; margin-top:.55rem; }
.retention-form--polished { grid-template-columns: repeat(2,minmax(0,1fr)); align-items:end; }
.retention-form--polished .full { grid-column: 1 / -1; }
.retention-form--polished .selector-field input,
.retention-form--polished .selector-field select { min-height: 3.25rem; }
.retention-submit-row { display:flex; gap:.65rem; flex-wrap:wrap; align-items:center; }
.retention-submit-row .results-open-archive,
.retention-submit-row .diagnostic-run-btn { min-height:3.15rem; justify-content:center; }
.newsletter-note { border-left:3px solid rgba(158,255,199,.55); background:rgba(158,255,199,.08); border-radius:1rem; padding:.85rem 1rem; color:rgba(226,232,240,.84); font-size:.88rem; line-height:1.55; }
#number-diagnostic-tools { margin-top: 1rem; }
@media (max-width: 767px) { .retention-form--polished { grid-template-columns:1fr; } .monetization-actions { grid-template-columns:1fr; } }


/* Hotfix 2026-05-09: newsletter email fields should match homepage lead fields. */
.newsletter-email-input,
.inline-lead-row .newsletter-email-input,
.retention-form--polished .selector-field .newsletter-email-input,
#newsletter-email,
#weekly-report-email,
#jackpot-alert-email {
  min-height: 3.5rem !important;
  height: 3.5rem !important;
  width: 100% !important;
  border-radius: .75rem !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(9,15,45,.70) !important;
  color: #fff !important;
  padding: 0 1rem !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: #fff !important;
}
.newsletter-email-input::placeholder,
#newsletter-email::placeholder,
#weekly-report-email::placeholder,
#jackpot-alert-email::placeholder {
  color: rgba(226,232,240,.62) !important;
  -webkit-text-fill-color: rgba(226,232,240,.62) !important;
}
.newsletter-email-input:focus,
#newsletter-email:focus,
#weekly-report-email:focus,
#jackpot-alert-email:focus {
  border-color: rgba(196,181,253,.90) !important;
  box-shadow: 0 0 0 4px rgba(196,181,253,.20) !important;
}


/* Hotfix 2026-05-09: polished jackpot threshold amount field. */
.money-selector-field .money-input-shell {
  min-height: 3.5rem !important;
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) !important;
  align-items: center !important;
  gap: .65rem !important;
  width: 100% !important;
  border-radius: .75rem !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(9,15,45,.70) !important;
  padding: 0 .9rem !important;
  box-shadow: none !important;
}
.money-selector-field .money-input-prefix {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 2.1rem !important;
  min-height: 2.1rem !important;
  border-radius: .65rem !important;
  background: linear-gradient(135deg, rgba(196,181,253,.24), rgba(59,130,246,.16)) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #fff !important;
  font-weight: 900 !important;
}
.money-selector-field .money-input-shell input,
.money-selector-field .money-input-shell input:focus {
  min-height: 3.3rem !important;
  height: 3.3rem !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 1rem !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: #fff !important;
}
.money-selector-field .money-input-shell:focus-within {
  border-color: rgba(196,181,253,.90) !important;
  box-shadow: 0 0 0 4px rgba(196,181,253,.20) !important;
}
.money-selector-field input::placeholder { color: rgba(226,232,240,.62) !important; }


/* Hotfix 2026-05-09: refined jackpot threshold selector. */
.money-selector-field {
  position: relative !important;
}
.money-selector-field > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: .45rem !important;
}
.money-selector-field > span::after {
  content: "full amount";
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(158,255,199,.22);
  background: rgba(158,255,199,.08);
  color: rgba(224,255,239,.88);
  border-radius: 999px;
  padding: .12rem .45rem;
  font-size: .58rem;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.money-selector-field .money-input-shell {
  min-height: 3.85rem !important;
  border-radius: 1.05rem !important;
  border: 1px solid rgba(196,181,253,.24) !important;
  background:
    radial-gradient(circle at 18% 22%, rgba(158,255,199,.11), transparent 36%),
    linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.035)) !important;
  box-shadow: 0 16px 36px rgba(6,5,22,.16), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.money-selector-field .money-input-prefix {
  min-width: 2.55rem !important;
  min-height: 2.55rem !important;
  border-radius: .9rem !important;
  background: linear-gradient(135deg, rgba(158,255,199,.32), rgba(196,181,253,.20)) !important;
  color: #f8fffb !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.money-selector-field .money-input-shell input,
.money-selector-field .money-input-shell input:focus {
  min-height: 3.65rem !important;
  height: 3.65rem !important;
  font-size: 1.12rem !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
}
.money-selector-field .money-input-shell:focus-within {
  border-color: rgba(158,255,199,.66) !important;
  box-shadow: 0 0 0 4px rgba(158,255,199,.16), 0 16px 36px rgba(6,5,22,.16), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.rules-card-head {
  display: flex;
  align-items: center;
  gap: .95rem;
  margin-bottom: .75rem;
}
.rules-lottery-icon {
  width: 3.35rem;
  height: 3.35rem;
  object-fit: contain;
  flex: 0 0 auto;
  border-radius: 1.05rem;
  padding: .45rem;
  background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 26px rgba(6,5,22,.18);
}
.rules-card-actions .rules-action-play {
  background: linear-gradient(90deg, #9effc7, #c7b8ff) !important;
  color: #140b2e !important;
  border-color: rgba(255,255,255,.28) !important;
  font-weight: 950 !important;
}
@media (max-width: 560px) {
  .rules-card-head { align-items: flex-start; }
  .rules-lottery-icon { width: 2.9rem; height: 2.9rem; }
}