/* Dragon layout lives below. Wallet/ball clarity is in kuber-clear-ui-v50.css. */

/* Dragon Assistant cards must remain inside the mobile app canvas. */
.changLong__C,
.changLong__C * {
    box-sizing: border-box;
}

.changLong__C {
    width: 100%;
    max-width: 10rem;
    margin: 0 auto;
    overflow-x: hidden;
}

.changLong__C-bet {
    width: auto;
    min-width: 0;
    overflow: hidden;
}

.changLong__C-bet-l {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    align-items: start !important;
    justify-content: stretch !important;
    gap: .14rem !important;
    min-width: 0;
}

.changLong__C-bet-l .titel,
.changLong__C-bet-l .num,
.changLong__C-bet-l .other {
    min-width: 0;
    max-width: 100%;
}

.changLong__C-bet-l .titel {
    font-size: .34rem;
    font-weight: 700;
    line-height: 1.35;
}

.changLong__C-bet-l .num,
.changLong__C-bet-l .other {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .12rem;
    overflow-wrap: anywhere;
    line-height: 1.35;
}

.changLong__C-bet-l .time {
    color: #ff5263;
    font-variant-numeric: tabular-nums;
}

.changLong__C-bet-l .remark {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.changLong__C-bet-l .gameResult,
.changLong__C-bet-l .issue {
    flex: 0 0 auto;
}

.changLong__C-bet-r {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(1.55rem, 1fr));
    gap: .18rem;
    width: 100%;
    min-width: 0;
    margin-top: .28rem;
}

.changLong__C-bet-r > div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-width: 0;
    min-height: .78rem;
    margin: 0 !important;
    padding: .1rem .16rem;
    border: 1px solid #29a8ff;
    border-radius: .14rem;
    color: #29a8ff;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
}

