/* v86 — Restore WinGo / lottery look to match _backup_frontend_20260729 (Style6).
   Scoped overrides only; does not flip global theme or replace SPA chunks. */

/* Scoped Style6 green tokens on lottery roots (does not change home/deposit :root) */
body #app .lottery-container,
body #app .Betting__C,
body #app .TimeLeft__C,
body #app .record-body,
body #app .GameRecord__C,
body #app .winner_result {
  --norm_green-color: #00B42A;
  --bgcolor-22: #00B42A;
}

/* --- Wallet: kill conflicting walletbg :after so v85 corner accents win --- */
body #app .Wallet__C-balance::after,
body #app .Wallet__C-balance:after {
  opacity: 0 !important;
  content: none !important;
  background: none !important;
}

/* --- Mode selector header (soft WhiteGreen → classic green) --- */
body #app .lottery-container .header {
  background: -webkit-linear-gradient(left, #00B977, #00B42A) !important;
  background: linear-gradient(to right, #00B977, #00B42A) !important;
}

body #app .lottery-container .green_bg {
  background: -webkit-linear-gradient(left, #00B42A 0%, #00B977 100%) !important;
  background: linear-gradient(90deg, #00B42A, #00B977) !important;
}

/* --- TimeLeft issue plate (backup art) --- */
body #app .TimeLeft__C {
  background-image: url(/assets/png/wingoissue-8fd1120d.webp) !important;
}

/* Timer end caps closer to backup (dark ends) */
body #app .TimeLeft__C-time > div:nth-child(1),
body #app .TimeLeft__C-time > div:nth-child(5),
body #app .TimeLeft__C-time > div:first-child,
body #app .TimeLeft__C-time > div:last-child {
  background: var(--bg_color_L1, #0F0F14) !important;
}

/* --- Recent result balls + Betting number balls (classic n0–n9) --- */
body #app .TimeLeft__C-num > div.n0,
body #app .Betting__C-numC > div.Betting__C-numC-item0 {
  background-image: url(/assets/png/n0-30bd92d1.webp) !important;
}
body #app .TimeLeft__C-num > div.n1,
body #app .Betting__C-numC > div.Betting__C-numC-item1 {
  background-image: url(/assets/png/n1-dfccbff5.webp) !important;
}
body #app .TimeLeft__C-num > div.n2,
body #app .Betting__C-numC > div.Betting__C-numC-item2 {
  background-image: url(/assets/png/n2-c2913607.webp) !important;
}
body #app .TimeLeft__C-num > div.n3,
body #app .Betting__C-numC > div.Betting__C-numC-item3 {
  background-image: url(/assets/png/n3-f92c313f.webp) !important;
}
body #app .TimeLeft__C-num > div.n4,
body #app .Betting__C-numC > div.Betting__C-numC-item4 {
  background-image: url(/assets/png/n4-cb84933b.webp) !important;
}
body #app .TimeLeft__C-num > div.n5,
body #app .Betting__C-numC > div.Betting__C-numC-item5 {
  background-image: url(/assets/png/n5-49d0e9c5.webp) !important;
}
body #app .TimeLeft__C-num > div.n6,
body #app .Betting__C-numC > div.Betting__C-numC-item6 {
  background-image: url(/assets/png/n6-a56e0b9a.webp) !important;
}
body #app .TimeLeft__C-num > div.n7,
body #app .Betting__C-numC > div.Betting__C-numC-item7 {
  background-image: url(/assets/png/n7-5961a17f.webp) !important;
}
body #app .TimeLeft__C-num > div.n8,
body #app .Betting__C-numC > div.Betting__C-numC-item8 {
  background-image: url(/assets/png/n8-d4d951a4.webp) !important;
}
body #app .TimeLeft__C-num > div.n9,
body #app .Betting__C-numC > div.Betting__C-numC-item9 {
  background-image: url(/assets/png/n9-a20f6f42.webp) !important;
}

/* --- Betting Green/Violet/Red already use CSS vars; force Style6 green on WinGo roots --- */
body #app .Betting__C-head-green,
body #app .Betting__C-multiple-r.active {
  background: #00B42A !important;
}

/* Winner popup chips → Style6 tokens */
body #app .winner_result .color_green {
  background: #00B42A !important;
}
body #app .winner_result .color_red {
  background: #F53F3F !important;
}
body #app .winner_result .color_violet {
  background: #9FE871 !important;
}
body #app .winner_result .color_red_violet {
  background: -webkit-linear-gradient(315deg, #F53F3F 51.48%, #24EE89 51.49%) !important;
  background: linear-gradient(135deg, #F53F3F 51.48%, #24EE89 51.49%) !important;
}
body #app .winner_result .color_green_violet {
  background: -webkit-linear-gradient(315deg, #00B42A 51.48%, #24EE89 51.49%) !important;
  background: linear-gradient(135deg, #00B42A 51.48%, #24EE89 51.49%) !important;
}

/* --- Game history 0/5: gradient must clip to DIGIT text (not fill the box) --- */
body #app .record-body .mixedColor0,
body #app .record-body-num.mixedColor0,
body #app .mixedColor0 {
  background: -webkit-linear-gradient(top, #F53F3F 50.96%, #24EE89 50.97%) !important;
  background: linear-gradient(180deg, #F53F3F 50.96%, #24EE89 50.97%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
body #app .record-body .mixedColor5,
body #app .record-body-num.mixedColor5,
body #app .mixedColor5 {
  background: -webkit-linear-gradient(top, #00B42A 50%, #9FE871 50%) !important;
  background: linear-gradient(180deg, #00B42A 50%, #9FE871 50%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
body #app .record-origin-I.green {
  background: #00B42A !important;
}
body #app .record-origin-I.red {
  background: #F53F3F !important;
}
body #app .record-origin-I.violet {
  background: #9FE871 !important;
}

/* Chart number actions (0/5/9 soft greens → Style6) */
body #app .t-b2-Num-item.action0 {
  background: -webkit-linear-gradient(top, #F53F3F 50%, #9FE871 50%) !important;
  background: linear-gradient(180deg, #F53F3F 50%, #9FE871 50%) !important;
}
body #app .t-b2-Num-item.action5 {
  background: -webkit-linear-gradient(top, #00B42A 50%, #9FE871 50%) !important;
  background: linear-gradient(180deg, #00B42A 50%, #9FE871 50%) !important;
}
body #app .t-b2-Num-item.action9 {
  background: #00B42A !important;
}

/* Betting popup mixed head (0) violet half → brand purple */
body #app .Betting__C-popup-5 .Betting__C-popup-head {
  background: -webkit-linear-gradient(top left, var(--norm_red-color, #F53F3F) 50%, #24EE89 0) !important;
  background: linear-gradient(to bottom right, var(--norm_red-color, #F53F3F) 50%, #24EE89 0) !important;
}