/* KUBER SaaS Lottery V6 final visual/interaction repair */

/* Big must be orange everywhere; Small stays blue. */
.Betting__C-foot-b,
.K3B__C-bettingList > div.numA,
.Betting__Popup-type1 .list > div.numA,
.FDB__C-H > div:first-child {
  background: #f5a036 !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
  border-color: #f5a036 !important;
}
.Betting__C-foot-s,
.K3B__C-bettingList > div.numB,
.FDB__C-H > div:nth-child(2) {
  background: #6ea8f4 !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
.K3B__C-bettingList > div.numA .K3B__C-odds-bet,
.K3B__C-bettingList > div.numA .K3B__C-odds-rate,
.K3B__C-bettingList > div.numB .K3B__C-odds-bet,
.K3B__C-bettingList > div.numB .K3B__C-odds-rate {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Real-site-style orange Big betting sheet. */
.Betting__Popup-13 .Betting__Popup-head {
  background: #f5a036 !important;
  background-image: none !important;
}
.Betting__Popup-13 .Betting__Popup-head-title { color: #fff !important; }
.Betting__Popup-13 .Betting__Popup-head-selectName {
  background: #fff !important;
  color: #161616 !important;
  -webkit-text-fill-color: #161616 !important;
  border: 0 !important;
  box-shadow: none !important;
}
.Betting__Popup-13 .Betting__Popup-body-line-item.bgcolor,
.Betting__Popup-13 .Betting__Popup-body-line-item.active,
.Betting__Popup-13 .Betting__Popup-foot-s {
  background: #f5a036 !important;
  color: #fff !important;
  border-color: #f5a036 !important;
}
.Betting__Popup-13 .Betting__Popup-head::before,
.Betting__Popup-13 .Betting__Popup-head::after {
  /* Keep the original folded bottom but make it join cleanly to the dark body. */
  filter: none !important;
}

/* Winning/losing card appears at the centre, not from the top. */
.WinningTip__C-body {
  left: 50% !important;
  top: 50% !important;
  transform-origin: 50% 50% !important;
  animation: kuberWinCardPopV6 .30s cubic-bezier(.22,.8,.22,1) both !important;
}
@keyframes kuberWinCardPopV6 {
  0%   { opacity: 0; transform: translate(-50%, -50%) scale(.91); }
  70%  { opacity: 1; transform: translate(-50%, -50%) scale(1.018); }
  100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

/* Receipt text must always show: Period: <game> on line 1, issue on line 2. */
.WinningTip__C-body-l3 {
  height: 2.05rem !important;
  overflow: visible !important;
}
.WinningTip__C-body-l3 .head {
  margin-bottom: .05rem !important;
}
.WinningTip__C-body-l3 .bonus {
  margin-bottom: .04rem !important;
}
.WinningTip__C-body-l3 .gameDetail,
.WinningTip__C-body .gameDetail {
  width: 100% !important;
  height: auto !important;
  min-height: .70rem !important;
  line-height: .33rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-align: center !important;
  color: #9b9b9b !important;
  font-size: .275rem !important;
  position: relative !important;
  z-index: 6 !important;
}
.WinningTip__C-body-l3 .gameDetail > span,
.WinningTip__C-body .gameDetail > span,
.kuber-period-label,
.kuber-period-issue {
  display: block !important;
  width: 100% !important;
  min-height: .31rem !important;
  line-height: .31rem !important;
  color: #9b9b9b !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow-wrap: anywhere !important;
  font-weight: 500 !important;
}
.kuber-period-label { font-weight: 500 !important; }
.kuber-period-issue { font-size: .265rem !important; }
.WinningTip__C-body.isL .gameDetail,
.WinningTip__C-body.isL .gameDetail > span {
  color: #8a9eb4 !important;
}

/* TRX hash balls: original Vue TimeLeft CSS only. */

/* Confetti is a short burst around the popup and never blocks clicks. */
.kuber-win-confetti {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 999999 !important;
  pointer-events: none !important;
}

@media (max-width: 380px) {
  .WinningTip__C-body-l3 .gameDetail,
  .WinningTip__C-body .gameDetail { font-size: .26rem !important; }
  .kuber-period-issue { font-size: .245rem !important; }
}


/* KUBER SaaS Lottery V7 final: popup receipt, TRX hash balls, D5 colors */

/* Period/game and issue always occupy two clean lines on both win and loss cards. */
.WinningTip__C-body-l3 {
  position: relative !important;
  height: 1.95rem !important;
  overflow: visible !important;
}
.WinningTip__C-body-l3 .gameDetail,
.WinningTip__C-body .gameDetail {
  position: absolute !important;
  left: .28rem !important;
  right: .28rem !important;
  bottom: .04rem !important;
  width: auto !important;
  min-height: .72rem !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .015rem !important;
  line-height: .33rem !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 8 !important;
}
.WinningTip__C-body-l3 .gameDetail > span,
.WinningTip__C-body .gameDetail > span,
.kuber-period-label,
.kuber-period-issue {
  display: block !important;
  width: 100% !important;
  height: .32rem !important;
  min-height: .32rem !important;
  line-height: .32rem !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #8f8f8f !important;
  font-size: .285rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
}
.WinningTip__C-body.isL .WinningTip__C-body-l3 .gameDetail {
  bottom: .08rem !important;
}
.WinningTip__C-body.isL .kuber-period-label,
.WinningTip__C-body.isL .kuber-period-issue {
  color: #7890aa !important;
}
.WinningTip__C-body-l3 .isLose {
  margin-bottom: .08rem !important;
  padding-top: .20rem !important;
}
.WinningTip__C-body-l3 .bonus { margin-bottom: .08rem !important; }

/* TRX hash balls: original Vue TimeLeft CSS only. */

/* Main Big/Small/Odd/Even colors across the lottery components. */
[data-kuber-choice="big"] {
  background: #f5a036 !important;
  background-image: none !important;
  border-color: #f5a036 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
[data-kuber-choice="small"] {
  background: #6ea8f4 !important;
  background-image: none !important;
  border-color: #6ea8f4 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
[data-kuber-choice="odd"],
.FDB__C-H > div:nth-child(3) {
  background: #e83b3b !important;
  background-image: none !important;
  border-color: #e83b3b !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
[data-kuber-choice="even"],
.FDB__C-H > div:nth-child(4) {
  background: #17b15e !important;
  background-image: none !important;
  border-color: #17b15e !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
.FDB__C-H > div:nth-child(1) { background: #f5a036 !important; color:#fff !important; }
.FDB__C-H > div:nth-child(2) { background: #6ea8f4 !important; color:#fff !important; }
.FDB__C-H > div > span { color: inherit !important; -webkit-text-fill-color: inherit !important; }

/* Matching popup sheet controls for the chosen category. */
.van-popup[data-kuber-choice="big"] .Betting__Popup-head,
.van-popup[data-kuber-choice="big"] .Betting__Popup-foot-s,
.van-popup[data-kuber-choice="big"] .bgcolor { background:#f5a036 !important; border-color:#f5a036 !important; }
.van-popup[data-kuber-choice="small"] .Betting__Popup-head,
.van-popup[data-kuber-choice="small"] .Betting__Popup-foot-s,
.van-popup[data-kuber-choice="small"] .bgcolor { background:#6ea8f4 !important; border-color:#6ea8f4 !important; }
.van-popup[data-kuber-choice="odd"] .Betting__Popup-head,
.van-popup[data-kuber-choice="odd"] .Betting__Popup-foot-s,
.van-popup[data-kuber-choice="odd"] .bgcolor { background:#e83b3b !important; border-color:#e83b3b !important; }
.van-popup[data-kuber-choice="even"] .Betting__Popup-head,
.van-popup[data-kuber-choice="even"] .Betting__Popup-foot-s,
.van-popup[data-kuber-choice="even"] .bgcolor { background:#17b15e !important; border-color:#17b15e !important; }

@media (max-width: 380px) {
  .kuber-period-label, .kuber-period-issue { font-size: .27rem !important; }
}