/* KUBER SaaS Lottery V5 final presentation fixes */

/* Main Big / Small selector must stay readable and match the real layout. */
.Betting__C-foot-b {
  background: #f3a13a !important;
  background-image: none !important;
  color: #fff !important;
  opacity: 1 !important;
}
.Betting__C-foot-s {
  background: #5b91df !important;
  background-image: none !important;
  color: #fff !important;
  opacity: 1 !important;
}

/* Winning detail: game type first, exact period directly below it. */
.WinningTip__C-body-l3 .gameDetail,
.WinningTip__C-body .gameDetail {
  height: auto !important;
  min-height: 34px;
  line-height: 1.2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px;
  white-space: normal !important;
  text-align: center;
}
.kuber-period-label, .kuber-period-issue { display:block; width:100%; }
.kuber-period-label { font-weight: 600; }
.kuber-period-issue { font-size: 11px; opacity: .78; overflow-wrap:anywhere; }
.WinningTip__C-body { animation: kuberWinCardIn .48s cubic-bezier(.2,.8,.2,1) both; }
@keyframes kuberWinCardIn {
  0% { opacity:0; transform:translate(-50%, calc(-50% + 28px)) scale(.82); }
  65% { opacity:1; transform:translate(-50%, calc(-50% - 5px)) scale(1.025); }
  100% { opacity:1; transform:translate(-50%, -50%) scale(1); }
}

/* TRX hash uses real text only. Wrong/missing PNGs can never become dice or unrelated balls. */
.TimeLeft__C-l3 .trx-hash-char {
  width: 48px !important;
  height: 54px !important;
  margin: 0 3px !important;
  box-sizing: border-box;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background-image: none !important;
  background: linear-gradient(180deg,#0b428d,#06255d) !important;
  border: 3px solid #188ce9 !important;
  box-shadow: inset 0 0 0 2px rgba(88,190,255,.42), 0 2px 5px rgba(0,0,0,.25);
  border-radius: 10px !important;
  color: #45b9ff !important;
  font-size: 27px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.45);
}
.TimeLeft__C-l3 .trx-winning-char {
  width: 54px !important;
  height: 54px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 35% 25%,#fff 0 9%,#ffb2a3 10% 18%,#ff5a52 20% 55%,#cf202b 58% 100%) !important;
  border: 4px solid #ffb03b !important;
  box-shadow: inset 0 0 0 3px rgba(255,255,255,.55), 0 2px 7px rgba(0,0,0,.35);
  color: #fff !important;
  font-size: 25px !important;
}

/* Full-screen confetti is decorative only and never blocks taps. */
.kuber-win-confetti {
  position: fixed; inset: 0; width: 100vw; height: 100vh;
  z-index: 999999; pointer-events: none;
}

@media (max-width: 380px) {
  .TimeLeft__C-l3 .trx-hash-char { width:43px !important; height:49px !important; font-size:24px !important; }
  .TimeLeft__C-l3 .trx-winning-char { width:49px !important; height:49px !important; }
}