/* Your Turn v175: premium number balls */
:root{
  --yt-ball-yellow-1:#ffd86c;
  --yt-ball-yellow-2:#d49406;
  --yt-ball-blue-1:#6fd0ff;
  --yt-ball-blue-2:#1568d8;
  --yt-ball-red-1:#ff91a7;
  --yt-ball-red-2:#d72656;
  --yt-ball-gray-1:#eef4ff;
  --yt-ball-gray-2:#7b889d;
  --yt-ball-green-1:#8ef0bf;
  --yt-ball-green-2:#159b67;
  --yt-ball-bonus-1:#ffe7a6;
  --yt-ball-bonus-2:#ff9e2b;
}

/* Base ball polish */
.result .ball,
.results .ball,
.account-number-balls .ball,
.history-lotto-combo .ball,
.gift-number-line .ball,
.share-preview .ball,
.gift-card .ball,
#savedList .ball,
#giftHistoryList .ball,
#memberSavedList .ball,
#home .ball,
#mine .ball,
#lastWin .ball,
#stats .ball,
.compare .ball,
.record .ball,
.yt-win-ball{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.26)!important;
  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.45),
    inset 0 -4px 7px rgba(0,0,0,.18),
    0 5px 14px rgba(7,18,39,.24)!important;
  text-shadow:
    0 1px 1px rgba(0,0,0,.25),
    0 0 2px rgba(0,0,0,.22)!important;
  font-weight:950!important;
  letter-spacing:-0.03em!important;
  transform:translateZ(0);
}

.result .ball::before,
.results .ball::before,
.account-number-balls .ball::before,
.history-lotto-combo .ball::before,
.gift-number-line .ball::before,
.share-preview .ball::before,
.gift-card .ball::before,
#savedList .ball::before,
#giftHistoryList .ball::before,
#memberSavedList .ball::before,
#home .ball::before,
#mine .ball::before,
#lastWin .ball::before,
#stats .ball::before,
.compare .ball::before,
.record .ball::before,
.yt-win-ball::before{
  content:"";
  position:absolute;
  top:12%; left:16%;
  width:48%; height:34%;
  border-radius:999px;
  background:radial-gradient(circle at center, rgba(255,255,255,.78) 0%, rgba(255,255,255,.3) 55%, rgba(255,255,255,0) 100%);
  pointer-events:none;
}

.result .ball::after,
.results .ball::after,
.account-number-balls .ball::after,
.history-lotto-combo .ball::after,
.gift-number-line .ball::after,
.share-preview .ball::after,
.gift-card .ball::after,
#savedList .ball::after,
#giftHistoryList .ball::after,
#memberSavedList .ball::after,
#home .ball::after,
#mine .ball::after,
#lastWin .ball::after,
#stats .ball::after,
.compare .ball::after,
.record .ball::after,
.yt-win-ball::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 36%, rgba(0,0,0,.08) 100%);
  pointer-events:none;
}

/* Bigger, bolder digits but same circle size */
.result .ball,
.results .ball,
.account-number-balls .ball,
.history-lotto-combo .ball,
.gift-number-line .ball,
.share-preview .ball,
.gift-card .ball,
#savedList .ball,
#giftHistoryList .ball,
#memberSavedList .ball,
#home .ball,
#mine .ball,
#lastWin .ball,
#stats .ball{
  font-size:16px!important;
}
.compare .ball,
.record .ball,
.yt-win-ball{
  font-size:14px!important;
}
.bonus-ball{font-size:14px!important}

/* Stronger color contrast */
.ball-1{background:radial-gradient(circle at 30% 28%, var(--yt-ball-yellow-1) 0%, #efbe37 42%, var(--yt-ball-yellow-2) 100%)!important;color:#ffffff!important}
.ball-2{background:radial-gradient(circle at 30% 28%, var(--yt-ball-blue-1) 0%, #2d8fff 42%, var(--yt-ball-blue-2) 100%)!important;color:#ffffff!important}
.ball-3{background:radial-gradient(circle at 30% 28%, var(--yt-ball-red-1) 0%, #ff5178 42%, var(--yt-ball-red-2) 100%)!important;color:#ffffff!important}
.ball-4{background:radial-gradient(circle at 30% 28%, var(--yt-ball-gray-1) 0%, #a1aec2 42%, var(--yt-ball-gray-2) 100%)!important;color:#ffffff!important}
.ball-5{background:radial-gradient(circle at 30% 28%, var(--yt-ball-green-1) 0%, #34c98b 42%, var(--yt-ball-green-2) 100%)!important;color:#ffffff!important}
.bonus-ball{background:radial-gradient(circle at 30% 28%, var(--yt-ball-bonus-1) 0%, #ffbf55 44%, var(--yt-ball-bonus-2) 100%)!important;color:#ffffff!important}

/* Winning detail popup match balls look richer and clearer */
.compare .ball.match,
.yt-win-ball.match{
  border-color:#fff0b2!important;
  background:radial-gradient(circle at 30% 28%, #ffe9a7 0%, #ffc94e 44%, #d88b12 100%)!important;
  color:#241807!important;
  text-shadow:none!important;
  box-shadow:
    0 0 0 2px rgba(255,240,178,.68),
    inset 0 2px 2px rgba(255,255,255,.46),
    inset 0 -4px 8px rgba(123,72,0,.15),
    0 7px 16px rgba(216,139,18,.34)!important;
}

/* Gift / detail contexts where circles are smaller */
.gift-card .ball,
.share-preview .ball,
.gift-number-line .ball,
.compare .ball,
.record .ball,
.yt-win-ball{
  font-weight:900!important;
}

@media (max-width:740px){
  .result .ball,
  .results .ball,
  .account-number-balls .ball,
  .history-lotto-combo .ball,
  .gift-number-line .ball,
  .share-preview .ball,
  .gift-card .ball,
  #savedList .ball,
  #giftHistoryList .ball,
  #memberSavedList .ball,
  #home .ball,
  #mine .ball,
  #lastWin .ball,
  #stats .ball{font-size:15px!important}
  .compare .ball,
  .record .ball,
  .yt-win-ball{font-size:13px!important}
}