@media (max-width: 380px) {
    .changLong__C-bet-r {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Lottery wallet card: the balance is painted in --text_color_L1 (white) because
   --darkTextW is never defined, so it disappeared into the bright areas of the
   walletbg artwork. Blending the art into the navy card keeps the original
   design while leaving the amount readable. */
.Wallet__C-balance.Wallet__C-balance {
    background-color: #0a1a5c !important;
    background-blend-mode: soft-light !important;
}
.Wallet__C-balance-l1.Wallet__C-balance-l1,
.Wallet__C-balance-l2.Wallet__C-balance-l2 {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* Deposit / Withdraw pills must stay tappable above the artwork. */
.Wallet__C-balance-l3.Wallet__C-balance-l3 {
    position: relative;
    z-index: 6;
}
.Wallet__C-balance-l3 > div {
    cursor: pointer;
    touch-action: manipulation;
    position: relative;
    z-index: 7;
    -webkit-tap-highlight-color: transparent;
}
.totalSavings__container-content-item,
.userDetail > div {
    cursor: pointer;
    touch-action: manipulation;
    position: relative;
    z-index: 8;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
}

/* Tap responsiveness: remove the 300ms mobile click delay and the flash the
   compiled bundle leaves on buttons, tabs and list rows. */
html{touch-action:manipulation}
a,button,label,select,input,textarea,[role="button"],[class*="van-button"],[class*="van-tab"],[class*="__C-item"],[class*="-btn"]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.van-tabs__nav,.van-tabbar,[class*="scroll"],[class*="__C-scroll"]{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}

/* Home notice dialog: GATE-style header + telegram card, no stacked text. */
.van-dialog .promptHeader {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    padding: 0 .32rem !important;
    box-sizing: border-box;
}
.van-dialog .promptContent,
.van-dialog .promptContent * {
    -webkit-text-stroke: 0 !important;
    text-shadow: none !important;
    background-image: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
}
.kuber-tg-pop {
    text-align: center;
    padding: .16rem .2rem .28rem;
    color: #fff;
}
.kuber-tg-pop__gift {
    font-size: .72rem;
    line-height: 1;
    margin: .12rem 0 .08rem;
}
.kuber-tg-pop__title {
    margin: .08rem 0 .16rem;
    font-size: .42rem;
    font-weight: 800;
    letter-spacing: .02rem;
    line-height: 1.2;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
.kuber-tg-pop__text {
    margin: 0 0 .28rem;
    font-size: .32rem;
    line-height: 1.4;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    word-break: normal !important;
}
.kuber-tg-pop__btn {
    display: inline-block;
    min-width: 4.4rem;
    background: #ff3b3b !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-weight: 800;
    font-size: .37rem;
    line-height: 1;
    padding: .28rem .48rem;
    border-radius: .16rem;
    text-decoration: none !important;
}
.kuber-tg-pop__link {
    display: block;
    margin-top: .28rem;
    color: #ff4d4d !important;
    -webkit-text-fill-color: #ff4d4d !important;
    font-weight: 700;
    font-size: .29rem;
    word-break: break-all !important;
    text-decoration: none !important;
}

/* TRX hash balls: see kuber-trx-hash-v48.css */

/* Home tiles: keep lottery/banner art inside the slot while images load. */
.lobby .lottery .b > img {
    object-fit: cover;
    background: #081346;
}
.winner_91-wrapper__item .game img {
    object-fit: cover;
    background: #081346;
}

/* Invitation commission popup: 6club-style gold title + Receive button. */
.noOverHidden .dialog-title {
    color: #f3d27a !important;
    text-transform: capitalize;
}
.noOverHidden .dialog-content {
    color: #f3d27a !important;
    font-weight: 700;
}

/* Bottom tabbar sat 0.2rem above the screen (~8px on phones). Pin it to the edge
   without changing width, icons, or the pill artwork. */
.tabbar__container[data-v-58c5bdfc],
.tabbar__container {
    bottom: 0 !important;
}

/* ==========================================================================
   RECHARGE PAGE: 5% BONUS & BADGES HIGH-CONTRAST VISIBILITY FIX
   ========================================================================== */

/* 1. Payment Method Top Cards (+5% Badge) */
.Recharge__container-tabcard__items {
    overflow: hidden !important;
    position: relative !important;
}

.Recharge__container-tabcard__items .gift[data-v-4f3d8608],
.Recharge__container-tabcard__items .gift {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    background: linear-gradient(135deg, #ff2d55 0%, #ff8800 100%) !important;
    border-radius: 0 0.13333rem 0 0.22rem !important;
    padding: 0.05rem 0.18rem !important;
    height: auto !important;
    min-width: 0.82rem !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) !important;
    z-index: 10 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.Recharge__container-tabcard__items .gift span[data-v-4f3d8608],
.Recharge__container-tabcard__items .gift span {
    display: block !important;
    padding: 0 !important;
    padding-top: 0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 0.32rem !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    letter-spacing: 0.01rem !important;
    text-align: center !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7) !important;
    white-space: nowrap !important;
}

/* 2. Custom Single UPI / Innate Banner Badge */
.new_upi .upi_item .upi_image[data-v-4f3d8608],
.new_upi .upi_item .upi_image {
    font-weight: 900 !important;
    font-size: 0.32rem !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: linear-gradient(135deg, #ff2d55 0%, #ff8800 100%) !important;
    border-radius: 0 0.26667rem 0 0.26667rem !important;
    padding: 0.08rem 0.26rem !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

/* 3. Select Channel: 5% Bonus Text */
.Recharge__content-quickInfo__item .other .bouns[data-v-9e03166f],
.Recharge__content-quickInfo__item .other .bouns {
    font-size: 0.38rem !important;
    font-weight: 800 !important;
    color: #ffb800 !important;
    -webkit-text-fill-color: #ffb800 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;
    margin-top: 0.06rem !important;
}

.Recharge__content-quickInfo .item_active .other .bouns[data-v-9e03166f],
.Recharge__content-quickInfo .item_active .other .bouns {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 900 !important;
}

/* 4. Deposit Amount Quick Buttons: "Bonus + ₹ 5" Text */
.Recharge__content-paymoney__money-list__item .ar_gift[data-v-9e03166f],
.Recharge__content-paymoney__money-list__item .ar_gift {
    font-size: 0.3rem !important;
    font-weight: 700 !important;
    color: #ff8581 !important;
    -webkit-text-fill-color: #ff8581 !important;
    margin-top: 0.06rem !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.04rem !important;
}

.Recharge__content-paymoney__money-list__item .ar_gift span[data-v-9e03166f],
.Recharge__content-paymoney__money-list__item .ar_gift span {
    color: #ff3838 !important;
    -webkit-text-fill-color: #ff3838 !important;
    font-weight: 900 !important;
    font-size: 0.34rem !important;
}

.Recharge__content-paymoney__money-list__item.active .ar_gift,
.Recharge__content-paymoney__money-list__item.active .ar_gift span,
.Recharge__content-paymoney__money-list__item.arActive .ar_gift,
.Recharge__content-paymoney__money-list__item.arActive .ar_gift span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.Recharge__content-paymoney__money-list__item.active .ar_gift span,
.Recharge__content-paymoney__money-list__item.arActive .ar_gift span {
    color: #ffeaa7 !important;
    -webkit-text-fill-color: #ffeaa7 !important;
}

/* ==========================================================================
   ACTIVITY PAGE: IPHONE (IOS / SAFARI) & ANDROID LAYOUT & CONTRAST FIX
   ========================================================================== */

/* 1. Prevent viewport stretch on iOS and provide home indicator safe-area */
.activity-wrapper {
    width: 100% !important;
    max-width: 10rem !important;
    margin: 0 auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    padding-bottom: calc(2.2rem + env(safe-area-inset-bottom, 0px)) !important;
}

/* 2. Constrain action cards and their images (prevents iOS flexbox blowout) */
.activity-wrapper .activity-panel-content {
    display: flex !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-top: .26667rem !important;
}

.activity-wrapper .activity-panel-content .content-title {
    width: calc((100% - .24rem) / 2) !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.activity-wrapper .activity-panel-content .content-title img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: .13333rem .13333rem 0 0 !important;
}

/* 3. Panel header and top action icons (Lucky Spin, Invitation, Rebate, Jackpot) */
.activity-wrapper .activity-panel-header {
    display: flex !important;
    align-items: flex-start !important;
    -webkit-align-items: flex-start !important;
    justify-content: space-between !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.activity-wrapper .activity-panel-header .header-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 1.33333rem !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.activity-wrapper .activity-panel-header .header-item .bgcontainer {
    width: 1.06667rem !important;
    height: 1.06667rem !important;
    border-radius: .26667rem !important;
    padding: .13333rem !important;
    margin-bottom: .29333rem !important;
    display: block !important;
    background-size: 1.06667rem 1.06667rem !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.activity-wrapper .activity-panel-header .header-item .bgcontainer.a1 {
    background-image: url(/assets/png/activityReward-66772619.png) !important;
}

.activity-wrapper .activity-panel-header .header-item .bgcontainer.a2 {
    background-image: url(/assets/png/invitationBonus-aa7acbd3.png) !important;
}

.activity-wrapper .activity-panel-header .header-item .bgcontainer.a3 {
    background-image: url(/assets/png/BettingRebate-17d35455.png) !important;
}

.activity-wrapper .activity-panel-header .header-item .bgcontainer.a4 {
    background-image: url(/assets/png/superJackpot-ecb648b4.png) !important;
}

.activity-wrapper .activity-panel-header .header-item .bgcontainer.a5 {
    background-image: url(/assets/png/memberGift-a0182789.png) !important;
}

.activity-wrapper .activity-panel-header .header-item .bgcontainer.a6 {
    background-image: url(/assets/png/invite_wheel-bb332472.webp) !important;
}

/* 4. High-contrast typography for dark theme readability */
.activity-wrapper .activity-banner {
    color: #ffffff !important;
}

.activity-wrapper .activity-banner .banner-title {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.activity-wrapper .activity-banner .banner-para {
    color: #d0d7e8 !important;
}

.activity-wrapper .activity-panel-header .header-item span {
    color: #ffffff !important;
    font-size: .32rem !important;
}

.activity-wrapper .activity-panel-content .content-title .content-para {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: .37333rem !important;
}

.activity-wrapper .activity-panel-content .content-title p {
    color: #8f95a5 !important;
    font-size: .32rem !important;
}

.activity-wrapper .activitySection__container > .box {
    width: 100% !important;
    box-sizing: border-box !important;
}

.activity-wrapper .activitySection__container > .box img {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}