@charset "UTF-8";
html,
body {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: #9195a3
}

#app {
    width: 10rem;
    height: -webkit-fit-content;
    height: fit-content;
    min-height: 100vh
}

.norem-app {
    width: 5rem
}

@media screen and (max-width: 500px) {
    #app {
        width: 100%;
        min-height: 100vh
    }
    #app::-webkit-scrollbar {
        width: 0;
        background: transparent
    }
    .van-popup.van-popup--bottom {
        max-width: none
    }
}

@media (min-width: 501px) {
    .van-popup.van-popup--bottom {
        max-width: 10rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translate(-50%)
    }
    .van-popup.van-popup--center {
        max-width: 10rem
    }
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.van-toast[data-v-ec3388f0] {
    word-break: break-word !important
}

.cg-default.van-button[data-v-ec3388f0] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-ec3388f0] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-ec3388f0] {
    height: 80%
}

@media (orientation: landscape) {
    html.landscape[data-v-ec3388f0] {
        font-size: 9vh !important
    }
}

.isAppForcedDownloadEnabled-dialog[data-v-ec3388f0] {
    z-index: 9999999 !important
}

.tabbar__container[data-v-ec3388f0] {
    position: fixed;
    bottom: 0;
    left: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    width: 10rem;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    height: 1.58667rem;
    padding: 0;
    font-size: .29333rem;
    background: #fff;
    box-shadow: 0 -.02667rem #dff3eb;
    z-index: 100
}

.tabbar__container-item[data-v-ec3388f0] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    gap: .05333rem;
    height: 100%;
    padding-top: .25333rem;
    box-sizing: border-box;
    color: #83deb7 !important
}

.tabbar__container-item span[data-v-ec3388f0] {
    color: #83deb7 !important
}

.tabbar__container-item[data-v-ec3388f0]:nth-of-type(3) {
    position: relative
}

.tabbar__container-item:nth-of-type(3) .turntableBg[data-v-ec3388f0] {
    position: absolute;
    left: 50%;
    bottom: .16rem;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%);
    background-image: var(--ec3388f0-getInvitedWheelImgUrl);
    background-repeat: no-repeat;
    background-size: cover;
    width: 2.04rem;
    height: 2.04rem;
    z-index: 2
}

.tabbar__container-item:nth-of-type(3) .turntable-text[data-v-ec3388f0] {
    display: inline-block;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%);
    bottom: .24rem;
    z-index: 3;
    width: 2.93333rem;
    height: auto;
    min-width: 0;
    overflow: visible;
    font-size: .4rem;
    font-weight: 600;
    line-height: 1.1;
    text-align: center;
    white-space: nowrap;
    color: var(--main-color)
}

.tabbar__container-item svg[data-v-ec3388f0] {
    display: block;
    width: .5776rem;
    height: .59387rem
}

.tabbar__container-item .tab-icon[data-v-ec3388f0] {
    display: block;
    width: .5776rem;
    height: .59387rem;
    object-fit: contain
}

.tabbar__container-item span[data-v-ec3388f0] {
    display: block;
    line-height: 1.2;
    height: auto;
    max-width: 100%;
    text-align: center;
    overflow: hidden
}

.tabbar__container-item.active[data-v-ec3388f0],
.tabbar__container-item.active span[data-v-ec3388f0] {
    color: var(--main-color) !important
}

.tabbar__container--default .tabbar__container-item[data-v-ec3388f0]:nth-of-type(3) {
    padding-top: 0;
    gap: 0;
    overflow: visible
}

.tabbar__container--default .tabbar__container-item:nth-of-type(3) .promotion-special-icon[data-v-ec3388f0] {
    position: absolute;
    top: -.61333rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    width: 2.08rem;
    height: 1.33333rem;
    z-index: 3
}

.tabbar__container--default .tabbar__container-item:nth-of-type(3) .promotion-label[data-v-ec3388f0] {
    position: absolute;
    top: .89333rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    width: auto;
    max-width: none;
    overflow: visible;
    white-space: nowrap;
    line-height: 1.2
}

@media screen and (max-width: 500px) {
    .tabbar__container[data-v-ec3388f0] {
        width: 100%;
        left: 0;
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
    html:lang(ar) .tabbar__container[data-v-ec3388f0] {
        left: unset;
        right: 0
    }
}

.customer {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    position: fixed;
    bottom: 2.4rem;
    right: .4rem;
    width: 0 !important;
    height: 0 !important;
    border-radius: 50%;
    z-index: 108;
    opacity: 0 !important
}

.customer img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.van-toast[data-v-5eb72be7] {
    word-break: break-word !important
}

.cg-default.van-button[data-v-5eb72be7] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-5eb72be7] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-5eb72be7] {
    height: 80%
}

@media (orientation: landscape) {
    html.landscape[data-v-5eb72be7] {
        font-size: 9vh !important
    }
}

.isAppForcedDownloadEnabled-dialog[data-v-5eb72be7] {
    z-index: 9999999 !important
}

.start-page[data-v-5eb72be7] {
    position: fixed;
    z-index: 9999;
    width: 10rem;
    height: 100%;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/png/bg-a5d9b8c7.webp)
}

.start-page div[data-v-5eb72be7] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.start-page div .dice[data-v-5eb72be7] {
    width: 10rem;
    height: 10.84rem;
    margin-top: -2rem;
    background-image: url(./start.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.start-page div p[data-v-5eb72be7] {
    font-weight: 700;
    font-size: .50667rem;
    color: var(--text_color_L4);
    margin-top: .4rem;
    padding: 0 .13333rem;
    text-align: center
}

.start-page div .logo[data-v-5eb72be7] {
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 1rem;
    max-width: 50%
}

.van-toast[data-v-9cd12fb2] {
    word-break: break-word !important
}

.cg-default.van-button[data-v-9cd12fb2] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-9cd12fb2] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-9cd12fb2] {
    height: 80%
}

@media (orientation: landscape) {
    html.landscape[data-v-9cd12fb2] {
        font-size: 9vh !important
    }
}

.isAppForcedDownloadEnabled-dialog[data-v-9cd12fb2] {
    z-index: 9999999 !important
}

.header[data-v-9cd12fb2] {
    min-height: 1.86667rem;
    background-color: var(--bg_color_L3);
    color: var(--text_color_L1);
    padding-top: .33333rem;
    border-radius: .26667rem .26667rem 0 0
}

.header .title[data-v-9cd12fb2] {
    font-size: .37333rem
}

.header .tip[data-v-9cd12fb2] {
    font-size: .29333rem;
    font-weight: 400;
    margin-top: .26667rem
}

.container[data-v-9cd12fb2] {
    padding: .26667rem .13333rem;
    background-color: var(--bg_color_L2);
    max-height: calc(100vh - 8.4rem);
    overflow: auto
}

.container[data-v-9cd12fb2] .first_list-item {
    box-shadow: none
}

.footer[data-v-9cd12fb2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 1.33333rem;
    background-color: var(--bg_color_L3);
    padding: 0 .26667rem;
    border-radius: 0 0 .26667rem .26667rem
}

.footer .btn[data-v-9cd12fb2] {
    background: var(--main_gradient-color);
    width: 2.66667rem;
    min-height: .66667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: .33333rem;
    text-align: center;
    color: var(--text_color_L4);
    font-size: .37333rem;
    font-weight: 700
}

.footer .active[data-v-9cd12fb2] {
    color: var(--text_color_L2);
    font-size: .32rem;
    background-repeat: no-repeat;
    background-size: .48rem;
    background-position: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: .16rem;
    -webkit-align-content: center;
    align-content: center
}

[data-v-9cd12fb2] .first_list-item {
    background: var(--bg_color_L3)
}

.close[data-v-9cd12fb2] {
    position: absolute;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    bottom: -.93333rem;
    background-image: url(/assets/png/close-862c6a4d.webp);
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-7dee72bf] {
    word-break: break-word !important
}

.cg-default.van-button[data-v-7dee72bf] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-7dee72bf] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-7dee72bf] {
    height: 80%
}

@media (orientation: landscape) {
    html.landscape[data-v-7dee72bf] {
        font-size: 9vh !important
    }
}

.isAppForcedDownloadEnabled-dialog[data-v-7dee72bf] {
    z-index: 9999999 !important
}

.second-verification[data-v-7dee72bf] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    background: var(--bg_color_L1) !important;
    z-index: 9999;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-bottom: .13333rem
}

.second-verification .head[data-v-7dee72bf] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 1.41333rem;
    font-size: .48rem;
    position: relative
}

.second-verification .head .out[data-v-7dee72bf] {
    color: var(--norm_bule-color);
    font-size: .4rem;
    position: absolute;
    right: .26667rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pin-wrapper[data-v-7dee72bf] {
    width: 90%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: .21333rem
}

.pin-input[data-v-7dee72bf] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .26667rem;
    margin-bottom: 3rem
}

.pin-input .pin-box[data-v-7dee72bf] {
    height: .64rem;
    width: .64rem;
    border-radius: 50%;
    border: .01333rem solid var(--text_color_L1)
}

.pin-input .pin-box.a[data-v-7dee72bf] {
    background: var(--text_color_L1)
}

.pin-input .tip[data-v-7dee72bf] {
    text-align: center;
    color: var(--text_color_L2);
    font-size: .32rem;
    margin-bottom: .13333rem
}

.errorText[data-v-7dee72bf] {
    color: var(--norm_red-color);
    text-align: center;
    margin-bottom: .13333rem
}

.numeric-keypad[data-v-7dee72bf] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1.17333rem;
    gap: .10667rem;
    -webkit-user-select: none;
    user-select: none
}

.key[data-v-7dee72bf] {
    border: none;
    border-radius: .16rem;
    background: var(--bg_color_L2);
    font-size: .48rem;
    cursor: pointer;
    -webkit-transition: background .15s ease;
    transition: background .15s ease
}

.key[data-v-7dee72bf]:active {
    background: var(--bg_color_L3)
}

.key--danger[data-v-7dee72bf] {
    background: var(--norm_red-color);
    color: var(--text_color_L4)
}

.key--placeholder[data-v-7dee72bf] {
    visibility: hidden
}

.van-toast[data-v-35a27ba7] {
    word-break: break-word !important
}

.cg-default.van-button[data-v-35a27ba7] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-35a27ba7] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-35a27ba7] {
    height: 80%
}

@media (orientation: landscape) {
    html.landscape[data-v-35a27ba7] {
        font-size: 9vh !important
    }
}

.isAppForcedDownloadEnabled-dialog[data-v-35a27ba7] {
    z-index: 9999999 !important
}

.reward-dialog .title[data-v-35a27ba7] {
    width: 4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--main-color);
    font-family: Roboto;
    font-size: .64rem;
    font-style: normal;
    font-weight: 700;
    text-align: left;
    height: 1.41333rem
}

.reward-dialog .container[data-v-35a27ba7] {
    height: 8.8rem;
    padding: 0 .32rem;
    background: var(--bg_color_L1);
    overflow-y: auto
}

.reward-dialog.van-dialog {
    width: 8.29333rem;
    background: var(--bg_color_L1) url(/assets/png/reward_bg-e5a247a8.webp) no-repeat center/cover;
    overflow: inherit
}

.reward-dialog.van-dialog .van-dialog__content {
    padding-bottom: .26667rem
}

.reward-dialog.van-dialog .van-dialog__header {
    padding: .34667rem .42667rem .13333rem
}

.reward-dialog.van-dialog .close {
    position: absolute;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    bottom: -.93333rem;
    background-image: url(/assets/png/close-862c6a4d.webp);
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-2c97c46a] {
    word-break: break-word !important
}

.cg-default.van-button[data-v-2c97c46a] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-2c97c46a] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-2c97c46a] {
    height: 80%
}

@media (orientation: landscape) {
    html.landscape[data-v-2c97c46a] {
        font-size: 9vh !important
    }
}

.isAppForcedDownloadEnabled-dialog[data-v-2c97c46a] {
    z-index: 9999999 !important
}

.reBenefit-dialog .container[data-v-2c97c46a] {
    width: 8.29333rem
}

.reBenefit-dialog .benefit-box[data-v-2c97c46a] {
    color: #fff;
    padding-top: 4rem;
    padding-left: .33333rem;
    padding-right: .33333rem;
    position: relative
}

.benefit-title[data-v-2c97c46a] {
    color: #fff;
    text-shadow: 0 .04rem 0 rgba(170, 21, 150, .57);
    -webkit-text-stroke-width: .01333rem;
    -webkit-text-stroke-color: #FF2B2B;
    font-family: Poppins;
    font-size: .53333rem;
    font-style: normal;
    font-weight: 800;
    line-height: .6rem;
    text-align: center
}

.isBenefit-subtitle[data-v-2c97c46a] {
    color: #fff;
    text-align: center;
    font-family: Poppins;
    font-size: .37333rem;
    font-style: normal;
    font-weight: 600;
    line-height: .53333rem;
    padding: .53333rem
}

.benefit-subtitle[data-v-2c97c46a] {
    color: #fff;
    font-family: Poppins;
    font-size: .37333rem;
    font-style: normal;
    font-weight: 600;
    line-height: .37333rem;
    margin-top: .26667rem
}

.isBenefit-bonus[data-v-2c97c46a] {
    color: #ba2929;
    font-family: Poppins;
    font-size: .42667rem;
    font-style: normal;
    font-weight: 500;
    line-height: .61333rem;
    height: 3.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: .66667rem .53333rem 0
}

.bonus-box[data-v-2c97c46a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: .4rem;
    position: relative;
    height: 5.06667rem
}

.bonus-box .limtend[data-v-2c97c46a] {
    position: absolute;
    top: .4rem;
    width: 1.6rem;
    height: 1.2rem;
    text-align: center;
    font-family: Poppins;
    font-size: .29333rem;
    font-style: normal;
    font-weight: 500;
    line-height: .36rem;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.bonus-box .limtend1[data-v-2c97c46a] {
    left: 1rem;
    color: #ff5151
}

.bonus-box .limtend2[data-v-2c97c46a] {
    right: .93333rem;
    color: #515cff
}

.bonus-box .details1 .bonus-percentage[data-v-2c97c46a] {
    color: #eb4343
}

.bonus-box .details1 .bonus-description[data-v-2c97c46a] {
    color: #ba2929
}

.bonus-box .bonus-details[data-v-2c97c46a] {
    width: 3.46667rem;
    height: 2rem;
    text-align: center;
    padding-top: 2.13333rem
}

.bonus-box .bonus-details .bonus-percentage[data-v-2c97c46a] {
    text-align: center;
    font-family: Poppins;
    font-size: .66667rem;
    font-style: normal;
    font-weight: 800;
    line-height: .66667rem;
    margin-bottom: .08rem
}

.bonus-box .bonus-details .bonus-description[data-v-2c97c46a] {
    text-align: center;
    font-family: Poppins;
    font-size: .37333rem;
    font-style: normal;
    font-weight: 400
}

.countdown-box .time-remaining[data-v-2c97c46a] {
    text-align: center;
    color: #ff5f5f;
    font-family: Poppins;
    font-size: .32rem;
    font-style: normal;
    font-weight: 400;
    line-height: .32rem;
    text-transform: uppercase
}

.countdown-box .time-box[data-v-2c97c46a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: .26667rem
}

.countdown-box .time-box .time-item[data-v-2c97c46a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.countdown-box .time-box .time-item span[data-v-2c97c46a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 .06667rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    font-family: Poppins;
    font-size: .42667rem;
    font-style: normal;
    line-height: .69333rem;
    color: #fff;
    width: .69333rem;
    height: .88rem;
    background: url(/assets/png/reBenefits_time-7879c616.webp) no-repeat center/cover
}

.countdown-box .time-box .colon[data-v-2c97c46a] {
    margin: 0 .06667rem;
    font-family: Poppins;
    font-size: .66667rem;
    font-style: normal;
    font-weight: 700;
    color: #f75a5a
}

.benefit-button-box[data-v-2c97c46a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: .4rem
}

.button-benefit[data-v-2c97c46a] {
    border-radius: .93333rem;
    border: .02667rem solid #FFF;
    background: -webkit-linear-gradient(left, #9F6EFD 0%, #FF6BCE 100%);
    background: linear-gradient(90deg, #9F6EFD 0%, #FF6BCE 100%);
    box-shadow: 0 .10667rem .18667rem #e16bff69;
    width: 5.81333rem;
    height: .90667rem;
    color: #fff;
    text-align: center;
    font-family: Poppins;
    font-size: .42667rem;
    font-style: normal;
    font-weight: 600;
    line-height: .90667rem;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden
}

.bonus-amount[data-v-2c97c46a] {
    color: #ff5f5f;
    font-family: Poppins;
    font-size: .58667rem;
    font-style: normal;
    font-weight: 600;
    line-height: .58667rem;
    text-transform: uppercase;
    text-align: center;
    margin-top: .4rem
}

.position_click[data-v-2c97c46a] {
    position: relative
}

.click_area[data-v-2c97c46a] {
    position: absolute;
    width: 1.44rem;
    height: 1.62667rem;
    z-index: 2;
    right: .4rem;
    bottom: -.93333rem;
    background: url(/assets/png/reBenefits_click-fb8b0fbe.webp) no-repeat center/cover
}

.reBenefit-dialog.van-dialog {
    width: 8.29333rem;
    background: var(--2c97c46a-reBenefitBgUrl) no-repeat center/cover;
    overflow: inherit
}

.reBenefit-dialog.van-dialog .van-dialog__content {
    padding-bottom: .26667rem
}

.reBenefit-dialog.van-dialog .van-dialog__header {
    padding: .34667rem .42667rem .13333rem
}

.reBenefit-dialog.van-dialog .close {
    position: absolute;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    bottom: -1.6rem;
    background-image: url(/assets/png/close-862c6a4d.webp);
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-425062e0] {
    word-break: break-word !important
}

.cg-default.van-button[data-v-425062e0] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-425062e0] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-425062e0] {
    height: 80%
}

@media (orientation: landscape) {
    html.landscape[data-v-425062e0] {
        font-size: 9vh !important
    }
}

.isAppForcedDownloadEnabled-dialog[data-v-425062e0] {
    z-index: 9999999 !important
}

.container[data-v-425062e0] {
    color: #fff;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.container .title[data-v-425062e0] {
    color: #fde240;
    text-align: center;
    -webkit-text-stroke-width: .02rem;
    -webkit-text-stroke-color: #AB1E1E;
    font-family: Poppins;
    font-size: .48rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.container .subtitle[data-v-425062e0] {
    text-align: center;
    color: #fff;
    font-family: Poppins;
    font-size: .37333rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: .4rem
}

.container .rewards[data-v-425062e0] {
    position: relative
}

.container .reward-item[data-v-425062e0] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    color: #ffe65b;
    text-align: center;
    -webkit-text-stroke-width: .04rem;
    -webkit-text-stroke-color: #AB1E1E;
    font-family: PingFang SC;
    font-size: .64rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.container .get-reward-animation[data-v-425062e0] {
    width: 6.66667rem;
    height: 6.66667rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative
}

.container .box_bg_light[data-v-425062e0] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url(/assets/png/box_bg_light-8375931c.webp) no-repeat center/cover;
    -webkit-animation: rotate-425062e0 12s linear infinite;
    animation: rotate-425062e0 12s linear infinite
}

.container .box_closed[data-v-425062e0] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url(/assets/png/box_closed-638520c3.webp) no-repeat center/cover;
    -webkit-animation: shake-425062e0 2.5s ease-in-out infinite;
    animation: shake-425062e0 2.5s ease-in-out infinite
}

.container .box_open[data-v-425062e0] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: url(/assets/png/box_open-4c0b581a.webp) no-repeat center/cover
}

.container .box_front_light[data-v-425062e0] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    background: url(/assets/png/box_front_light-f592853b.webp) no-repeat center/cover;
    -webkit-animation: rotate-425062e0 12s linear infinite;
    animation: rotate-425062e0 12s linear infinite
}

.container .reward_item[data-v-425062e0] {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5;
    color: #ffe65b;
    text-align: center;
    -webkit-text-stroke-width: .02667rem;
    -webkit-text-stroke-color: #AB1E1E;
    font-family: Poppins;
    font-size: .64rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    -webkit-animation: scaleIn-425062e0 .6s ease-out forwards;
    animation: scaleIn-425062e0 .6s ease-out forwards
}

.container .btn[data-v-425062e0] {
    width: 5.06667rem;
    height: 1.33333rem;
    background: url(/assets/png/chest_btn-5659eb7d.webp) no-repeat center/cover;
    text-align: center;
    color: #fff;
    font-size: .48rem;
    font-weight: 600;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 1.33333rem
}

.container .button-box[data-v-425062e0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: .53333rem
}

@-webkit-keyframes rotate-425062e0 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate-425062e0 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes shake-425062e0 {
    0% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translate(0) rotate(0)
    }
    5% {
        -webkit-transform: translateX(-.21333rem) rotate(-6deg);
        transform: translate(-.21333rem) rotate(-6deg)
    }
    10% {
        -webkit-transform: translateX(.21333rem) rotate(6deg);
        transform: translate(.21333rem) rotate(6deg)
    }
    15% {
        -webkit-transform: translateX(-.21333rem) rotate(-6deg);
        transform: translate(-.21333rem) rotate(-6deg)
    }
    20% {
        -webkit-transform: translateX(.21333rem) rotate(6deg);
        transform: translate(.21333rem) rotate(6deg)
    }
    25% {
        -webkit-transform: translateX(-.21333rem) rotate(-6deg);
        transform: translate(-.21333rem) rotate(-6deg)
    }
    30% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translate(0) rotate(0)
    }
    to {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translate(0) rotate(0)
    }
}

@keyframes shake-425062e0 {
    0% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translate(0) rotate(0)
    }
    5% {
        -webkit-transform: translateX(-.21333rem) rotate(-6deg);
        transform: translate(-.21333rem) rotate(-6deg)
    }
    10% {
        -webkit-transform: translateX(.21333rem) rotate(6deg);
        transform: translate(.21333rem) rotate(6deg)
    }
    15% {
        -webkit-transform: translateX(-.21333rem) rotate(-6deg);
        transform: translate(-.21333rem) rotate(-6deg)
    }
    20% {
        -webkit-transform: translateX(.21333rem) rotate(6deg);
        transform: translate(.21333rem) rotate(6deg)
    }
    25% {
        -webkit-transform: translateX(-.21333rem) rotate(-6deg);
        transform: translate(-.21333rem) rotate(-6deg)
    }
    30% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translate(0) rotate(0)
    }
    to {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translate(0) rotate(0)
    }
}

@-webkit-keyframes scaleIn-425062e0 {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        opacity: 0
    }
    50% {
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        transform: translate(-50%, -50%) scale(1.2)
    }
    to {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1
    }
}

@keyframes scaleIn-425062e0 {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        opacity: 0
    }
    50% {
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        transform: translate(-50%, -50%) scale(1.2)
    }
    to {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1
    }
}

.treasureChest-dialog.van-dialog {
    width: 8.29333rem;
    background: transparent;
    overflow: inherit
}

.treasureChest-dialog.van-dialog .van-dialog__content {
    padding-bottom: .26667rem
}

.treasureChest-dialog.van-dialog .van-dialog__header {
    padding: .34667rem .42667rem .13333rem
}

.treasureChest-dialog.van-dialog .close {
    position: absolute;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    bottom: -1.6rem;
    background-image: url(/assets/png/close-862c6a4d.webp);
    background-repeat: no-repeat;
    background-size: contain
}

.van-toast[data-v-3d4fafbb] {
    word-break: break-word !important
}

.cg-default.van-button[data-v-3d4fafbb] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-3d4fafbb] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-3d4fafbb] {
    height: 80%
}

@media (orientation: landscape) {
    html.landscape[data-v-3d4fafbb] {
        font-size: 9vh !important
    }
}

.isAppForcedDownloadEnabled-dialog[data-v-3d4fafbb] {
    z-index: 9999999 !important
}

.dialog-wrapper[data-v-3d4fafbb] {
    padding: .26667rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.dialog-wrapper img[data-v-3d4fafbb] {
    width: 3.73333rem;
    height: 2.16rem;
    position: relative;
    margin-top: -.74667rem
}

.dialog-wrapper .dialog-title[data-v-3d4fafbb] {
    color: var(--text_color_L1);
    margin: .4rem 0 .26667rem;
    font-size: .48rem;
    font-weight: 700
}

.dialog-wrapper .dialog-tips[data-v-3d4fafbb],
.dialog-wrapper .dialog-receive[data-v-3d4fafbb] {
    color: var(--text_color_L2);
    font-size: .32rem;
    margin: 0 0 .32rem
}

.dialog-wrapper .dialog-receive[data-v-3d4fafbb] {
    text-align: center;
    margin: .13333rem .32rem 0
}

.dialog-wrapper .dialog-para[data-v-3d4fafbb] {
    color: var(--text_color_L2);
    font-size: .32rem
}

.dialog-wrapper .dialog-btn[data-v-3d4fafbb] {
    width: 5.6rem;
    height: 1.06667rem;
    text-align: center;
    line-height: 1.06667rem;
    background: var(--GradiantBlue, var(--main_gradient-color));
    border-radius: 1.06667rem;
    font-weight: 700;
    color: var(--text_color_L4);
    font-size: .42667rem;
    margin-top: .53333rem
}

.dialog-wrapper .dialog-content[data-v-3d4fafbb] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--norm_secondary-color)
}

.dialog-wrapper .dialog-content img[data-v-3d4fafbb] {
    width: .4rem;
    height: .4rem;
    margin: 0 .13333rem 0 0
}

.dialog-wrapper .dialog-footer[data-v-3d4fafbb] {
    position: relative;
    bottom: -1.46667rem
}

.dialog-wrapper .dialog-footer img[data-v-3d4fafbb] {
    width: .8rem;
    height: .8rem
}

.custom18dialog .dialog-18[data-v-3d4fafbb] {
    border-radius: .16rem;
    height: 6.66667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: .53333rem;
    background: var(--bg_color_L2)
}

.custom18dialog .dialog-18 .icon18[data-v-3d4fafbb] {
    display: block;
    height: 1.30667rem;
    width: 1.30667rem;
    margin: 0 auto
}

.custom18dialog .dialog-18 span[data-v-3d4fafbb]:nth-child(1) {
    display: block;
    font-size: .53333rem;
    color: var(--text_color_L1);
    margin: .53333rem 0 .18667rem;
    font-weight: 600
}

.custom18dialog .dialog-18 .tip_txt[data-v-3d4fafbb] {
    font-size: .34667rem;
    color: var(--text_color_L2);
    margin-bottom: .77333rem
}

.custom18dialog .dialog-18 .dialog-footer .dialog-btn[data-v-3d4fafbb] {
    margin: 0 auto .32rem;
    width: 7.33333rem;
    height: 1.06667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: .16rem;
    font-size: .37333rem;
    font-weight: 500
}

.custom18dialog .dialog-18 .dialog-footer .btn-cnf[data-v-3d4fafbb] {
    background: var(--main_gradient-color)
}

.custom18dialog .dialog-18 .dialog-footer .btn-cancel[data-v-3d4fafbb] {
    border: .01333rem solid var(--main-color);
    color: var(--main-color)
}

.noAge .dialog-18[data-v-3d4fafbb] {
    height: 5.06667rem
}

.noAge .dialog-18 .dialog-footer[data-v-3d4fafbb] {
    margin-top: .53333rem
}

#app .btn.pwa-btn {
    cursor: pointer
}

#app .btn.pwa-btn .text,
#app .btn.pwa-btn .bonus {
    color: #fff;
    text-shadow: none
}

@media screen and (min-width: 800px) {
    html {
        font-size: 2.5rem !important
    }
}

@font-face {
    font-family: bahnschrift;
    font-weight: 500;
    src: url(/assets/woff2/bahnschrift-610d57ac.woff2)
}

@font-face {
    font-family: digitalDreamFat;
    src: url(/assets/ttf/digitalDreamFat-7e51cfaf.ttf) format("truetype")
}

html,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    padding: 0;
    margin: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    border: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

svg {
    height: 100%
}

* {
    -webkit-user-select: none;
    user-select: none
}

html,
body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0
}

#app {
    padding: 0;
    margin: 0
}

body {
    height: auto
}

:-webkit-any(article, aside, nav, section) h1 {
    font-size: 2em
}

img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor
}

input {
    -webkit-user-select: text;
    user-select: text;
    color: var(--text_color_L1)
}

input:focus {
    outline: .01333rem solid var(--Dividing-line_color);
    -webkit-user-select: text;
    user-select: text
}

.c-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.c-row-middle-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.c-row-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.c-row-middle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.c-flex-warp {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.m-b-5 {
    margin-bottom: .13333rem
}

.m-r-5 {
    margin-right: .13333rem
}

.c-flew-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.c-tc {
    text-align: center
}

.p-r-10 {
    padding-right: .26667rem
}

.p-l-10 {
    padding-left: .26667rem
}

.p-b-10 {
    padding-bottom: .26667rem
}

.p-t-10 {
    padding-top: .26667rem
}

.popup {
    border-radius: .26667rem .26667rem 0 0;
    z-index: 2006;
    left: auto;
    overflow-y: visible
}

.PreSaleRule {
    width: 7.04rem
}

.Tips {
    width: 8rem;
    height: 2.13333rem;
    line-height: 2.13333rem;
    background: var(--whiteBg);
    border: .01333rem solid var(--borderColor-5);
    border-radius: .26667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    top: 80%
}

.firstSaveDialog {
    width: 8rem;
    overflow: initial
}

.firstSaveDialog .van-dialog__header {
    padding-top: 0
}

.custom18dialog {
    width: 8.4rem
}

.msg-window {
    padding: .13333rem .26667rem;
    width: 9.33333rem
}

.msg-window .msg-header {
    color: var(--text_color_L1);
    font-size: .32rem
}

.msg-window .msg-footer div {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.msg-window .msg-footer {
    color: var(--main-color);
    font-size: .32rem;
    padding-top: .32rem
}

.msg-window .msg-footer img {
    width: .4rem;
    height: .4rem
}

.noOverHidden {
    overflow: inherit
}

.dailySignInRules__container-hero {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: .13333rem auto .53333rem;
    border-radius: .26667rem;
    overflow: hidden
}

.dailySignInRules__container-hero__wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.dailySignInRules__container-hero__wrapper-titlebox {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    width: 100%;
    color: var(--text_color_L1)
}

.dailySignInRules__container-hero__wrapper ul {
    width: 100%
}

.dailySignInRules__container-hero__wrapper ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%
}

.dailySignInRules__container-hero__wrapper ul li div {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .37333rem;
    padding: .34667rem 0;
    border-bottom: .01333rem solid var(--bgcolor-54)
}

.dailySignInRules__container-hero__wrapper-title {
    width: 100%;
    height: 1.06667rem;
    padding-block: .34667rem;
    font-size: .42667rem;
    line-height: .32rem;
    text-align: center;
    background: var(--main_gradient-color2)
}

.dailySignInRules__container-hero__wrapper-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    height: 100%
}

.dailySignInRules__container-hero__wrapper-content>div {
    width: 100%;
    padding: .34667rem 0;
    font-size: .37333rem;
    line-height: .37333rem;
    text-align: center;
    border-bottom: .01333rem solid var(--bgColor-10)
}

.dailySignInRules__container-hero__wrapper-content>div:last-of-type {
    border-bottom: none
}

.mgt10 {
    margin-top: .13333rem !important
}

.mgt40 {
    margin-top: .53333rem !important
}

[v-cloak] {
    display: none
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0
}

.text-dots {
    line-height: .453334rem;
    width: 2.13333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.must:before {
    content: "*";
    color: #fb5151
}

input,
textarea {
    -webkit-user-select: text;
    user-select: text
}

.ar {
    position: fixed;
    top: .93333rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    width: 100%;
    max-width: 10rem;
    -webkit-user-select: none;
    user-select: none;
    z-index: 100;
    padding: 0 .29333rem
}

.ar-searchbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    gap: .29333rem;
    width: 100%;
    font-size: .37333rem;
    margin-top: .26667rem;
    margin-bottom: .21333rem
}

.ar-searchbar input {
    width: 3.6rem;
    height: 1.06667rem;
    padding: 0 .26667rem;
    font-weight: 400;
    border: none;
    border-radius: .13333rem
}

.ar-searchbar input::-webkit-input-placeholder {
    color: var(--colorText-63)
}

.ar-searchbar input::placeholder {
    color: var(--colorText-63)
}

.ar-searchbar__selector {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 4.53333rem;
    height: 1.06667rem;
    color: var(--text_color_L2)
}

.ar-searchbar__selector>div {
    width: 100%;
    line-height: 1.06667rem;
    border-radius: .13333rem;
    background: var(--darkBg, var(--bg_color_L2))
}

.ar-searchbar__selector>div:first-of-type {
    position: relative;
    padding: 0 .26667rem;
    z-index: 10
}

.ar-searchbar__selector>div:first-of-type i {
    position: absolute;
    top: 50%;
    right: .21333rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.ar-searchbar__selector-dropdown {
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    border: .01333rem solid var(--text_color_L1);
    overflow: hidden;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.ar-searchbar__selector-dropdown li {
    padding: 0 .26667rem;
    list-style: none
}

.ar-searchbar__selector-dropdown li.selected {
    color: #fff;
    background-color: var(--norm_red-color)
}

.ar-searchbar__selector.active {
    z-index: 9
}

.ar-searchbar__selector.active>div:first-of-type i {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.ar-searchbar__selector.active>div:last-of-type {
    -webkit-transform: translateY(0%);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    z-index: 1
}

.ar-searchbar__selector .selectorA {
    color: var(--colorText-63)
}

.ar-searchbar>i {
    font-size: 1.625rem
}

.ar-1px-t,
.ar-1px-b,
.ar-1px-tb,
.ar-1px-rb,
.ar-1px-l,
.ar-1px-r {
    position: relative
}

.ar-1px-t:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .01333rem;
    border-top: .01333rem solid #e6e8e8;
    color: #e6e8e8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.ar-1px-b:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .01333rem;
    border-bottom: .01333rem solid var(--Dividing-line_color);
    color: #e6e8e8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.ar-1px-l:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: .01333rem;
    bottom: 0;
    border-left: .01333rem solid #e6e8e8;
    color: #e6e8e8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
}

.ar-1px-r:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: .01333rem;
    bottom: 0;
    border-right: .01333rem solid #e6e8e8;
    color: #e6e8e8;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
}

.ar-1px-rb:before {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: .01333rem;
    bottom: 0;
    border-right: .01333rem solid #e6e8e8;
    color: #e6e8e8;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
}

.ar-1px-rb:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .01333rem;
    border-bottom: .01333rem solid #e6e8e8;
    color: #e6e8e8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.ar-1px-tb:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .01333rem;
    border-top: .01333rem solid #e6e8e8;
    color: #e6e8e8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.ar-1px-tb:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .01333rem;
    border-bottom: .01333rem solid #e6e8e8;
    color: #e6e8e8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

@media screen and (max-width: 500px) {
    .ar {
        max-width: none
    }
}

textarea {
    resize: none
}

.content {
    padding: 0 .32rem;
    background: var(--bg_color_L1) !important
}

@font-face {
    font-family: bahnschrift;
    font-weight: 500;
    src: url(/assets/woff2/bahnschrift-610d57ac.woff2)
}

@font-face {
    font-family: digitalDreamFat;
    src: url(/assets/ttf/digitalDreamFat-7e51cfaf.ttf) format("truetype")
}

* {
    box-sizing: border-box
}

#app {
    background: var(--bg_color_L1)
}

.flex-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.popup {
    position: fixed;
    max-height: 100%
}

.popup-center {
    top: 50%;
    left: 0;
    right: 0;
    width: -webkit-fit-content;
    width: fit-content;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .35)
}

.iosDialog {
    padding: .53333rem .32rem
}

.iosDialog .title {
    color: var(--text_color_L1, #1E2637);
    font-size: .48rem;
    font-weight: 600;
    margin-bottom: .53333rem
}

.iosDialog .websit_info {
    padding: .24rem .37333rem;
    border-radius: .13333rem;
    background: var(--bg_color_L3, #F6F6F6);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: .53333rem
}

.iosDialog .websit_info img {
    border-radius: .28125rem;
    width: 1.44rem;
    height: 1.44rem;
    margin-right: .32rem;
    box-shadow: 0 .02667rem .05333rem #b0baca80
}

.iosDialog .websit_info .link div:nth-child(1) {
    color: var(--text_color_L1);
    font-size: .42667rem;
    font-weight: 500;
    margin-bottom: .05333rem
}

.iosDialog .websit_info .link div:nth-child(2) {
    color: var(--text_color_L2);
    font-size: .37333rem;
    font-weight: 500
}

.iosDialog .text {
    font-size: .42667rem;
    color: var(--text_color_L2);
    margin-bottom: .48rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.iosDialog .text svg {
    width: .42667rem;
    margin-left: .21333rem
}

.iosDialog .text img {
    width: .56rem;
    height: .56rem;
    margin: 0 .24rem
}

.iosDialog .text span {
    margin-left: .21333rem;
    border-radius: .05333rem;
    padding: 0 .16rem;
    color: var(--text_color_L1);
    background: var(--bg_color_L3);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.van-floating-bubble {
    background: transparent !important;
    overflow: inherit
}

.fail_message_toast {
    width: 5.33333rem
}

.mt0 {
    margin-top: 0 !important
}

.pt0 {
    padding-top: 0 !important
}

.mb0 {
    margin-bottom: 0 !important
}

.pb0 {
    padding-bottom: 0 !important
}

.ml0 {
    margin-left: 0 !important
}

.pl0 {
    padding-left: 0 !important
}

.mr0 {
    margin-right: 0 !important
}

.pr0 {
    padding-right: 0 !important
}

.fz0 {
    font-size: 0 !important
}

.mt2 {
    margin-top: .05333rem !important
}

.pt2 {
    padding-top: .05333rem !important
}

.mb2 {
    margin-bottom: .05333rem !important
}

.pb2 {
    padding-bottom: .05333rem !important
}

.ml2 {
    margin-left: .05333rem !important
}

.pl2 {
    padding-left: .05333rem !important
}

.mr2 {
    margin-right: .05333rem !important
}

.pr2 {
    padding-right: .05333rem !important
}

.fz2 {
    font-size: .05333rem !important
}

.mt4 {
    margin-top: .10667rem !important
}

.pt4 {
    padding-top: .10667rem !important
}

.mb4 {
    margin-bottom: .10667rem !important
}

.pb4 {
    padding-bottom: .10667rem !important
}

.ml4 {
    margin-left: .10667rem !important
}

.pl4 {
    padding-left: .10667rem !important
}

.mr4 {
    margin-right: .10667rem !important
}

.pr4 {
    padding-right: .10667rem !important
}

.fz4 {
    font-size: .10667rem !important
}

.mt5 {
    margin-top: .13333rem !important
}

.pt5 {
    padding-top: .13333rem !important
}

.mb5 {
    margin-bottom: .13333rem !important
}

.pb5 {
    padding-bottom: .13333rem !important
}

.ml5 {
    margin-left: .13333rem !important
}

.pl5 {
    padding-left: .13333rem !important
}

.mr5 {
    margin-right: .13333rem !important
}

.pr5 {
    padding-right: .13333rem !important
}

.fz5 {
    font-size: .13333rem !important
}

.mt6 {
    margin-top: .16rem !important
}

.pt6 {
    padding-top: .16rem !important
}

.mb6 {
    margin-bottom: .16rem !important
}

.pb6 {
    padding-bottom: .16rem !important
}

.ml6 {
    margin-left: .16rem !important
}

.pl6 {
    padding-left: .16rem !important
}

.mr6 {
    margin-right: .16rem !important
}

.pr6 {
    padding-right: .16rem !important
}

.fz6 {
    font-size: .16rem !important
}

.mt8 {
    margin-top: .21333rem !important
}

.pt8 {
    padding-top: .21333rem !important
}

.mb8 {
    margin-bottom: .21333rem !important
}

.pb8 {
    padding-bottom: .21333rem !important
}

.ml8 {
    margin-left: .21333rem !important
}

.pl8 {
    padding-left: .21333rem !important
}

.mr8 {
    margin-right: .21333rem !important
}

.pr8 {
    padding-right: .21333rem !important
}

.fz8 {
    font-size: .21333rem !important
}

.mt10 {
    margin-top: .26667rem !important
}

.pt10 {
    padding-top: .26667rem !important
}

.mb10 {
    margin-bottom: .26667rem !important
}

.pb10 {
    padding-bottom: .26667rem !important
}

.ml10 {
    margin-left: .26667rem !important
}

.pl10 {
    padding-left: .26667rem !important
}

.mr10 {
    margin-right: .26667rem !important
}

.pr10 {
    padding-right: .26667rem !important
}

.fz10 {
    font-size: .26667rem !important
}

.mt12 {
    margin-top: .32rem !important
}

.pt12 {
    padding-top: .32rem !important
}

.mb12 {
    margin-bottom: .32rem !important
}

.pb12 {
    padding-bottom: .32rem !important
}

.ml12 {
    margin-left: .32rem !important
}

.pl12 {
    padding-left: .32rem !important
}

.mr12 {
    margin-right: .32rem !important
}

.pr12 {
    padding-right: .32rem !important
}

.fz12 {
    font-size: .32rem !important
}

.mt14 {
    margin-top: .37333rem !important
}

.pt14 {
    padding-top: .37333rem !important
}

.mb14 {
    margin-bottom: .37333rem !important
}

.pb14 {
    padding-bottom: .37333rem !important
}

.ml14 {
    margin-left: .37333rem !important
}

.pl14 {
    padding-left: .37333rem !important
}

.mr14 {
    margin-right: .37333rem !important
}

.pr14 {
    padding-right: .37333rem !important
}

.fz14 {
    font-size: .37333rem !important
}

.mt15 {
    margin-top: .4rem !important
}

.pt15 {
    padding-top: .4rem !important
}

.mb15 {
    margin-bottom: .4rem !important
}

.pb15 {
    padding-bottom: .4rem !important
}

.ml15 {
    margin-left: .4rem !important
}

.pl15 {
    padding-left: .4rem !important
}

.mr15 {
    margin-right: .4rem !important
}

.pr15 {
    padding-right: .4rem !important
}

.fz15 {
    font-size: .4rem !important
}

.mt16 {
    margin-top: .42667rem !important
}

.pt16 {
    padding-top: .42667rem !important
}

.mb16 {
    margin-bottom: .42667rem !important
}

.pb16 {
    padding-bottom: .42667rem !important
}

.ml16 {
    margin-left: .42667rem !important
}

.pl16 {
    padding-left: .42667rem !important
}

.mr16 {
    margin-right: .42667rem !important
}

.pr16 {
    padding-right: .42667rem !important
}

.fz16 {
    font-size: .42667rem !important
}

.mt18 {
    margin-top: .48rem !important
}

.pt18 {
    padding-top: .48rem !important
}

.mb18 {
    margin-bottom: .48rem !important
}

.pb18 {
    padding-bottom: .48rem !important
}

.ml18 {
    margin-left: .48rem !important
}

.pl18 {
    padding-left: .48rem !important
}

.mr18 {
    margin-right: .48rem !important
}

.pr18 {
    padding-right: .48rem !important
}

.fz18 {
    font-size: .48rem !important
}

.mt20 {
    margin-top: .53333rem !important
}

.pt20 {
    padding-top: .53333rem !important
}

.mb20 {
    margin-bottom: .53333rem !important
}

.pb20 {
    padding-bottom: .53333rem !important
}

.ml20 {
    margin-left: .53333rem !important
}

.pl20 {
    padding-left: .53333rem !important
}

.mr20 {
    margin-right: .53333rem !important
}

.pr20 {
    padding-right: .53333rem !important
}

.fz20 {
    font-size: .53333rem !important
}

.mt24 {
    margin-top: .64rem !important
}

.pt24 {
    padding-top: .64rem !important
}

.mb24 {
    margin-bottom: .64rem !important
}

.pb24 {
    padding-bottom: .64rem !important
}

.ml24 {
    margin-left: .64rem !important
}

.pl24 {
    padding-left: .64rem !important
}

.mr24 {
    margin-right: .64rem !important
}

.pr24 {
    padding-right: .64rem !important
}

.fz24 {
    font-size: .64rem !important
}

.mt25 {
    margin-top: .66667rem !important
}

.pt25 {
    padding-top: .66667rem !important
}

.mb25 {
    margin-bottom: .66667rem !important
}

.pb25 {
    padding-bottom: .66667rem !important
}

.ml25 {
    margin-left: .66667rem !important
}

.pl25 {
    padding-left: .66667rem !important
}

.mr25 {
    margin-right: .66667rem !important
}

.pr25 {
    padding-right: .66667rem !important
}

.fz25 {
    font-size: .66667rem !important
}

.mt30 {
    margin-top: .8rem !important
}

.pt30 {
    padding-top: .8rem !important
}

.mb30 {
    margin-bottom: .8rem !important
}

.pb30 {
    padding-bottom: .8rem !important
}

.ml30 {
    margin-left: .8rem !important
}

.pl30 {
    padding-left: .8rem !important
}

.mr30 {
    margin-right: .8rem !important
}

.pr30 {
    padding-right: .8rem !important
}

.fz30 {
    font-size: .8rem !important
}

.mt32 {
    margin-top: .85333rem !important
}

.pt32 {
    padding-top: .85333rem !important
}

.mb32 {
    margin-bottom: .85333rem !important
}

.pb32 {
    padding-bottom: .85333rem !important
}

.ml32 {
    margin-left: .85333rem !important
}

.pl32 {
    padding-left: .85333rem !important
}

.mr32 {
    margin-right: .85333rem !important
}

.pr32 {
    padding-right: .85333rem !important
}

.fz32 {
    font-size: .85333rem !important
}

.mt35 {
    margin-top: .93333rem !important
}

.pt35 {
    padding-top: .93333rem !important
}

.mb35 {
    margin-bottom: .93333rem !important
}

.pb35 {
    padding-bottom: .93333rem !important
}

.ml35 {
    margin-left: .93333rem !important
}

.pl35 {
    padding-left: .93333rem !important
}

.mr35 {
    margin-right: .93333rem !important
}

.pr35 {
    padding-right: .93333rem !important
}

.fz35 {
    font-size: .93333rem !important
}

.mt36 {
    margin-top: .96rem !important
}

.pt36 {
    padding-top: .96rem !important
}

.mb36 {
    margin-bottom: .96rem !important
}

.pb36 {
    padding-bottom: .96rem !important
}

.ml36 {
    margin-left: .96rem !important
}

.pl36 {
    padding-left: .96rem !important
}

.mr36 {
    margin-right: .96rem !important
}

.pr36 {
    padding-right: .96rem !important
}

.fz36 {
    font-size: .96rem !important
}

.mt40 {
    margin-top: 1.06667rem !important
}

.pt40 {
    padding-top: 1.06667rem !important
}

.mb40 {
    margin-bottom: 1.06667rem !important
}

.pb40 {
    padding-bottom: 1.06667rem !important
}

.ml40 {
    margin-left: 1.06667rem !important
}

.pl40 {
    padding-left: 1.06667rem !important
}

.mr40 {
    margin-right: 1.06667rem !important
}

.pr40 {
    padding-right: 1.06667rem !important
}

.fz40 {
    font-size: 1.06667rem !important
}

.mt45 {
    margin-top: 1.2rem !important
}

.pt45 {
    padding-top: 1.2rem !important
}

.mb45 {
    margin-bottom: 1.2rem !important
}

.pb45 {
    padding-bottom: 1.2rem !important
}

.ml45 {
    margin-left: 1.2rem !important
}

.pl45 {
    padding-left: 1.2rem !important
}

.mr45 {
    margin-right: 1.2rem !important
}

.pr45 {
    padding-right: 1.2rem !important
}

.fz45 {
    font-size: 1.2rem !important
}

.mt50 {
    margin-top: 1.33333rem !important
}

.pt50 {
    padding-top: 1.33333rem !important
}

.mb50 {
    margin-bottom: 1.33333rem !important
}

.pb50 {
    padding-bottom: 1.33333rem !important
}

.ml50 {
    margin-left: 1.33333rem !important
}

.pl50 {
    padding-left: 1.33333rem !important
}

.mr50 {
    margin-right: 1.33333rem !important
}

.pr50 {
    padding-right: 1.33333rem !important
}

.fz50 {
    font-size: 1.33333rem !important
}

.mt56 {
    margin-top: 1.49333rem !important
}

.pt56 {
    padding-top: 1.49333rem !important
}

.mb56 {
    margin-bottom: 1.49333rem !important
}

.pb56 {
    padding-bottom: 1.49333rem !important
}

.ml56 {
    margin-left: 1.49333rem !important
}

.pl56 {
    padding-left: 1.49333rem !important
}

.mr56 {
    margin-right: 1.49333rem !important
}

.pr56 {
    padding-right: 1.49333rem !important
}

.fz56 {
    font-size: 1.49333rem !important
}

.mt60 {
    margin-top: 1.6rem !important
}

.pt60 {
    padding-top: 1.6rem !important
}

.mb60 {
    margin-bottom: 1.6rem !important
}

.pb60 {
    padding-bottom: 1.6rem !important
}

.ml60 {
    margin-left: 1.6rem !important
}

.pl60 {
    padding-left: 1.6rem !important
}

.mr60 {
    margin-right: 1.6rem !important
}

.pr60 {
    padding-right: 1.6rem !important
}

.fz60 {
    font-size: 1.6rem !important
}

.mt65 {
    margin-top: 1.73333rem !important
}

.pt65 {
    padding-top: 1.73333rem !important
}

.mb65 {
    margin-bottom: 1.73333rem !important
}

.pb65 {
    padding-bottom: 1.73333rem !important
}

.ml65 {
    margin-left: 1.73333rem !important
}

.pl65 {
    padding-left: 1.73333rem !important
}

.mr65 {
    margin-right: 1.73333rem !important
}

.pr65 {
    padding-right: 1.73333rem !important
}

.fz65 {
    font-size: 1.73333rem !important
}

.mt66 {
    margin-top: 1.76rem !important
}

.pt66 {
    padding-top: 1.76rem !important
}

.mb66 {
    margin-bottom: 1.76rem !important
}

.pb66 {
    padding-bottom: 1.76rem !important
}

.ml66 {
    margin-left: 1.76rem !important
}

.pl66 {
    padding-left: 1.76rem !important
}

.mr66 {
    margin-right: 1.76rem !important
}

.pr66 {
    padding-right: 1.76rem !important
}

.fz66 {
    font-size: 1.76rem !important
}

.mt75 {
    margin-top: 2rem !important
}

.pt75 {
    padding-top: 2rem !important
}

.mb75 {
    margin-bottom: 2rem !important
}

.pb75 {
    padding-bottom: 2rem !important
}

.ml75 {
    margin-left: 2rem !important
}

.pl75 {
    padding-left: 2rem !important
}

.mr75 {
    margin-right: 2rem !important
}

.pr75 {
    padding-right: 2rem !important
}

.fz75 {
    font-size: 2rem !important
}

.mt80 {
    margin-top: 2.13333rem !important
}

.pt80 {
    padding-top: 2.13333rem !important
}

.mb80 {
    margin-bottom: 2.13333rem !important
}

.pb80 {
    padding-bottom: 2.13333rem !important
}

.ml80 {
    margin-left: 2.13333rem !important
}

.pl80 {
    padding-left: 2.13333rem !important
}

.mr80 {
    margin-right: 2.13333rem !important
}

.pr80 {
    padding-right: 2.13333rem !important
}

.fz80 {
    font-size: 2.13333rem !important
}

.mt85 {
    margin-top: 2.26667rem !important
}

.pt85 {
    padding-top: 2.26667rem !important
}

.mb85 {
    margin-bottom: 2.26667rem !important
}

.pb85 {
    padding-bottom: 2.26667rem !important
}

.ml85 {
    margin-left: 2.26667rem !important
}

.pl85 {
    padding-left: 2.26667rem !important
}

.mr85 {
    margin-right: 2.26667rem !important
}

.pr85 {
    padding-right: 2.26667rem !important
}

.fz85 {
    font-size: 2.26667rem !important
}

.mt90 {
    margin-top: 2.4rem !important
}

.pt90 {
    padding-top: 2.4rem !important
}

.mb90 {
    margin-bottom: 2.4rem !important
}

.pb90 {
    padding-bottom: 2.4rem !important
}

.ml90 {
    margin-left: 2.4rem !important
}

.pl90 {
    padding-left: 2.4rem !important
}

.mr90 {
    margin-right: 2.4rem !important
}

.pr90 {
    padding-right: 2.4rem !important
}

.fz90 {
    font-size: 2.4rem !important
}

.mt95 {
    margin-top: 2.53333rem !important
}

.pt95 {
    padding-top: 2.53333rem !important
}

.mb95 {
    margin-bottom: 2.53333rem !important
}

.pb95 {
    padding-bottom: 2.53333rem !important
}

.ml95 {
    margin-left: 2.53333rem !important
}

.pl95 {
    padding-left: 2.53333rem !important
}

.mr95 {
    margin-right: 2.53333rem !important
}

.pr95 {
    padding-right: 2.53333rem !important
}

.fz95 {
    font-size: 2.53333rem !important
}

.mt100 {
    margin-top: 2.66667rem !important
}

.pt100 {
    padding-top: 2.66667rem !important
}

.mb100 {
    margin-bottom: 2.66667rem !important
}

.pb100 {
    padding-bottom: 2.66667rem !important
}

.ml100 {
    margin-left: 2.66667rem !important
}

.pl100 {
    padding-left: 2.66667rem !important
}

.mr100 {
    margin-right: 2.66667rem !important
}

.pr100 {
    padding-right: 2.66667rem !important
}

.fz100 {
    font-size: 2.66667rem !important
}

.fl {
    float: left
}

.fr {
    float: right
}

.fw500 {
    font-weight: 500
}

.fw600 {
    font-weight: 600
}

.clearfix {
    zoom: 1
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.x-page {
    padding: .4rem
}

.x-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.x-row-middle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.x-row-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.x-row-middle-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.x-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.x-row-around {
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.x-row-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.x-flew-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.x-flex-warp {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.x-flex {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.x-pa {
    position: absolute
}

.x-pr {
    position: relative
}

.x-pf {
    position: fixed
}

.x-tc {
    text-align: center
}

.x-tr {
    text-align: right
}

.x-tl {
    text-align: left
}

.x-foot {
    position: fixed;
    max-width: 10rem;
    width: 100%;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%)
}

.x-btn {
    color: var(--text_color_L2);
    height: 1.06667rem;
    font-weight: 600;
    background: var(--button_dis_color)
}

.x-btn:active {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.x-btn-plain {
    height: 1.06667rem;
    border-color: #e6e7eb;
    background: #F5F6FA;
    color: var(--text_color_L2) !important;
    font-weight: 600
}

.x-btn-plain:active {
    background: none
}

.x-btn-gray {
    height: 1.06667rem;
    font-weight: 600;
    background-color: var(--gray-1);
    border-color: var(--gray-1);
    color: var(--white)
}

.x-input {
    background-color: var(--white);
    color: var(--f666);
    height: 1.17333rem
}

.x-input::-webkit-input-placeholder {
    color: var(--fgray-2)
}

.x-input::placeholder {
    color: var(--fgray-2)
}

.x-hand {
    position: absolute;
    bottom: -.93333rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%);
    z-index: 10001
}

.x-hand .ripple {
    width: .53333rem;
    height: .53333rem;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 #ffffffb3;
    -webkit-animation: ripple 1.5s infinite;
    animation: ripple 1.5s infinite
}

.x-hand .ripple:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #ffffff4d;
    border-radius: 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation: ripple-expand 1.5s infinite;
    animation: ripple-expand 1.5s infinite
}

@-webkit-keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@-webkit-keyframes ripple-expand {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: .5
    }
    to {
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
        opacity: 0
    }
}

@keyframes ripple-expand {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: .5
    }
    to {
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
        opacity: 0
    }
}

.x-hand .img {
    display: block;
    margin: -.26667rem
}

.blue-gradient-btn,
.noticeBar__container button {
    border: none;
    background: -webkit-linear-gradient(left, #36FFBB 0%, #488FFD 100%);
    background: linear-gradient(90deg, #36FFBB 0%, #488FFD 100%);
    color: #fff;
    border-radius: .66667rem
}

.noticeBar__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 1.06667rem;
    padding-inline: .26667rem;
    color: var(--text_color_L2);
    font-size: .32rem;
    border-radius: 0;
    background: transparent;
    border: none
}

.noticeBar__container .notice_svg {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/svg/noticeBarSpeaker-bbc4b014.svg);
    background-size: cover;
    width: .42667rem;
    height: .42667rem;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    margin-right: .13333rem
}

.noticeBar__container-body {
    width: 9.33333rem;
    height: 100%;
    overflow: hidden;
    position: relative;
    height: .8rem;
    line-height: 1.06667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.noticeBar__container-body-text {
    width: 100%;
    height: -webkit-fit-content;
    height: fit-content;
    max-height: 1.06667rem;
    line-height: .49333rem;
    -webkit-animation: marquee 7s linear infinite;
    animation: marquee 7s linear infinite;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: column;
    -webkit-justify-content: column;
    justify-content: column;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    10% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    10% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.noticeBar__container>svg {
    width: .42667rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: auto;
    margin-right: .22667rem;
    color: var(--main-color)
}

.noticeBar__container button {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    gap: .06667rem;
    width: 1.28rem;
    height: .54667rem;
    padding: 0 .32rem;
    margin-left: auto;
    background: var(--main_gradient-color2) !important
}

.noticeBar__container button.hotIcon:before {
    display: none
}

#app .userInfo__container-setting-center {
    background: var(--bg_color_L2)
}

#app .lotterySlotItem {
    background: var(--main_gradient-color)
}

#app .lotterySlotItem span,
#app .lotterySlotItem h4 {
    color: #fff
}

#app .firstSaveDialog .header {
    background: var(--main-color);
    color: var(--text_color_L4)
}

#app .progress {
    background: #d8d8d8 !important
}

#app .gameList .box svg {
    color: #d9d9d933
}

#app .championship .tabs {
    background: var(--main-color)
}

#app .championship .tabs>div {
    color: #fff !important
}

#app .championship .tabs>div.active:after {
    border-bottom-color: #fff
}

#app .TeamReport__C-body .header-container {
    background: var(--main-color)
}

#app .TeamReport__C-body .header-container>div {
    color: #fff
}

#app .TeamReport__C-body .header-container>div>div:last-of-type {
    color: #fff
}

#app .wallet-container .imgD img {
    position: relative;
    width: calc(100% + .32rem)
}

#app .Wallet__C:before {
    content: none !important;
    display: none !important;
    height: 0 !important;
    width: 0 !important;
    background: none !important;
    background-image: none !important
}

#app .Wallet__C-balance {
    background-color: var(--bg_color_L2);
    overflow: hidden
}

#app .Wallet__C-balance:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(/assets/png/walletbg-f5c62a26.webp);
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .1;
    z-index: -1
}

#app .Wallet__C-balance-l2 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

#app .GameList__C {
    background: var(--bg_color_L2)
}

#app .BettingRecordWin__C-head {
    background: var(--main_gradient-color);
    color: #fff
}

#app .navbar.main .navbar-fixed {
    background: var(--main_gradient-color) !important
}

#app .navbar.main .navbar-fixed .van-icon,
#app .navbar.main .navbar-fixed .navbar__content {
    color: var(--text_color_L4)
}

#app .navbar-fixed {
    background-color: var(--bg_color_L1)
}

#app .noticeBar__container {
    box-shadow: none;
    -webkit-filter: none;
    filter: none;
    border-radius: .26667rem;
    border: .02667rem solid #C2EFF9;
    padding: 0 .21333rem;
    background: -webkit-linear-gradient(top, #FFF 0%, #EDFFF6 100%);
    background: linear-gradient(180deg, #FFF 0%, #EDFFF6 100%)
}

#app .game-iframe .navbar-fixed {
    background-color: #15131e
}

#app .noticeBar__container.lottery-notice {
    background-color: var(--bg_color_L2)
}

#app input::-webkit-input-placeholder {
    color: var(--text_color_L3)
}

#app input::placeholder {
    color: var(--text_color_L3)
}

#app .explain .input input {
    color: var(--text_color_L1)
}

#app .safebox-dialog .content {
    background: var(--bg_color_L2);
    color: var(--text_color_L1)
}

#app .safebox-dialog .question {
    border: none
}

#app .van-collapse-item__content,
#app .notification-container .navbar-fixed {
    background: var(--bg_color_L2)
}

#app .notification-container .navbar-fixed .van-icon,
#app .notification-container .navbar-fixed .navbar__content {
    color: var(--text_color_L1)
}

#app .sysMessage__container-msgWrapper {
    margin-top: .32rem
}

#app .rechargeh__container-content {
    padding-top: 0
}

#app .bonus-header .nav {
    background: var(--bg_color_L2)
}

#app .vip-content-empirical>div {
    background: var(--bg_color_L2)
}

#app .totalSavings__container {
    background: var(--bg_color_L2)
}

#app .gameTypeHome .van-tabs__wrap .van-tabs__nav .van-tab.van-tab--active {
    color: var(--main-color)
}

#app .lottery-container .content .amount-buttons .default,
#app .lottery-container .content .multiplier-section .multiplier-buttons .default {
    background: var(--bg_color_L3);
    color: var(--text_color_L1)
}

#app .lottery-container .content .section-header .label {
    color: var(--text_color_L1)
}

#app .van-stepper__minus,
#app .van-stepper__plus,
#app .van-stepper__input {
    background: var(--bg_color_L3);
    color: var(--text_color_L1)
}

#app .t-foot-previous.disabled,
#app .t-foot-next.disabled {
    background: var(--bg_color_L3);
    pointer-events: none;
    color: var(--text_color_L3)
}

#app .t-foot-previous,
#app .t-foot-next {
    background: var(--main-color)
}

#app .t-foot {
    background: var(--darkBg, var(--bg_color_L2));
    color: var(--text_color_L2)
}

#app .my_r-body .list-item-m-top,
#app .my_r-body .list-detail-text {
    color: var(--text_color_L1)
}

#app .my_r-foot-previous.disabled,
#app .my_r-foot-next.disabled {
    background: var(--bg_color_L3);
    pointer-events: none;
    color: var(--text_color_L3)
}

#app .FDTL__C-l3 .box .slot-column .slot-transform .slot-num {
    color: var(--text_color_L3)
}

#app .FDB__C-H {
    color: var(--text_color_L1)
}

#app .FDB__C-nav>div {
    background: var(--button_dis_color);
    color: #fff
}

#app .FDB__C-nav>div.active {
    background: var(--main-color);
    color: var(--text_color_L4)
}

#app .FDB__C-nav>div.active:after {
    background: -webkit-radial-gradient(100% 0, circle, var(--bg_color_L2) .26667rem, var(--main-color) .26667rem);
    background: radial-gradient(circle at 100% 0, var(--bg_color_L2) .26667rem, var(--main-color) .26667rem)
}

#app .bet_p-input {
    background: var(--bg_color_L3)
}

#app .empty__container p {
    color: var(--text_color_L3)
}

#app .moto-note-result .lottery_reslut {
    color: var(--text_color_L1)
}

#app .empty__container svg {
    opacity: .2
}

#app .tabbar {
    -webkit-filter: drop-shadow(0 .05333rem .21333rem rgba(172, 203, 255, .25)) drop-shadow(0 -.10667rem .21333rem rgba(78, 180, 234, .25));
    filter: drop-shadow(0 .05333rem .21333rem rgba(172, 203, 255, .25)) drop-shadow(0 -.10667rem .21333rem rgba(78, 180, 234, .25));
    -webkit-backdrop-filter: blur(.33333rem);
    backdrop-filter: blur(.33333rem)
}

#app .tabbar__container-item,
#app .tabbar__items-tab {
    color: #879db3;
    font-family: Poppins, sans-serif;
    font-size: .32rem;
    font-weight: 500
}

#app .tabbar__container-item.active,
#app .tabbar__items-tab.active {
    color: var(--text_color_L1);
    font-weight: 600
}

#app .content__right .right .img {
    width: .4rem;
    height: .4rem
}

#app .content__right .languageName {
    color: var(--text_color_L1);
    font-family: Poppins;
    font-size: .37333rem;
    font-style: normal;
    font-weight: 500
}

#app .purple-home__nav-right .right {
    color: var(--text_color_L1)
}

#app .package-item-btn.apply {
    background: var(--main_gradient-color)
}

#app .hotIcon:before {
    display: none
}

#app .van-popup--bottom .bet,
#app .van-popup--bottom .bet .bet-body {
    background: var(--bg_color_L1)
}

#app .van-popup--bottom .bet .bet-body .title {
    font-size: .42667rem;
    color: var(--text_color_L1)
}

#app .van-popup--bottom .bet .bet-body .l2 {
    color: var(--text_color_L1)
}

#app .van-popup--bottom .bet .bet-body .active {
    background: var(--main-color) !important
}

#app .van-popup--bottom .bet .bet-body .l2 .true {
    border: none
}

#app .van-popup--bottom .bet .bet-body .l1 .m .Betting__Popup-input {
    background: var(--bg_color_L2);
    color: var(--text_color_L1)
}

#app .van-popup--bottom .bet .bet-title {
    color: var(--text_color_L1)
}

#app .van-popup--bottom .bet .bet-body .l1 .m>div {
    background: var(--main-color)
}

#app .van-popup--bottom .bet .bet-foot .bet-foot-c {
    background: var(--bg_color_L3);
    color: var(--text_color_L2)
}

#app .van-popup--bottom .bet .bet-foot .bet-foot-s {
    color: var(--text_color_L4);
    background: var(--main-color)
}

#app .van-popup--bottom .bet .bet-foot .bet-foot-s span {
    color: var(--text_color_L4)
}

#app .van-popup--bottom .lottery-container,
#app .van-popup--bottom .bet_p-body,
#app .van-popup--bottom .Betting__Popup-body {
    background: var(--bg_color_L1)
}

#app .van-popup--bottom .betting-container .header-left .select-text {
    color: var(--text_color_L1)
}

#app .van-popup--bottom .betting-container {
    background: var(--bg_color_L1)
}

#app .van-popup--center .bet-rule-foot .bet-rule-foot-btn {
    background: var(--main-color)
}

#app .van-popup--center .bet_p-PreSale-body,
#app .van-popup--center .bet-rule-body {
    color: var(--text_color_L1) !important
}

#app .van-popup--center .bet-rule-body>div p {
    color: var(--text_color_L1) !important
}

#app .van-popup--center .bet-rule-body>div p span {
    color: var(--text_color_L1) !important
}

body .van-calendar__header {
    background: var(--bg_color_L2);
    color: var(--text_color_L1)
}

body .van-calendar__header-title,
body .van-calendar__header-subtitle {
    color: var(--text_color_L1)
}

body .van-calendar__confirm {
    background: var(--main_gradient-color);
    border: 0
}

body .van-calendar__day--start,
body .van-calendar__day--end {
    background: var(--main-color);
    color: var(--text_color_L4) !important
}

body .van-calendar__day,
body .van-calendar__weekday {
    color: var(--text_color_L1)
}

body .van-calendar__month-mark {
    color: var(--van-calendar-month-mark-color);
    opacity: .5
}

body .van-cell:after {
    content: none
}

body .ruleHead {
    position: relative
}

body .ruleHead svg {
    position: absolute;
    top: -.02667rem;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: 6.58667rem;
    height: .8rem;
    z-index: 0;
    color: var(--sheet_detail_bg_color)
}

body .ruleHead .promotion-title,
body .promotion-grade-th,
body .van-dialog__header {
    color: var(--text_color_L1)
}

body .van-dialog__cancel {
    color: var(--text_color_L1);
    background: var(--button_dis_color)
}

body .van-dialog__confirm {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

body .wallet-container-header-belly svg path:nth-child(1) {
    fill: var(--bg_color_L3)
}

body .wallet-container-header-belly svg path:nth-child(2) {
    fill: var(--main-color)
}

body .wallet-container-header-belly svg path:nth-child(3) {
    fill: var(--bg_color_L3)
}

body .tabbar__container-item:nth-of-type(3) .svg-icon {
    color: var(--main-color)
}

body .promptContent {
    color: var(--text_color_L1);
    padding: .13333rem 0
}

body .security-btns .van-button--default {
    background: var(--bg_color_L3);
    color: var(--main-color)
}

body .security-btns .van-button--disabled {
    background: var(--bg_color_L3) !important;
    color: var(--text_color_L2)
}

/* v58: do NOT force tab1/tab2 (violet) — game route uses gold via v58-wingo-ref.css */
body .GameList__C-item.active {
    background: -webkit-linear-gradient(top, var(--tab2) 0%, var(--tab1) 100%) !important;
    background: linear-gradient(180deg, var(--tab2) 0%, var(--tab1) 100%) !important
}
body.v40-route-game .GameList__C-item.active,
body.v40-route-game .GameList__C-item.active[data-v-17d56002] {
    background: var(--v40-gold-grad, linear-gradient(135deg, #F8D169 0%, #E5A92C 60%, #B07A14 100%)) !important;
    background-image: linear-gradient(135deg, #F8D169 0%, #E5A92C 60%, #B07A14 100%) !important;
    color: #1B0B36 !important;
    box-shadow: none !important;
    border: none !important
}
body.v40-route-game .GameList__C-item.active > div {
    color: #1B0B36 !important
}

body .lottery-info .noticeBar__container button.hotIcon {
    background: var(--main_gradient-color2) !important;
    border: none !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border-radius: .66667rem !important
}

body .van-hairline--top-bottom:after,
body .van-hairline-unset--top-bottom:after {
    border: none !important
}

body .hangBar {
    height: 2.4rem
}

body .hangBar .hang {
    position: fixed;
    z-index: 120;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    max-width: 10rem;
    width: 100%;
    padding: 0 .32rem;
    height: 1.17333rem;
    background: var(--bg_color_L2);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

body .hangBar .hang .content__right .message {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: .21333rem
}

body .hangBar .hang .content__right svg {
    width: .64rem;
    height: .64rem
}

body .navbar.downBar .navbar-fixed {
    background: var(--main_gradient-color)
}

body .navbar.downBar .leftInfo {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: .21333rem
}

body .navbar.downBar .leftInfo .logo {
    border-radius: .18667rem;
    border: .01333rem solid #FFF;
    height: .8rem;
    width: .8rem;
    background: var(--main_gradient-color)
}

body .navbar.downBar .leftInfo .logo img {
    width: 100%;
    height: 100%
}

body .navbar.downBar .leftInfo .destion {
    color: var(--text_color_L4);
    font-family: Poppins;
    font-size: .29333rem;
    font-weight: 700
}

body .navbar.downBar .rightInfo {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: .08rem
}

body .navbar.downBar .rightInfo .town {
    padding: 0 .21333rem;
    height: .66667rem;
    line-height: .6rem;
    border-radius: .32rem;
    border: .01333rem solid #FFF;
    background: var(--main_gradient-color);
    box-shadow: 0 .05333rem .05333rem #488ffd4d;
    color: #fff;
    font-family: Poppins;
    font-size: .32rem;
    font-weight: 500
}

body .navbar.downBar .rightInfo .icon1 {
    width: 1.06667rem;
    height: 1.06667rem
}

body .navbar.downBar .rightInfo .icon2 {
    width: .64rem;
    height: .64rem
}

body .navbar__content-right .right .languageName {
    color: var(--text_color_L1)
}

body .signIn__container-button button:first-child {
    background: var(--text_color_L3)
}

body .record .record-head {
    background: var(--main-color);
    color: #fff
}

body .t .t_head {
    background: var(--main-color) !important;
    color: #fff
}

:root {
    /* DMG dark-purple + gold theme (baked into existing bundle — no external CSS) */
    --main-color: #F5C24C;
    --main_gradient-color: linear-gradient(135deg, #F8D169 0%, #E5A92C 60%, #B07A14 100%);
    --main_gradient-color2: linear-gradient(180deg, #F8D169 0%, #E5A92C 100%);
    --light-main_gradient-color: var(--main_gradient-color);
    --text_white: #fff;
    --light-bg_white: #231140;
    --light-main-color: var(--main-color);
    --norm_red-color: #D23838;
    --norm_green-color: #18B660;
    --norm_secondary-color: #E5A92C;
    --norm_Purple-color: #7A4BFF;
    --norm_bule-color: #7A4BFF;
    --button_dis_color: #3A2A5C;
    --Secondary_red_color: #FD565C;
    --Secondary_green_color: #18B660;
    --Secondary_moto_Color9: #7A4BFF;
    --Secondary_moto_Color8: #2C1750;
    --text_color_L1: #FFFFFF;
    --text_color_L2: rgba(255, 255, 255, .78);
    --text_color_L3: rgba(255, 255, 255, .5);
    --text_color_L4: #1B0B36;
    --norm_purple1_color: #7A4BFF;
    --norm_Orange_color: #F5C24C;
    --norm_green_color: #18B660;
    --norm_blue_color: #7A4BFF;
    --norm_purple2_color: #B859FE;
    --norm_brown_color: #B7805F;
    --norm_blue2_color: #7A4BFF;
    --norm_blue3_color: #7A4BFF;
    --norm_Orange2_color: #E5A92C;
    --bg_color_L1: #14082B;
    --bg_color_L2: #231140;
    --bg_color_L3: #2C1750;
    --darkBg: #231140;
    --Dividing-line_color: rgba(245, 194, 76, .22);
    --sheet_nva_color: #2C1750;
    --sheet_detail_bg_color: var(--bg_color_L3);
    --pop_bg-color: linear-gradient(180deg, #261049 0%, #14082B 100%);
    --icon1: rgba(245, 194, 76, .6);
    --icon2: rgba(245, 194, 76, .3);
    --tab1: #2C1750;
    --tab2: #3A1F8C;
    --win-row-bg-from: #261049;
    --win-row-bg-to: #1B0B36;
    --win-row-border: rgba(245, 194, 76, .35);
    --game_active_gradient: linear-gradient(180deg, #3A1F8C 0%, #261049 50%, #14082B 100%);
    --iconSecondary: rgba(245, 194, 76, .3);
    --van-sidebar-text-color: var(--main-color);
    --van-picker-background: var(--bg_color_L2);
    --van-picker-option-text-color: var(--text_color_L2);
    --van-picker-confirm-action-color: var(--main-color);
    --van-picker-cancel-action-color: var(--text_color_L2);
    --van-picker-loading-mask-color: rgba(255, 255, 255, .6);
    --van-checkbox-checked-icon-color: var(--main-color);
    --van-checkbox-label-color: var(--text_color_L2);
    --van-field-input-text-color: var(--text_color_L1);
    --van-radio-checked-icon-color: var(--main-color);
    --van-grid-item-content-background: var(--bg_color_L1);
    --van-text-color: var(--text_color_L1);
    --van-dialog-background: var(--bg_color_L2);
    --van-circle-color: var(--main-color);
    --van-circle-layer-color: var(--bg_color_L3);
    --van-calendar-range-edge-background: var(--main-color);
    --van-button-primary-background: var(--main-color);
    --van-button-primary-border-color: var(--main-color);
    --van-popup-background: var(--bg_color_L1);
    --van-picker-mask-color: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4));
    --van-calendar-background: var(--bg_color_L1);
    --van-calendar-header-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    --van-calendar-month-mark-color: rgba(100, 101, 102, .2);
    --van-radio-label-color: var(--text_color_L2);
    --van-cell-background: var(--bg_color_L2);
    --van-button-default-background: var(--main_gradient-color);
    --van-popover-light-background: var(--bg_color_L2);
    --van-slider-active-background: var(--main-color);
    --van-slider-inactive-background: var(--bg_color_L1);
    --van-collapse-item-content-background: var(--bg_color_L1);
    --van-action-sheet-item-background: var(--bg_color_L2);
    --van-action-sheet-item-text-color: var(--text_color_L1);
    --van-action-sheet-cancel-text-color: var(--text_color_L2);
    --van-action-sheet-cancel-padding-color: var(--bg_color_L1);
    --van-button-primary-color: var(--text_color_L4);
    --van-dialog-has-title-message-text-color: var(--text_color_L2);
    --van-calendar-selected-day-color: var(--main-color);
    --van-calendar-selected-day-background: var(--bg_color_L2)
}

:root [class*=van-hairline]:after {
    content: none
}

.van-toast[data-v-12a80a3e] {
    word-break: break-word !important
}

.cg-default.van-button[data-v-12a80a3e] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-12a80a3e] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-12a80a3e] {
    height: 80%
}

@media (orientation: landscape) {
    html.landscape[data-v-12a80a3e] {
        font-size: 9vh !important
    }
}

.isAppForcedDownloadEnabled-dialog[data-v-12a80a3e] {
    z-index: 9999999 !important
}

.navbar[data-v-12a80a3e] {
    height: 1.22667rem;
    z-index: 100;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none
}

.navbar.activity .navbar-fixed[data-v-12a80a3e] {
    background: var(--main_gradient-color)
}

.navbar.activity .navbar-fixed .navbar__content-left .van-icon[data-v-12a80a3e] {
    color: var(--text_color_L1)
}

.navbar.lottery .navbar-fixed[data-v-12a80a3e] {
    background: var(--bg_color_L2)
}

.navbar.lottery .navbar-fixed .navbar__content-left .van-icon[data-v-12a80a3e],
.navbar.lottery .navbar-fixed .navbar__content-center[data-v-12a80a3e] {
    color: var(--text_color_L1)
}

.navbar.main .navbar-fixed[data-v-12a80a3e] {
    background: var(--light-main_gradient-color, var(--bg_color_L2))
}

.navbar.main .navbar-fixed .navbar__content-left .van-icon[data-v-12a80a3e],
.navbar.main .navbar-fixed .navbar__content-center[data-v-12a80a3e] {
    color: #fff
}

.navbar-fixed[data-v-12a80a3e] {
    position: fixed;
    top: 0;
    left: 50%;
    width: 10rem;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    -webkit-user-select: none;
    user-select: none;
    z-index: 101;
    background: var(--bg_color_L2);
    color: var(--text_color_L1)
}

.navbar__content[data-v-12a80a3e] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 1.22667rem;
    color: var(--text_color_L1)
}

.navbar__content-left[data-v-12a80a3e] {
    position: absolute;
    left: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
    top: 0
}

.navbar__content-left .van-icon[data-v-12a80a3e] {
    color: var(--text_color_L1);
    font-size: .48rem
}

.navbar__content-center[data-v-12a80a3e] {
    font-size: .48rem;
    line-height: .48rem
}

.navbar__content-center .headLogo[data-v-12a80a3e] {
    width: 2.98667rem;
    height: 1.12rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.navbar__content-right[data-v-12a80a3e] {
    position: absolute;
    right: .32rem
}

@media screen and (max-width: 500px) {
    .navbar-fixed[data-v-12a80a3e] {
        width: 100%;
        left: 0;
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
}

.van-toast[data-v-647954c7] {
    word-break: break-word !important
}

.cg-default.van-button[data-v-647954c7] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-647954c7] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-647954c7] {
    height: 80%
}

@media (orientation: landscape) {
    html.landscape[data-v-647954c7] {
        font-size: 9vh !important
    }
}

.isAppForcedDownloadEnabled-dialog[data-v-647954c7] {
    z-index: 9999999 !important
}

.ar-loading-view[data-v-647954c7] {
    background-color: #0000004d;
    width: 100%;
    height: 100%;
    z-index: 999;
    left: 0;
    position: fixed
}

.ar-loading-view .loading-animat[data-v-647954c7] {
    width: 4rem;
    height: 4rem
}

.ar-loading-view .loading-wrapper[data-v-647954c7] {
    pointer-events: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    position: absolute;
    width: 100%
}

.ar-loading-view .loading-wrapper img[data-v-647954c7] {
    width: 2.66667rem
}

.ar-loading-view .loading-wrapper .van-loading[data-v-647954c7] {
    z-index: 999
}

.ar-loading-view .skeleton-wrapper[data-v-647954c7] {
    padding: .26667rem .13333rem
}

.com__box[data-v-647954c7] {
    position: relative;
    width: 2.66667rem;
    height: 1.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    z-index: 1000
}

.loading[data-v-647954c7] {
    width: 1.6rem;
    height: 1.6rem;
    position: relative;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: animationContainer-647954c7 1s ease infinite;
    animation: animationContainer-647954c7 1s ease infinite
}

.shape[data-v-647954c7] {
    width: .66667rem;
    height: .66667rem;
    border-radius: 50%;
    position: absolute
}

.shape-1[data-v-647954c7] {
    background-color: #0c67d7;
    left: 0;
    -webkit-animation: animationShape1-647954c7 .3s ease infinite alternate;
    animation: animationShape1-647954c7 .3s ease infinite alternate
}

html:lang(ar) .shape-1[data-v-647954c7] {
    right: 0;
    left: unset
}

.shape-2[data-v-647954c7] {
    background-color: #cd371c;
    right: 0;
    -webkit-animation: animationShape2-647954c7 .3s ease infinite .3s alternate;
    animation: animationShape2-647954c7 .3s ease infinite .3s alternate
}

html:lang(ar) .shape-2[data-v-647954c7] {
    right: unset;
    left: 0
}

.shape-3[data-v-647954c7] {
    background-color: #2c9d3f;
    bottom: 0;
    -webkit-animation: animationShape3-647954c7 .3s ease infinite .3s alternate;
    animation: animationShape3-647954c7 .3s ease infinite .3s alternate
}

.shape-4[data-v-647954c7] {
    background-color: #eca712;
    right: 0;
    bottom: 0;
    -webkit-animation: animationShape4-647954c7 .3s ease infinite alternate;
    animation: animationShape4-647954c7 .3s ease infinite alternate
}

@-webkit-keyframes animationContainer-647954c7 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes animationContainer-647954c7 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes animationShape1-647954c7 {
    0% {
        -webkit-transform: translate(.13333rem, .13333rem);
        transform: translate(.13333rem, .13333rem)
    }
    to {
        -webkit-transform: translate(-.08rem, -.08rem);
        transform: translate(-.08rem, -.08rem)
    }
}

@keyframes animationShape1-647954c7 {
    0% {
        -webkit-transform: translate(.13333rem, .13333rem);
        transform: translate(.13333rem, .13333rem)
    }
    to {
        -webkit-transform: translate(-.08rem, -.08rem);
        transform: translate(-.08rem, -.08rem)
    }
}

@-webkit-keyframes animationShape2-647954c7 {
    0% {
        -webkit-transform: translate(-.13333rem, .13333rem);
        transform: translate(-.13333rem, .13333rem)
    }
    to {
        -webkit-transform: translate(.08rem, -.08rem);
        transform: translate(.08rem, -.08rem)
    }
}

@keyframes animationShape2-647954c7 {
    0% {
        -webkit-transform: translate(-.13333rem, .13333rem);
        transform: translate(-.13333rem, .13333rem)
    }
    to {
        -webkit-transform: translate(.08rem, -.08rem);
        transform: translate(.08rem, -.08rem)
    }
}

@-webkit-keyframes animationShape3-647954c7 {
    0% {
        -webkit-transform: translate(.13333rem, -.13333rem);
        transform: translate(.13333rem, -.13333rem)
    }
    to {
        -webkit-transform: translate(-.08rem, .08rem);
        transform: translate(-.08rem, .08rem)
    }
}

@keyframes animationShape3-647954c7 {
    0% {
        -webkit-transform: translate(.13333rem, -.13333rem);
        transform: translate(.13333rem, -.13333rem)
    }
    to {
        -webkit-transform: translate(-.08rem, .08rem);
        transform: translate(-.08rem, .08rem)
    }
}

@-webkit-keyframes animationShape4-647954c7 {
    0% {
        -webkit-transform: translate(-.13333rem, -.13333rem);
        transform: translate(-.13333rem, -.13333rem)
    }
    to {
        -webkit-transform: translate(.08rem, .08rem);
        transform: translate(.08rem, .08rem)
    }
}

@keyframes animationShape4-647954c7 {
    0% {
        -webkit-transform: translate(-.13333rem, -.13333rem);
        transform: translate(-.13333rem, -.13333rem)
    }
    to {
        -webkit-transform: translate(.08rem, .08rem);
        transform: translate(.08rem, .08rem)
    }
}

.van-toast {
    word-break: break-word !important
}

.cg-default.van-button {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img {
    height: 80%
}

@media (orientation: landscape) {
    html.landscape {
        font-size: 9vh !important
    }
}

.isAppForcedDownloadEnabled-dialog {
    z-index: 9999999 !important
}

.svg-icon {
    width: 1em;
    height: 1em;
    fill: var(--svgHoticon);
    vertical-align: middle
}

.van-toast[data-v-fa757a88] {
    word-break: break-word !important
}

.cg-default.van-button[data-v-fa757a88] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-fa757a88] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-fa757a88] {
    height: 80%
}

@media (orientation: landscape) {
    html.landscape[data-v-fa757a88] {
        font-size: 9vh !important
    }
}

.isAppForcedDownloadEnabled-dialog[data-v-fa757a88] {
    z-index: 9999999 !important
}

.ar-searchbar__selector[data-v-fa757a88] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 4.53333rem;
    height: 1.06667rem !important
}

.ar-searchbar__selector div[data-v-fa757a88] {
    line-height: 1.06667rem
}
/* Self Service Center – compact list like reference site */
.workOrder-main .workOrder-cont h2 {
  margin-bottom: 0.16rem !important;
}

.workOrder-main .workOrder-cont ul {
  padding: 0.12rem 0.28rem 0.2rem !important;
}

.workOrder-main .workOrder-cont ul li {
  padding: 0.2rem 0.12rem 0.16rem 0 !important;
  min-height: unset !important;
  align-items: center;
  border-bottom: 0.02667rem solid rgba(255, 255, 255, 0.3) !important;
}

.workOrder-main .workOrder-cont ul li:last-child {
  border-bottom: none !important;
}

.workOrder-main .workOrder-cont ul li .service-text {
  gap: 0.16rem;
  align-items: center;
  min-width: 0;
}

.workOrder-main .workOrder-cont ul li .img-icon,
.workOrder-main .workOrder-cont ul li img.img-icon,
.workOrder-main .workOrder-cont ul li .support-service-icon {
  width: 1rem !important;
  height: 1rem !important;
  min-width: 1rem;
  min-height: 1rem;
  border-radius: 0.3rem !important;
  object-fit: cover;
  flex-shrink: 0;
  display: block;
  margin-left: 0.02rem;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 0 0 0.02667rem rgba(255, 255, 255, 0.08);
}

.workOrder-main .workOrder-cont ul li span {
  font-size: 0.32rem !important;
  height: 0.48rem;
  line-height: 0.48rem;
  white-space: nowrap;
}

/* ============================================================
   V40 — PREMIUM GOLD-ON-DARK-PURPLE REDESIGN (override layer)
   Surfaces: Home / Game header / Activity / Earn / Gift / Mine
   Route-scoped via body.v40-route-* classes (set by v26-user-fixes.js)
   ============================================================ */
:root{
  --v40-bg-base:#14082B;
  --v40-bg-card:linear-gradient(180deg,#261049 0%,#1B0B36 100%);
  --v40-bg-card-flat:#231140;
  --v40-bg-elevated:#2C1750;
  --v33-canvas-bg:#8E919E;
  --v40-gold:#F5C24C;
  --v40-gold-deep:#E5A92C;
  --v40-gold-grad:linear-gradient(135deg,#F8D169 0%,#E5A92C 60%,#B07A14 100%);
  --v40-violet-accent:#7A4BFF;
  --v40-text-hi:#FFFFFF;
  --v40-text-mid:rgba(255,255,255,.78);
  --v40-text-lo:rgba(255,255,255,.5);
  --v40-shadow-card:0 8px 24px rgba(0,0,0,.35);
  --v40-shadow-gold:0 6px 18px rgba(229,169,44,.32);
}

/* V33-global — premium desktop canvas (JioLottery-style grey, replaces black letterbox) */
html,
body{
  background:var(--v33-canvas-bg,#8E919E)!important;
  background-color:var(--v33-canvas-bg,#8E919E)!important;
}

body[class*="v40-route-"],
body.v33-auth-active,
body.v40-route-earn,
body.v40-route-mine,
body.v40-route-gift,
body.v40-route-game,
body.v40-route-activity,
body.v40-route-home,
body.v40-route-recharge{
  background:var(--v33-canvas-bg,#8E919E)!important;
  background-color:var(--v33-canvas-bg,#8E919E)!important;
}

/* ---------- HOME: premium category boxes + 4-per-row slider ---------- */
.dark-red-home .category-showcase-frame{
  background:var(--v40-bg-card)!important;
  border-radius:.4rem!important;
  box-shadow:var(--v40-shadow-card)!important;
  padding:.28rem .28rem .32rem!important;
}
.dark-red-home .category-showcase-head .section-title h2,
.dark-red-home .section-title.plain h2{
  color:var(--v40-text-hi)!important;font-weight:800!important;letter-spacing:.2px;
}
/* Hot + Lottery hero boxes — kept in place, premium gold border */
.dark-red-home .cat-top-row{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:.28rem!important;margin-bottom:.28rem!important;
}
.dark-red-home .cat-top-card{
  position:relative!important;min-height:1.9rem!important;border-radius:.4rem!important;
  background:var(--v40-bg-elevated)!important;box-shadow:var(--v40-shadow-gold)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:.14rem!important;padding:.24rem!important;overflow:hidden!important;
}
.dark-red-home .cat-top-card::before{
  content:"";position:absolute;inset:0;border-radius:.4rem;padding:2px;
  background:var(--v40-gold-grad);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;
}
.dark-red-home .cat-top-card img{width:1.1rem!important;height:1.1rem!important;object-fit:contain!important;}
.dark-red-home .cat-top-card span{font-size:.4rem!important;font-weight:800!important;color:var(--v40-text-hi)!important;}
.dark-red-home .cat-top-card.active{background:var(--v40-gold-grad)!important;}
.dark-red-home .cat-top-card.active span{color:#1B0B36!important;}
/* V60: force ANY card that lands in .cat-top-row to display at full large size,
   even if Vue/V41 changed its class from cat-top-card to category-showcase-card */
.dark-red-home .cat-top-row>.category-showcase-card{
  position:relative!important;min-height:1.9rem!important;border-radius:.4rem!important;
  background:var(--v40-bg-elevated)!important;box-shadow:var(--v40-shadow-gold)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;gap:.14rem!important;padding:.24rem!important;overflow:hidden!important;
}
.dark-red-home .cat-top-row>.category-showcase-card::before{
  content:"";position:absolute;inset:0;border-radius:.4rem;padding:2px;
  background:var(--v40-gold-grad);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;
}
.dark-red-home .cat-top-row>.category-showcase-card img{width:1.1rem!important;height:1.1rem!important;object-fit:contain!important;}
.dark-red-home .cat-top-row>.category-showcase-card span{font-size:.4rem!important;font-weight:800!important;color:var(--v40-text-hi)!important;white-space:nowrap!important;}
.dark-red-home .cat-top-row>.category-showcase-card.active{background:var(--v40-gold-grad)!important;}
.dark-red-home .cat-top-row>.category-showcase-card.active span{color:#1B0B36!important;}
/* Remaining categories — horizontal slider, exactly 4 per row, larger tiles */
.dark-red-home .cat-scroll-row{
  display:grid!important;grid-auto-flow:column!important;grid-auto-columns:calc(25% - .21rem)!important;
  gap:.28rem!important;overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;
  padding-bottom:.12rem!important;
}
.dark-red-home .cat-scroll-row::-webkit-scrollbar{display:none!important;}
.dark-red-home .cat-scroll-row .category-showcase-card{
  scroll-snap-align:start!important;min-height:1.7rem!important;border-radius:.34rem!important;
  background:var(--v40-bg-card-flat)!important;box-shadow:var(--v40-shadow-card)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:.12rem!important;padding:.18rem .1rem!important;border:1px solid rgba(255,255,255,.06)!important;
}
.dark-red-home .cat-scroll-row .category-showcase-card img{width:.92rem!important;height:.92rem!important;object-fit:contain!important;}
.dark-red-home .cat-scroll-row .category-showcase-card span{font-size:.3rem!important;font-weight:700!important;color:var(--v40-text-mid)!important;white-space:nowrap!important;}
.dark-red-home .cat-scroll-row .category-showcase-card.active{background:var(--v40-gold-grad)!important;border-color:transparent!important;}
.dark-red-home .cat-scroll-row .category-showcase-card.active span{color:#1B0B36!important;}
/* view-all gold pills */
.dark-red-home .view-all.pill{
  background:var(--v40-gold-grad)!important;color:#1B0B36!important;font-weight:800!important;
  border-radius:999px!important;box-shadow:var(--v40-shadow-gold)!important;border:0!important;
}
/* section frames consistent premium */
.dark-red-home .section-frame{background:var(--v40-bg-card)!important;border-radius:.4rem!important;box-shadow:var(--v40-shadow-card)!important;}
/* Top Games pushed to bottom (JS sets order; CSS backstop via flex order) */
.dark-red-home .content-section.v40-topgame-last{order:6!important;}

/* ---------- GAME HEADER (WinGo/K3/5D/Trx): kill yellow, gold timer ---------- */
body.v40-route-game .nav-header,
body.v40-route-game .ar-head,
body.v40-route-game [class*="game-header"],
body.v40-route-game [class*="lottery-header"]{
  background:var(--v40-bg-base)!important;background-image:none!important;
}
/* remove yellow/warm gradient banners in the game top area */
body.v40-route-game [style*="rgb(255, 199"],
body.v40-route-game [style*="#ffd"],
body.v40-route-game .v40-killyellow{background:var(--v40-bg-card)!important;background-image:none!important;}
/* injected support+mute icon cluster */
.v40-head-tools{display:flex!important;align-items:center!important;gap:.24rem!important;margin-left:auto!important;}
.v40-head-tools .v40-ic{width:.62rem;height:.62rem;display:grid;place-items:center;color:var(--v40-text-hi);}
.v40-head-tools .v40-ic svg{width:.52rem;height:.52rem;display:block;}
.v40-center-logo{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;}
/* gold timer digits */
body.v40-route-game .van-count-down,
body.v40-route-game [class*="time-remain"] [class*="num"],
body.v40-route-game [class*="countdown"] span,
body.v40-route-game .v40-timer-gold{color:var(--v40-gold)!important;}

/* ---------- ACTIVITY: 2 banners per row ---------- */
body.v40-route-activity .activeList,
body.v40-route-activity [class*="activity-list"],
body.v40-route-activity [class*="promotion-list"]{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:.28rem!important;padding:.28rem!important;
}
body.v40-route-activity .activeList>*,
body.v40-route-activity .activeItem,
body.v40-route-activity [class*="activity-list"]>*{
  width:auto!important;max-width:100%!important;margin:0!important;border-radius:.34rem!important;box-shadow:var(--v40-shadow-card)!important;overflow:hidden!important;
}
body.v40-route-activity .activeItem img,
body.v40-route-activity [class*="activity-list"] img{width:100%!important;height:auto!important;display:block!important;border-radius:.34rem!important;}

/* Hide white overlay chips on promo banners (gift-code input + progress bars) */
body.v40-route-activity .activeList .activeItem .tip,
body.v40-route-activity .activeList .activeItem .tips,
body.v40-route-activity .activeList .activeItem .gift-code,
body.v40-route-activity .activeItem .tip,
body.v40-route-activity .activeItem .tips,
body.v40-route-activity .activeItem .gift-code,
.activity .activeList .activeItem .tip,
.activity .activeList .activeItem .tips,
.activity .activeList .activeItem .gift-code{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
  position:absolute!important;
  left:-9999px!important;
}

/* ---------- ACTIVITY: bottom-sheet popup polish (gift/wheel/VIP/daily/agent/task) ---------- */
body.v40-route-activity .bottom-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:14px 16px 10px!important;
  background:linear-gradient(180deg,#3d2a78 0%,#2b1b55 100%)!important;
  color:#fff!important;
  font-weight:800!important;
  font-size:15px!important;
  border-radius:16px 16px 0 0!important;
}
body.v40-route-activity .bottom-head > div,
body.v40-route-activity .bottom-head span{
  color:#f6c34a!important;
  font-weight:800!important;
  font-size:13px!important;
}
body.v40-route-activity .bottom-line{
  height:1px!important;
  background:rgba(255,255,255,.10)!important;
  margin:0!important;
  border:0!important;
}
body.v40-route-activity .bottom-body{
  background:linear-gradient(180deg,#2a1a52 0%,#1a1035 100%)!important;
  color:#efe8ff!important;
  padding:14px 14px 22px!important;
  max-height:72vh!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
body.v40-route-activity .bottom-body .card,
body.v40-route-activity .bottom-body .rewardCont,
body.v40-route-activity .bottom-body .agentCard,
body.v40-route-activity .bottom-body .loss-container-box{
  background:linear-gradient(180deg,#3a2870 0%,#2a1a52 100%)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:14px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28)!important;
  padding:12px!important;
  margin-bottom:12px!important;
  color:#efe8ff!important;
}
body.v40-route-activity .bottom-body .title,
body.v40-route-activity .bottom-body .rewardTitle,
body.v40-route-activity .bottom-body .rewardTitle.tit{
  color:#fff!important;
  font-weight:800!important;
  margin-bottom:8px!important;
}
body.v40-route-activity .bottom-body input,
body.v40-route-activity .bottom-body .van-field,
body.v40-route-activity .bottom-body .van-cell{
  background:rgba(0,0,0,.28)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:12px!important;
  color:#fff!important;
}
body.v40-route-activity .bottom-body .nav-list{
  display:flex!important;
  gap:6px!important;
  margin:0 0 12px!important;
  padding:0!important;
  list-style:none!important;
}
body.v40-route-activity .bottom-body .nav-list > li{
  flex:1!important;
  text-align:center!important;
  padding:10px 6px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.06)!important;
  color:#cbbdf0!important;
  font-weight:700!important;
  font-size:12px!important;
}
body.v40-route-activity .bottom-body .nav-list > li.curr{
  background:linear-gradient(90deg,#f7d56a,#f0b429)!important;
  color:#1a1028!important;
}
body.v40-route-activity .bottom-body .nav-list > li:nth-child(3){
  display:none!important; /* Monthly tab — weekly-only product */
}
body.v40-route-activity .bottom-body .processBar,
body.v40-route-activity .bottom-body .processBar.firstBar,
body.v40-route-activity .bottom-body .line{
  background:rgba(255,255,255,.12)!important;
  border-radius:999px!important;
  overflow:hidden!important;
}
body.v40-route-activity .bottom-body .processBar .line,
body.v40-route-activity .bottom-body .line{
  background:linear-gradient(90deg,#f7d56a,#f0b429)!important;
}
body.v40-route-activity .bottom-body .activity-handle{
  margin-top:12px!important;
}
body.v40-route-activity .bottom-body .activity-btn,
body.v40-route-activity .bottom-body .btn_main_style{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:44px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#f7d56a,#f0b429)!important;
  color:#1a1028!important;
  font-weight:800!important;
  box-shadow:0 8px 18px rgba(240,180,41,.28)!important;
}
body.v40-route-activity .bottom-body .activity-btn.disBtn,
body.v40-route-activity .bottom-body .disBtn{
  opacity:.45!important;
  filter:grayscale(.25)!important;
  box-shadow:none!important;
}
body.v40-route-activity .bottom-full-text-body{
  color:#e8dffc!important;
  line-height:1.55!important;
  font-size:13px!important;
}
/* Activity detail page */
body .activity-detail .activity-name,
.activity-detail .activity-name{
  color:#fff!important;
  font-weight:800!important;
}
body .activity-detail .rich-text,
.activity-detail .rich-text{
  background:linear-gradient(180deg,#2a1a52 0%,#1a1035 100%)!important;
  color:#efe8ff!important;
  min-height:50vh!important;
  padding:0!important;
}
body .activity-detail .rich-text a{
  color:inherit!important;
}

/* ---------- EARN: KWG-style premium ---------- */
body.v40-route-earn #app{
  background:var(--v40-bg-base)!important;
}
body.v40-route-earn .v40-earn-row,
body.v40-route-earn [class*="invite"] [class*="card"],
body.v40-route-earn [class*="commission"]{
  background:var(--v40-bg-card)!important;border-radius:.34rem!important;box-shadow:var(--v40-shadow-card)!important;
}
.v40-earn-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.2rem;margin:.24rem 0;}
.v40-earn-tab{padding:.22rem 0;text-align:center;border-radius:.3rem;background:var(--v40-bg-card-flat);color:var(--v40-text-mid);font-weight:700;}
.v40-earn-tab.active{background:var(--v40-gold-grad);color:#1B0B36;}
.v40-earn-stat{display:grid;grid-template-columns:1fr 1fr;gap:.2rem;}
.v40-earn-stat b{color:var(--v40-gold);}
.v40-invite-link-btn,
body.v40-route-earn [class*="invite"] button{
  background:var(--v40-gold-grad)!important;color:#1B0B36!important;font-weight:800!important;border-radius:.34rem!important;box-shadow:var(--v40-shadow-gold)!important;border:0!important;
}
.v40-earn-list-row{display:flex;align-items:center;justify-content:space-between;background:var(--v40-bg-card);border-radius:.3rem;box-shadow:var(--v40-shadow-card);padding:.26rem .3rem;margin-bottom:.2rem;color:var(--v40-text-hi);}

/* ---------- GIFT: RedeemGift banner → Gifts.jpeg (1721×592) ---------- */
body.v40-route-gift .redeem-container-header,
body:has(.redeem-container) .redeem-container-header{
  height:auto!important;
  min-height:0!important;
  background:transparent!important;
  padding-bottom:0!important;
}
body.v40-route-gift .redeem-container-header-belly,
body:has(.redeem-container) .redeem-container-header-belly{
  width:100%!important;
  margin:.12rem 0 .2rem!important;
  aspect-ratio:1721/592!important;
  border-radius:.28rem!important;
  overflow:hidden!important;
  background:transparent!important;
  display:block!important;
  height:auto!important;
  max-height:none!important;
}
body.v40-route-gift .redeem-container-header-belly img,
body:has(.redeem-container) .redeem-container-header-belly img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:.28rem!important;
  max-width:none!important;
}
/* Never flash cream gift art — hide until Gifts.jpeg is bound */
body.v40-route-gift .redeem-container-header-belly img:not([src*="Gifts.jpeg"]),
body:has(.redeem-container) .redeem-container-header-belly img:not([src*="Gifts.jpeg"]){
  opacity:0!important;
}
body.v40-route-gift .redeem-container-header-belly img[src*="Gifts.jpeg"],
body:has(.redeem-container) .redeem-container-header-belly img[src*="Gifts.jpeg"]{
  opacity:1!important;
}
/* ---------- GIFT: gift-wrapper leftovers (if present) ---------- */
body.v40-route-gift .gift-wrapper{background:var(--v40-bg-base)!important;}
/* remove the "Follow our official channel" card (second .card with .contact) */
.gift-wrapper .card:has(.contact){display:none!important;}
.gift-wrapper .contact{display:none!important;}
.gift-wrapper .banner{
  border-radius:.28rem!important;
  overflow:hidden!important;
  box-shadow:var(--v40-shadow-card)!important;
  margin:.12rem 0 .2rem!important;
  background:transparent!important;
  width:100%!important;
  aspect-ratio:1721/592!important;
}
.gift-wrapper .banner img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:.28rem!important;}
.gift-wrapper .card{background:var(--v40-bg-card)!important;border-radius:.4rem!important;box-shadow:var(--v40-shadow-card)!important;padding:.36rem!important;}
.gift-wrapper .card .title{color:var(--v40-text-hi)!important;font-weight:800!important;font-size:.4rem!important;}
.gift-wrapper .inputCode{
  height:1.12rem!important;border-radius:.3rem!important;background:var(--v40-bg-elevated)!important;
  color:var(--v40-text-hi)!important;font-size:.38rem!important;border:1px solid rgba(255,255,255,.14)!important;
  padding:0 .3rem!important;width:100%!important;box-sizing:border-box!important;
}
.gift-wrapper .inputCode::placeholder{color:var(--v40-text-lo)!important;}
.gift-wrapper .handle .btn,
.gift-wrapper .handle .btn_main_style{
  background:var(--v40-gold-grad)!important;color:#1B0B36!important;font-weight:800!important;
  border-radius:.3rem!important;box-shadow:var(--v40-shadow-gold)!important;height:1.1rem!important;line-height:1.1rem!important;
}
.gift-wrapper .record-card{background:var(--v40-bg-card)!important;border-radius:.4rem!important;box-shadow:var(--v40-shadow-card)!important;}

/* ---------- MINE / ACCOUNT: KWG-style premium ---------- */
body.v40-route-mine .mine,.mine{background:var(--v40-bg-base)!important;}
.mine .mine-header{background:var(--v40-bg-card)!important;border-radius:0 0 .5rem .5rem!important;box-shadow:var(--v40-shadow-card)!important;padding-bottom:.3rem!important;}
.mine .mine-header--name,.mine .mine-header--id{color:var(--v40-text-hi)!important;}
.mine .mine-header-level--vip{background:var(--v40-gold-grad)!important;color:#1B0B36!important;border-radius:999px!important;font-weight:800!important;}
.mine .mine-account--balance,.mine .mine-card-box{background:var(--v40-bg-card)!important;border-radius:.4rem!important;box-shadow:var(--v40-shadow-card)!important;}
.mine .mine-account--balance{border:1px solid rgba(245,194,76,.25)!important;}
.mine .mine-account-function{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:.24rem!important;}
.mine .mine-account-function--name{color:var(--v40-text-mid)!important;font-weight:600!important;}
.mine .mine-list-rows li,.mine .mine-card-box>*{background:var(--v40-bg-card)!important;border-radius:.32rem!important;box-shadow:var(--v40-shadow-card)!important;margin-bottom:.22rem!important;color:var(--v40-text-hi)!important;}
.mine .mine-service-center{background:var(--v40-bg-card)!important;border-radius:.4rem!important;box-shadow:var(--v40-shadow-card)!important;}
.mine .mine-service-center [class*="item"]{color:var(--v40-text-mid)!important;}
.mine .mine-loginout{background:transparent!important;border:1px solid var(--v40-gold)!important;color:var(--v40-gold)!important;border-radius:.4rem!important;font-weight:800!important;box-shadow:none!important;}

/* gold accents for any balance amounts on themed routes */
body.v40-route-mine [class*="balance"] [class*="amount"],
body.v40-route-earn b,
.mine .mine-account--balance [class*="amount"]{color:var(--v40-gold)!important;}

/* === V41 HOME + EARN KWG PREMIUM === */

/* V41-A: Hot + Lottery — normal look (no gold border / glow) */
.dark-red-home .cat-top-card.v41-cat-normal,
.dark-red-home .cat-top-card{
  box-shadow:var(--v40-shadow-card)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  background:var(--v40-bg-card-flat)!important;
}
.dark-red-home .cat-top-card::before,
.dark-red-home .cat-top-card.v41-cat-normal::before{
  display:none!important;
  content:none!important;
  background:none!important;
  padding:0!important;
  -webkit-mask:none!important;
  mask:none!important;
}
.dark-red-home .cat-top-card.active{
  background:var(--v40-gold-grad)!important;
  border-color:transparent!important;
  box-shadow:var(--v40-shadow-gold)!important;
}
.dark-red-home .cat-top-card.active span{color:#1B0B36!important;}

/* V41-B: Home welcome notice ticker — match dhaniwin daily notify (yellow speaker + yellow pill) */
html body .dark-red-home .notice-card.v41-notice-premium,
html body .dark-red-home .notice-card.v41-notice-premium[data-v-760762f4],
html body .v41-notice-premium{
  display:flex!important;
  align-items:center!important;
  gap:.18rem!important;
  width:auto!important;
  height:1.17333rem!important;
  min-height:1.17333rem!important;
  max-height:1.17333rem!important;
  padding:0 .32rem!important;
  margin:.1rem .2rem .36rem!important;
  box-sizing:border-box!important;
  background:rgba(22,18,38,.92)!important;
  border:.02667rem solid rgba(46,56,71,.95)!important;
  border-radius:.32rem!important;
  border-top:.02667rem solid rgba(46,56,71,.95)!important;
  border-bottom:.02667rem solid rgba(46,56,71,.95)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  order:2!important;
  position:relative!important;
  z-index:2!important;
  overflow:hidden!important;
}
/* subtle grid texture like reference */
html body .dark-red-home .notice-card.v41-notice-premium::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:.32rem;
  pointer-events:none;
  opacity:.35;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:.28rem .28rem;
  z-index:0;
}
html body .dark-red-home .notice-card.v41-notice-premium > *{
  position:relative;
  z-index:1;
}
html body .dark-red-home .notice-card.v41-notice-premium .notice-icon-wrap,
html body .dark-red-home .notice-card.v41-notice-premium .notice-icon-wrap[data-v-760762f4]{
  width:.53333rem!important;
  height:.53333rem!important;
  min-width:.53333rem!important;
  min-height:.53333rem!important;
  flex-shrink:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border:none!important;
  border-radius:0!important;
  padding:0!important;
}
html body .dark-red-home .notice-card.v41-notice-premium .notice-icon-wrap .notice-icon,
html body .dark-red-home .notice-card.v41-notice-premium .notice-icon-wrap img{
  display:none!important;
}
html body .v41-notice-speaker{
  flex-shrink:0!important;
  width:.53333rem!important;
  height:.53333rem!important;
  display:grid!important;
  place-items:center!important;
  color:#F4B942!important;
}
html body .v41-notice-speaker svg{
  width:.48rem!important;
  height:.48rem!important;
  display:block!important;
}
html body .dark-red-home .notice-card.v41-notice-premium .notice-text,
html body .dark-red-home .notice-card.v41-notice-premium .notice-text[data-v-760762f4]{
  flex:1!important;
  overflow:hidden!important;
  min-width:0!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
}
html body .dark-red-home .notice-card.v41-notice-premium .notice-line,
html body .dark-red-home .notice-card.v41-notice-premium .notice-track span,
html body .dark-red-home .notice-card.v41-notice-premium .notice-line[data-v-760762f4],
html body .dark-red-home .notice-card.v41-notice-premium .notice-track span[data-v-760762f4]{
  color:rgba(179,169,232,.95)!important;
  font-size:.32rem!important;
  font-weight:400!important;
  line-height:.4rem!important;
}
html body .dark-red-home .notice-card.v41-notice-premium .notice-btn,
html body .dark-red-home .notice-card.v41-notice-premium .notice-btn[data-v-760762f4]{
  flex-shrink:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:.85333rem!important;
  min-height:.85333rem!important;
  min-width:1.35rem!important;
  padding:0 .26667rem!important;
  border:none!important;
  border-radius:.66667rem!important;
  background:linear-gradient(180deg,#FFD35C 0%,#F4C430 100%)!important;
  color:#2E1A5E!important;
  font-size:.32rem!important;
  font-weight:600!important;
  line-height:1!important;
  box-shadow:0 .04rem .1rem rgba(244,196,48,.28)!important;
  transition:transform .14s ease-out!important;
}
html body .dark-red-home .notice-card.v41-notice-premium .notice-btn:active{
  transform:scale(.98)!important;
}

/* V41-C: Header notification + support — larger, swappable */
.home-header-tools .v41-head-icon-btn{
  width:.76rem!important;
  height:.76rem!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  padding:0!important;
  border-radius:.22rem!important;
  background:var(--v40-bg-elevated)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.3),0 6px 16px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)!important;
  overflow:hidden!important;
  cursor:pointer!important;
  transition:transform .14s ease-out,box-shadow .14s ease-out;
}
.home-header-tools .v41-head-icon-btn:active{transform:scale(.98);}
.home-header-tools .v41-head-icon-btn img{
  width:.52rem!important;
  height:.52rem!important;
  object-fit:contain!important;
  display:block!important;
}
.home-header-tools .home-header-icons{
  display:flex!important;
  align-items:center!important;
  gap:.18rem!important;
}
.home-header-tools .header-badge{
  font-size:.2rem!important;
  min-width:.28rem!important;
  height:.28rem!important;
}

/* V41-D: Home game section ordering — selected category → Popular → Top Games */
.dark-red-home .lottery-section-container.v41-cat-hidden{display:none!important;}
.dark-red-home .content-section.v41-cat-hidden{display:none!important;}
.dark-red-home .content-section.v41-cat-games-top,
.dark-red-home .lottery-section-container.v41-cat-games-top{
  order:4!important;
  margin-top:.2rem!important;
  display:block!important;
}
.dark-red-home .content-section:has(.category-showcase-frame){
  order:3!important;
  margin-top:.32rem!important;
}
.dark-red-home .content-section:has(.popular-frame){order:5!important;}
.dark-red-home .content-section:has(.top-game-frame),
.dark-red-home .content-section.v40-topgame-last{
  order:6!important;
}
.dark-red-home .content-section.v40-topgame-last.v41-cat-games-top{
  /* Top Games must never act as the category slot */
  order:6!important;
}

/* V41-E: Popular games cards — bright filled thumbs (no purple letterbox / dark overlay) */
html body .dark-red-home .popular-frame.v41-popular-premium,
html body .dark-red-home .popular-frame{
  padding:.18rem .1rem .22rem!important;
  background:transparent!important;
  overflow:visible!important;
}
html body .dark-red-home .popular-frame .popular-auto-viewport{
  overflow:visible!important;
  width:100%!important;
  filter:none!important;
  opacity:1!important;
}
html body .dark-red-home .popular-frame .popular-auto-grid,
html body .dark-red-home .popular-frame .game-card-grid.popular-auto-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:.3rem!important;
  margin-top:.18rem!important;
  padding:0 .04rem!important;
  animation:none!important;
  transform:none!important;
  opacity:1!important;
  filter:none!important;
}
html body .dark-red-home .popular-frame .popular-auto-card,
html body .dark-red-home .popular-frame .game-card-item.popular-auto-card{
  height:auto!important;
  min-height:0!important;
  aspect-ratio:3 / 4!important;
  padding:0!important;
  margin:0!important;
  border:none!important;
  border-radius:.21333rem!important;
  background:transparent!important;
  box-shadow:0 .04rem .14rem rgba(0,0,0,.32)!important;
  overflow:hidden!important;
  display:block!important;
  position:relative!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
}
html body .dark-red-home .popular-frame .popular-auto-card .game-img,
html body .dark-red-home .popular-frame .popular-auto-card img.game-img{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:.21333rem!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  background:transparent!important;
  filter:none!important;
  opacity:1!important;
  -webkit-filter:none!important;
}
html body .dark-red-home .popular-frame .game-placeholder-img,
html body .dark-red-home .popular-frame .popular-auto-card .game-placeholder-img{
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
  background:transparent!important;
}
html body .dark-red-home .popular-frame .popular-auto-card::before,
html body .dark-red-home .popular-frame .popular-auto-card::after,
html body .dark-red-home .popular-frame .category-detail-card::after{
  display:none!important;
  content:none!important;
}

/* V86 placement — always below all games, never in header area */
.dark-red-home .content-section.v86-winning-section,
.home-page .content-section.v86-winning-section{order:9!important;margin-top:.32rem!important;}
.dark-red-home .content-section.v86-ranking-section,
.home-page .content-section.v86-ranking-section{order:10!important;}

/* Hide native Vue winning/ranking at top — V86 replaces at bottom */
.dark-red-home .content-section:has(.winning-list-container):not([data-v86-winning="1"]),
.home-page .content-section:has(.winning-list-container):not([data-v86-winning="1"]){
  display:none!important;visibility:hidden!important;height:0!important;
  overflow:hidden!important;margin:0!important;padding:0!important;pointer-events:none!important;
}

/* V41-E: Earn page KWG premium */
body.v40-route-earn .invitation-card.v41-earn-menu{
  background:var(--v40-bg-card-flat)!important;
  border-radius:.4rem!important;
  border:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06)!important;
  padding:.12rem .28rem!important;
  margin-top:.28rem!important;
}
body.v40-route-earn .invitation-card .invitation-item,
body.v40-route-earn .v41-earn-menu-row{
  display:flex!important;
  align-items:center!important;
  gap:.22rem!important;
  padding:.26rem 0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  color:var(--v40-text-hi)!important;
  cursor:pointer!important;
  transition:background .15s ease-out;
}
body.v40-route-earn .invitation-card .invitation-item:last-child,
body.v40-route-earn .v41-earn-menu-row:last-child{border-bottom:0!important;}
body.v40-route-earn .invitation-card .invitation-item .icon,
body.v40-route-earn .v41-earn-menu-row .v41-earn-ic{
  width:.64rem!important;
  height:.64rem!important;
  flex-shrink:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:.18rem!important;
  background:rgba(245,194,76,.12)!important;
  color:var(--v40-gold)!important;
}
body.v40-route-earn .invitation-card .invitation-item .icon img{
  width:.44rem!important;
  height:.44rem!important;
  object-fit:contain!important;
}
body.v40-route-earn .invitation-card .item-text,
body.v40-route-earn .v41-earn-menu-row .v41-earn-label{
  flex:1!important;
  color:var(--v40-text-hi)!important;
  font-size:.32rem!important;
  font-weight:600!important;
}
body.v40-route-earn .invitation-card .item-code,
body.v40-route-earn .v41-earn-code{
  color:var(--v40-gold)!important;
  font-weight:800!important;
  font-variant-numeric:tabular-nums!important;
  font-size:.3rem!important;
  margin-right:.08rem!important;
}
body.v40-route-earn .v41-earn-copy,
body.v40-route-earn .v41-earn-chevron{
  width:.44rem!important;
  height:.44rem!important;
  color:var(--v40-text-mid)!important;
  flex-shrink:0!important;
  display:grid!important;
  place-items:center!important;
}
body.v40-route-earn .invitation-item.v41-invite-row .item-text{flex:0 1 auto!important;}

/* Yesterday Promotion Data */
.v41-yesterday-promo{
  margin:.28rem .28rem .4rem!important;
  padding:.28rem!important;
  background:var(--v40-bg-card-flat)!important;
  border-radius:.4rem!important;
  border:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.v41-yesterday-promo__title{
  display:flex!important;
  align-items:center!important;
  gap:.14rem!important;
  color:var(--v40-text-hi)!important;
  font-size:.34rem!important;
  font-weight:800!important;
  margin-bottom:.24rem!important;
}
.v41-yesterday-promo__title svg{color:var(--v40-gold);width:.4rem;height:.4rem;flex-shrink:0;}
.v41-yesterday-promo__grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.2rem!important;}
.v41-promo-col{
  background:var(--v40-bg-elevated)!important;
  border-radius:.28rem!important;
  padding:.18rem!important;
}
.v41-promo-col__head{
  background:var(--v40-gold-grad)!important;
  color:#1B0B36!important;
  font-size:.24rem!important;
  font-weight:800!important;
  text-align:center!important;
  padding:.14rem .1rem!important;
  border-radius:.2rem!important;
  margin-bottom:.16rem!important;
}
.v41-promo-stat{
  display:flex!important;
  justify-content:space-between!important;
  gap:.08rem!important;
  padding:.1rem 0!important;
  font-size:.22rem!important;
  line-height:1.35!important;
}
.v41-promo-stat .lbl{color:var(--v40-text-mid)!important;flex:1;}
.v41-promo-stat .val{
  color:var(--v40-text-hi)!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums!important;
  text-align:right!important;
  flex-shrink:0!important;
}
.v41-promo-stat .val.gold{color:var(--v40-gold)!important;}
.v41-first-deposit-box{
  margin-top:.14rem!important;
  padding:.14rem!important;
  border-radius:.2rem!important;
  background:rgba(0,0,0,.22)!important;
  border:1px solid rgba(255,255,255,.06)!important;
}
.v41-first-deposit-box .fd-title{
  color:var(--v40-text-hi)!important;
  font-size:.24rem!important;
  font-weight:700!important;
  margin-bottom:.1rem!important;
}
.v41-first-deposit-box .fd-row{
  display:flex!important;
  justify-content:space-between!important;
  font-size:.22rem!important;
  color:var(--v40-text-mid)!important;
  padding:.04rem 0!important;
}
.v41-first-deposit-box .fd-row b{
  color:var(--v40-text-hi)!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums!important;
}

/* Expanded subordinates stats in top card */
body.v40-route-earn.v41-earn-expanded .v41-sub-stat-extra{
  display:flex!important;
  justify-content:space-between!important;
  padding:.08rem 0!important;
  font-size:.26rem!important;
}
body.v40-route-earn.v41-earn-expanded .v41-sub-stat-extra .lbl{color:var(--v40-text-mid)!important;}
body.v40-route-earn.v41-earn-expanded .v41-sub-stat-extra .val{
  color:var(--v40-text-hi)!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums!important;
}
body.v40-route-earn.v41-earn-expanded .v41-sub-stat-extra .val.gold{color:var(--v40-gold)!important;}

/* === V42 EARN — compact invitees grid + premium menu + slim yesterday box === */

/* Hide V41 extra stats injected into top card */
body.v40-route-earn .v41-sub-stat-extra{display:none!important;}

/* Compact Direct invitees + Team invitees — single grid row (KWG ref) */
body.v40-route-earn .subordinates-card{
  padding:.2rem .22rem .22rem!important;
  background:var(--v40-bg-card-flat)!important;
  border-radius:.32rem!important;
  border:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.28),0 6px 18px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
body.v40-route-earn .subordinates-card .tab-header{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:.16rem!important;
  margin-bottom:.18rem!important;
  padding:0!important;
}
body.v40-route-earn .subordinates-card .tab-item{
  text-align:center!important;
  font-size:.26rem!important;
  font-weight:800!important;
  color:var(--v40-text-hi)!important;
  padding:.12rem .1rem!important;
  border-radius:.2rem!important;
  background:var(--v40-bg-elevated)!important;
  letter-spacing:.2px!important;
  text-transform:none!important;
}
body.v40-route-earn .subordinates-card .tab-content{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:.16rem!important;
  padding:0!important;
}
body.v40-route-earn .subordinates-card .tab-content .line{display:none!important;}
body.v40-route-earn .subordinates-card .content-item{
  background:var(--v40-bg-elevated)!important;
  border-radius:.24rem!important;
  padding:.14rem .16rem!important;
  border:1px solid rgba(255,255,255,.05)!important;
  min-width:0!important;
}
body.v40-route-earn .subordinates-card .content-item .item{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.1rem!important;
  padding:.1rem 0!important;
  min-height:unset!important;
}
body.v40-route-earn .subordinates-card .content-item .item>div:first-child{
  font-size:.26rem!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums!important;
  color:var(--v40-text-hi)!important;
  order:2!important;
  text-align:right!important;
  flex-shrink:0!important;
}
body.v40-route-earn .subordinates-card .content-item .item .title,
body.v40-route-earn .subordinates-card .content-item .item>div.title{
  font-size:.22rem!important;
  font-weight:500!important;
  color:var(--v40-text-mid)!important;
  order:1!important;
  text-align:left!important;
  flex:1!important;
  line-height:1.3!important;
}
body.v40-route-earn .subordinates-card .content-item .item .green,
body.v40-route-earn .subordinates-card .content-item .item>div:first-child.green{
  color:var(--v40-gold)!important;
}
body.v40-route-earn .subordinates-card .content-item .item .yellow,
body.v40-route-earn .subordinates-card .content-item .item>div:first-child.yellow{
  color:var(--v40-gold)!important;
}
body.v40-route-earn .my-swipe .van-swipe__indicator{width:.14rem!important;height:.14rem!important;}
body.v40-route-earn .commission-section{
  margin-bottom:.2rem!important;
  padding:.22rem .28rem!important;
  background:var(--v40-bg-card-flat)!important;
  border-radius:.32rem!important;
  border:1px solid rgba(255,255,255,.06)!important;
}
body.v40-route-earn .commission-amount{
  font-size:.52rem!important;
  color:var(--v40-gold)!important;
  font-variant-numeric:tabular-nums!important;
}
body.v40-route-earn .invitation-btn{
  margin:.24rem .28rem!important;
  height:1rem!important;
  line-height:1rem!important;
  font-size:.34rem!important;
}

/* Invite code row — always visible at top */
body.v40-route-earn .invitation-item.v42-invite-code-row{
  display:flex!important;
  align-items:center!important;
  gap:.2rem!important;
}
body.v40-route-earn .invitation-item.v42-invite-code-row .item-text{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
body.v40-route-earn .invitation-item.v42-invite-code-row .item-code{
  flex:1!important;
  text-align:right!important;
  margin-right:.06rem!important;
}

/* Premium menu icons */
body.v40-route-earn .v42-earn-ic{
  width:.68rem!important;
  height:.68rem!important;
  flex-shrink:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:.18rem!important;
  background:linear-gradient(145deg,rgba(245,194,76,.18) 0%,rgba(245,194,76,.06) 100%)!important;
  border:1px solid rgba(245,194,76,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 8px rgba(0,0,0,.22)!important;
  color:var(--v40-gold)!important;
}
body.v40-route-earn .v42-earn-ic svg{
  width:.42rem!important;
  height:.42rem!important;
  display:block!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.35));
}

/* V42 Yesterday Promotion Data — compact KWG ref (5th image) */
.v42-yesterday-promo{
  margin:.24rem .28rem .36rem!important;
  padding:.22rem .24rem!important;
  background:var(--v40-bg-card-flat)!important;
  border-radius:.32rem!important;
  border:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.28),0 6px 18px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.v42-yesterday-promo__title{
  display:flex!important;
  align-items:center!important;
  gap:.12rem!important;
  color:var(--v40-text-hi)!important;
  font-size:.3rem!important;
  font-weight:800!important;
  margin-bottom:.18rem!important;
}
.v42-yesterday-promo__title svg{color:var(--v40-gold);width:.36rem;height:.36rem;}
.v42-yesterday-promo__grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:.14rem!important;
}
.v42-promo-col{
  background:var(--v40-bg-elevated)!important;
  border-radius:.24rem!important;
  padding:.14rem!important;
  border:1px solid rgba(255,255,255,.05)!important;
}
.v42-promo-col__head{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.08rem!important;
  background:var(--v40-gold-grad)!important;
  color:#1B0B36!important;
  font-size:.22rem!important;
  font-weight:800!important;
  text-align:center!important;
  padding:.1rem .08rem!important;
  border-radius:.16rem!important;
  margin-bottom:.12rem!important;
}
.v42-promo-col__head svg{width:.28rem;height:.28rem;flex-shrink:0;}
.v42-promo-stat{
  display:flex!important;
  justify-content:space-between!important;
  align-items:baseline!important;
  gap:.06rem!important;
  padding:.07rem 0!important;
  font-size:.2rem!important;
  line-height:1.3!important;
}
.v42-promo-stat .lbl{color:var(--v40-text-mid)!important;flex:1;}
.v42-promo-stat .val{
  color:var(--v40-text-hi)!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums!important;
  text-align:right!important;
}
.v42-first-deposit-box{
  margin-top:.1rem!important;
  padding:.1rem!important;
  border-radius:.16rem!important;
  background:rgba(0,0,0,.24)!important;
  border:1px solid rgba(255,255,255,.05)!important;
}
.v42-first-deposit-box .fd-title{
  color:var(--v40-text-hi)!important;
  font-size:.2rem!important;
  font-weight:700!important;
  margin-bottom:.08rem!important;
  text-align:center!important;
}
.v42-first-deposit-box .fd-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:.08rem!important;
  text-align:center!important;
}
.v42-first-deposit-box .fd-cell .fd-lbl{
  font-size:.18rem!important;
  color:var(--v40-text-mid)!important;
  display:block!important;
}
.v42-first-deposit-box .fd-cell .fd-val{
  font-size:.22rem!important;
  color:var(--v40-text-hi)!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums!important;
  display:block!important;
}

/* Hide old bloated V41 yesterday box when V42 present */
body.v40-route-earn:has(.v42-yesterday-promo) .v41-yesterday-promo{display:none!important;}

/* === V43 — premium realistic menu icons + invitees box spacing === */

/* Kill all webp menu icons — V43 SVG only */
body.v40-route-earn .invitation-card img.icon,
body.v40-route-earn .invitation-card img.v41-earn-ic,
body.v40-route-earn .invitation-card img.v42-earn-ic,
body.v40-route-earn .v41-earn-menu-row img{display:none!important;}

/* V43 premium icon tile */
body.v40-route-earn .v43-earn-ic{
  width:.76rem!important;
  height:.76rem!important;
  flex-shrink:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:.2rem!important;
  background:linear-gradient(155deg,rgba(248,209,105,.22) 0%,rgba(176,122,20,.1) 45%,rgba(44,23,80,.55) 100%)!important;
  border:1px solid rgba(245,194,76,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 10px rgba(0,0,0,.28)!important;
  color:var(--v40-gold)!important;
  position:relative!important;
  overflow:hidden!important;
}
body.v40-route-earn .v43-earn-ic::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.14),transparent 55%);
  pointer-events:none;
}
body.v40-route-earn .v43-earn-ic svg{
  width:.46rem!important;
  height:.46rem!important;
  display:block!important;
  position:relative!important;
  z-index:1!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));
}

/* Menu rows — taller touch, more breathing room */
body.v40-route-earn .invitation-card .invitation-item,
body.v40-route-earn .invitation-card .v41-earn-menu-row{
  padding:.3rem 0!important;
  min-height:.96rem!important;
  gap:.24rem!important;
}
body.v40-route-earn .invitation-card .item-text,
body.v40-route-earn .invitation-card .v41-earn-label{
  font-size:.31rem!important;
  letter-spacing:.15px!important;
}

/* Invitees boxes — taller + even row gaps (incl. commission/betting rows) */
body.v40-route-earn .subordinates-card{
  padding:.24rem .24rem .26rem!important;
}
body.v40-route-earn .subordinates-card .tab-item{
  padding:.14rem .12rem!important;
  font-size:.27rem!important;
}
body.v40-route-earn .subordinates-card .content-item{
  padding:.18rem .18rem .2rem!important;
  min-height:3.6rem!important;
}
body.v40-route-earn .subordinates-card .content-item .item{
  padding:.13rem 0!important;
  margin:0!important;
  min-height:.42rem!important;
}
/* Re-show extra stats with same rhythm as top rows */
body.v40-route-earn .v41-sub-stat-extra{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.1rem!important;
  padding:.13rem 0!important;
  margin:0!important;
  min-height:.42rem!important;
}
body.v40-route-earn .content-item [data-v41-sub-extra]{
  margin-top:.08rem!important;
  padding-top:.1rem!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}
body.v40-route-earn .v41-sub-stat-extra .lbl{
  font-size:.22rem!important;
  font-weight:500!important;
  color:var(--v40-text-mid)!important;
  flex:1!important;
  line-height:1.35!important;
}
body.v40-route-earn .v41-sub-stat-extra .val{
  font-size:.26rem!important;
  font-weight:700!important;
  color:var(--v40-text-hi)!important;
  font-variant-numeric:tabular-nums!important;
  text-align:right!important;
  flex-shrink:0!important;
}
body.v40-route-earn .v41-sub-stat-extra .val.gold{color:var(--v40-gold)!important;}

/* Yesterday promo icons */
body.v40-route-earn .v42-promo-col__head .v43-earn-ic,
body.v40-route-earn .v42-yesterday-promo__title .v43-earn-ic{
  width:.36rem!important;
  height:.36rem!important;
  border-radius:.12rem!important;
}
body.v40-route-earn .v42-promo-col__head .v43-earn-ic svg,
body.v40-route-earn .v42-yesterday-promo__title .v43-earn-ic svg{
  width:.26rem!important;
  height:.26rem!important;
}

/* === V44 — Direct invitees + Team invitees headers → gold (match Direct subordinates) === */
body.v40-route-earn .subordinates-card .tab-item{
  background:var(--v40-gold-grad)!important;
  color:#1B0B36!important;
  border:1px solid rgba(245,194,76,.32)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.16)!important;
  font-weight:800!important;
  letter-spacing:.2px!important;
  text-transform:none!important;
}

/* === V45 — flat real icons, zero shadow === */
body.v40-route-earn .v43-earn-ic,
body.v40-route-earn .v45-earn-ic{
  width:.72rem!important;
  height:.72rem!important;
  background:rgba(245,194,76,.09)!important;
  border:1px solid rgba(245,194,76,.2)!important;
  border-radius:.18rem!important;
  box-shadow:none!important;
  filter:none!important;
  color:var(--v40-gold)!important;
}
body.v40-route-earn .v43-earn-ic::after,
body.v40-route-earn .v45-earn-ic::after{display:none!important;content:none!important;}
body.v40-route-earn .v43-earn-ic svg,
body.v40-route-earn .v45-earn-ic svg{
  width:.44rem!important;
  height:.44rem!important;
  filter:none!important;
  drop-shadow:none!important;
  -webkit-filter:none!important;
}
body.v40-route-earn .v42-earn-ic{
  box-shadow:none!important;
  filter:none!important;
}
body.v40-route-earn .v42-earn-ic svg{filter:none!important;}

/* === V46 — ONE icon only (kill triple stack) + gold tile like Direct invitees === */
body.v40-route-earn .invitation-card .v43-earn-ic,
body.v40-route-earn .invitation-card .v45-earn-ic,
body.v40-route-earn .invitation-card .v42-earn-ic,
body.v40-route-earn .invitation-card .v41-earn-ic,
body.v40-route-earn .invitation-card img.icon,
body.v40-route-earn .invitation-card .icon:not(.v46-earn-ic){display:none!important;}

body.v40-route-earn .v46-earn-ic{
  width:.72rem!important;
  height:.72rem!important;
  flex-shrink:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:.18rem!important;
  background:var(--v40-gold-grad)!important;
  border:1px solid rgba(245,194,76,.35)!important;
  box-shadow:none!important;
  filter:none!important;
  color:#1B0B36!important;
}
body.v40-route-earn .v46-earn-ic svg{
  width:.4rem!important;
  height:.4rem!important;
  display:block!important;
  filter:none!important;
  color:#1B0B36!important;
}
body.v40-route-earn .v46-earn-ic svg path,
body.v40-route-earn .v46-earn-ic svg circle,
body.v40-route-earn .v46-earn-ic svg rect{
  stroke:#1B0B36!important;
}
body.v40-route-earn .v46-earn-ic svg [fill="currentColor"]{fill:#1B0B36!important;}

/* === V47 — violet glass tile + gold outline icons (menu cohesive, each distinct) === */
body.v40-route-earn .v46-earn-ic{
  width:.76rem!important;
  height:.76rem!important;
  border-radius:.2rem!important;
  background:linear-gradient(155deg,rgba(58,32,98,.95) 0%,rgba(35,17,64,.98) 55%,rgba(27,11,54,1) 100%)!important;
  border:1px solid rgba(245,194,76,.22)!important;
  color:var(--v40-gold)!important;
}
body.v40-route-earn .v46-earn-ic[data-v46-k="invite"]{
  background:linear-gradient(155deg,rgba(248,209,105,.14) 0%,rgba(44,23,80,.9) 50%,rgba(27,11,54,1) 100%)!important;
}
body.v40-route-earn .v46-earn-ic[data-v46-k="commission"]{
  background:linear-gradient(155deg,rgba(122,75,255,.16) 0%,rgba(35,17,64,.96) 100%)!important;
  border-color:rgba(122,75,255,.28)!important;
}
body.v40-route-earn .v46-earn-ic[data-v46-k="overview"]{
  background:linear-gradient(155deg,rgba(245,194,76,.1) 0%,rgba(35,17,64,.96) 100%)!important;
}
body.v40-route-earn .v46-earn-ic[data-v46-k="newuser"]{
  background:linear-gradient(155deg,rgba(90,200,140,.1) 0%,rgba(35,17,64,.96) 100%)!important;
  border-color:rgba(90,200,140,.22)!important;
}
body.v40-route-earn .v46-earn-ic[data-v46-k="newuser"] svg path,
body.v40-route-earn .v46-earn-ic[data-v46-k="newuser"] svg circle{stroke:#8FD9A8!important;}
body.v40-route-earn .v46-earn-ic[data-v46-k="gift"]{
  background:linear-gradient(155deg,rgba(255,120,150,.12) 0%,rgba(35,17,64,.96) 100%)!important;
  border-color:rgba(255,140,160,.24)!important;
}
body.v40-route-earn .v46-earn-ic[data-v46-k="gift"] svg path,
body.v40-route-earn .v46-earn-ic[data-v46-k="gift"] svg rect{stroke:#FFB0C0!important;}
body.v40-route-earn .v46-earn-ic svg{
  width:.44rem!important;
  height:.44rem!important;
  color:var(--v40-gold)!important;
}
body.v40-route-earn .v46-earn-ic svg path,
body.v40-route-earn .v46-earn-ic svg circle,
body.v40-route-earn .v46-earn-ic svg rect,
body.v40-route-earn .v46-earn-ic svg polyline{
  stroke:var(--v40-gold)!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body.v40-route-earn .v46-earn-ic[data-v46-k="commission"] svg path,
body.v40-route-earn .v46-earn-ic[data-v46-k="commission"] svg circle{stroke:#C9B0FF!important;}
body.v40-route-earn .v46-earn-ic svg [fill="currentColor"]{fill:var(--v40-gold)!important;}
body.v40-route-earn .v46-earn-ic[data-v46-k="commission"] svg [fill="currentColor"]{fill:#C9B0FF!important;}

/* === V48 — ONE unified accent: Direct Invitees gold (all menu icons same style) === */
body.v40-route-earn .v46-earn-ic,
body.v40-route-earn .v46-earn-ic[data-v46-k="invite"],
body.v40-route-earn .v46-earn-ic[data-v46-k="commission"],
body.v40-route-earn .v46-earn-ic[data-v46-k="overview"],
body.v40-route-earn .v46-earn-ic[data-v46-k="newuser"],
body.v40-route-earn .v46-earn-ic[data-v46-k="rules"],
body.v40-route-earn .v46-earn-ic[data-v46-k="rebate"],
body.v40-route-earn .v46-earn-ic[data-v46-k="gift"],
body.v40-route-earn .v46-earn-ic[data-v46-k="promotion"],
body.v40-route-earn .v46-earn-ic[data-v46-k="headset"]{
  width:.76rem!important;
  height:.76rem!important;
  border-radius:.2rem!important;
  background:var(--v40-gold-grad)!important;
  border:1px solid rgba(245,194,76,.32)!important;
  box-shadow:none!important;
  filter:none!important;
  color:#1B0B36!important;
}
body.v40-route-earn .v46-earn-ic svg{
  width:.44rem!important;
  height:.44rem!important;
  display:block!important;
  color:#1B0B36!important;
  filter:none!important;
}
body.v40-route-earn .v46-earn-ic svg path,
body.v40-route-earn .v46-earn-ic svg circle,
body.v40-route-earn .v46-earn-ic svg rect,
body.v40-route-earn .v46-earn-ic svg polyline,
body.v40-route-earn .v46-earn-ic[data-v46-k] svg path,
body.v40-route-earn .v46-earn-ic[data-v46-k] svg circle,
body.v40-route-earn .v46-earn-ic[data-v46-k] svg rect{
  stroke:#1B0B36!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body.v40-route-earn .v46-earn-ic svg [fill="currentColor"],
body.v40-route-earn .v46-earn-ic[data-v46-k] svg [fill="currentColor"]{fill:#1B0B36!important;}

/* === V49 — clearer readable glyphs (slightly larger, filled depth) === */
body.v40-route-earn .v46-earn-ic svg{
  width:.48rem!important;
  height:.48rem!important;
}
body.v40-route-earn .v46-earn-ic svg [fill-opacity]{
  fill:#1B0B36!important;
}
body.v40-route-earn .v46-earn-ic svg path[fill="#F8D169"]{fill:#F8D169!important;}
body.v40-route-earn .v46-earn-ic svg path[stroke="#F8D169"]{stroke:#F8D169!important;}
body.v40-route-earn .v46-earn-ic svg text{fill:#1B0B36!important;}

/* === V50 — NUCLEAR: hide ALL old icon layers, only .v50-earn-ic visible === */
body.v40-route-earn .invitation-card .invitation-item .icon,
body.v40-route-earn .invitation-card .v41-earn-menu-row .v41-earn-ic,
body.v40-route-earn .invitation-card .v43-earn-ic,
body.v40-route-earn .invitation-card .v45-earn-ic,
body.v40-route-earn .invitation-card .v46-earn-ic,
body.v40-route-earn .invitation-card .v42-earn-ic,
body.v40-route-earn .invitation-card .v41-earn-ic,
body.v40-route-earn .invitation-card img.icon,
body.v40-route-earn .invitation-card .icon:not(.v50-earn-ic){
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  position:absolute!important;
  pointer-events:none!important;
  opacity:0!important;
}
body.v40-route-earn .v50-earn-ic{
  width:.76rem!important;
  height:.76rem!important;
  flex-shrink:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:.2rem!important;
  background:var(--v40-gold-grad)!important;
  border:1px solid rgba(245,194,76,.32)!important;
  box-shadow:none!important;
  color:#1B0B36!important;
  position:relative!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
body.v40-route-earn .v50-earn-ic svg{
  width:.46rem!important;
  height:.46rem!important;
  display:block!important;
  color:#1B0B36!important;
}
body.v40-route-earn .v50-earn-ic svg path,
body.v40-route-earn .v50-earn-ic svg circle,
body.v40-route-earn .v50-earn-ic svg rect{
  fill:#1B0B36!important;
  stroke:none!important;
}
body.v40-route-earn .v50-earn-ic svg text{
  fill:#1B0B36!important;
  font-weight:800!important;
}

/* === V51 — 3D webp ref icons, gold Direct-invitees tint, zero yellow square === */
body.v40-route-earn .invitation-card .v50-earn-ic,
body.v40-route-earn .invitation-card .v46-earn-ic,
body.v40-route-earn .invitation-card .v45-earn-ic,
body.v40-route-earn .invitation-card .v43-earn-ic,
body.v40-route-earn .invitation-card .v42-earn-ic,
body.v40-route-earn .invitation-card .v41-earn-ic,
body.v40-route-earn .invitation-card .v41-earn-menu-row .v41-earn-ic,
body.v40-route-earn .invitation-card img.icon:not(.v51-earn-ic),
body.v40-route-earn .invitation-card .icon:not(.v51-earn-ic){
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  position:absolute!important;
  pointer-events:none!important;
  opacity:0!important;
}
body.v40-route-earn .v51-earn-ic{
  width:.76rem!important;
  height:.76rem!important;
  min-width:.76rem!important;
  flex-shrink:0!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  filter:sepia(0.92) saturate(3.8) hue-rotate(358deg) brightness(1.12) contrast(1.05)!important;
  -webkit-filter:sepia(0.92) saturate(3.8) hue-rotate(358deg) brightness(1.12) contrast(1.05)!important;
  transition:filter .18s ease-out,transform .15s ease-out!important;
}
body.v40-route-earn .invitation-item:active .v51-earn-ic,
body.v40-route-earn .v41-earn-menu-row:active .v51-earn-ic{
  transform:scale(0.97)!important;
  filter:sepia(1) saturate(4.4) hue-rotate(358deg) brightness(1.16) contrast(1.06)!important;
  -webkit-filter:sepia(1) saturate(4.4) hue-rotate(358deg) brightness(1.16) contrast(1.06)!important;
}

/* === V52 — REF gold embossed SVG icons, KILL all Rex/webp layers === */
body.v40-route-earn .invitation-card .v51-earn-ic,
body.v40-route-earn .invitation-card .v50-earn-ic,
body.v40-route-earn .invitation-card .v46-earn-ic,
body.v40-route-earn .invitation-card .v45-earn-ic,
body.v40-route-earn .invitation-card .v43-earn-ic,
body.v40-route-earn .invitation-card .v42-earn-ic,
body.v40-route-earn .invitation-card .v41-earn-ic,
body.v40-route-earn .invitation-card img.icon,
body.v40-route-earn .invitation-card img[src*="Inviteiocns"],
body.v40-route-earn .invitation-card .icon:not(.v52-earn-ic){
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  position:absolute!important;
  pointer-events:none!important;
  opacity:0!important;
}
body.v40-route-earn .v52-earn-ic{
  width:.76rem!important;
  height:.76rem!important;
  min-width:.76rem!important;
  flex-shrink:0!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  color:var(--v40-gold)!important;
  filter:drop-shadow(0 .013rem .04rem rgba(0,0,0,.38)) drop-shadow(0 .04rem .1rem rgba(176,122,20,.22))!important;
  -webkit-filter:drop-shadow(0 .013rem .04rem rgba(0,0,0,.38)) drop-shadow(0 .04rem .1rem rgba(176,122,20,.22))!important;
  transition:transform .15s ease-out,filter .18s ease-out!important;
}
body.v40-route-earn .v52-earn-ic svg{
  width:.58rem!important;
  height:.58rem!important;
  display:block!important;
  overflow:visible!important;
}
body.v40-route-earn .invitation-item:active .v52-earn-ic,
body.v40-route-earn .v41-earn-menu-row:active .v52-earn-ic{
  transform:scale(0.97)!important;
}

/* === V53 — bigger icons + deep drop-shadow depth === */
body.v40-route-earn .v52-earn-ic{
  width:.96rem!important;
  height:.96rem!important;
  min-width:.96rem!important;
  filter:drop-shadow(0 .018rem .055rem rgba(0,0,0,.5)) drop-shadow(0 .055rem .14rem rgba(176,122,20,.32))!important;
  -webkit-filter:drop-shadow(0 .018rem .055rem rgba(0,0,0,.5)) drop-shadow(0 .055rem .14rem rgba(176,122,20,.32))!important;
}
body.v40-route-earn .v52-earn-ic svg{
  width:.76rem!important;
  height:.76rem!important;
}

/* === V54 — aggressive kill of original app icons (all patterns) === */
/* Kill original icons by common class patterns */
body.v40-route-earn .invitation-card .invitation-item .item-icon:not(.v52-earn-ic),
body.v40-route-earn .invitation-card .invitation-item .menu-icon:not(.v52-earn-ic),
body.v40-route-earn .invitation-card .invitation-item .icon-wrap:not(.v52-earn-ic),
body.v40-route-earn .invitation-card .invitation-item .left-icon:not(.v52-earn-ic),
body.v40-route-earn .invitation-card .invitation-item .row-icon:not(.v52-earn-ic),
body.v40-route-earn .invitation-card .invitation-item img:not([class*="v5"]),
body.v40-route-earn .invitation-card .invitation-item .van-image:not([class*="v5"]){
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  position:absolute!important;
  pointer-events:none!important;
  opacity:0!important;
}
/* Ensure V54 icons have correct size + depth */
body.v40-route-earn .invitation-card .invitation-item .v52-earn-ic[data-v54]{
  width:.96rem!important;
  height:.96rem!important;
  min-width:.96rem!important;
  flex-shrink:0!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  color:var(--v40-gold)!important;
  filter:drop-shadow(0 .018rem .055rem rgba(0,0,0,.5)) drop-shadow(0 .055rem .14rem rgba(176,122,20,.34))!important;
  -webkit-filter:drop-shadow(0 .018rem .055rem rgba(0,0,0,.5)) drop-shadow(0 .055rem .14rem rgba(176,122,20,.34))!important;
}
body.v40-route-earn .invitation-card .invitation-item .v52-earn-ic[data-v54] svg{
  width:.76rem!important;
  height:.76rem!important;
  display:block!important;
  overflow:visible!important;
}

/* V58 container override removed — transparent bg, gold icons, original drop-shadow style */

/* ===================================================================
   V72 — Home category: moderate icon bump ONLY (box sizes unchanged)
   =================================================================== */

.dark-red-home .cat-top-card img,
.dark-red-home .cat-top-row>.category-showcase-card img{
  width:1.35rem!important;
  height:1.35rem!important;
  object-fit:contain!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.28))!important;
}

.dark-red-home .cat-scroll-row .category-showcase-card img{
  width:1.12rem!important;
  height:1.12rem!important;
  object-fit:contain!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))!important;
}

/* ===================================================================
   V74 — Login notification popups (3 types) + blocked home banner
   Toggle off: window.__V74_DISABLE__ = true
   Swap images via window.__V74_LOGIN_POPUP_CONFIG__ in v26-user-fixes.js
   Placeholders: /img/6007/other/v74-login-popup-{1,2,3}.webp
   =================================================================== */

.hero-section img[src*="025842887"],
.dark-red-home img[src*="025842887"],
.hero-section .banner-image[src*="025842887"]{
  display:none!important;
  visibility:hidden!important;
  max-height:0!important;
  overflow:hidden!important;
}

.v74-overlay{
  position:fixed;inset:0;z-index:2147483600;
  display:flex;align-items:center;justify-content:center;
  padding:.48rem .36rem;
  background:rgba(8,4,18,.78);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  animation:v74FadeIn .22s ease-out;
}
@keyframes v74FadeIn{from{opacity:0}to{opacity:1}}

.v74-popup{
  position:relative;width:min(7.2rem,94vw);max-height:92vh;overflow:auto;
  border-radius:.48rem;
  background:linear-gradient(180deg,#2a1548 0%,#18082e 100%);
  box-shadow:0 1px 2px rgba(0,0,0,.35),0 14px 40px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);
  padding:.44rem .36rem .36rem;
  color:var(--v40-text-hi,#fff);
  font-family:Inter,system-ui,-apple-system,sans-serif;
}

.v74-close{
  position:absolute;top:.22rem;right:.22rem;z-index:3;
  width:.72rem;height:.72rem;border:0;border-radius:50%;
  display:grid;place-items:center;
  background:rgba(255,255,255,.08);color:var(--v40-gold,#F5C24C);
  cursor:pointer;transition:transform .14s ease-out,background .14s ease-out;
}
.v74-close:active{transform:scale(.96)}
.v74-close-ico{width:.36rem;height:.36rem;display:block}

.v74-head{text-align:center;padding:.12rem .2rem .24rem}
.v74-title{
  margin:0;font-size:.46rem;line-height:1.25;font-weight:800;
  color:var(--v40-gold,#F5C24C);
  text-shadow:0 1px 0 rgba(0,0,0,.35);
  letter-spacing:.01em;
}
.v74-sub{margin:.16rem 0 0;font-size:.28rem;line-height:1.45;color:var(--v40-text-mid,rgba(255,255,255,.78))}

.v74-hero,.v74-deposit-art{
  margin:.12rem auto .28rem;border-radius:.36rem;overflow:hidden;
  background:var(--v40-bg-elevated,#2C1750);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.28);
}
.v74-hero-img,.v74-deposit-img,.v74-notice-img{width:100%;display:block;object-fit:cover;border-radius:.36rem}

.v74-btn{
  width:100%;min-height:.88rem;border:0;border-radius:999px;
  font-size:.34rem;font-weight:800;letter-spacing:.02em;
  cursor:pointer;transition:transform .14s ease-out,box-shadow .14s ease-out,filter .14s ease-out;
}
.v74-btn:active{transform:scale(.98)}
.v74-btn--green{
  color:#fff;
  background:linear-gradient(180deg,#3ecf6a 0%,#1f9a45 100%);
  box-shadow:0 6px 18px rgba(31,154,69,.28),inset 0 1px 0 rgba(255,255,255,.18);
}
.v74-btn--gold{
  color:#1a0f2e;
  background:var(--v40-gold-grad,linear-gradient(135deg,#F8D169 0%,#E5A92C 60%,#B07A14 100%));
  box-shadow:var(--v40-shadow-gold,0 6px 18px rgba(229,169,44,.32)),inset 0 1px 0 rgba(255,255,255,.22);
}

.v74-steps-box{
  margin-top:.28rem;padding:.24rem .22rem;border-radius:.32rem;
  border:1px solid rgba(62,207,106,.35);
  background:rgba(255,255,255,.03);
}
.v74-steps-title{font-size:.28rem;font-weight:700;color:#6fe08f;margin-bottom:.14rem}
.v74-steps{margin:0;padding:0;list-style:none}
.v74-steps li{display:flex;gap:.14rem;align-items:flex-start;margin-bottom:.12rem}
.v74-step-num{
  flex:0 0 auto;width:.42rem;height:.42rem;border-radius:50%;
  display:grid;place-items:center;font-size:.22rem;font-weight:800;
  background:rgba(245,194,76,.16);color:var(--v40-gold,#F5C24C);
}
.v74-step-txt{font-size:.26rem;line-height:1.45;color:var(--v40-text-mid,rgba(255,255,255,.78))}

.v74-reminder{
  margin-top:.18rem;padding:.16rem .18rem;border-radius:.28rem;
  display:flex;gap:.12rem;align-items:flex-start;
  border:1px solid rgba(62,207,106,.28);background:rgba(0,0,0,.18);
  font-size:.24rem;line-height:1.4;color:var(--v40-text-lo,rgba(255,255,255,.62));
}
.v74-reminder-ico{
  width:.34rem;height:.34rem;border-radius:50%;flex:0 0 auto;
  display:grid;place-items:center;font-weight:800;font-size:.22rem;
  background:rgba(245,194,76,.18);color:var(--v40-gold,#F5C24C);
}

.v74-check{
  display:flex;align-items:center;justify-content:center;gap:.12rem;
  margin-top:.22rem;font-size:.24rem;color:var(--v40-text-lo,rgba(255,255,255,.58));
  cursor:pointer;user-select:none;
}
.v74-check input{width:.28rem;height:.28rem;accent-color:var(--v40-gold,#F5C24C)}

.v74-deposit-title{
  margin:0 0 .22rem;text-align:center;font-size:.42rem;line-height:1.2;font-weight:800;
  color:var(--v40-gold,#F5C24C);text-shadow:0 1px 0 rgba(0,0,0,.35);
}
.v74-table-wrap{
  border-radius:.32rem;overflow:hidden;margin-bottom:.24rem;
  border:1px solid rgba(245,194,76,.28);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
.v74-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.v74-table th,.v74-table td{padding:.18rem .16rem;text-align:center;font-size:.28rem}
.v74-table thead th{
  background:rgba(245,194,76,.12);color:var(--v40-gold,#F5C24C);font-weight:800;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.v74-table tbody tr:nth-child(odd){background:rgba(255,255,255,.03)}
.v74-table tbody tr:nth-child(even){background:rgba(255,255,255,.06)}
.v74-reward{display:inline-flex;align-items:center;gap:.08rem;font-weight:700;color:#fff}
.v74-coin-ico{width:.28rem;height:.28rem;color:var(--v40-gold,#F5C24C)}

.v74-popup--notice{
  background:transparent;box-shadow:none;padding:0;width:min(7rem,92vw);
}
.v74-badge{
  margin:0 auto .18rem;width:fit-content;min-width:3.2rem;
  padding:.12rem .42rem;border-radius:999px;text-align:center;
  font-size:.34rem;font-weight:800;letter-spacing:.04em;
  color:#fff;background:linear-gradient(180deg,#2f8f57 0%,#17663a 100%);
  box-shadow:0 6px 18px rgba(23,102,58,.35),inset 0 1px 0 rgba(255,255,255,.12);
}
.v74-notice-frame{
  border-radius:.4rem;padding:.24rem .24rem .28rem;
  background:linear-gradient(180deg,#1f4d33 0%,#123524 100%);
  border:2px solid rgba(245,194,76,.55);
  box-shadow:0 10px 28px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06);
}
.v74-notice-cap{
  margin:.18rem 0 .22rem;text-align:center;font-size:.3rem;line-height:1.4;
  color:var(--v40-text-mid,rgba(255,255,255,.82));
}
.v74-close--outside{
  position:relative;top:auto;right:auto;margin:.22rem auto 0;
  background:rgba(0,0,0,.45);color:#fff;border:1px solid rgba(255,255,255,.18);
}
.v74-check--light{color:rgba(255,255,255,.72)}

@media (prefers-reduced-motion:reduce){
  .v74-overlay{animation:none}
  .v74-btn,.v74-close{transition:none}
}

/* ===================================================================
   V75 — Login popups recolored to dmgwin darkPurple + gold (site match)
   Matches home VIP banner / Register-Login button palette exactly.
   =================================================================== */

.v74-overlay{
  background:rgba(20,8,43,.86)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}

.v74-popup{
  background:var(--v40-bg-card,linear-gradient(180deg,#261049 0%,#1B0B36 100%))!important;
  border-radius:.4rem!important;
  box-shadow:var(--v40-shadow-card,0 8px 24px rgba(0,0,0,.35)),0 18px 48px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07)!important;
  animation:v75PopIn .24s ease-out;
}
.v74-popup::before{
  content:"";pointer-events:none;position:absolute;inset:0;border-radius:.4rem;padding:2px;
  background:var(--v40-gold-grad,linear-gradient(135deg,#F8D169 0%,#E5A92C 60%,#B07A14 100%));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
}
@keyframes v75PopIn{
  from{opacity:0;transform:translateY(.16rem) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

.v74-brand-chip{
  display:block;width:fit-content;margin:0 auto .16rem;padding:.06rem .22rem;
  border-radius:999px;font-size:.22rem;font-weight:800;letter-spacing:.08em;
  color:var(--v40-gold,#F5C24C);
  background:rgba(122,75,255,.14);
  border:1px solid rgba(245,194,76,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

.v74-close{
  background:rgba(27,11,54,.72)!important;
  border:1px solid rgba(245,194,76,.28)!important;
  box-shadow:0 4px 14px rgba(0,0,0,.28)!important;
}
.v74-close:hover{background:rgba(44,23,80,.88)!important}

.v74-title,.v74-deposit-title{
  background:var(--v40-gold-grad,linear-gradient(135deg,#F8D169 0%,#E5A92C 60%,#B07A14 100%));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  color:transparent!important;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.35));
}

.v74-sub{color:var(--v40-text-mid,rgba(255,255,255,.78))!important}

.v74-hero,.v74-deposit-art{
  background:var(--v40-bg-elevated,#2C1750)!important;
  border:1px solid rgba(245,194,76,.18)!important;
  box-shadow:var(--v40-shadow-gold,0 6px 18px rgba(229,169,44,.22)),inset 0 0 0 1px rgba(255,255,255,.04)!important;
}
.v74-hero-img,.v74-deposit-img,.v74-notice-img{border-radius:.32rem!important}

.v74-btn--green,
.v74-btn--gold{
  color:#1B0B36!important;
  background:var(--v40-gold-grad,linear-gradient(135deg,#F8D169 0%,#E5A92C 60%,#B07A14 100%))!important;
  box-shadow:var(--v40-shadow-gold,0 6px 18px rgba(229,169,44,.32)),inset 0 1px 0 rgba(255,255,255,.24)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.v74-btn--gold:hover,.v74-btn--green:hover{filter:brightness(1.04)}
.v74-btn--gold:active,.v74-btn--green:active{filter:brightness(.96)}

.v74-steps-box{
  border:1px solid rgba(245,194,76,.22)!important;
  background:rgba(35,17,64,.55)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.v74-steps-title{
  color:var(--v40-gold,#F5C24C)!important;
  letter-spacing:.02em;
}

.v74-reminder{
  border:1px solid rgba(122,75,255,.28)!important;
  background:rgba(20,8,43,.45)!important;
}

.v74-table-wrap{
  border:1px solid rgba(245,194,76,.32)!important;
  background:rgba(35,17,64,.62)!important;
}
.v74-table thead th{
  background:rgba(245,194,76,.14)!important;
  color:var(--v40-gold,#F5C24C)!important;
}
.v74-table tbody tr:nth-child(odd){background:rgba(255,255,255,.02)!important}
.v74-table tbody tr:nth-child(even){background:rgba(122,75,255,.08)!important}
.v74-reward{color:var(--v40-text-hi,#fff)!important}

.v74-popup--notice{background:transparent!important;box-shadow:none!important}
.v74-popup--notice::before{display:none!important}

.v74-badge{
  display:flex!important;align-items:center;justify-content:center;gap:.14rem;
  color:#1B0B36!important;
  background:var(--v40-gold-grad,linear-gradient(135deg,#F8D169 0%,#E5A92C 60%,#B07A14 100%))!important;
  box-shadow:var(--v40-shadow-gold,0 6px 18px rgba(229,169,44,.32)),inset 0 1px 0 rgba(255,255,255,.22)!important;
  border:1px solid rgba(255,255,255,.14)!important;
}
.v74-badge-gem{
  width:.14rem;height:.14rem;transform:rotate(45deg);
  background:#1B0B36;border:1px solid rgba(255,255,255,.25);
  box-shadow:0 0 6px rgba(27,11,54,.35);
}
.v74-badge-gem--r{background:var(--v40-violet-accent,#7A4BFF);border-color:rgba(255,255,255,.35)}

.v74-notice-frame{
  background:var(--v40-bg-card,linear-gradient(180deg,#261049 0%,#1B0B36 100%))!important;
  border:2px solid transparent!important;
  background-clip:padding-box!important;
  position:relative!important;
  box-shadow:var(--v40-shadow-card,0 8px 24px rgba(0,0,0,.35)),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.v74-notice-frame::before{
  content:"";pointer-events:none;position:absolute;inset:-2px;border-radius:.42rem;padding:2px;z-index:0;
  background:var(--v40-gold-grad,linear-gradient(135deg,#F8D169 0%,#E5A92C 60%,#B07A14 100%));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
}
.v74-notice-frame > *{position:relative;z-index:1}
.v74-notice-cap{color:var(--v40-text-hi,#fff)!important;font-weight:700!important}

.v74-close--outside{
  background:rgba(27,11,54,.78)!important;
  color:var(--v40-gold,#F5C24C)!important;
  border:1px solid rgba(245,194,76,.3)!important;
}

.v74-check{color:var(--v40-text-lo,rgba(255,255,255,.58))!important}
.v74-check--light{color:var(--v40-text-mid,rgba(255,255,255,.72))!important}

@media (prefers-reduced-motion:reduce){
  .v74-popup{animation:none}
}

/* === V76 — popup visibility + anti-freeze safety === */
.v74-overlay:empty{
  display:none!important;
  pointer-events:none!important;
  visibility:hidden!important;
}
.v74-title,.v74-deposit-title{
  -webkit-text-fill-color:var(--v40-gold,#F5C24C)!important;
  color:var(--v40-gold,#F5C24C)!important;
  background:none!important;
  filter:none!important;
}
.v74-popup{
  pointer-events:auto!important;
  position:relative!important;
  z-index:1!important;
}

/* ===================================================================
   V78 — Scroll categories (Slots→Sports): free icons, gold active pill
   Hot + Lottery top row UNCHANGED. Only .cat-scroll-row below them.
   Reference: 3rd image Crash active = solid gold box; inactive = no box.
   =================================================================== */

.dark-red-home .cat-scroll-row.v78-cat-scroll-free,
.dark-red-home .cat-scroll-row{
  gap:.1rem!important;
  padding:.06rem 0 .14rem!important;
  background:transparent!important;
  box-shadow:none!important;
}

.dark-red-home .cat-scroll-row .category-showcase-card,
.dark-red-home .cat-scroll-row .category-showcase-card.v41-cat-normal,
.dark-red-home .cat-scroll-row .cat-top-card{
  background:transparent!important;
  background-color:transparent!important;
  border:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:none!important;
  min-height:auto!important;
  padding:.08rem .04rem .04rem!important;
  border-radius:.28rem!important;
  transition:background .18s ease-out,box-shadow .18s ease-out,transform .14s ease-out!important;
}

.dark-red-home .cat-scroll-row .category-showcase-card::before,
.dark-red-home .cat-scroll-row .category-showcase-card::after,
.dark-red-home .cat-scroll-row .cat-top-card::before{
  display:none!important;
  content:none!important;
  background:none!important;
  padding:0!important;
  -webkit-mask:none!important;
  mask:none!important;
}

.dark-red-home .cat-scroll-row .category-showcase-card span,
.dark-red-home .cat-scroll-row .cat-top-card span{
  color:var(--v40-text-mid,rgba(255,255,255,.74))!important;
  font-size:.28rem!important;
  font-weight:600!important;
  letter-spacing:.01em!important;
}

.dark-red-home .cat-scroll-row .category-showcase-card img,
.dark-red-home .cat-scroll-row .cat-top-card img{
  width:1.1rem!important;
  height:1.1rem!important;
  object-fit:contain!important;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.34))!important;
}

.dark-red-home .cat-scroll-row .category-showcase-card.active,
.dark-red-home .cat-scroll-row .cat-top-card.active{
  background:var(--v40-gold-grad,linear-gradient(135deg,#F8D169 0%,#E5A92C 60%,#B07A14 100%))!important;
  box-shadow:0 4px 14px rgba(229,169,44,.38),inset 0 1px 0 rgba(255,255,255,.26)!important;
  border:none!important;
  padding:.12rem .16rem .1rem!important;
  min-height:1.42rem!important;
  border-radius:.34rem!important;
  transform:translateY(-1px);
}

.dark-red-home .cat-scroll-row .category-showcase-card.active span,
.dark-red-home .cat-scroll-row .cat-top-card.active span{
  color:#1B0B36!important;
  font-weight:800!important;
}

.dark-red-home .cat-scroll-row .category-showcase-card.active img,
.dark-red-home .cat-scroll-row .cat-top-card.active img{
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))!important;
}

@media (prefers-reduced-motion:reduce){
  .dark-red-home .cat-scroll-row .category-showcase-card{transition:none!important}
  .dark-red-home .cat-scroll-row .category-showcase-card.active{transform:none!important}
}

/* ===================================================================
   V79 — Scroll row: ALL categories ALWAYS gold pill (Slots→Sports)
   Overrides V78 inactive transparent state. Hot/Lottery unchanged.
   =================================================================== */

.dark-red-home .cat-scroll-row.v79-cat-gold-always .category-showcase-card,
.dark-red-home .cat-scroll-row.v79-cat-gold-always .category-showcase-card.v41-cat-normal,
.dark-red-home .cat-scroll-row .category-showcase-card,
.dark-red-home .cat-scroll-row .category-showcase-card.v41-cat-normal{
  background:var(--v40-gold-grad,linear-gradient(135deg,#F8D169 0%,#E5A92C 60%,#B07A14 100%))!important;
  background-color:transparent!important;
  box-shadow:0 4px 14px rgba(229,169,44,.34),inset 0 1px 0 rgba(255,255,255,.24)!important;
  border:none!important;
  padding:.12rem .12rem .1rem!important;
  min-height:1.4rem!important;
  border-radius:.34rem!important;
}

.dark-red-home .cat-scroll-row .category-showcase-card span,
.dark-red-home .cat-scroll-row .category-showcase-card.v41-cat-normal span{
  color:#1B0B36!important;
  font-weight:800!important;
  font-size:.28rem!important;
}

.dark-red-home .cat-scroll-row .category-showcase-card img,
.dark-red-home .cat-scroll-row .category-showcase-card.v41-cat-normal img{
  width:1.08rem!important;
  height:1.08rem!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))!important;
}

.dark-red-home .cat-scroll-row .category-showcase-card.active,
.dark-red-home .cat-scroll-row .category-showcase-card.v41-cat-normal.active{
  box-shadow:0 6px 18px rgba(229,169,44,.42),inset 0 1px 0 rgba(255,255,255,.28)!important;
  transform:translateY(-1px);
}

.dark-red-home .cat-scroll-row .category-showcase-card::before,
.dark-red-home .cat-scroll-row .category-showcase-card::after{
  display:none!important;
  content:none!important;
}

@media (prefers-reduced-motion:reduce){
  .dark-red-home .cat-scroll-row .category-showcase-card.active{transform:none!important}
}

/* ===================================================================
   V80 — Native-style login popups: NO blur, background stays visible
   Matches site .popup-mask (#000c) + .popup-content image-first layout.
   =================================================================== */

.v74-overlay{
  background:rgba(0,0,0,.48)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:auto!important;
}

.v74-shell{
  position:relative;
  width:min(8.8rem,92vw);
  max-height:90vh;
  animation:v80Pop .16s ease-out;
}
@keyframes v80Pop{
  from{opacity:0;transform:scale(.96)}
  to{opacity:1;transform:scale(1)}
}

.v74-close--native{
  position:absolute!important;
  top:-.72rem!important;
  right:.12rem!important;
  width:.56rem!important;
  height:.56rem!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(0,0,0,.55)!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:none!important;
  z-index:2!important;
}
.v74-close--native .v74-close-ico{width:.3rem!important;height:.3rem!important}

.v74-popup--native{
  width:100%!important;
  max-height:86vh!important;
  overflow:auto!important;
  padding:.28rem!important;
  border-radius:.16rem!important;
  background:var(--v40-bg-card-flat,#231140)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.45)!important;
  animation:none!important;
}
.v74-popup.v74-popup--native.v74-popup--notice,
.v74-popup.v74-popup--native.v74-popup--app,
.v74-popup.v74-popup--native.v74-popup--deposit{
  background:var(--v40-bg-card-flat,#231140)!important;
}
.v74-popup--native::before,
.v74-popup--native::after,
.v74-shell .v74-brand-chip,
.v74-popup--native .v74-badge{display:none!important}

.v74-native-img{
  width:100%!important;
  display:block!important;
  border-radius:.12rem!important;
  object-fit:cover!important;
  background:transparent!important;
  box-shadow:none!important;
}

.v74-native-title{
  margin:.18rem 0 .06rem!important;
  text-align:center!important;
  font-size:.34rem!important;
  line-height:1.35!important;
  font-weight:700!important;
  color:var(--v40-text-hi,#fff)!important;
}

.v74-native-sub,
.v74-native-cap{
  margin:0 0 .16rem!important;
  text-align:center!important;
  font-size:.26rem!important;
  line-height:1.45!important;
  color:var(--v40-text-mid,rgba(255,255,255,.76))!important;
}

.v74-btn--native{
  width:100%!important;
  min-height:.76rem!important;
  margin-top:.14rem!important;
  border-radius:.12rem!important;
  font-size:.32rem!important;
  font-weight:700!important;
  box-shadow:none!important;
  border:0!important;
}

.v74-table-wrap--native{
  margin:.14rem 0!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:.12rem!important;
  background:rgba(0,0,0,.18)!important;
  box-shadow:none!important;
}
.v74-table-wrap--native .v74-table th,
.v74-table-wrap--native .v74-table td{
  font-size:.26rem!important;
  padding:.14rem .12rem!important;
}
.v74-table-wrap--native .v74-table thead th{
  background:rgba(255,255,255,.06)!important;
  color:var(--v40-gold,#F5C24C)!important;
  font-weight:700!important;
}
.v74-table-wrap--native .v74-table tbody td{
  color:var(--v40-text-hi,#fff)!important;
}

.v74-native-steps{
  margin:.14rem 0 0!important;
  padding:0 0 0 .34rem!important;
  font-size:.22rem!important;
  line-height:1.45!important;
  color:var(--v40-text-lo,rgba(255,255,255,.58))!important;
}
.v74-native-steps li{margin-bottom:.06rem!important}

.v74-native-note{
  margin:.12rem 0 0!important;
  font-size:.22rem!important;
  line-height:1.4!important;
  color:var(--v40-text-lo,rgba(255,255,255,.55))!important;
  text-align:center!important;
}

.v74-check--native{
  margin-top:.16rem!important;
  font-size:.22rem!important;
  color:var(--v40-text-lo,rgba(255,255,255,.55))!important;
}

@media (prefers-reduced-motion:reduce){
  .v74-shell{animation:none!important}
}

/* ===================================================================
   V81 — Hide home floating activity sidebar (Telegram, gift, promos)
   =================================================================== */

.activity-drag-swiper,
.activity-drag-btn-box,
.activity-drag-swiper-container,
.activity-drag-btn-box-footer,
[data-v-5b0c394e].activity-drag-swiper,
[data-v-5b0c394e].activity-drag-btn-box{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
}

/* ===================================================================
   V83 — Home header: wallet balance + language (reference premium)
   =================================================================== */

.home-header-tools.v83-header-tools{
  display:flex!important;
  align-items:center!important;
  gap:.16rem!important;
  flex-shrink:0!important;
}
.home-header-tools.v83-header-tools .home-header-icons,
.home-header-tools.v83-header-tools .home-header--balance,
.home-header-tools.v83-header-tools .v41-head-icon-btn,
.home-header-tools.v83-header-tools .gift{
  display:none!important;
}

.v83-wallet-pill{
  position:relative;
  display:flex;
  align-items:center;
  gap:.1rem;
  height:.68rem;
  min-width:2.1rem;
  max-width:3.2rem;
  padding:0 .52rem 0 .56rem;
  border-radius:999px;
  background:linear-gradient(180deg,#3D2B88 0%,#2A1A5E 100%);
  border:1px solid rgba(245,194,76,.35);
  box-shadow:0 2px 10px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);
  cursor:pointer;
  user-select:none;
}
.v83-wallet-coin{
  position:absolute;
  left:-.08rem;
  width:.52rem;
  height:.52rem;
  display:grid;
  place-items:center;
  flex-shrink:0;
}
.v83-wallet-coin svg{width:.52rem;height:.52rem;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));}
.v83-wallet-amt{
  flex:1;
  font-size:.28rem;
  font-weight:800;
  color:#fff;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:1;
}
.v83-wallet-plus{
  position:absolute;
  right:-.14rem;
  top:50%;
  transform:translateY(-50%);
  width:.52rem;
  height:.52rem;
  border-radius:50%;
  border:1px solid rgba(245,194,76,.45);
  background:linear-gradient(180deg,#4A3888 0%,#2E1F66 100%);
  color:#F5C24C;
  font-size:.34rem;
  font-weight:800;
  line-height:1;
  display:grid;
  place-items:center;
  padding:0;
  cursor:pointer;
  box-shadow:0 2px 8px rgba(0,0,0,.32);
}
.v83-wallet-plus:active{transform:translateY(-50%) scale(.96);}

.v83-lang-wrap{position:relative;flex-shrink:0;}
.v83-lang-pill{
  display:flex;
  align-items:center;
  gap:.08rem;
  height:.68rem;
  min-width:1.12rem;
  padding:0 .14rem 0 .12rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(180deg,#3D2B88 0%,#2A1A5E 100%);
  box-shadow:0 2px 10px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05);
  cursor:pointer;
}
.v83-lang-flag{
  font-size:.34rem;
  line-height:1;
  width:.44rem;
  height:.44rem;
  display:grid;
  place-items:center;
  border-radius:50%;
  overflow:hidden;
}
.v83-lang-chev{
  width:.22rem;
  height:.22rem;
  color:rgba(255,255,255,.75);
  display:grid;
  place-items:center;
}
.v83-lang-chev svg{width:.22rem;height:.22rem;display:block;}

.v83-lang-menu{
  display:none;
  position:absolute;
  top:calc(100% + .1rem);
  right:0;
  min-width:2.4rem;
  padding:.08rem;
  border-radius:.16rem;
  background:#2A1A5E;
  border:1px solid rgba(245,194,76,.22);
  box-shadow:0 10px 28px rgba(0,0,0,.45);
  z-index:9999;
}
.v83-lang-menu.open{display:block;}
.v83-lang-opt{
  width:100%;
  display:flex;
  align-items:center;
  gap:.12rem;
  padding:.14rem .16rem;
  border:0;
  border-radius:.1rem;
  background:transparent;
  color:#fff;
  font-size:.26rem;
  font-weight:600;
  cursor:pointer;
  text-align:left;
}
.v83-lang-opt.is-active,
.v83-lang-opt:hover{background:rgba(245,194,76,.14);}
.v83-lang-opt .v83-lang-flag{font-size:.3rem;width:.36rem;height:.36rem;}

.dark-red-home .home-header{
  align-items:center!important;
  gap:.12rem!important;
}
.dark-red-home .home-header .logo{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:calc(100% - 4.2rem)!important;
}

@media (prefers-reduced-motion:reduce){
  .v83-wallet-plus{transition:none!important}
}

/* ===================================================================
   V85 — Premium upscaled wallet + language header (Dhani-style)
   =================================================================== */

.home-header-tools.v83-header-tools{
  gap:.2rem!important;
  margin-right:.04rem!important;
}

.v83-wallet-pill{
  height:.96rem!important;
  min-width:2.85rem!important;
  max-width:5.2rem!important;
  padding:0 .78rem 0 .82rem!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#4A358F 0%,#2E1D62 52%,#241552 100%)!important;
  border:1.5px solid rgba(245,194,76,.42)!important;
  box-shadow:0 4px 16px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.1)!important;
  position:relative!important;
  cursor:pointer!important;
}

.v83-wallet-coin{
  left:-.14rem!important;
  width:.66rem!important;
  height:.66rem!important;
}
.v83-wallet-coin svg{
  width:.66rem!important;
  height:.66rem!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))!important;
}

.v83-wallet-amt{
  font-size:.36rem!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  text-shadow:0 1px 2px rgba(0,0,0,.35)!important;
}

.v83-wallet-plus{
  right:-.18rem!important;
  width:.62rem!important;
  height:.62rem!important;
  border:1.5px solid rgba(245,194,76,.55)!important;
  background:linear-gradient(180deg,#5A4496 0%,#35256A 100%)!important;
  color:#FFD86A!important;
  font-size:.4rem!important;
  box-shadow:0 3px 10px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.12)!important;
  z-index:4!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}

.v83-lang-pill{
  height:.96rem!important;
  min-width:1.38rem!important;
  padding:0 .2rem 0 .16rem!important;
  border-radius:999px!important;
  border:1.5px solid rgba(255,255,255,.14)!important;
  background:linear-gradient(180deg,#4A358F 0%,#2E1D62 52%,#241552 100%)!important;
  box-shadow:0 4px 16px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08)!important;
}

.v83-lang-flag{
  font-size:.44rem!important;
  width:.56rem!important;
  height:.56rem!important;
  border:1.5px solid rgba(245,194,76,.35)!important;
  box-shadow:0 2px 6px rgba(0,0,0,.28)!important;
}

.v83-lang-chev{
  width:.28rem!important;
  height:.28rem!important;
  color:rgba(255,255,255,.88)!important;
}
.v83-lang-chev svg{
  width:.28rem!important;
  height:.28rem!important;
}

.v83-lang-menu{
  top:calc(100% + .14rem)!important;
  min-width:2.8rem!important;
  padding:.1rem!important;
  border-radius:.18rem!important;
}
.v83-lang-opt{
  padding:.16rem .18rem!important;
  font-size:.28rem!important;
}

.dark-red-home .home-header{
  padding-top:.14rem!important;
  padding-bottom:.1rem!important;
  overflow:visible!important;
}
.dark-red-home .home-header .logo{
  max-width:calc(100% - 6rem)!important;
}

@media (max-width:390px){
  .v83-wallet-pill{
    min-width:2.55rem!important;
    max-width:3.65rem!important;
    padding:0 .62rem 0 .72rem!important;
  }
  .v83-wallet-amt{font-size:.32rem!important}
  .dark-red-home .home-header .logo{
    max-width:calc(100% - 5.35rem)!important;
  }
}

/* V84 — Header logo: crisp 36px, transparent, flex-aligned with tools */
.dark-red-home .home-header,
.home-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.36rem!important; /* ~14px */
  overflow:visible!important;
  padding-top:.1rem!important;
  padding-bottom:.1rem!important;
  box-sizing:border-box!important;
}
.home-header-tools,
.home-header-tools.v83-header-tools{
  display:flex!important;
  align-items:center!important;
  gap:.32rem!important; /* ~12px */
}
.home-header .logo.v84-brand-logo,
header .logo.v84-brand-logo,
.login-wrapper .logo.v84-brand-logo,
.login-header .logo.v84-brand-logo,
.game-header .logo.v84-brand-logo,
.game-header .head-left .logo.v84-brand-logo,
.nav-header .logo.v84-brand-logo,
.v40-center-logo.v84-brand-logo,
.v33-auth-logo.v84-brand-logo{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 0 auto!important;
  min-width:0!important;
  min-height:36px!important;
  height:36px!important;
  max-height:36px!important;
  margin:0 .32rem 0 0!important; /* ~12px to next header item */
  padding:0!important;
  transform:none!important;
  overflow:visible!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
}
.home-header .logo.v84-brand-logo{
  max-width:calc(100% - 5.2rem)!important;
}
.home-header .logo.v84-brand-logo img,
header .logo.v84-brand-logo img,
.login-wrapper .logo.v84-brand-logo img,
.login-header .logo.v84-brand-logo img,
.game-header .logo.v84-brand-logo img,
.game-header .head-left .logo.v84-brand-logo img,
.nav-header .logo.v84-brand-logo img,
.v40-center-logo.v84-brand-logo img,
body.v40-route-game .game-header .head-left .logo.v84-brand-logo img,
body.v40-route-game .v40-center-logo.v84-brand-logo img,
.v33-auth-logo.v84-brand-logo img{
  position:static!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  overflow:visible!important;
  margin:0!important;
  width:auto!important;
  height:36px!important;
  max-height:36px!important;
  max-width:min(168px, 48vw)!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
  image-rendering:auto!important;
  -webkit-user-drag:none;
}
@media (max-width:360px){
  .home-header .logo.v84-brand-logo img,
  header .logo.v84-brand-logo img{
    height:32px!important;
    max-height:32px!important;
    max-width:min(140px, 46vw)!important;
  }
  .home-header .logo.v84-brand-logo{
    height:32px!important;
    max-height:32px!important;
    min-height:32px!important;
  }
}
.login-wrapper .logo.v84-brand-logo,
.login-header .logo.v84-brand-logo,
.v33-auth-logo.v84-brand-logo{
  height:auto!important;
  max-height:none!important;
  min-height:42px!important;
  margin:0 auto!important;
  justify-content:center!important;
  background:transparent!important;
}
.login-wrapper .logo.v84-brand-logo img,
.login-header .logo.v84-brand-logo img,
.v33-auth-logo.v84-brand-logo img{
  height:42px!important;
  max-height:42px!important;
  max-width:min(200px, 70vw)!important;
  object-position:center!important;
  margin:0 auto!important;
  background:transparent!important;
}
body.v40-route-game .game-header .logo.v84-brand-logo,
body.v40-route-game .game-header .head-left .logo.v84-brand-logo,
body.v40-route-game .v40-center-logo.v84-brand-logo{
  height:34px!important;
  max-height:34px!important;
  min-height:34px!important;
  margin:0!important;
  transform:none!important;
  background:transparent!important;
}
body.v40-route-game .game-header .logo.v84-brand-logo img,
body.v40-route-game .game-header .head-left .logo.v84-brand-logo img,
body.v40-route-game .v40-center-logo.v84-brand-logo img{
  height:34px!important;
  max-height:34px!important;
  max-width:min(150px, 55vw)!important;
  object-position:center!important;
  margin:0 auto!important;
  background:transparent!important;
}
/* Kill leftover text-logo marks from older V84 */
.v84-brand-mark{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
  font-size:0!important;
}

/* ===================================================================
   V84 — Tabbed login banner popup (13L-style size, DMG purple/gold theme)
   =================================================================== */

.v84-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:2147483646!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:.32rem!important;
  background:rgba(20,8,43,.82)!important;
  backdrop-filter:blur(4px)!important;
  -webkit-backdrop-filter:blur(4px)!important;
  animation:v84FadeIn .2s ease-out!important;
}
@keyframes v84FadeIn{from{opacity:0}to{opacity:1}}

.v84-shell{
  width:min(8.6rem,92vw)!important;
  max-height:90vh!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  animation:v84PopIn .22s ease-out!important;
}
@keyframes v84PopIn{
  from{opacity:0;transform:translateY(.12rem) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

.v84-card{
  width:100%!important;
  border-radius:.2rem!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#261049 0%,#1B0B36 100%)!important;
  border:1px solid rgba(245,194,76,.28)!important;
  box-shadow:0 10px 32px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06)!important;
}

.v84-panels{padding:0!important}
.v84-panel{display:none!important;padding:0!important}
.v84-panel.is-active{display:block!important}

.v84-banner-wrap{
  width:100%!important;
  line-height:0!important;
  background:#12082a!important;
}
.v84-banner-img{
  width:100%!important;
  display:block!important;
  max-height:58vh!important;
  object-fit:contain!important;
  object-position:center top!important;
}

.v84-panel-title,
.v84-panel-cap{
  margin:0!important;
  padding:.18rem .24rem 0!important;
  text-align:center!important;
  font-size:.3rem!important;
  line-height:1.35!important;
  font-weight:700!important;
  color:var(--v40-gold,#F5C24C)!important;
}
.v84-panel-sub{
  margin:0!important;
  padding:.08rem .24rem 0!important;
  text-align:center!important;
  font-size:.24rem!important;
  line-height:1.4!important;
  color:rgba(255,255,255,.72)!important;
}

.v84-table-wrap{
  margin:.14rem .2rem 0!important;
  border:1px solid rgba(245,194,76,.22)!important;
  border-radius:.12rem!important;
  overflow:hidden!important;
  background:rgba(0,0,0,.22)!important;
}
.v84-table{width:100%!important;border-collapse:collapse!important}
.v84-table th,.v84-table td{
  padding:.12rem .1rem!important;
  text-align:center!important;
  font-size:.24rem!important;
}
.v84-table thead th{
  background:rgba(245,194,76,.12)!important;
  color:var(--v40-gold,#F5C24C)!important;
  font-weight:700!important;
}
.v84-table tbody td{color:#fff!important}

.v84-action{
  display:block!important;
  width:calc(100% - .4rem)!important;
  margin:.16rem auto .2rem!important;
  min-height:.76rem!important;
  border:0!important;
  border-radius:.12rem!important;
  font-size:.3rem!important;
  font-weight:800!important;
  color:#1B0B36!important;
  cursor:pointer!important;
  background:var(--v40-gold-grad,linear-gradient(135deg,#F8D169 0%,#E5A92C 60%,#B07A14 100%))!important;
  box-shadow:0 6px 16px rgba(229,169,44,.28)!important;
}

.v84-tabs{
  display:flex!important;
  gap:.08rem!important;
  padding:.12rem!important;
  background:rgba(0,0,0,.28)!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}
.v84-tab{
  flex:1 1 0!important;
  min-width:0!important;
  border:0!important;
  border-radius:.1rem!important;
  padding:.14rem .08rem!important;
  font-size:.22rem!important;
  line-height:1.2!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:.01em!important;
  color:rgba(255,255,255,.72)!important;
  background:rgba(255,255,255,.06)!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.v84-tab.is-active{
  color:#1B0B36!important;
  background:var(--v40-gold-grad,linear-gradient(135deg,#F8D169 0%,#E5A92C 60%,#B07A14 100%))!important;
  box-shadow:0 4px 12px rgba(229,169,44,.24)!important;
}

.v84-footer{
  width:100%!important;
  margin-top:.2rem!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:.16rem!important;
}

.v84-check{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.12rem!important;
  padding:.12rem .2rem!important;
  border-radius:.1rem!important;
  background:rgba(35,17,64,.72)!important;
  border:1px solid rgba(255,255,255,.1)!important;
  font-size:.24rem!important;
  color:rgba(255,255,255,.72)!important;
  cursor:pointer!important;
  user-select:none!important;
}
.v84-check input{
  width:.28rem!important;
  height:.28rem!important;
  accent-color:var(--v40-gold,#F5C24C)!important;
}

.v84-close-circle{
  width:.88rem!important;
  height:.88rem!important;
  border-radius:50%!important;
  border:2px solid rgba(255,255,255,.35)!important;
  background:rgba(0,0,0,.45)!important;
  color:#fff!important;
  font-size:.52rem!important;
  line-height:1!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  padding:0!important;
}

/* Block duplicate Vue login popups when V84 owns the flow */
.popup-mask[data-v-26485d02]:has(.popup_img),
.tab-popup-mask[data-v-c524a0d3]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

@media (prefers-reduced-motion:reduce){
  .v84-overlay,.v84-shell{animation:none!important}
}

/* === V86 — Winning notification + Today's ranking (kwg reference polish) === */

/* ▼▼▼ WINNING NOTIFICATION — sirf yahan 3 values change karo ▼▼▼ */
.v86-winning-section{
  --v86-win-side-gap:0.66rem;    /* boxes ke LEFT + RIGHT dono gap — title pe asar nahi */
  --v86-win-row-height:1.36rem; /* har box ki height — badhao = box lamba */
  --v86-win-row-gap:.3rem;      /* boxes ke beech gap */
}
/* ▲▲▲ bas upar ki 3 lines edit karo ▲▲▲ */

.dark-red-home .content-section.v86-winning-section,
.home-page .content-section.v86-winning-section{
  width:100%!important;
  max-width:100%!important;
  margin:.36rem 0 0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border:none!important;
  box-sizing:border-box!important;
}
.dark-red-home .content-section.v86-ranking-section,
.home-page .content-section.v86-ranking-section{
  width:100%!important;
  max-width:100%!important;
  margin:.36rem .1rem 0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border:none!important;
  box-sizing:border-box!important;
}
.v86-winning-section+.v86-ranking-section{margin-top:.48rem!important;}
.v86-winning-section .v86-winning-shell{
  padding:0!important;
}
.v86-winning-section .v86-section-head{
  padding:0 0 0 .04rem!important;
  margin-bottom:.24rem!important;
}
.v86-hide-native-rank{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;pointer-events:none!important;}

.v86-winning-shell,.v86-ranking-block{
  width:100%!important;
  box-sizing:border-box!important;
}
.v86-ranking-block{padding:0 .06rem!important;}

.v86-section-head{
  display:flex!important;align-items:center!important;gap:.14rem!important;
  margin-bottom:.24rem!important;padding:0 .04rem!important;
}
.v86-section-head .v86-bar{
  width:.08rem!important;height:.38rem!important;border-radius:.02rem!important;
  background:linear-gradient(180deg,#FFB347 0%,#FF8C42 100%)!important;flex-shrink:0!important;
}
.v86-section-head h3{
  margin:0!important;font-size:.34rem!important;line-height:1.2!important;
  font-weight:700!important;color:#fff!important;letter-spacing:.01em!important;
}

.v86-winning-shell .v86-win-list{
  display:flex!important;flex-direction:column!important;
  gap:var(--v86-win-row-gap)!important;overflow:hidden!important;
  min-height:calc((var(--v86-win-row-height) + var(--v86-win-row-gap)) * 8 - var(--v86-win-row-gap))!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:0 var(--v86-win-side-gap)!important;
}
.v86-win-row{
  display:flex!important;align-items:center!important;
  width:100%!important;box-sizing:border-box!important;
  gap:.16rem!important;
  padding:calc((var(--v86-win-row-height) - .8rem) / 2 + .06rem) .2rem!important;
  min-height:var(--v86-win-row-height)!important;
  max-height:calc(var(--v86-win-row-height) + .04rem)!important;
  border-radius:.2rem!important;
  background:rgba(75,58,120,.82)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 2px 10px rgba(0,0,0,.16)!important;
  opacity:0!important;
  transition:opacity .45s ease!important;
}
.v86-win-row.v86-win-fade-in{opacity:0!important;}
.v86-win-row.v86-win-active{opacity:1!important;}
.v86-win-row.v86-win-fade-out{opacity:0!important;pointer-events:none!important;}
.v86-win-avatar{
  width:.8rem!important;height:.8rem!important;border-radius:50%!important;
  object-fit:cover!important;flex-shrink:0!important;border:none!important;box-shadow:none!important;
}
.v86-win-user{
  flex:0 0 auto!important;max-width:2.2rem!important;margin-right:.1rem!important;
  font-size:.26rem!important;font-weight:500!important;
  color:rgba(255,255,255,.95)!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
}
.v86-win-game{
  width:1.08rem!important;height:.84rem!important;flex-shrink:0!important;
  object-fit:cover!important;border:none!important;background:transparent!important;
  box-shadow:none!important;border-radius:.12rem!important;margin-right:.06rem!important;
}
.v86-win-spacer{flex:1 1 auto!important;min-width:.16rem!important;}
.v86-win-amt-wrap{flex:0 0 auto!important;text-align:right!important;min-width:2.05rem!important;}
.v86-win-amt{
  font-size:.26rem!important;font-weight:700!important;
  color:#F5C24C!important;line-height:1.15!important;white-space:nowrap!important;
}
.v86-win-sub{
  margin-top:.04rem!important;font-size:.18rem!important;
  color:rgba(255,255,255,.5)!important;white-space:nowrap!important;
}

.v86-podium{
  display:grid!important;
  grid-template-columns:1fr 1.22fr 1fr!important;
  align-items:end!important;gap:.14rem!important;
  margin:.12rem 0 .24rem!important;padding:0 .04rem!important;
}
.v86-podium-item{
  display:flex!important;flex-direction:column!important;
  align-items:center!important;text-align:center!important;
  padding:0!important;background:transparent!important;border:none!important;
}
.v86-podium-avatar-wrap{
  position:relative!important;display:flex!important;justify-content:center!important;
  align-items:center!important;margin-bottom:.1rem!important;
}
.v86-podium-crown{
  position:absolute!important;top:-.3rem!important;left:50%!important;
  transform:translateX(-50%)!important;width:.46rem!important;height:.38rem!important;
  z-index:2!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))!important;
}
.v86-podium-avatar{
  width:.96rem!important;height:.96rem!important;border-radius:50%!important;
  object-fit:cover!important;display:block!important;
  border:3px solid rgba(184,200,232,.85)!important;
  box-shadow:0 4px 12px rgba(0,0,0,.25)!important;
}
.v86-podium-first{transform:translateY(-.12rem)!important;}
.v86-podium-first .v86-podium-avatar{
  width:1.14rem!important;height:1.14rem!important;
  border-color:#FFD23F!important;
  box-shadow:0 0 .16rem rgba(255,210,63,.45),0 4px 12px rgba(0,0,0,.25)!important;
}
.v86-podium-third .v86-podium-avatar{border-color:#CD7F32!important;}
.v86-podium-badge{
  display:inline-block!important;padding:.05rem .18rem!important;
  border-radius:.08rem!important;margin-bottom:.08rem!important;
  background:linear-gradient(180deg,#FFF8DC 0%,#F5C24C 100%)!important;
  color:#B91C1C!important;font-size:.2rem!important;font-weight:800!important;
  letter-spacing:.03em!important;line-height:1.2!important;
  box-shadow:0 2px 6px rgba(245,194,76,.25)!important;
}
.v86-podium-name{
  color:rgba(255,255,255,.92)!important;font-size:.22rem!important;font-weight:500!important;
  margin:0 0 .08rem!important;max-width:100%!important;padding:0 .04rem!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
.v86-podium-amt-box{
  display:inline-block!important;max-width:100%!important;box-sizing:border-box!important;
  padding:.07rem .14rem!important;border-radius:.1rem!important;
  background:linear-gradient(135deg,#FFF8E1 0%,#F8D169 50%,#E5A92C 100%)!important;
  border:1px solid rgba(255,210,63,.55)!important;
  color:#3B2206!important;font-size:.19rem!important;font-weight:800!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  box-shadow:0 2px 8px rgba(229,169,44,.2)!important;
}
.v86-podium-first .v86-podium-amt-box{
  font-size:.21rem!important;padding:.08rem .12rem!important;width:92%!important;
}
.v86-podium-stand{
  width:100%!important;margin-top:.1rem!important;
  border-radius:.14rem .14rem .04rem .04rem!important;
}
.v86-podium-first .v86-podium-stand{
  height:.58rem!important;
  background:linear-gradient(180deg,#FFD23F 0%,#E5A92C 55%,#B8860B 100%)!important;
  box-shadow:0 4px 14px rgba(229,169,44,.35)!important;
}
.v86-podium-second .v86-podium-stand{
  height:.44rem!important;
  background:linear-gradient(180deg,#8B9FD4 0%,#4A5A9E 100%)!important;
  box-shadow:0 3px 10px rgba(74,90,158,.3)!important;
}
.v86-podium-third .v86-podium-stand{
  height:.38rem!important;
  background:linear-gradient(180deg,#E8A86B 0%,#9C5A24 100%)!important;
  box-shadow:0 3px 10px rgba(156,90,36,.28)!important;
}

.v86-rank-list{display:flex!important;flex-direction:column!important;gap:.18rem!important;padding:0 .04rem!important;}
.v86-rank-row{
  display:flex!important;align-items:center!important;gap:.16rem!important;
  padding:.12rem .06rem!important;background:transparent!important;border:none!important;
}
.v86-rank-num{
  flex:0 0 .4rem!important;font-size:.28rem!important;font-weight:700!important;
  color:#fff!important;text-align:center!important;
}
.v86-rank-avatar{
  width:.8rem!important;height:.8rem!important;border-radius:50%!important;
  object-fit:cover!important;flex-shrink:0!important;border:2px solid rgba(255,255,255,.12)!important;
}
.v86-rank-name{
  flex:1 1 auto!important;min-width:0!important;
  font-size:.24rem!important;font-weight:500!important;
  color:rgba(255,255,255,.92)!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
}
.v86-rank-amt{
  flex:0 0 auto!important;margin-left:auto!important;
  padding:.1rem .12rem!important;border-radius:0!important;
  background:transparent!important;
  color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;
  font-size:.24rem!important;font-weight:700!important;
  border:none!important;white-space:nowrap!important;
  box-shadow:none!important;
}

@media (max-width:360px){
  .v86-win-row{padding:.16rem .2rem!important;gap:.14rem!important;min-height:.96rem!important;}
  .v86-win-user,.v86-win-amt{font-size:.24rem!important;}
  .v86-win-game{width:.96rem!important;height:.76rem!important;}
  .v86-win-avatar{width:.72rem!important;height:.72rem!important;}
}

@media (prefers-reduced-motion:reduce){
  .v86-win-row{transition:none!important;opacity:1!important;}
}

/* ============================================================
   V47 — WinGo / K3 / 5D / Trx: earn-style premium gold polish
   Match Direct invitees box (--v40-gold-grad) + Dhani reference
   ============================================================ */

/* History tabs: Game history / Chart / My history */
body.v40-route-game .winGo3 .history .nav>.nav-container>div.active,
body.v40-route-game .history .nav>.nav-container>div.active,
body.v40-route-game .RecordNav__C>div.active,
body.v40-route-game .t-head>div.active{
  background:var(--v40-gold-grad)!important;
  color:#1B0B36!important;
  border:1px solid rgba(245,194,76,.32)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.16)!important;
  font-weight:800!important;
}

/* Table / chart column headers */
body.v40-route-game .record-head,
body.v40-route-game .t-head,
body.v40-route-game .t .t_head,
body.v40-route-game .Trend__C-head,
body.v40-route-game .GameRecord__C-head{
  background:var(--v40-gold-grad)!important;
  color:#1B0B36!important;
  border:1px solid rgba(245,194,76,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important;
  font-weight:800!important;
}

/* Pagination arrows — gold like reference 1/50 */
body.v40-route-game .record-foot-previous:not(.disabled),
body.v40-route-game .record-foot-next:not(.disabled),
body.v40-route-game .my_r-foot-previous:not(.disabled),
body.v40-route-game .my_r-foot-next:not(.disabled),
body.v40-route-game .GameRecord__C-foot-previous:not(.disabled),
body.v40-route-game .GameRecord__C-foot-next:not(.disabled),
body.v40-route-game .pagination-page.active{
  background:var(--v40-gold-grad)!important;
  color:#1B0B36!important;
  border:1px solid rgba(245,194,76,.32)!important;
  box-shadow:var(--v40-shadow-gold)!important;
}

body.v40-route-game .record-foot-page,
body.v40-route-game .my_r-foot-page{
  color:var(--v40-text-mid)!important;
  font-weight:700!important;
}

/* Game duration tabs (30s / 1min / 3min / 5min) — active = gold circle */
body.v40-route-game .lottery-info .list .item.active,
body.v40-route-game .tabs .item.active,
body.v40-route-game [class*="game-list"] .active,
body.v40-route-game [class*="lottery-list"] .active{
  background:var(--v40-gold-grad)!important;
  color:#1B0B36!important;
  border:1px solid rgba(245,194,76,.32)!important;
  box-shadow:var(--v40-shadow-gold)!important;
  font-weight:800!important;
}

/* Big button — warm gold-orange like reference */
body.v40-route-game .winGo3 .Betting__C-foot-big,
body.v40-route-game .Betting__C-foot-big{
  background:linear-gradient(135deg,#F8D169 0%,#E5A92C 55%,#D48812 100%)!important;
  color:#1B0B36!important;
  font-weight:800!important;
  box-shadow:0 4px 12px rgba(229,169,44,.28)!important;
}

/* Smoother history body — reduce jank on tab switch */
body.v40-route-game .record-body,
body.v40-route-game .my_r-body,
body.v40-route-game .t-b1{
  will-change:auto;
  contain:layout style;
}

body.v40-route-game .record-body-loading{
  background:rgba(20,8,43,.35)!important;
  backdrop-filter:blur(2px);
}

/* ============================================================
   V48 — WinGo/K3/5D/Trx game header: red→gold backdrop fix,
   dark wallet card, gold-panel text contrast, tab-border cleanup.
   Root causes verified against the live bundle:
     - .lottery-info .bg[data-v-015dc728] falls back to a hardcoded
       red gradient because --light-main_gradient-color never
       resolves on this route.
     - .Wallet__C-balance[data-v-920597dd] uses --bg_color_L3
       (#3A1F8C, medium violet) instead of the site's deep V40
       dark-purple card token.
   Fix uses the EXACT same tokens as V44's Direct invitees / Team
   invitees gold headers (--v40-gold-grad, #1B0B36 text) — same 2
   same, per spec.
   ============================================================ */

/* 1) Kill the red fallback gradient — force dark violet (dhaniwin reference) */
body.v40-route-game .lottery-info .bg{
  background:var(--v40-bg-base)!important;
  background-image:none!important;
}

/* 2) Wallet balance card: solid deep-dark fill + gold hairline,
      so it reads as its own card floating on the gold backdrop
      instead of a washed-out violet smear */
body.v40-route-game .lottery-info .Wallet__C-balance{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
}
body.v40-route-game .lottery-info .Wallet__C-balance-l1{color:var(--v40-text-hi)!important;}
body.v40-route-game .lottery-info .Wallet__C-balance-l2{color:var(--v40-text-mid)!important;}
body.v40-route-game .lottery-info .Wallet__C-balance-l2>span{filter:none!important;}

/* 3) Countdown digits on dark-violet timer card — gold readable */
body.v40-route-game .lottery-info .van-count-down,
body.v40-route-game .lottery-info .v40-timer-gold{
  color:var(--v40-gold)!important;
  font-weight:800!important;
}

/* 4) Duration-tab row + header area: defensive border/outline/
      box-shadow cleanup. Does NOT touch `.active` states so the
      already-working V47 gold active-tab styling is untouched. */
body.v40-route-game .lottery-info .head-main,
body.v40-route-game .lottery-info .head-main *:not(.active){
  outline:none!important;
}
body.v40-route-game .lottery-info .head-main>div:not(.active),
body.v40-route-game [class*="game-list"] .item:not(.active),
body.v40-route-game [class*="lottery-list"] .item:not(.active),
body.v40-route-game [class*="game-list"]:not(.active),
body.v40-route-game [class*="lottery-list"]:not(.active){
  border-color:transparent!important;
  box-shadow:none!important;
}
/* If STEP 4's DevTools check finds the real selector, add ONE
   precise rule here targeting it directly (border:none!important)
   instead of relying only on the defensive pass above. */

/* ============================================================
   V49 — Full dark-violet game shell (WinGo/K3/5D/Trx/Moto).
   Root causes fixed here (verified in compiled bundles):
     1) .lottery-info .bg → red gradient fallback (#dd2224)
     2) .timer-cards / .timer-card.active → pink #FF8080 active glow
     3) .TimeLeft__C → background-image from wingo_bg.webp (red ticket)
     4) .winGo3/.k3-main/.d5-main .head-main → light-main_gradient-color
   History tabs (Game history/Chart) keep V47 gold — reference image 4.
   ============================================================ */

/* Page + game root backgrounds */
body.v40-route-game,
body.v40-route-game .winGo3,
body.v40-route-game .k3-main,
body.v40-route-game .d5-main,
body.v40-route-game #app.ar-TrxWinGo,
body.v40-route-game .lottery-container{
  background:var(--v40-bg-base)!important;
  background-image:none!important;
}

/* Wallet balance — clearly visible card on dark backdrop */
body.v40-route-game .lottery-info .Wallet__C{
  position:relative!important;
  z-index:2!important;
}
body.v40-route-game .lottery-info .Wallet__C-balance,
body.v40-route-game .Wallet__C-balance{
  background:transparent!important;
  background-image:none!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
}
body.v40-route-game .lottery-info .Wallet__C-balance-l1,
body.v40-route-game .Wallet__C-balance-l1{
  color:var(--v40-text-hi)!important;
  font-weight:800!important;
}
body.v40-route-game .lottery-info .Wallet__C-balance-l2,
body.v40-route-game .Wallet__C-balance-l2{
  color:var(--v40-gold)!important;
  font-weight:700!important;
}

/* WinGo 30s/1min/3min/5min — no outer box, home-style gold active pill */
body.v40-route-game .timer-cards{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border:none!important;
  gap:.2rem!important;
}
body.v40-route-game .timer-card{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border:none!important;
}
body.v40-route-game .timer-card.active{
  background:var(--v40-gold-grad)!important;
  background-image:none!important;
  border:none!important;
  border-radius:.4rem!important;
  box-shadow:var(--v40-shadow-gold)!important;
}
body.v40-route-game .timer-card.active .card-title,
body.v40-route-game .timer-card.active .card-duration{
  color:#1B0B36!important;
  font-weight:700!important;
}
body.v40-route-game .timer-card .noActive{
  color:var(--v40-text-lo)!important;
}

/* head-main gradient strip under tabs */
body.v40-route-game .winGo3 .head-main,
body.v40-route-game .k3-main .head-main,
body.v40-route-game .d5-main .head-main,
body.v40-route-game .lottery-info .head-main{
  background:transparent!important;
  background-image:none!important;
}
body.v40-route-game .lottery-info .lottery-notice{
  background:transparent!important;
  background-image:none!important;
}

/* GOLD TICKET TIMER — V55 NEW: pure gold gradient (kill red wingo_bg webp) */
body.v40-route-game .TimeLeft__C{
  background-color:#E8B84A!important;
  background-image:none!important;
  background:linear-gradient(180deg,#F8E7A8 0%,#F5D78A 18%,#E8B84A 50%,#D9A030 100%)!important;
  border:none!important;
  box-shadow:0 4px 16px rgba(229,169,44,.22)!important;
  color:#1B0B36!important;
}
body.v40-route-game .TimeLeft__C-text,
body.v40-route-game .TimeLeft__C-id,
body.v40-route-game .TimeLeft__C-name{
  color:#8B2942!important;
}
body.v40-route-game .TimeLeft__C-time>div{
  background:linear-gradient(180deg,#2A1B4D 0%,#1B0B36 100%)!important;
  color:#fff!important;
  font-weight:800!important;
  border-radius:.08rem!important;
}
body.v40-route-game .TimeLeft__C-rule{
  border-color:rgba(139,41,66,.35)!important;
  color:#1B0B36!important;
  background:rgba(255,255,255,.55)!important;
}

/* Betting panel card */
body.v40-route-game .winGo3 .Betting__C,
body.v40-route-game .Betting__C{
  background:var(--v40-bg-card-flat)!important;
  box-shadow:var(--v40-shadow-card)!important;
}

/* History section body */
body.v40-route-game .winGo3 .history,
body.v40-route-game .history{
  background:var(--v40-bg-base)!important;
}

/* ============================================================
   V50 — dhaniwin reference parity (image 2+3): dark-violet shell
   + gold timer ticket + gold active duration tab. Overrides V49
   mistakes that flattened the timer into a dark card.
   ============================================================ */
body.v40-route-game .lottery-info .bg{
  /* v58: neutralize 7.2rem spacer — gap handled by v57 */
  height:0!important;
  min-height:0!important;
  border-radius:0!important;
  display:none!important;
}
body.v40-route-game .timer-card.active .clock-icon .clock-circle,
body.v40-route-game .timer-card.active .timeIcon{
  filter:none!important;
}
body.v40-route-game .timer-card:not(.active) .card-title,
body.v40-route-game .timer-card:not(.active) .card-duration{
  color:var(--v40-text-lo)!important;
}

/* ============================================================
   V51 — borderless wallet, box-free duration stripe (home gold
   active grip match), narrower timer ticket L+R inset.
   ============================================================ */
body.v40-route-game .lottery-info .Wallet__C,
body.v40-route-game .Wallet__C{
  background:transparent!important;
  box-shadow:none!important;
  border:none!important;
}
body.v40-route-game .TimeLeft__C{
  width:calc(100% - 1.5rem)!important;
  max-width:calc(100% - 1.5rem)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.v40-route-game .timer-card.active .card-title,
body.v40-route-game .timer-card.active .card-duration,
body.v40-route-game .timer-card.active .noActive{
  color:#1B0B36!important;
}
body.v40-route-game .timer-card.active .clock-icon .clock-circle{
  border-color:#1B0B36!important;
}
body.v40-route-game .timer-card:not(.active) .clock-icon .clock-circle{
  border-color:rgba(255,255,255,.22)!important;
}

/* ============================================================
   V52 — reference polish: wallet card box, compact stripe,
   solid-gold active tab (no shadow), curved timer ticket,
   slightly wider countdown digit boxes in one line.
   ============================================================ */

/* Compact header area — elements were oversized */
body.v40-route-game .lottery-info{
  padding:.28rem .28rem 0!important;
  margin-bottom:.22rem!important;
}
body.v40-route-game .lottery-info .bg{
  height:6.4rem!important;
}

/* Wallet — reference dark card box around amount + buttons */
body.v40-route-game .lottery-info .Wallet__C,
body.v40-route-game .Wallet__C{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
body.v40-route-game .lottery-info .Wallet__C-balance,
body.v40-route-game .Wallet__C-balance{
  background:var(--v40-bg-card)!important;
  background-image:none!important;
  border:none!important;
  border-radius:.53333rem!important;
  box-shadow:0 4px 14px rgba(0,0,0,.22)!important;
  padding:.46667rem .54667rem .4rem!important;
  min-height:3.57333rem!important;
}
body.v40-route-game .Wallet__C-balance-l1{
  font-size:.48rem!important;
  min-height:.58667rem!important;
  line-height:.58667rem!important;
}
body.v40-route-game .Wallet__C-balance-l2{
  margin-top:.18667rem!important;
  font-size:.34667rem!important;
}
body.v40-route-game .Wallet__C-balance-l3{
  margin-top:.46667rem!important;
}
body.v40-route-game .Wallet__C-balance-l3>div{
  width:3.46667rem!important;
  height:.93333rem!important;
  line-height:.93333rem!important;
  font-size:.4rem!important;
  border-radius:.53333rem!important;
}

/* Duration stripe — smaller, no outer box */
body.v40-route-game .timer-cards{
  gap:.12rem!important;
  margin-top:.12rem!important;
  padding:0!important;
}
body.v40-route-game .timer-card{
  height:1.85rem!important;
  width:1.95rem!important;
  min-height:1.85rem!important;
  padding:.06rem 0!important;
  border-radius:.28rem!important;
}
body.v40-route-game .timer-card .clock-icon,
body.v40-route-game .timer-card .clock-icon .timeIcon{
  width:.88rem!important;
  height:.88rem!important;
  margin-top:.06rem!important;
}
body.v40-route-game .timer-card .card-title,
body.v40-route-game .timer-card .card-duration{
  font-size:.26rem!important;
  line-height:1.1!important;
  padding:0 .12rem!important;
}

/* Active tab — full gold fill only, zero shadow/border/outline */
body.v40-route-game .timer-card.active,
body.v40-route-game .timer-card.active:focus,
body.v40-route-game .timer-card.active:focus-visible{
  background:var(--v40-gold-grad)!important;
  background-image:none!important;
  border:none!important;
  outline:none!important;
  box-shadow:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
body.v40-route-game .timer-card:not(.active),
body.v40-route-game .timer-card:not(.active):focus{
  background:transparent!important;
  box-shadow:none!important;
  outline:none!important;
  border:none!important;
}

/* Timer ticket — more curve + compact height */
body.v40-route-game .TimeLeft__C{
  width:calc(100% - 1.2rem)!important;
  max-width:calc(100% - 1.2rem)!important;
  height:2.66667rem!important;
  margin-top:.28rem!important;
  border-radius:.52rem!important;
  overflow:visible!important;
}

/* Countdown digit boxes — tiny bump so MM:SS stays one line */
body.v40-route-game .TimeLeft__C-time{
  bottom:.92rem!important;
  right:.28rem!important;
  height:.88rem!important;
  line-height:.88rem!important;
  gap:0!important;
}
body.v40-route-game .TimeLeft__C-time>div{
  width:.58rem!important;
  min-width:.58rem!important;
  height:.88rem!important;
  line-height:.88rem!important;
  font-size:.44rem!important;
  padding:0 .06rem!important;
  box-sizing:border-box!important;
  flex-shrink:0!important;
}
body.v40-route-game .TimeLeft__C-time>div:nth-child(3){
  width:.28rem!important;
  min-width:.28rem!important;
  padding:0!important;
}
body.v40-route-game .TimeLeft__C-time>div+div{
  margin-left:.08rem!important;
}

/* ============================================================
   V53 — dhaniwin reference sizing (undo V52 shrink) + home scroll
   unlock after game + kill red active-tab glow.
   ============================================================ */

/* Home: never freeze scroll after returning from game */
body.v40-route-home,
body.v40-route-home #app,
body.v40-route-home .dark-red-home,
body.v40-route-home .home-view{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  height:auto!important;
  min-height:100vh!important;
  max-height:none!important;
  touch-action:pan-y!important;
  -webkit-overflow-scrolling:touch!important;
}
body.v40-route-home.van-overflow-hidden,
body.v40-route-home #app.van-overflow-hidden{
  overflow-y:auto!important;
}

/* Reference proportions — match compiled bundle / dhaniwin */
body.v40-route-game .lottery-info{
  padding:.48rem .34667rem 0!important;
  margin-bottom:.34667rem!important;
}
body.v40-route-game .lottery-info .bg{
  /* v58: do not reintroduce 8.8rem spacer — gap handled by v57-game-gap */
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:0!important;
  background:var(--v40-bg-base,#14082B)!important;
  background-image:none!important;
}
body.v40-route-game .lottery-info .Wallet__C-balance,
body.v40-route-game .Wallet__C-balance{
  min-height:3.57333rem!important;
  padding:.46667rem .54667rem .4rem!important;
  border-radius:.53333rem!important;
  border:none!important;
}
body.v40-route-game .Wallet__C-balance-l1{
  font-size:.48rem!important;
  min-height:.58667rem!important;
  line-height:.58667rem!important;
}
body.v40-route-game .Wallet__C-balance-l2{
  font-size:.34667rem!important;
  margin-top:.18667rem!important;
}
body.v40-route-game .Wallet__C-balance-l3{
  margin-top:.46667rem!important;
}
body.v40-route-game .Wallet__C-balance-l3>div{
  width:3.46667rem!important;
  height:.93333rem!important;
  line-height:.93333rem!important;
  font-size:.4rem!important;
  border-radius:.53333rem!important;
}

/* Duration stripe — reference size, no outer box */
body.v40-route-game .timer-cards{
  gap:.16rem!important;
  margin-top:.2rem!important;
  padding:0!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
body.v40-route-game .timer-card{
  height:2.4rem!important;
  width:2.32rem!important;
  min-height:2.4rem!important;
  border-radius:.32rem!important;
  padding:0!important;
}
body.v40-route-game .timer-card .clock-icon,
body.v40-route-game .timer-card .clock-icon .timeIcon{
  width:1.17333rem!important;
  height:1.17333rem!important;
  margin:.18667rem 0 0!important;
}
body.v40-route-game .timer-card .card-title,
body.v40-route-game .timer-card .card-duration{
  font-size:.32rem!important;
  line-height:1.2!important;
  padding:0 .2rem!important;
}

/* Active tab — solid gold fill ONLY (no red glow / shadow / gradient2) */
body.v40-route-game .timer-card.active,
body.v40-route-game .timer-card.active:focus,
body.v40-route-game .timer-card.active:focus-visible,
body.v40-route-game .timer-card.active::before,
body.v40-route-game .timer-card.active::after{
  background:var(--v40-gold-grad)!important;
  background-image:none!important;
  border:none!important;
  outline:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
body.v40-route-game .timer-card.active .card-title,
body.v40-route-game .timer-card.active .card-duration{
  color:#1B0B36!important;
  font-weight:700!important;
}
body.v40-route-game .timer-card.active .clock-icon,
body.v40-route-game .timer-card.active .timeIcon,
body.v40-route-game .timer-card.active img{
  filter:none!important;
}
body.v40-route-game .timer-card.active .clock-icon .clock-circle{
  border-color:#1B0B36!important;
  box-shadow:none!important;
}

/* Timer ticket — reference size + curve */
body.v40-route-game .TimeLeft__C{
  width:calc(100% - .69333rem)!important;
  max-width:calc(100% - .69333rem)!important;
  height:2.66667rem!important;
  margin:.48rem auto 0!important;
  border-radius:.4rem!important;
  overflow:visible!important;
}
body.v40-route-game .TimeLeft__C-time{
  bottom:1.01333rem!important;
  right:.34667rem!important;
  height:.8rem!important;
  line-height:.8rem!important;
}
body.v40-route-game .TimeLeft__C-time>div{
  width:.56rem!important;
  min-width:.56rem!important;
  height:.8rem!important;
  line-height:.8rem!important;
  font-size:.48rem!important;
  padding:0 .08rem!important;
  box-sizing:border-box!important;
  flex-shrink:0!important;
}
/* TimeLeft colon width owned by v58-wingo-ref.css */
body.v40-route-game .TimeLeft__C-time>div+div{
  margin-left:.1rem!important;
}

/* Game page must not lock body scroll when unmounted */
body.v40-route-game .winGo3,
body.v40-route-game .k3-main,
body.v40-route-game .d5-main{
  min-height:100vh!important;
  height:auto!important;
  overflow:visible!important;
}

/* ============================================================
   V54 — Soft wallet card + soft duration stripe box (dhaniwin ref),
   gold pill active tab, live timer ticket asset, reference sizing.
   ============================================================ */

/* Wallet — soft realistic card (no hard violet border) */
body.v40-route-game .lottery-info .Wallet__C,
body.v40-route-game .Wallet__C{
  padding:0 .08rem!important;
}
body.v40-route-game .lottery-info .Wallet__C-balance,
body.v40-route-game .Wallet__C-balance{
  background:linear-gradient(165deg,rgba(44,23,80,.94) 0%,rgba(27,11,54,.9) 55%,rgba(20,8,43,.92) 100%)!important;
  background-image:linear-gradient(165deg,rgba(44,23,80,.94) 0%,rgba(27,11,54,.9) 55%,rgba(20,8,43,.92) 100%)!important;
  border:none!important;
  border-radius:.53333rem!important;
  box-shadow:0 4px 14px rgba(0,0,0,.22)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  min-height:3.57333rem!important;
  padding:.46667rem .54667rem .4rem!important;
}
body.v40-route-game .Wallet__C-balance-l1{color:var(--v40-text-hi)!important;}
body.v40-route-game .Wallet__C-balance-l2{color:var(--v40-gold)!important;}
body.v40-route-game .Wallet__C-balance-l3>div{
  box-shadow:0 4px 12px rgba(0,0,0,.22)!important;
}

/* Duration stripe — soft outer box wrapping 30s→5min (reference) */
body.v40-route-game .timer-cards{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:.1rem!important;
  margin-top:.28rem!important;
  padding:.14rem .12rem!important;
  background:linear-gradient(180deg,rgba(35,17,64,.92) 0%,rgba(22,9,44,.9) 100%)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:.48rem!important;
  box-shadow:
    0 8px 22px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.05)!important;
  width:100%!important;
  box-sizing:border-box!important;
}

/* Tab cells — reference compiled size (2.32 × 2.4rem) */
body.v40-route-game .timer-card{
  width:100%!important;
  max-width:2.32rem!important;
  height:2.4rem!important;
  min-height:2.4rem!important;
  margin:0 auto!important;
  border-radius:.36rem!important;
  padding:0!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  transition:background .18s ease!important;
}
body.v40-route-game .timer-card .clock-icon,
body.v40-route-game .timer-card .clock-icon .timeIcon{
  width:1.17333rem!important;
  height:1.17333rem!important;
  margin:.18667rem auto 0!important;
}
body.v40-route-game .timer-card .card-title,
body.v40-route-game .timer-card .card-duration{
  font-size:.32rem!important;
  line-height:1.15!important;
  padding:0 .12rem!important;
  text-align:center!important;
}

/* Inactive tabs — clean on soft box */
body.v40-route-game .timer-card:not(.active) .card-title,
body.v40-route-game .timer-card:not(.active) .card-duration,
body.v40-route-game .timer-card:not(.active) .noActive{
  color:var(--v40-text-lo)!important;
  font-weight:600!important;
}
body.v40-route-game .timer-card:not(.active) .clock-icon .clock-circle{
  border-color:rgba(255,255,255,.2)!important;
  box-shadow:none!important;
}

/* Active tab — gold pill only, zero red ring/glow */
body.v40-route-game .timer-card.active,
body.v40-route-game .timer-card.active:focus,
body.v40-route-game .timer-card.active:focus-visible,
body.v40-route-game .timer-card.active::before,
body.v40-route-game .timer-card.active::after{
  background:var(--v40-gold-grad)!important;
  background-image:none!important;
  border:none!important;
  outline:none!important;
  box-shadow:none!important;
  filter:none!important;
  border-radius:.36rem!important;
}
body.v40-route-game .timer-card.active .card-title,
body.v40-route-game .timer-card.active .card-duration,
body.v40-route-game .timer-card.active .noActive{
  color:#1B0B36!important;
  font-weight:700!important;
}
body.v40-route-game .timer-card.active .clock-icon,
body.v40-route-game .timer-card.active .timeIcon,
body.v40-route-game .timer-card.active img{
  filter:none!important;
}
body.v40-route-game .timer-card.active .clock-icon .clock-circle{
  border-color:#1B0B36!important;
  box-shadow:none!important;
}

/* Gold ticket timer — superseded by V55 (gradient only, no red webp) */

/* ============================================================
   V55 — GOLD timer (kill red wingo_bg webp), duration row
   alignment + reference text size (dhaniwin parity).
   ============================================================ */

/* Theme vars — stop Vue red ticket + pink active tab at source */
body.v40-route-game{
  --v8bc2fdec:none!important;
  --main_gradient-color2:var(--v40-gold-grad)!important;
}

/* Timer ticket — pure gold gradient (server wingo_bg webp is RED on this brand) */
body.v40-route-game .TimeLeft__C,
body.v40-route-game .TimeLeft__C[data-v-5f093580]{
  background:#E8B84A!important;
  background-image:none!important;
  background:linear-gradient(180deg,#F8E7A8 0%,#F5D78A 18%,#E8B84A 50%,#D9A030 100%)!important;
  box-shadow:0 4px 16px rgba(229,169,44,.22)!important;
  color:#1B0B36!important;
}
body.v40-route-game .TimeLeft__C-text,
body.v40-route-game .TimeLeft__C-name,
body.v40-route-game .TimeLeft__C-id{
  color:#8B2942!important;
}
body.v40-route-game .TimeLeft__C-time>div{
  background:linear-gradient(180deg,#2A1B4D 0%,#1B0B36 100%)!important;
  color:#fff!important;
}

/* Duration row — soft box + reference alignment/size */
body.v40-route-game .timer-cards{
  padding:.18rem .14rem!important;
  margin-top:.32rem!important;
  margin-bottom:.1rem!important;
}
body.v40-route-game .timer-card,
body.v40-route-game .timer-card[data-v-7341bb60]{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  max-width:none!important;
  height:2.55rem!important;
  min-height:2.55rem!important;
  box-sizing:border-box!important;
  padding:0!important;
}
body.v40-route-game .timer-card.active,
body.v40-route-game .timer-card.active[data-v-7341bb60]{
  justify-content:center!important;
  background:var(--v40-gold-grad)!important;
  background-image:none!important;
  box-shadow:none!important;
}
body.v40-route-game .timer-card .clock-icon{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:1.2rem!important;
  height:1.2rem!important;
  margin:.1rem auto 0!important;
}
body.v40-route-game .timer-card .clock-icon .timeIcon,
body.v40-route-game .timer-card .clock-icon img{
  width:1.1rem!important;
  height:1.1rem!important;
  margin:0!important;
  display:block!important;
}
body.v40-route-game .timer-card .card-title,
body.v40-route-game .timer-card .card-duration,
body.v40-route-game .timer-card .noActive{
  flex:0 0 auto!important;
  width:100%!important;
  font-size:.36rem!important;
  line-height:1.05!important;
  min-height:.38rem!important;
  padding:0 .06rem!important;
  margin:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  display:block!important;
}
body.v40-route-game .timer-card:not(.active) .card-title,
body.v40-route-game .timer-card:not(.active) .card-duration{
  color:var(--v40-text-mid)!important;
  font-weight:600!important;
}
body.v40-route-game .timer-card.active .card-title,
body.v40-route-game .timer-card.active .card-duration,
body.v40-route-game .timer-card.active .noActive{
  color:#1B0B36!important;
  font-weight:700!important;
}
body.v40-route-game .timer-card.active .clock-icon .clock-circle,
body.v40-route-game .timer-card.active .clock-icon .timeIcon{
  border-color:#1B0B36!important;
  box-shadow:none!important;
  filter:none!important;
}
body.v40-route-game .timer-card:not(.active) .clock-icon .clock-circle{
  border-color:rgba(255,255,255,.22)!important;
}

/* ============================================================
   V56 — Game header visible + logo center + deposit kill,
   taller duration row + forced gold active pill on click.
   ============================================================ */

body.v40-route-game .game-header,
body.v40-route-game .game-header[data-v-c6ba32f8],
body.v40-route-game .nav-header,
body.v40-route-game .ar-head,
body.v40-route-game [class*="lottery-header"]{
  position:relative!important;
  height:1.28rem!important;
  min-height:1.28rem!important;
  padding:0 .32rem!important;
  margin-top:0!important;
  background:linear-gradient(180deg,rgba(38,18,72,.98) 0%,rgba(20,8,43,.96) 100%)!important;
  background-image:none!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 4px 16px rgba(0,0,0,.32)!important;
}

body.v40-route-game .game-header .head-right,
body.v40-route-game .game-header .deposit,
body.v40-route-game .game-header .coin,
body.v40-route-game .game-header [class*="deposit"],
body.v40-route-game .nav-header [class*="deposit"],
body.v40-route-game .ar-head [class*="deposit"]{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

body.v40-route-game .game-header .head-left,
body.v40-route-game .game-header .head-left[data-v-c6ba32f8]{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  pointer-events:none!important;
}
body.v40-route-game .game-header .head-left .beck,
body.v40-route-game .game-header .head-left .beck[data-v-c6ba32f8]{
  position:absolute!important;
  left:.32rem!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:4!important;
  pointer-events:auto!important;
  margin:0!important;
}
body.v40-route-game .game-header .head-left .logo,
body.v40-route-game .game-header .head-left .logo[data-v-c6ba32f8],
body.v40-route-game .v40-center-logo{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  height:28px!important;
  max-height:28px!important;
  min-height:28px!important;
  margin:0!important;
  z-index:3!important;
  pointer-events:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
}
body.v40-route-game .game-header .head-left .logo img,
body.v40-route-game .v40-center-logo img{
  height:28px!important;
  max-height:28px!important;
  min-height:0!important;
  max-width:min(140px,52vw)!important;
  width:auto!important;
  display:block!important;
  margin:0 auto!important;
  object-fit:contain!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
}

body.v40-route-game .game-header .v40-head-tools,
body.v40-route-game .v40-head-tools{
  position:absolute!important;
  right:.32rem!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:5!important;
  margin:0!important;
}

/* ============================================================
   V56b — Pull wallet/content UP under game header (kill huge gap).
   Later V52 "reference" set .bg height to 8.8rem + fat padding —
   that left empty purple space between logo bar and wallet card.
   ============================================================ */
body.v40-route-game .winGo3,
body.v40-route-game .k3-main,
body.v40-route-game .d5-main,
body.v40-route-game .lottery-container{
  padding-top:0!important;
  margin-top:0!important;
}
body.v40-route-game .lottery-info{
  padding:.06rem .28rem 0!important;
  margin-top:0!important;
  margin-bottom:.16rem!important;
}
body.v40-route-game .lottery-info .bg{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding-top:0!important;
  margin-top:0!important;
  border-radius:0 0 .8rem .8rem!important;
}
body.v40-route-game .lottery-info .Wallet__C,
body.v40-route-game .Wallet__C{
  margin-top:0!important;
  padding-top:0!important;
}
body.v40-route-game .lottery-info .Wallet__C-balance,
body.v40-route-game .Wallet__C-balance{
  margin-top:0!important;
  min-height:3.57333rem!important;
  padding:.46667rem .54667rem .4rem!important;
  border:none!important;
}
body.v40-route-game .Wallet__C-balance-l1{
  font-size:.48rem!important;
  min-height:.58667rem!important;
  line-height:.58667rem!important;
}
body.v40-route-game .Wallet__C-balance-l2{
  margin-top:.18667rem!important;
  font-size:.34667rem!important;
}
body.v40-route-game .Wallet__C-balance-l3{
  margin-top:.46667rem!important;
}

body.v40-route-game .timer-cards{
  padding:.22rem .16rem!important;
  min-height:3.05rem!important;
  margin-top:.16rem!important;
}
body.v40-route-game .timer-card,
body.v40-route-game .timer-card[data-v-7341bb60]{
  height:2.85rem!important;
  min-height:2.85rem!important;
  border-radius:.4rem!important;
}
body.v40-route-game .timer-card .clock-icon{
  width:1.28rem!important;
  height:1.28rem!important;
  margin:.14rem auto 0!important;
}
body.v40-route-game .timer-card .clock-icon .timeIcon,
body.v40-route-game .timer-card .clock-icon img{
  width:1.2rem!important;
  height:1.2rem!important;
}
body.v40-route-game .timer-card .card-title,
body.v40-route-game .timer-card .card-duration,
body.v40-route-game .timer-card .noActive{
  font-size:.38rem!important;
  line-height:1.1!important;
  min-height:.42rem!important;
  padding:0 .04rem!important;
}

body.v40-route-game .timer-card.active,
body.v40-route-game .timer-card.active[data-v-7341bb60],
body.v40-route-game .timer-cards .timer-card.active{
  background:var(--v40-gold-grad)!important;
  background-image:none!important;
  background-color:#E5A92C!important;
  border:none!important;
  outline:none!important;
  box-shadow:none!important;
  filter:none!important;
}
body.v40-route-game .timer-card.active .clock-icon .clock-circle,
body.v40-route-game .timer-card.active .clock-icon .clock-circle[data-v-7341bb60]{
  border:2px solid #1B0B36!important;
  box-shadow:none!important;
  outline:none!important;
}
body.v40-route-game .timer-card:not(.active){
  background:transparent!important;
  background-image:none!important;
}

/* ============================================================
   V57 — NUCLEAR gold pill: data attr + kill red active icon PNG
   ============================================================ */
body.v40-route-game .timer-card.active,
body.v40-route-game .timer-card.active[data-v-7341bb60],
body.v40-route-game .timer-card[data-v30-gold-pill="1"]{
  background:var(--v40-gold-grad)!important;
  background-color:#E5A92C!important;
  background-image:none!important;
  box-shadow:none!important;
  border:none!important;
  outline:none!important;
}
body.v40-route-game .timer-card[data-v30-gold-pill="1"] .card-title,
body.v40-route-game .timer-card.active .card-title{
  color:#1B0B36!important;
  font-weight:700!important;
}
body.v40-route-game .timer-card.active .timeIcon,
body.v40-route-game .timer-card[data-v30-gold-pill="1"] .timeIcon{
  filter:sepia(1) saturate(4.8) hue-rotate(358deg) brightness(1.12) contrast(1.05)!important;
}
/* Override V49 transparent-on-all-tabs for active only */
body.v40-route-game .timer-card.active[data-v-7341bb60],
body.v40-route-game .timer-cards .timer-card.active{
  background:var(--v40-gold-grad)!important;
  background-image:none!important;
}

/* ============================================================
   V58 — dhaniwin reference row: Direct-invitees gold pill,
   golden active clock, white inactive text, 4-tab no overflow.
   ============================================================ */

body.v40-route-game .timer-cards{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:.08rem!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  padding:.16rem .1rem!important;
  min-height:2.72rem!important;
  margin-top:.28rem!important;
}

body.v40-route-game .timer-card,
body.v40-route-game .timer-card[data-v-7341bb60]{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:2.4rem!important;
  min-height:2.4rem!important;
  border-radius:.36rem!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
}

body.v40-route-game .timer-card.active,
body.v40-route-game .timer-card.active[data-v-7341bb60],
body.v40-route-game .timer-card[data-v30-gold-pill="1"]{
  justify-content:center!important;
  background:var(--v40-gold-grad)!important;
  background-image:var(--v40-gold-grad)!important;
  background-color:transparent!important;
  box-shadow:none!important;
  border:none!important;
}

body.v40-route-game .timer-card .clock-icon{
  width:1.17333rem!important;
  height:1.17333rem!important;
  margin:.1rem auto 0!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.v40-route-game .timer-card .clock-icon .timeIcon,
body.v40-route-game .timer-card .clock-icon img{
  width:1.1rem!important;
  height:1.1rem!important;
  display:block!important;
}

body.v40-route-game .timer-card .card-title{
  flex:0 0 auto!important;
  width:100%!important;
  font-size:.32rem!important;
  line-height:1.05!important;
  min-height:.34rem!important;
  padding:0 .04rem!important;
  margin:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.v40-route-game .timer-card:not(.active):not([data-v30-gold-pill="1"]) .card-title{
  color:#FFFFFF!important;
  font-weight:600!important;
}
body.v40-route-game .timer-card.active .card-title,
body.v40-route-game .timer-card[data-v30-gold-pill="1"] .card-title{
  color:#1B0B36!important;
  font-weight:700!important;
}

body.v40-route-game .timer-card.active .timeIcon,
body.v40-route-game .timer-card[data-v30-gold-pill="1"] .timeIcon{
  filter:sepia(1) saturate(4.8) hue-rotate(358deg) brightness(1.12) contrast(1.05)!important;
}
body.v40-route-game .timer-card:not(.active):not([data-v30-gold-pill="1"]) .timeIcon{
  filter:none!important;
  opacity:.92!important;
}

/* ============================================================
   V59 — Two-line tab labels like dhaniwin: WinGo / 30sec stack
   ============================================================ */
body.v40-route-game .timer-card .card-title{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1!important;
  gap:.04rem!important;
  min-height:.68rem!important;
}
body.v40-route-game .timer-card .v30-tab-brand,
body.v40-route-game .timer-card .v30-tab-time{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.v40-route-game .timer-card .v30-tab-brand{
  font-size:.28rem!important;
}
body.v40-route-game .timer-card .v30-tab-time{
  font-size:.26rem!important;
}
body.v40-route-game .timer-card:not(.active):not([data-v30-gold-pill="1"]) .v30-tab-brand,
body.v40-route-game .timer-card:not(.active):not([data-v30-gold-pill="1"]) .v30-tab-time{
  color:#FFFFFF!important;
  font-weight:600!important;
}
body.v40-route-game .timer-card.active .v30-tab-brand,
body.v40-route-game .timer-card.active .v30-tab-time,
body.v40-route-game .timer-card[data-v30-gold-pill="1"] .v30-tab-brand,
body.v40-route-game .timer-card[data-v30-gold-pill="1"] .v30-tab-time{
  color:#1B0B36!important;
  font-weight:700!important;
}

/* ============================================================
   V60 — K3/5D timer tab boxes: force visible cards when row mounts
   ============================================================ */
body.v40-route-game .k3-main .timer-cards,
body.v40-route-game .k3_main .timer-cards,
body.v40-route-game .d5-main .timer-cards,
body.v40-route-game .lottery-info .timer-cards{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  min-height:2.72rem!important;
}
body.v40-route-game .k3-main .timer-card,
body.v40-route-game .k3_main .timer-card,
body.v40-route-game .d5-main .timer-card,
body.v40-route-game .lottery-info .timer-card,
body.v40-route-game .timer-card[data-v30-fallback="1"]{
  visibility:visible!important;
  opacity:1!important;
  display:flex!important;
  pointer-events:auto!important;
}
body.v40-route-game .timer-card .card-title,
body.v40-route-game .timer-card[data-v30-fallback="1"] .card-title{
  visibility:visible!important;
  opacity:1!important;
  color:#FFFFFF!important;
}
body.v40-route-game .timer-card.active .card-title,
body.v40-route-game .timer-card[data-v30-gold-pill="1"] .card-title,
body.v40-route-game .timer-card[data-v30-fallback="1"].active .card-title{
  color:#1B0B36!important;
}
body.v40-route-game .timer-cards:empty{
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:none!important;
  box-shadow:none!important;
  background:transparent!important;
}

/* ============================================================
   V61 — My history: 10 bets per page, full list visible
   ============================================================ */
body.v40-route-game .my_r,
body.v40-route-game .my_r-body,
body.v40-route-game .my_r .list{
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
  contain:none!important;
}
body.v40-route-game .my_r .list > div,
body.v40-route-game .my_r .list-item,
body.v40-route-game .my_r .list-detail{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
body.v40-route-game .my_r .list-item{
  display:flex!important;
}
body.v40-route-game .my_r-foot{
  margin-top:.24rem!important;
}

/* ============================================================
   V62 — Earn invitees + yesterday promo: readable typography
   Direct Invitees / Team Invitees + Direct/Team subordinates
   ============================================================ */
body.v40-route-earn .subordinates-card{
  padding:.28rem .26rem .3rem!important;
}
body.v40-route-earn .subordinates-card .tab-header{
  gap:.18rem!important;
  margin-bottom:.22rem!important;
}
body.v40-route-earn .subordinates-card .tab-item{
  font-size:.34rem!important;
  font-weight:800!important;
  padding:.18rem .14rem!important;
  line-height:1.25!important;
  min-height:.88rem!important;
}
body.v40-route-earn .subordinates-card .tab-content{
  gap:.18rem!important;
}
body.v40-route-earn .subordinates-card .content-item{
  padding:.22rem .2rem .24rem!important;
  min-height:4.5rem!important;
  border-radius:.28rem!important;
}
body.v40-route-earn .subordinates-card .content-item .item{
  padding:.16rem 0!important;
  min-height:.56rem!important;
  gap:.12rem!important;
}
body.v40-route-earn .subordinates-card .content-item .item .title,
body.v40-route-earn .subordinates-card .content-item .item>div.title{
  font-size:.3rem!important;
  font-weight:500!important;
  line-height:1.4!important;
  letter-spacing:.01em!important;
}
body.v40-route-earn .subordinates-card .content-item .item>div:first-child{
  font-size:.34rem!important;
  font-weight:700!important;
  line-height:1.3!important;
}
body.v40-route-earn .v41-sub-stat-extra{
  padding:.16rem 0!important;
  min-height:.56rem!important;
}
body.v40-route-earn .v41-sub-stat-extra .lbl{
  font-size:.3rem!important;
  line-height:1.4!important;
}
body.v40-route-earn .v41-sub-stat-extra .val{
  font-size:.34rem!important;
  line-height:1.3!important;
}
body.v40-route-earn .content-item [data-v41-sub-extra]{
  margin-top:.12rem!important;
  padding-top:.14rem!important;
}

/* Yesterday Promotion Data — match readable scale */
body.v40-route-earn .v42-yesterday-promo{
  padding:.28rem .26rem .32rem!important;
  margin:.28rem .28rem .4rem!important;
}
body.v40-route-earn .v42-yesterday-promo__title{
  font-size:.36rem!important;
  margin-bottom:.22rem!important;
}
body.v40-route-earn .v42-yesterday-promo__title svg{
  width:.42rem!important;
  height:.42rem!important;
}
body.v40-route-earn .v42-yesterday-promo__grid{
  gap:.18rem!important;
}
body.v40-route-earn .v42-promo-col{
  padding:.22rem .2rem .24rem!important;
  border-radius:.28rem!important;
}
body.v40-route-earn .v42-promo-col__head{
  font-size:.3rem!important;
  padding:.14rem .12rem!important;
  margin-bottom:.16rem!important;
  line-height:1.25!important;
  border-radius:.2rem!important;
}
body.v40-route-earn .v42-promo-col__head svg{
  width:.34rem!important;
  height:.34rem!important;
}
body.v40-route-earn .v42-promo-stat{
  font-size:.28rem!important;
  padding:.12rem 0!important;
  line-height:1.4!important;
  gap:.1rem!important;
}
body.v40-route-earn .v42-promo-stat .lbl{
  font-size:.28rem!important;
  line-height:1.4!important;
}
body.v40-route-earn .v42-promo-stat .val{
  font-size:.32rem!important;
  line-height:1.3!important;
}
body.v40-route-earn .v42-first-deposit-box{
  margin-top:.14rem!important;
  padding:.16rem .14rem!important;
  border-radius:.2rem!important;
}
body.v40-route-earn .v42-first-deposit-box .fd-title{
  font-size:.28rem!important;
  margin-bottom:.12rem!important;
  line-height:1.3!important;
}
body.v40-route-earn .v42-first-deposit-box .fd-cell .fd-lbl{
  font-size:.26rem!important;
  line-height:1.35!important;
  margin-bottom:.06rem!important;
}
body.v40-route-earn .v42-first-deposit-box .fd-cell .fd-val{
  font-size:.32rem!important;
  line-height:1.3!important;
}
body.v40-route-earn .v42-first-deposit-box .fd-grid{
  gap:.12rem!important;
}

/* Legacy V41 yesterday box — same readable scale if shown */
body.v40-route-earn .v41-promo-col__head{
  font-size:.3rem!important;
  padding:.16rem .12rem!important;
}
body.v40-route-earn .v41-promo-stat{
  font-size:.28rem!important;
  padding:.12rem 0!important;
}
body.v40-route-earn .v41-promo-stat .lbl,
body.v40-route-earn .v41-promo-stat .val{
  font-size:.28rem!important;
}
body.v40-route-earn .v41-promo-stat .val{
  font-size:.32rem!important;
}
body.v40-route-earn .v41-first-deposit-box .fd-title{
  font-size:.28rem!important;
}
body.v40-route-earn .v41-first-deposit-box .fd-row{
  font-size:.28rem!important;
  padding:.08rem 0!important;
}
body.v40-route-earn .v41-first-deposit-box .fd-row b{
  font-size:.32rem!important;
}

/* ============================================================
   V63 — subordinates-card2: dark violet (kill blue #5040A8 L3)
   Swipe slide 2 — This Week / total commission / invitee counts
   Match subordinates-card + V62 readable scale
   ============================================================ */
body.v40-route-earn .subordinates-card2{
  background:var(--v40-bg-card-flat)!important;
  background-color:var(--v40-bg-card-flat)!important;
  background-image:none!important;
  border-radius:.32rem!important;
  border:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.28),0 6px 18px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05)!important;
  overflow:hidden!important;
  min-height:unset!important;
}
body.v40-route-earn .subordinates-card2 .half{
  padding:.28rem .32rem!important;
  min-height:unset!important;
  gap:.2rem!important;
  background:transparent!important;
  color:var(--v40-text-hi)!important;
}
body.v40-route-earn .subordinates-card2 .half+.half{
  padding:.24rem .32rem .3rem!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}
body.v40-route-earn .subordinates-card2 .half .item{
  color:var(--v40-text-mid)!important;
  gap:.1rem!important;
}
body.v40-route-earn .subordinates-card2 .half .item .amount{
  background:transparent!important;
  background-color:transparent!important;
  border-radius:0!important;
  min-width:unset!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  margin-bottom:.06rem!important;
  color:var(--v40-gold)!important;
  font-size:.36rem!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums!important;
  line-height:1.25!important;
}
body.v40-route-earn .subordinates-card2 .half .item .text{
  color:var(--v40-text-hi)!important;
  font-size:.36rem!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums!important;
  line-height:1.25!important;
  margin-bottom:.06rem!important;
}
body.v40-route-earn .subordinates-card2 .half .item>div:not(.amount):not(.text){
  color:var(--v40-text-mid)!important;
  font-size:.28rem!important;
  font-weight:500!important;
  line-height:1.4!important;
  letter-spacing:.01em!important;
  text-align:center!important;
}

/* Commission hero — strip blue commissBg overlay, keep dark violet */
body.v40-route-earn .commission-section{
  background:var(--v40-bg-card-flat)!important;
  background-image:none!important;
  border:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.28),0 6px 18px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
body.v40-route-earn .commission-section .commission-info{
  background:var(--v40-bg-card-flat)!important;
  background-image:none!important;
  background-color:var(--v40-bg-card-flat)!important;
}
body.v40-route-earn .commission-section .commission-title{
  color:var(--v40-text-mid)!important;
  font-size:.3rem!important;
}
body.v40-route-earn .my-swipe .van-swipe-item .box_shadow,
body.v40-route-earn .my-swipe .box_shadow{
  background:transparent!important;
  box-shadow:none!important;
}

/* ============================================================
   V75 — UI polish: Poppins sitewide, wider mine, bigger icons/text,
         earn menu + tabbar label bump (dhaniwin reference)
   ============================================================ */

/* Global font — match dhaniwin Poppins stack sitewide */
html,
body,
#app,
.app_container{
  font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}
html body button,
html body input,
html body textarea,
html body select,
html body label,
html body p,
html body span:not(.van-icon):not([class*="van-icon"]),
html body div,
html body a,
html body li,
html body h1,
html body h2,
html body h3,
html body h4,
html body .van-cell,
html body .van-field__control,
html body .van-button__text,
html body .van-tab__text,
html body .van-dialog__message,
html body .van-nav-bar__title{
  font-family:inherit!important;
}
html body .van-icon,
html body [class*="van-icon"],
html body .vant-icon{
  font-family:vant-icon!important;
}

/* Bottom tabbar — full spin circle + "Get Spin" label + sibling labels visible */
.app-tabber[data-v-08bd3673],
.app-tabber{
  height:2.45rem!important;
  min-height:2.45rem!important;
  padding-bottom:env(safe-area-inset-bottom, 0px)!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.app-tabber .items[data-v-08bd3673],
.app-tabber .items{
  align-items:flex-end!important;
  padding:0 0 .14rem!important;
  height:100%!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.app-tabber .items .app-tabber-item:not(.play)[data-v-08bd3673],
.app-tabber .items .app-tabber-item:not(#turntable){
  padding-bottom:.1rem!important;
  overflow:visible!important;
  justify-content:flex-end!important;
}
.app-tabber .items .text[data-v-08bd3673]{
  font-size:.24rem!important;
  line-height:1.2!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  white-space:nowrap!important;
  margin-top:.02rem!important;
  padding-bottom:0!important;
  font-family:Poppins,sans-serif!important;
}
.app-tabber .items .app-tabber-item.active .text[data-v-08bd3673]{
  font-size:.24rem!important;
  font-weight:600!important;
  margin-top:0!important;
}
/* SHOW Get Spin label again */
.app-tabber .items .get-spin-label[data-v-08bd3673],
.app-tabber .items .get-spin-label{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:1.28rem!important;
  width:auto!important;
  height:.36rem!important;
  padding:0 .12rem!important;
  margin:.02rem 0 0!important;
  border-radius:.06rem!important;
  background:linear-gradient(180deg,#7B5ECC 0%,#5040A8 100%)!important;
  border:.01333rem solid rgba(247,211,88,.4)!important;
  color:var(--main_color,#F7D358)!important;
  font-size:.24rem!important;
  font-weight:700!important;
  font-style:italic!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:visible!important;
  pointer-events:none!important;
  position:relative!important;
  z-index:10!important;
}
.app-tabber .items .text.mid[data-v-08bd3673],
.app-tabber .items #turntable .text.mid{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:1.9rem!important;
  height:auto!important;
  margin-top:0!important;
  padding-top:0!important;
  z-index:10!important;
}
/* Spin: sit just above "Get Spin" label (tight gap, no bottom clip) */
.app-tabber .items #turntable img.turntable-gif,
.app-tabber .items .app-tabber-item.play img.turntable-gif,
.app-tabber .items #turntable img.img_2,
.app-tabber .items .app-tabber-item.play img.img_2,
.app-tabber .items #turntable img.v90-cruelspin,
.app-tabber .items .app-tabber-item.play img.v90-cruelspin{
  width:1.86667rem!important;
  height:1.86667rem!important;
  max-width:1.86667rem!important;
  max-height:1.86667rem!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  position:absolute!important;
  left:50%!important;
  top:auto!important;
  right:auto!important;
  /* label ~.36rem tall — keep ~.08rem gap above it */
  bottom:.44rem!important;
  transform:translateX(-50%)!important;
  z-index:6!important;
  animation:none!important;
  filter:drop-shadow(0 .04rem .1rem rgba(82,48,168,.55))!important;
  background:transparent!important;
  pointer-events:none!important;
}
.app-tabber .items .app-tabber-item.play,
.app-tabber .items #turntable{
  overflow:visible!important;
  z-index:5!important;
  padding-bottom:.08rem!important;
  justify-content:flex-end!important;
}
.app-tabber .items #promotion .text[data-v-08bd3673]{
  font-size:.24rem!important;
}

/* Home header — wallet pill amount compact */
.v83-wallet-pill{
  min-width:2.4rem!important;
  max-width:3.4rem!important;
  padding:0 .62rem 0 .68rem!important;
}
.v83-wallet-amt{
  flex:0 1 auto!important;
  font-family:Poppins,sans-serif!important;
  font-size:.28rem!important;
  font-weight:700!important;
  letter-spacing:0!important;
  word-spacing:0!important;
  font-variant-numeric:tabular-nums!important;
  line-height:1!important;
}
@media (max-width:390px){
  .v83-wallet-pill{
    min-width:2.2rem!important;
    max-width:3rem!important;
  }
  .v83-wallet-amt{font-size:.26rem!important}
}

/* ============================================================
   V81 — Golden UID copy/edit SVG + dhaniwin balance typography
   ============================================================ */

/* Mine header — golden action icons (JS injects SVG) */
.mine .mine-header--name .v81-header-action-ic,
.mine .mine-header--id .v81-header-action-ic,
body.v40-route-mine .mine .mine-header--name .icon,
body.v40-route-mine .mine .mine-header--id .icon,
.mine .v81-hdr-ic,
.mine .v81-header-action-ic svg{
  width:.36rem!important;
  height:.36rem!important;
  display:block!important;
  pointer-events:none!important;
}
body.v40-route-mine .mine .mine-header--name .van-icon::before,
body.v40-route-mine .mine .mine-header--id .van-icon::before,

/* Home header balance — dhaniwin pill (white Poppins, compact) */
.v83-wallet-amt{
  flex:0 1 auto!important;
  font-family:Poppins,sans-serif!important;
  font-size:.32rem!important;
  font-weight:700!important;
  font-style:normal!important;
  color:#FFFFFF!important;
  letter-spacing:0!important;
  word-spacing:0!important;
  font-variant-numeric:tabular-nums!important;
  line-height:1!important;
  text-shadow:none!important;
  text-transform:capitalize!important;
}
.v83-wallet-pill{
  min-width:2.55rem!important;
  max-width:3.5rem!important;
}
@media (max-width:390px){
  .v83-wallet-amt{font-size:.3rem!important}
}

/* ============================================================
   V82 — Home header amount: tight spacing + bold like dhaniwin
   ============================================================ */
.home-header-tools .v83-wallet-pill,
.v83-header-tools .v83-wallet-pill,
.v83-wallet-pill{
  width:auto!important;
  min-width:unset!important;
  max-width:fit-content!important;
  height:.88rem!important;
  padding:0 .68rem 0 .72rem!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:0!important;
}
.home-header-tools .v83-wallet-amt,
.v83-header-tools .v83-wallet-amt,
.v83-wallet-amt{
  flex:0 0 auto!important;
  width:auto!important;
  max-width:none!important;
  display:inline-block!important;
  font-family:Poppins,sans-serif!important;
  font-size:.34rem!important;
  font-weight:800!important;
  font-style:normal!important;
  color:#FFFFFF!important;
  letter-spacing:-0.02em!important;
  word-spacing:0!important;
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1!important;
  line-height:1!important;
  text-align:left!important;
  text-transform:none!important;
  text-shadow:none!important;
  padding:0!important;
  margin:0!important;
  white-space:nowrap!important;
}
@media (max-width:390px){
  .home-header-tools .v83-wallet-amt,
  .v83-header-tools .v83-wallet-amt,
  .v83-wallet-amt{font-size:.32rem!important}
}

/* ============================================================
   V84 — Force Rex PNG visibility (balance record, language, spin)
   Fixes v68/v69 img{display:none}

/* ============================================================
   V32 — Deposit page (Mine-matched premium, borderless)
   Scoped: body.v40-route-recharge | Rollback: __V32_DEPOSIT_DISABLE__
   ============================================================ */

body.v40-route-recharge{
  background:#8E919E!important;
  background-color:#8E919E!important;
}
body.v40-route-recharge #app{
  background:var(--v40-bg-base,#14082B)!important;
}

body.v40-route-recharge .payment-container{
  padding-bottom:1.55rem!important;
  background:var(--v40-bg-base,#14082B)!important;
}

/* Balance hero — reference style: banner placeholder + single gold balance card */
body.v40-route-recharge .pay-top{
  padding:.16rem .32rem .12rem!important;
}

body.v40-route-recharge .pay-top header,
body.v40-route-recharge .page-wrapper:has(.payment-container) .pay-top header{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

body.v40-route-recharge .pay-top .h_2,
body.v40-route-recharge .pay-top header .h_2,
body.v40-route-recharge .pay-top header>div.h_2,
body.v40-route-recharge .pay-top [data-v32-hidden-withdraw],
body.v40-route-recharge .page-wrapper:has(.payment-container) .pay-top .h_2,
body.v40-route-recharge .page-wrapper:has(.payment-container) .pay-top header .h_2,
body.v40-route-recharge .page-wrapper:has(.payment-container) .pay-top header>div.h_2,
body.v40-route-recharge .page-wrapper:has(.payment-container) .pay-top [data-v32-hidden-withdraw]{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

body.v40-route-recharge .v32-dep-hero{
  position:relative!important;
  margin-bottom:.18rem!important;
}

/* Balance banner — full Banner.png, reference text stack */
body.v40-route-recharge .v32-dep-hero-card{
  position:relative!important;
  width:100%!important;
  aspect-ratio:730/220!important;
  min-height:0!important;
  height:auto!important;
  padding:.24rem .3rem .26rem!important;
  border-radius:.34rem!important;
  border:none!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:0 8px 26px rgba(229,169,44,.28)!important;
}

body.v40-route-recharge .v32-dep-hero-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  object-position:center center!important;
  border-radius:inherit!important;
  z-index:0!important;
  pointer-events:none!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}

body.v40-route-recharge .v32-dep-hero-card::before{
  display:none!important;
}

body.v40-route-recharge .v32-dep-hero-body{
  position:relative!important;
  z-index:2!important;
  width:66%!important;
  max-width:5.4rem!important;
  height:100%!important;
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
  padding:.34rem 0 .08rem!important;
  box-sizing:border-box!important;
}

body.v40-route-recharge .v32-dep-hero-lbl{
  color:#3D1505!important;
  font-size:.32rem!important;
  font-weight:800!important;
  margin:0 0 .1rem!important;
  line-height:1!important;
  letter-spacing:.015em!important;
  text-shadow:0 1px 2px rgba(255,235,170,.55)!important;
}

body.v40-route-recharge .v32-dep-hero-amt-row{
  display:flex!important;
  align-items:center!important;
  gap:.1rem!important;
  flex-wrap:nowrap!important;
  margin:0 0 auto!important;
  padding-bottom:.06rem!important;
  padding-top:.04rem!important;
}

body.v40-route-recharge .v32-dep-hero-amt{
  color:#4A1E06!important;
  font-size:.64rem!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:-.025em!important;
}

body.v40-route-recharge .v32-dep-hero-amt span{
  font-size:.4rem!important;
  font-weight:800!important;
}

body.v40-route-recharge .v32-dep-hero-refresh{
  flex-shrink:0!important;
  opacity:.5!important;
  display:flex!important;
  align-items:center!important;
  margin-left:.02rem!important;
}

body.v40-route-recharge .v32-dep-hero-refresh .van-icon{
  color:#4A1E06!important;
  font-size:.4rem!important;
}

/* Card chip + masked number — directly on banner, dark golden */
body.v40-route-recharge .v32-dep-hero-card-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:.34rem!important;
  width:100%!important;
  max-width:none!important;
  margin-top:auto!important;
  padding:0 .05rem 0 0!important;
  border-radius:0!important;
  background:none!important;
  border:none!important;
  box-shadow:none!important;
}

body.v40-route-recharge .v32-dep-hero-card-ico{
  width:.62rem!important;
  height:.46rem!important;
  flex-shrink:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  filter:drop-shadow(0 1px 1px rgba(120,70,10,.35))!important;
}

body.v40-route-recharge .v32-dep-hero-card-num{
  font-size:.36rem!important;
  font-weight:800!important;
  color:#5A2A06!important;
  letter-spacing:.18em!important;
  line-height:1!important;
  margin-left:auto!important;
}

/* 8 sparkle stars — money bag side (reference) */
body.v40-route-recharge .v32-dep-hero-stars{
  position:absolute!important;
  top:0!important;
  right:0!important;
  width:42%!important;
  height:100%!important;
  z-index:1!important;
  pointer-events:none!important;
}

body.v40-route-recharge .v32-dep-hero-star{
  position:absolute!important;
  color:#fff!important;
  line-height:1!important;
  text-shadow:0 0 .1rem rgba(255,245,200,1),0 0 .2rem rgba(255,190,60,.65)!important;
  opacity:.95!important;
  animation:v32-star-twinkle 2.2s ease-in-out infinite!important;
}

@keyframes v32-star-twinkle{
  0%,100%{opacity:.55;transform:scale(.92);}
  50%{opacity:1;transform:scale(1.08);}
}

body.v40-route-recharge .v32-dep-hero-banner{
  display:none!important;
}

/* Main stack — U2: no flex gap (margins alone; stops double-spacing) */
body.v40-route-recharge .pay-main{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  padding:0 .32rem 1.2rem!important;
}

/* Section cards — light violet, premium depth */
body.v40-route-recharge .v32-dep-card{
  background:linear-gradient(180deg,#4A2C93 0%,#382170 100%)!important;
  border:none!important;
  border-radius:.36rem!important;
  padding:.2rem .22rem .2rem!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 8px 24px rgba(0,0,0,.28)!important;
}

body.v40-route-recharge .v32-dep-section-head{
  display:flex!important;
  align-items:center!important;
  gap:.12rem!important;
  margin:0 0 .12rem!important;
  padding:0 .04rem!important;
  color:#fff!important;
  font-size:.34rem!important;
  font-weight:900!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
  text-shadow:0 1px 2px rgba(0,0,0,.25)!important;
}

body.v40-route-recharge .v32-dep-section-head .v32-dep-ic{
  display:none!important;
}

body.v40-route-recharge .v32-dep-sub{
  margin:-.06rem 0 .1rem!important;
  padding:0 .04rem!important;
  color:rgba(255,255,255,.6)!important;
  font-size:.27rem!important;
  font-weight:600!important;
  line-height:1.35!important;
}

/* R1 — channel → amount gap + kill empty Select channel / native quickInfo */
body.v40-route-recharge .v32-dep-card--channel{order:1!important;margin-top:.04rem!important;margin-bottom:.08rem!important;}
body.v40-route-recharge .v32-dep-card--channel:not(:has(.v32-vch)),
body.v40-route-recharge .v32-dep-card--channel[data-v32-empty-channel="1"]{
  display:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  min-height:0!important;
  overflow:hidden!important;
}
body.v40-route-recharge .Recharge__content-quickInfo,
body.v40-route-recharge [class*="quickInfo"],
body.v40-route-recharge .Recharge__content-paymoney__title,
body.v40-route-recharge .Recharge__content-paymoney__money-list{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
}
body.v40-route-recharge .v32-dep-cats-wrap{order:0!important;}
body.v40-route-recharge .v32-dep-categories{order:unset!important;}
body.v40-route-recharge .amount-title{order:2!important;margin:0!important;display:none!important;}
body.v40-route-recharge .v32-dep-card--amount{order:3!important;margin-top:0!important;margin-bottom:.08rem!important;}
body.v40-route-recharge .v32-dep-card--amount .v32-dep-summary{
  order:unset!important;
  margin-top:.08rem!important;
}
body.v40-route-recharge .v32-dep-summary{order:4!important;}
/* N2b — Enter amount: one large dark field like reference (no absolute black overlay) */
body.v40-route-recharge .v32-dep-card--input{
  order:5!important;
  margin-top:0!important;
  margin-bottom:.08rem!important;
  padding:.16rem .2rem .18rem!important;
  border-radius:.28rem!important;
  background:linear-gradient(180deg,#46308a 0%,#352068 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}
body.v40-route-recharge .v32-dep-card--input .v32-dep-section-head{
  font-size:.3rem!important;
  margin:0 0 .16rem!important;
  font-weight:800!important;
  color:#fff!important;
}
body.v40-route-recharge .v32-dep-card--input .Recharge__content-paymoney,
body.v40-route-recharge .v32-dep-card--input .pay-amount{
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
/* Single inset field — match native/reference ~1.17rem height */
body.v40-route-recharge .v32-dep-card--input .Recharge__content-paymoney__money-input{
  position:relative!important;
  margin:0!important;
  width:100%!important;
  height:1.17rem!important;
  min-height:1.17rem!important;
  max-height:1.17rem!important;
  border-radius:.2rem!important;
  background:rgba(0,0,0,.35)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  padding:0 .2rem 0 .12rem!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important; /* kill absolute place-div bleed / black overlay */
}
/* Nested wrappers — same height + flex center as ₹ (no second dark box) */
body.v40-route-recharge .v32-dep-card--input .amount-input,
body.v40-route-recharge .v32-dep-card--input .van-field,
body.v40-route-recharge .v32-dep-card--input .van-cell,
body.v40-route-recharge .v32-dep-card--input .van-field__body{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  margin:0!important;
  height:1.17rem!important;
  min-height:1.17rem!important;
  max-height:1.17rem!important;
  display:flex!important;
  align-items:center!important;
  padding:0!important;
}
body.v40-route-recharge .v32-dep-card--input .place-div{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:.72rem!important;
  min-width:.72rem!important;
  max-width:.72rem!important;
  height:1.17rem!important;
  line-height:1.17rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 .72rem!important;
  color:rgba(255,255,255,.85)!important;
  font-size:.42rem!important;
  font-weight:800!important;
  background:transparent!important;
  z-index:2!important;
}
body.v40-route-recharge .v32-dep-card--input .place-div::before,
body.v40-route-recharge .v32-dep-card--input .place-div::after{
  display:none!important;
  content:none!important;
  border:0!important;
  width:0!important;
  height:0!important;
}
body.v40-route-recharge .v32-dep-card--input .amount-input,
body.v40-route-recharge .v32-dep-card--input .inp{
  margin-left:0!important;
  margin-right:0!important;
  flex:1 1 auto!important;
  width:auto!important;
  background:transparent!important;
  position:relative!important;
}
body.v40-route-recharge .v32-dep-card--input .unit{
  display:none!important;
}
/* Amount digits: same vertical center as ₹ — keep your .5rem / 800 settings */
body.v40-route-recharge .v32-dep-card--input .Recharge__content-paymoney__money-input input,
body.v40-route-recharge .v32-dep-card--input .amount-input input,
body.v40-route-recharge .v32-dep-card--input .van-field__control,
body.v40-route-recharge .v32-dep-card--input input{
  height:1.17rem!important;
  min-height:1.17rem!important;
  max-height:1.17rem!important;
  line-height:1.17rem!important;
  font-size:.5rem!important;
  font-weight:800!important;
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  margin:0!important;
  padding:0 .08rem!important;
  box-shadow:none!important;
  width:100%!important;
  transform:none!important;
  vertical-align:middle!important;
  display:block!important;
  box-sizing:border-box!important;
}
/* Clear icon stays mid-box with ₹ / amount */
body.v40-route-recharge .v32-dep-card--input .van-field__body{
  width:100%!important;
}
body.v40-route-recharge .v32-dep-card--input .van-field__clear,
body.v40-route-recharge .v32-dep-card--input .van-icon-clear{
  color:rgba(255,255,255,.45)!important;
  font-size:.36rem!important;
  margin:0!important;
  align-self:center!important;
  transform:none!important;
}
body.v40-route-recharge .v32-dep-card--input .recharge_tip,
body.v40-route-recharge .v32-dep-card--input .van-field__error-message,
body.v40-route-recharge .v32-dep-card--input [class*="error-message"],
body.v40-route-recharge .v32-dep-card--input .Recharge__content-paymoney__title,
body.v40-route-recharge .v32-dep-card--input .Recharge__content-paymoney__money-list,
body.v40-route-recharge .v32-dep-card--input .amount-display{
  display:none!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  visibility:hidden!important;
}
body.v40-route-recharge .v32-dep-instructions-wrap{order:6!important;}
body.v40-route-recharge .video-enter{order:7!important;display:none!important;}
body.v40-route-recharge .pay-bottom{order:8!important;}
body.v40-route-recharge .v32-dep-card{
  border-radius:.28rem!important;
}

/* Category row — no wrap box, subtle violet pills, gold-fill active */
body.v40-route-recharge .v32-dep-cats-wrap{
  margin:0 0 .12rem!important;
  padding:0!important;
  border-radius:0!important;
  background:none!important;
  border:none!important;
  box-shadow:none!important;
}

body.v40-route-recharge .v32-dep-categories{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:.14rem!important;
  margin:0!important;
  padding:0!important;
}

body.v40-route-recharge .v32-dep-cat{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:.1rem!important;
  padding:.3rem .06rem .2rem!important;
  min-height:1.72rem!important;
  border-radius:.24rem!important;
  background:linear-gradient(180deg,#4A2C93 0%,#382170 100%)!important;
  border:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  cursor:pointer!important;
  transition:background .15s ease,box-shadow .15s ease,transform .12s ease!important;
  -webkit-tap-highlight-color:transparent!important;
  overflow:visible!important;
}

body.v40-route-recharge .v32-dep-cat.active{
  background:var(--v40-gold-grad)!important;
  box-shadow:0 6px 18px rgba(229,169,44,.3)!important;
  transform:scale(1.03)!important;
}

body.v40-route-recharge .v32-dep-cat-badge{
  position:absolute!important;
  top:-.08rem!important;
  right:-.04rem!important;
  z-index:3!important;
  padding:.03rem .1rem!important;
  border-radius:.08rem .12rem .08rem .04rem!important;
  background:linear-gradient(135deg,#FF5555 0%,#D81818 100%)!important;
  color:#fff!important;
  font-size:.18rem!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  box-shadow:0 2px 6px rgba(216,24,24,.4)!important;
  pointer-events:none!important;
}

body.v40-route-recharge .v32-dep-cat-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:.9rem!important;
  height:.9rem!important;
  flex-shrink:0!important;
  overflow:hidden!important;
}

body.v40-route-recharge .v32-dep-cat-icon img,
body.v40-route-recharge .v32-dep-cat-icon .v32-cat-svg,
body.v40-route-recharge .v32-dep-cat-icon svg{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
  border-radius:.12rem!important;
}

body.v40-route-recharge .v32-dep-cat-icon .v32-cat-svg{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

body.v40-route-recharge .v32-dep-cat-label{
  font-size:.22rem!important;
  font-weight:800!important;
  color:rgba(255,255,255,.9)!important;
  text-align:center!important;
  line-height:1.1!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
  padding:0 .04rem!important;
}

body.v40-route-recharge .v32-dep-cat.active .v32-dep-cat-label{
  color:#3A1D02!important;
}

/* Virtual channels — custom named, 2-col, gold active */
body.v40-route-recharge .v32-vch-grid{
  display:grid!important;
  grid-template-columns:repeat(2,1fr)!important;
  gap:.2rem!important;
  margin:0 .06rem!important;
}

body.v40-route-recharge .v32-vch{
  position:relative!important;
  min-height:1.49rem!important;
  padding:.2rem .3rem .29rem!important;
  border-radius:.3rem!important;
  background:rgba(255,255,255,.09)!important;
  border:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 12px rgba(0,0,0,.18)!important;
  cursor:pointer!important;
  overflow:hidden!important;
  transition:background .15s ease,box-shadow .15s ease,transform .12s ease!important;
  -webkit-tap-highlight-color:transparent!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:.08rem!important;
}

body.v40-route-recharge .v32-vch.active{
  background:var(--v40-gold-grad)!important;
  box-shadow:0 6px 20px rgba(229,169,44,.32)!important;
  transform:scale(1.02)!important;
}

body.v40-route-recharge .v32-vch-name{
  font-size:.3rem!important;
  font-weight:800!important;
  color:#fff!important;
  line-height:1.2!important;
  letter-spacing:-.01em!important;
  padding-right:.54rem!important;
}

body.v40-route-recharge .v32-vch.active .v32-vch-name{
  color:#3A1D02!important;
}

body.v40-route-recharge .v32-vch-range{
  font-size:.23rem!important;
  font-weight:600!important;
  color:rgba(255,255,255,.62)!important;
  line-height:1.2!important;
}

body.v40-route-recharge .v32-vch.active .v32-vch-range{
  color:rgba(58,29,2,.75)!important;
}

body.v40-route-recharge .v32-vch-badge{
  position:absolute!important;
  top:0!important;
  right:0!important;
  padding:.05rem .13rem!important;
  border-radius:0 .22rem 0 .14rem!important;
  background:linear-gradient(135deg,#FF5555 0%,#D81818 100%)!important;
  color:#fff!important;
  font-size:.2rem!important;
  font-weight:800!important;
  line-height:1.25!important;
  box-shadow:0 2px 8px rgba(216,24,24,.4)!important;
  pointer-events:none!important;
}

/* Payment channels (real — hidden, backing only; virtual grid lives on card) */
body.v40-route-recharge .v32-dep-card--channel > .payment-methods{
  display:none!important;
}
body.v40-route-recharge .payment-methods{
  margin-bottom:0!important;
}
body.v40-route-recharge .v32-dep-card--channel > .v32-vch-grid{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
}

body.v40-route-recharge .payment-methods .section-title{
  display:none!important;
}

body.v40-route-recharge .payment-options{
  display:none!important;
}

body.v40-route-recharge .payment-item{
  position:relative!important;
  min-height:1.22rem!important;
  padding:.18rem .68rem .16rem .18rem!important;
  border-radius:.24rem!important;
  background:rgba(255,255,255,.04)!important;
  border:none!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:.04rem!important;
  box-shadow:0 2px 10px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05)!important;
  transition:transform .12s ease,background .15s ease,box-shadow .15s ease!important;
}

body.v40-route-recharge .payment-item.active,
body.v40-route-recharge .payment-item[class*="active"]{
  background:linear-gradient(145deg,rgba(90,55,140,.72),rgba(55,30,100,.88))!important;
  border:none!important;
  box-shadow:0 4px 16px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.1)!important;
  transform:scale(1.01)!important;
}

body.v40-route-recharge .payment-item .payment_img{
  position:absolute!important;
  right:.14rem!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:.56rem!important;
  height:.56rem!important;
}

body.v40-route-recharge .payment-item .payment_img,
body.v40-route-recharge .payment-item .payment_img img{
  width:.56rem!important;
  height:.56rem!important;
  object-fit:contain!important;
}

body.v40-route-recharge .payment-item .name{
  font-size:.3rem!important;
  font-weight:700!important;
  color:rgba(255,255,255,.92)!important;
  text-align:left!important;
  line-height:1.15!important;
  width:100%!important;
}

body.v40-route-recharge .payment-item .v32-ch-range{
  font-size:.22rem!important;
  font-weight:500!important;
  color:rgba(255,255,255,.42)!important;
  line-height:1.2!important;
  margin-top:.02rem!important;
}

body.v40-route-recharge .payment-item .rechargeRifts{
  position:absolute!important;
  top:.06rem!important;
  right:.06rem!important;
  padding:0 .1rem!important;
  min-height:.3rem!important;
  line-height:.3rem!important;
  border-radius:.1rem!important;
  background:rgba(122,75,255,.85)!important;
  color:#fff!important;
  font-size:.22rem!important;
  font-weight:600!important;
}

/* Amount grid — 4 columns x 3 rows */
body.v40-route-recharge .amount-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  column-gap:.12rem!important;
  row-gap:.12rem!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

body.v40-route-recharge .amount-option{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:visible!important;
  height:.82rem!important;
  border-radius:.18rem!important;
  background:rgba(255,255,255,.09)!important;
  border:none!important;
  color:rgba(255,255,255,.92)!important;
  font-size:.27rem!important;
  font-weight:700!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  transition:transform .12s ease,background .15s ease,box-shadow .15s ease!important;
}
body.v40-route-recharge .amount-option .v32-amt-label{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  line-height:1.2!important;
  padding:0 .06rem!important;
}

body.v40-route-recharge .amount-option.active{
  background:var(--v40-gold-grad)!important;
  border:none!important;
  color:#1B0B36!important;
  box-shadow:0 4px 14px rgba(229,169,44,.22)!important;
  font-weight:800!important;
  transform:scale(1.02)!important;
}

body.v40-route-recharge .amount-option .bonus{
  position:absolute!important;
  top:0!important;
  right:0!important;
  left:auto!important;
  display:inline-block!important;
  height:.3rem!important;
  line-height:.3rem!important;
  padding:0 .1rem!important;
  border-radius:0 .2rem 0 .1rem!important;
  background:linear-gradient(135deg,#FF5555,#D81818)!important;
  color:#fff!important;
  font-size:.2rem!important;
  font-weight:800!important;
  z-index:2!important;
  pointer-events:none!important;
  white-space:nowrap!important;
}

body.v40-route-recharge .amount-option.active .bonus{
  background:rgba(27,11,54,.55)!important;
  color:#fff!important;
}

/* Summary — Mine-page style (U2: tighter) */
body.v40-route-recharge .v32-dep-summary{
  display:flex!important;
  flex-direction:column!important;
  gap:.08rem!important;
  padding:.14rem .2rem!important;
  border-radius:.28rem!important;
  background:rgba(255,255,255,.04)!important;
  border:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
body.v40-route-recharge .v32-dep-summary-inr{
  margin-top:.06rem!important;
}

body.v40-route-recharge .v32-dep-summary-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.12rem!important;
  line-height:1.2!important;
}

body.v40-route-recharge .v32-dep-summary-row .lbl{
  flex:0 0 auto!important;
  color:rgba(255,255,255,.75)!important;
  font-size:.3rem!important;
  font-weight:700!important;
}

body.v40-route-recharge .v32-dep-summary-row .dots{
  flex:1 1 auto!important;
  border-bottom:1px dashed rgba(255,255,255,.15)!important;
  height:0!important;
  margin:0 .08rem!important;
  transform:translateY(-.05rem)!important;
}

body.v40-route-recharge .v32-dep-summary-row .val{
  flex:0 0 auto!important;
  color:var(--v40-gold,#F5C24C)!important;
  font-size:.38rem!important;
  font-weight:900!important;
  font-variant-numeric:tabular-nums!important;
}

body.v40-route-recharge .v32-dep-summary-row.v32-dep-summary-row--hero .val{
  font-size:.44rem!important;
}

/* Input — borderless dark inset */
body.v40-route-recharge .pay-amount{
  margin:0!important;
}

body.v40-route-recharge .amount-display.noGood{
  border:0!important;
  background:transparent!important;
  padding:0!important;
}

body.v40-route-recharge .amount-display.noGood>p{
  display:none!important;
}

body.v40-route-recharge .Recharge__content-paymoney__money-input{
  margin-top:0!important;
  height:1.08rem!important;
  border-radius:.24rem!important;
  border:none!important;
  background:rgba(255,255,255,.05)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  overflow:hidden!important;
}
/* N2b: Enter amount field size/look owned by block above — keep overflow clipped */
body.v40-route-recharge .v32-dep-card--input .Recharge__content-paymoney__money-input{
  height:1.17rem!important;
  min-height:1.17rem!important;
  max-height:1.17rem!important;
  border-radius:.2rem!important;
  background:rgba(0,0,0,.35)!important;
  overflow:hidden!important;
}
body.v40-route-recharge .v32-dep-card--input .Recharge__content-paymoney__money-input:focus-within{
  background:rgba(0,0,0,.4)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)!important;
}

body.v40-route-recharge .Recharge__content-paymoney__money-input:focus-within{
  border:none!important;
  background:rgba(255,255,255,.07)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;
}

body.v40-route-recharge .Recharge__content-paymoney__money-input input{
  color:var(--v40-text-hi,#fff)!important;
  font-size:.36rem!important;
  font-weight:700!important;
}

body.v40-route-recharge .amount-display:not(.noGood){
  display:none!important;
}

/* Instructions */
body.v40-route-recharge .v32-dep-instructions-wrap{
  display:flex!important;
  flex-direction:column!important;
  gap:.16rem!important;
}

body.v40-route-recharge .deposit-tips,
body.v40-route-recharge .important-notes{
  margin:0!important;
}

body.v40-route-recharge .deposit-tips .section-title,
body.v40-route-recharge .important-notes .section-title{
  display:none!important;
}

body.v40-route-recharge .deposit-tips .tips-list,
body.v40-route-recharge .important-notes .note{
  margin:0!important;
  padding:0 .04rem!important;
  color:rgba(255,255,255,.72)!important;
  font-size:.26rem!important;
  line-height:1.6!important;
}

body.v40-route-recharge .deposit-tips .tips-list{
  list-style:none!important;
}

body.v40-route-recharge .deposit-tips .tips-list li{
  position:relative!important;
  margin-bottom:.14rem!important;
  padding-left:.32rem!important;
}

body.v40-route-recharge .deposit-tips .tips-list li::before{
  content:''!important;
  position:absolute!important;
  left:.04rem!important;
  top:.14rem!important;
  width:.12rem!important;
  height:.12rem!important;
  border-radius:50%!important;
  background:var(--v40-gold,#F5C24C)!important;
}

body.v40-route-recharge .important-notes .note{
  color:rgba(255,255,255,.6)!important;
  margin-top:.12rem!important;
}

body.v40-route-recharge .video-enter{
  justify-content:center!important;
  height:auto!important;
  padding:.1rem 0 .02rem!important;
  font-size:.28rem!important;
  color:rgba(255,255,255,.55)!important;
}

body.v40-route-recharge .video-enter div{
  text-decoration:underline!important;
  margin-left:.08rem!important;
  color:rgba(255,255,255,.7)!important;
}

/* Block deposit tutorial popup completely (recharge page — with or without v40 body class) */
body.v40-route-recharge .dialog:has(.video-button),
body.v40-route-recharge .dialog:has(.video-container),
body.v40-route-recharge .dialog:has(.star-icon),
body:has(.payment-container) .dialog:has(.video-button),
body:has(.payment-container) .dialog:has(.video-container),
body:has(.payment-container) .dialog:has(.star-icon),
body.v40-route-recharge .van-dialog:has(.video-container),
body.v40-route-recharge .van-dialog:has(.video-button),
body.v40-route-recharge .van-popup:has(.video-container),
body.v40-route-recharge .van-popup:has(.video-button),
body.v40-route-recharge .van-dialog:has(.video-enter),
body.v40-route-recharge .van-popup:has(.video-enter),
body.v40-route-recharge .recharge-dialog:has(.video-container),
body.v40-route-recharge .video-button,
body.v40-route-recharge .video-container,
body:has(.payment-container) .video-button,
body:has(.payment-container) .video-container{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  opacity:0!important;
  height:0!important;
  width:0!important;
  overflow:hidden!important;
  z-index:-9999!important;
}

/* Pay now — clean footer, no gold line */
body.v40-route-recharge .pay-btn{
  padding:.24rem .32rem calc(.24rem + env(safe-area-inset-bottom,0px))!important;
  margin-top:0!important;
  background:linear-gradient(180deg,rgba(20,8,43,0) 0%,rgba(20,8,43,.94) 40%,#14082B 100%)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  border-top:none!important;
}

body.v40-route-recharge .pay-btn .red-btn{
  height:1.08rem!important;
  line-height:1.08rem!important;
  border-radius:999px!important;
  font-size:.36rem!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  background:var(--v40-gold-grad)!important;
  color:#1B0B36!important;
  box-shadow:0 6px 20px rgba(229,169,44,.28)!important;
  border:none!important;
}

body.v40-route-recharge .pay-btn .red-btn:active{
  transform:scale(.98)!important;
}

/* ===== Recharge__container bridge (live Vue deposit route) ===== */
body.v40-route-recharge .Recharge__container{
  padding-bottom:1.6rem!important;
}
html.v40-route-recharge .Recharge__container .balanceAssets,
html.v40-route-recharge .Recharge__container [class*="balanceAssets"],
html.v40-route-recharge .Recharge__container .Recharge__container-tabcard,
html.v40-route-recharge .Recharge__container [data-v32-native-hidden="1"],
body.v40-route-recharge .Recharge__container .balanceAssets,
body.v40-route-recharge .Recharge__container [class*="balanceAssets"],
body.v40-route-recharge .Recharge__container .Recharge__container-tabcard,
body.v40-route-recharge .Recharge__container [data-v32-native-hidden="1"]{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:none!important;
}
body.v40-route-recharge .Recharge__container .v32-dep-hero{
  display:block!important;
  visibility:visible!important;
  height:auto!important;
  margin:0 0 .18rem!important;
  padding:0!important;
  overflow:visible!important;
}
body.v40-route-recharge .Recharge__container .v32-dep-cats-wrap,
body.v40-route-recharge .Recharge__container .v32-dep-card,
body.v40-route-recharge .Recharge__container .v32-vch-grid,
body.v40-route-recharge .Recharge__container .amount-grid{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
body.v40-route-recharge .Recharge__container .v32-vch-grid,
body.v40-route-recharge .Recharge__container .amount-grid{
  display:grid!important;
}
body.v40-route-recharge .Recharge__container-rechageBtn,
body.v40-route-recharge .Recharge__container-rechageBtn.rechage_active,
body.v40-route-recharge .Recharge__container-rechageBtn.v32-paynow-btn,
body.v40-route-recharge button.Recharge__container-rechageBtn{
  position:fixed!important;
  left:50%!important;
  bottom:calc(.28rem + env(safe-area-inset-bottom,0px))!important;
  transform:translateX(-50%)!important;
  z-index:10050!important;
  width:calc(100% - .64rem)!important;
  max-width:10rem!important;
  height:1.08rem!important;
  line-height:1.08rem!important;
  border-radius:999px!important;
  font-size:.36rem!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  background:var(--v40-gold-grad,#F5C24C)!important;
  background-image:linear-gradient(90deg,#F6D98A 0%,#E5A92C 45%,#D49A1E 100%)!important;
  color:#1B0B36!important;
  box-shadow:0 6px 20px rgba(229,169,44,.28)!important;
  border:none!important;
  opacity:1!important;
  pointer-events:auto!important;
  text-align:center!important;
}
body.v40-route-recharge .Recharge__container-rechageBtn:active{
  transform:translateX(-50%) scale(.98)!important;
}
body.v40-route-recharge .v32-dep-cat-icon{
  width:.9rem!important;
  height:.9rem!important;
}
body.v40-route-recharge .v32-dep-cat{
  min-height:1.72rem!important;
}
body.v40-route-recharge .amount-option{
  height:.82rem!important;
}

/* Header — clean white title like Mine */
body.v40-route-recharge .nav-header,
body.v40-route-recharge .ar-head{
  background:var(--v40-bg-base,#14082B)!important;
  box-shadow:none!important;
}

body.v40-route-recharge .nav-header .title,
body.v40-route-recharge .ar-head .title{
  color:rgba(255,255,255,.95)!important;
  font-weight:700!important;
}

/* ============================================================
   Recharge header — History text button + support icon
   Real <button> injected by v26 (Vue-safe append-only).
   ============================================================ */
/* Header layout — "Deposit" dead center (H + V), icons on right */
body.v40-route-recharge .page-wrapper header,
body.v40-route-recharge .page-wrapper:has(.payment-container) header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  overflow:visible!important;
  position:fixed!important;
  height:1.44rem!important;
  min-height:1.44rem!important;
  box-sizing:border-box!important;
}

body.v40-route-recharge .page-wrapper header .head-left,
body.v40-route-recharge .page-wrapper:has(.payment-container) header .head-left{
  flex:0 0 auto!important;
  z-index:3!important;
  min-width:1rem!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  align-self:center!important;
}

body.v40-route-recharge .page-wrapper header .head-left .back,
body.v40-route-recharge .page-wrapper:has(.payment-container) header .head-left .back{
  display:block!important;
  margin:0!important;
}

body.v40-route-recharge .page-wrapper header .head-title,
body.v40-route-recharge .page-wrapper:has(.payment-container) header .head-title{
  position:absolute!important;
  left:50%!important;
  top:0!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
  width:auto!important;
  max-width:calc(100% - 4.6rem)!important;
  height:100%!important;
  min-height:1.44rem!important;
  flex:none!important;
  margin:0!important;
  padding:0!important;
  z-index:2!important;
  pointer-events:none!important;
  text-align:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

body.v40-route-recharge .page-wrapper header .head-title .noTitle,
body.v40-route-recharge .page-wrapper header .head-title .route-name,
body.v40-route-recharge .page-wrapper:has(.payment-container) header .head-title .noTitle,
body.v40-route-recharge .page-wrapper:has(.payment-container) header .head-title .route-name{
  position:static!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  width:auto!important;
  height:auto!important;
  text-align:center!important;
  pointer-events:none!important;
  margin:0 auto!important;
  padding:.04rem 0 0!important;
  line-height:1!important;
  white-space:nowrap!important;
  font-size:.48rem!important;
  font-weight:600!important;
  color:rgba(255,255,255,.96)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

body.v40-route-recharge .page-wrapper header .extra,
body.v40-route-recharge .page-wrapper:has(.payment-container) header .extra{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  align-self:center!important;
  flex:0 0 auto!important;
  flex-shrink:0!important;
  margin-left:auto!important;
  gap:.18rem!important;
  padding-right:.12rem!important;
  height:100%!important;
  position:relative!important;
  z-index:5!important;
  min-width:0!important;
}

/* History — real clickable text button (right of support icon) */
body.v40-route-recharge .page-wrapper header .extra .v32-dep-history-link,
body.v40-route-recharge .page-wrapper:has(.payment-container) header .extra .v32-dep-history-link,
body.v40-route-recharge .page-wrapper header .extra [data-v32-history-btn],
body.v40-route-recharge .page-wrapper:has(.payment-container) header .extra [data-v32-history-btn]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  order:2!important;
  flex-shrink:0!important;
  margin:0!important;
  padding:.1rem .14rem!important;
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  font-family:Inter,system-ui,-apple-system,sans-serif!important;
  font-size:.44rem!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:.03em!important;
  color:#fff!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  text-shadow:0 1px 2px rgba(0,0,0,.35)!important;
  visibility:visible!important;
  opacity:1!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  z-index:2!important;
}

body.v40-route-recharge .page-wrapper header .extra .v32-dep-history-link:active,
body.v40-route-recharge .page-wrapper:has(.payment-container) header .extra .v32-dep-history-link:active,
body.v40-route-recharge .page-wrapper header .extra [data-v32-history-btn]:active,
body.v40-route-recharge .page-wrapper:has(.payment-container) header .extra [data-v32-history-btn]:active{
  opacity:.65!important;
}

/* Support icon → msupport.png (slightly smaller, left of History text) */
body.v40-route-recharge .page-wrapper header .extra img.support-icon-img,
body.v40-route-recharge .page-wrapper header .extra img.icon,
body.v40-route-recharge .page-wrapper:has(.payment-container) header .extra img.support-icon-img,
body.v40-route-recharge .page-wrapper:has(.payment-container) header .extra img.icon{
  content:url('/assets/darkPurple/rexsolutions/opt/msupport.png')!important;
  width:1.28rem!important;
  height:1.28rem!important;
  min-width:1.28rem!important;
  min-height:1.28rem!important;
  max-width:1.28rem!important;
  max-height:1.28rem!important;
  object-fit:contain!important;
  display:block!important;
  flex-shrink:0!important;
  order:1!important;
  margin:0!important;
  align-self:center!important;
}

/* Hide ALL yellow duplicate icons (Vue svgIcon = span.ar_icon, NOT i.icon) */
body.v40-route-recharge .page-wrapper header .extra span.ar_icon,
body.v40-route-recharge .page-wrapper header .extra span.icon,
body.v40-route-recharge .page-wrapper header .extra span[class*="icon_History"],
body.v40-route-recharge .page-wrapper header .extra i.icon,
body.v40-route-recharge .page-wrapper header .extra i[class*="icon_History"],
body.v40-route-recharge .page-wrapper header .extra i.v32-dep-history-text,
body.v40-route-recharge .page-wrapper header .extra .v32-dep-history-text,
body.v40-route-recharge .page-wrapper:has(.payment-container) header .extra span.ar_icon,
body.v40-route-recharge .page-wrapper:has(.payment-container) header .extra span.icon,
body.v40-route-recharge .page-wrapper:has(.payment-container) header .extra span[class*="icon_History"],
body.v40-route-recharge .page-wrapper:has(.payment-container) header .extra i.icon,
body.v40-route-recharge .page-wrapper:has(.payment-container) header .extra i[class*="icon_History"],
body.v40-route-recharge .page-wrapper:has(.payment-container) header .extra i.v32-dep-history-text,
body.v40-route-recharge .page-wrapper:has(.payment-container) header .extra .v32-dep-history-text,
body.v40-route-recharge .page-wrapper:has(.payment-container) header .extra > span[data-v-5a0a4930].icon,
body.v40-route-recharge .page-wrapper:has(.payment-container) header .extra > i[data-v-5a0a4930].icon{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:0!important;
  max-height:0!important;
  opacity:0!important;
  pointer-events:none!important;
  position:absolute!important;
  left:-9999px!important;
  top:-9999px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
}

body.v40-route-recharge .page-wrapper header .extra span.ar_icon svg,
body.v40-route-recharge .page-wrapper header .extra span.ar_icon svg path,
body.v40-route-recharge .page-wrapper header .extra span.icon svg,
body.v40-route-recharge .page-wrapper header .extra i.icon svg,
body.v40-route-recharge .page-wrapper header .extra i.icon svg path,
body.v40-route-recharge .page-wrapper:has(.payment-container) header .extra span.ar_icon svg,
body.v40-route-recharge .page-wrapper:has(.payment-container) header .extra span.ar_icon svg path,
body.v40-route-recharge .page-wrapper:has(.payment-container) header .extra span.icon svg,
body.v40-route-recharge .page-wrapper:has(.payment-container) header .extra i.icon svg,
body.v40-route-recharge .page-wrapper:has(.payment-container) header .extra i.icon svg path{
  display:none!important;
  opacity:0!important;
  fill:transparent!important;
}

/* Kill any yellow icon leaked into title area */
body.v40-route-recharge .page-wrapper header .head-title span.ar_icon,
body.v40-route-recharge .page-wrapper header .head-title img,
body.v40-route-recharge .page-wrapper:has(.payment-container) header .head-title span.ar_icon,
body.v40-route-recharge .page-wrapper:has(.payment-container) header .head-title img{
  display:none!important;
}

/* ============================================================
   V32 — Deposit History (mine-page violet cards, working filters)
   ============================================================ */

/* V44/V46: on history route ALWAYS hide stale Deposit shell.
   Show history when mounted; otherwise a loading placeholder (v26) fills the gap
   so we never get blank purple OR leftover Pay-now UI on /rechargeHistory. */
body.v40-route-recharge-history .page-wrapper:has(main.payment-container),
body.v40-route-recharge-history main.payment-container,
body.v40-route-recharge-history .payment-container,
body:has(main.recharge-history) .page-wrapper:has(main.payment-container),
body:has(main.recharge-history) main.payment-container,
body:has(main.recharge-history) .payment-container{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  height:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
}

/* Temporary shell while lazy DepositHistory chunk mounts */
body.v40-route-recharge-history .v46-dephist-loading{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:60vh!important;
  padding:1.2rem .4rem!important;
  color:rgba(255,255,255,.72)!important;
  font:600 .32rem/1.4 Inter,system-ui,sans-serif!important;
  gap:.28rem!important;
}
body:has(main.recharge-history) .v46-dephist-loading{
  display:none!important;
}

body.v40-route-recharge-history,
body:has(main.recharge-history){
  background:#8E919E!important;
  background-color:#8E919E!important;
  font-family:Inter,system-ui,-apple-system,sans-serif!important;
}
body.v40-route-recharge-history #app,
body:has(main.recharge-history) #app{
  background:var(--v40-bg-base,#14082B)!important;
}

/* Only style the history page header — not a stale Deposit page-wrapper */
body:has(main.recharge-history) .page-wrapper:has(main.recharge-history) header,
body.v40-route-recharge-history .page-wrapper:has(main.recharge-history) header{
  background:var(--v40-bg-base,#14082B)!important;
  box-shadow:none!important;
}

body.v40-route-recharge-history main.recharge-history,
body:has(main.recharge-history) main.recharge-history{
  padding:0 .32rem .56rem!important;
  height:auto!important;
  min-height:calc(100vh - 1.2rem)!important;
  background:transparent!important;
}

/* HIDE 1 Day / 7 Days / 30 Days row completely */
body.v40-route-recharge-history .dateSelect,
body:has(main.recharge-history) .dateSelect,
body.v40-route-recharge-history .dateSelect[data-v32-hidden],
body:has(main.recharge-history) .dateSelect[data-v32-hidden]{
  display:none!important;
  height:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}

body.v40-route-recharge-history .v32-dephist-toolbar,
body:has(main.recharge-history) .v32-dephist-toolbar{
  margin:.16rem 0 .22rem!important;
}

/* Category row — mine-style light violet boxes */
body.v40-route-recharge-history .v32-dephist-cats,
body:has(main.recharge-history) .v32-dephist-cats{
  display:flex!important;
  gap:.16rem!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  padding:.04rem 0 .12rem!important;
}
body.v40-route-recharge-history .v32-dephist-cats::-webkit-scrollbar{display:none!important;}

body.v40-route-recharge-history .v32-dephist-cat,
body:has(main.recharge-history) .v32-dephist-cat{
  flex:1 0 0!important;
  min-width:0!important;
  max-width:1.72rem!important;
  height:1.72rem!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:.24rem!important;
  background:linear-gradient(145deg,rgba(90,55,140,.65),rgba(55,30,100,.85))!important;
  box-shadow:0 4px 18px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.08rem!important;
  padding:.14rem .1rem!important;
  cursor:pointer!important;
  color:var(--v40-text-hi,#fff)!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:transform .12s ease,box-shadow .12s ease!important;
}
body.v40-route-recharge-history .v32-dephist-cat:active,
body:has(main.recharge-history) .v32-dephist-cat:active{
  transform:scale(.96)!important;
}
body.v40-route-recharge-history .v32-dephist-cat.active,
body:has(main.recharge-history) .v32-dephist-cat.active{
  background:var(--v40-gold-grad,linear-gradient(135deg,#F8D169,#E5A92C))!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:var(--v40-shadow-gold,0 6px 18px rgba(229,169,44,.32))!important;
  color:#1B0B36!important;
}
body.v40-route-recharge-history .v32-dephist-cat.active .v32-dephist-cat-lbl,
body:has(main.recharge-history) .v32-dephist-cat.active .v32-dephist-cat-lbl{
  color:#1B0B36!important;
}

body.v40-route-recharge-history .v32-dephist-cat-ico,
body:has(main.recharge-history) .v32-dephist-cat-ico{
  width:.76rem!important;
  height:.76rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.v40-route-recharge-history .v32-dephist-cat-ico img,
body:has(main.recharge-history) .v32-dephist-cat-ico img{
  width:.76rem!important;
  height:.76rem!important;
  object-fit:contain!important;
}
body.v40-route-recharge-history .v32-dephist-cat-lbl,
body:has(main.recharge-history) .v32-dephist-cat-lbl{
  font-size:.24rem!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  letter-spacing:.01em!important;
}

/* Status + date filter row */
body.v40-route-recharge-history .v32-dephist-filters,
body:has(main.recharge-history) .v32-dephist-filters{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:.16rem!important;
  margin-top:.1rem!important;
}

body.v40-route-recharge-history .v32-dephist-dd,
body:has(main.recharge-history) .v32-dephist-dd{
  position:relative!important;
}
body.v40-route-recharge-history .v32-dephist-dd-btn,
body:has(main.recharge-history) .v32-dephist-dd-btn{
  width:100%!important;
  height:.96rem!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:.24rem!important;
  background:linear-gradient(145deg,rgba(90,55,140,.65),rgba(55,30,100,.85))!important;
  box-shadow:0 4px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:.32rem!important;
  font-weight:700!important;
  padding:0 .28rem!important;
  text-align:left!important;
  cursor:pointer!important;
  appearance:none!important;
}
body.v40-route-recharge-history .v32-dephist-dd-menu,
body:has(main.recharge-history) .v32-dephist-dd-menu{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:calc(100% + .08rem)!important;
  z-index:200!important;
  background:linear-gradient(180deg,#2f1858,#1f0f3d)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:.2rem!important;
  box-shadow:0 12px 32px rgba(0,0,0,.45)!important;
  overflow:hidden!important;
}
body.v40-route-recharge-history .v32-dephist-dd-item,
body:has(main.recharge-history) .v32-dephist-dd-item{
  display:block!important;
  width:100%!important;
  border:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.88)!important;
  font-size:.32rem!important;
  font-weight:600!important;
  text-align:left!important;
  padding:.24rem .28rem!important;
  cursor:pointer!important;
}
body.v40-route-recharge-history .v32-dephist-dd-item.active,
body:has(main.recharge-history) .v32-dephist-dd-item.active,
body.v40-route-recharge-history .v32-dephist-dd-item:hover,
body:has(main.recharge-history) .v32-dephist-dd-item:hover{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}

body.v40-route-recharge-history .v32-dephist-date,
body:has(main.recharge-history) .v32-dephist-date{
  position:relative!important;
}
body.v40-route-recharge-history .v32-dephist-date-btn,
body.v40-route-recharge-history .v32-dephist-date-lbl,
body:has(main.recharge-history) .v32-dephist-date-btn,
body:has(main.recharge-history) .v32-dephist-date-lbl{
  width:100%!important;
  height:.96rem!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:.24rem!important;
  background:linear-gradient(145deg,rgba(90,55,140,.65),rgba(55,30,100,.85))!important;
  box-shadow:0 4px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:.26rem!important;
  font-weight:700!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 .14rem!important;
  text-align:center!important;
  line-height:1.15!important;
  cursor:pointer!important;
  appearance:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.v40-route-recharge-history .v32-dephist-date-pop,
body:has(main.recharge-history) .v32-dephist-date-pop{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:calc(100% + .08rem)!important;
  z-index:220!important;
}
body.v40-route-recharge-history .v32-dephist-date-pop-inner,
body:has(main.recharge-history) .v32-dephist-date-pop-inner{
  background:linear-gradient(180deg,#2f1858,#1f0f3d)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:.24rem!important;
  box-shadow:0 12px 32px rgba(0,0,0,.45)!important;
  padding:.24rem!important;
}
body.v40-route-recharge-history .v32-dephist-date-pop-title,
body:has(main.recharge-history) .v32-dephist-date-pop-title{
  color:#fff!important;
  font-size:.3rem!important;
  font-weight:800!important;
  margin-bottom:.18rem!important;
  text-align:center!important;
}
body.v40-route-recharge-history .v32-dephist-date-field,
body:has(main.recharge-history) .v32-dephist-date-field{
  display:flex!important;
  flex-direction:column!important;
  gap:.1rem!important;
  margin-bottom:.16rem!important;
}
body.v40-route-recharge-history .v32-dephist-date-field span,
body:has(main.recharge-history) .v32-dephist-date-field span{
  color:rgba(255,255,255,.75)!important;
  font-size:.26rem!important;
  font-weight:700!important;
}
body.v40-route-recharge-history .v32-dephist-date-field input[type="date"],
body:has(main.recharge-history) .v32-dephist-date-field input[type="date"]{
  width:100%!important;
  height:.88rem!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:.18rem!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:.3rem!important;
  font-weight:700!important;
  padding:0 .16rem!important;
  box-sizing:border-box!important;
  color-scheme:dark!important;
}
body.v40-route-recharge-history .v32-dephist-date-actions,
body:has(main.recharge-history) .v32-dephist-date-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:.12rem!important;
  margin-top:.08rem!important;
}
body.v40-route-recharge-history .v32-dephist-date-cancel,
body.v40-route-recharge-history .v32-dephist-date-apply,
body:has(main.recharge-history) .v32-dephist-date-cancel,
body:has(main.recharge-history) .v32-dephist-date-apply{
  height:.84rem!important;
  border-radius:.18rem!important;
  font-size:.28rem!important;
  font-weight:800!important;
  border:0!important;
  cursor:pointer!important;
}
body.v40-route-recharge-history .v32-dephist-date-cancel,
body:has(main.recharge-history) .v32-dephist-date-cancel{
  background:rgba(255,255,255,.1)!important;
  color:#fff!important;
}
body.v40-route-recharge-history .v32-dephist-date-apply,
body:has(main.recharge-history) .v32-dephist-date-apply{
  background:var(--v40-gold-grad,linear-gradient(180deg,#F6D98A,#D9A94A))!important;
  color:#1B0B36!important;
}

/* Summary row */
body.v40-route-recharge-history .history-header,
body:has(main.recharge-history) .history-header{
  margin:.14rem 0 .22rem!important;
  padding:0 .06rem!important;
}
body.v40-route-recharge-history .history-header span,
body:has(main.recharge-history) .history-header span{
  color:rgba(255,255,255,.65)!important;
  font-size:.28rem!important;
  font-weight:600!important;
}
body.v40-route-recharge-history .history-header .total-count span,
body:has(main.recharge-history) .history-header .total-count span{
  color:var(--v40-gold,#F5C24C)!important;
  font-weight:900!important;
  font-size:.32rem!important;
}

/* Order cards — mine violet, taller, clean */
body.v40-route-recharge-history .history-item,
body:has(main.recharge-history) .history-item{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
  margin-bottom:.28rem!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:.32rem!important;
  background:linear-gradient(145deg,rgba(90,55,140,.65),rgba(55,30,100,.85))!important;
  box-shadow:0 4px 18px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08)!important;
  overflow:hidden!important;
  min-height:4.6rem!important;
}
body.v40-route-recharge-history .history-item:has(.v32-dephist-order-id),
body:has(main.recharge-history) .history-item:has(.v32-dephist-order-id){
  min-height:auto!important;
}
body.v40-route-recharge-history .history-item .img{display:none!important;}

body.v40-route-recharge-history .v32-dephist-card-head,
body:has(main.recharge-history) .v32-dephist-card-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:.26rem .3rem!important;
  background:rgba(255,255,255,.04)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
body.v40-route-recharge-history .v32-dephist-badge,
body:has(main.recharge-history) .v32-dephist-badge{
  font-size:.32rem!important;
  font-weight:800!important;
  color:#fff!important;
}
body.v40-route-recharge-history .v32-dephist-status,
body:has(main.recharge-history) .v32-dephist-status,
body.v40-route-recharge-history .history-item .state,
body:has(main.recharge-history) .history-item .state{
  font-size:.3rem!important;
  font-weight:800!important;
  color:#fff!important;
  opacity:1!important;
  -webkit-text-fill-color:#fff!important;
}

body.v40-route-recharge-history .v32-dephist-card-body,
body:has(main.recharge-history) .v32-dephist-card-body{
  padding:.24rem .3rem .28rem!important;
  background:rgba(255,255,255,.03)!important;
  flex:1!important;
}
body.v40-route-recharge-history .v32-dephist-card-body .item-content,
body:has(main.recharge-history) .v32-dephist-card-body .item-content{
  display:flex!important;
  flex-direction:column!important;
  gap:.18rem!important;
}

body.v40-route-recharge-history .v32-dephist-row,
body:has(main.recharge-history) .v32-dephist-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.16rem!important;
  margin:0!important;
  padding:0!important;
}

/* Date — bigger white bold */
body.v40-route-recharge-history .v32-dephist-row--balance .time,
body.v40-route-recharge-history .history-item .time,
body:has(main.recharge-history) .v32-dephist-row--balance .time,
body:has(main.recharge-history) .history-item .time,
body.v40-route-recharge-history .v32-dephist-detail-text.time,
body:has(main.recharge-history) .v32-dephist-detail-text.time{
  color:#fff!important;
  font-size:.38rem!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  -webkit-font-smoothing:antialiased!important;
}
body.v40-route-recharge-history .v32-dephist-row--balance .balance,
body:has(main.recharge-history) .v32-dephist-row--balance .balance{
  color:var(--v40-gold,#F5C24C)!important;
  font-size:.36rem!important;
  font-weight:900!important;
}

/* Order ID row — full visible, white bold */
body.v40-route-recharge-history .v32-dephist-row--order,
body:has(main.recharge-history) .v32-dephist-row--order{
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  font-size:.36rem!important;
  font-weight:800!important;
  color:#fff!important;
}
body.v40-route-recharge-history .v32-dephist-row--order > span:first-child,
body:has(main.recharge-history) .v32-dephist-row--order > span:first-child{
  flex:1 1 100%!important;
  max-width:100%!important;
  overflow:visible!important;
  text-overflow:unset!important;
  white-space:normal!important;
  word-break:break-all!important;
  line-height:1.35!important;
  color:#fff!important;
}
body.v40-route-recharge-history .v32-dephist-order-id,
body:has(main.recharge-history) .v32-dephist-order-id{
  color:#fff!important;
  font-size:.36rem!important;
  font-weight:800!important;
  line-height:1.35!important;
  word-break:break-all!important;
  white-space:normal!important;
}
body.v40-route-recharge-history .v32-dephist-row--order span,
body:has(main.recharge-history) .v32-dephist-row--order span{
  color:#fff!important;
  font-weight:800!important;
}

/* Method row — bigger white bold, hide duplicate status */
body.v40-route-recharge-history .v32-dephist-row--type,
body:has(main.recharge-history) .v32-dephist-row--type{
  font-size:.36rem!important;
  font-weight:800!important;
  color:#fff!important;
}
body.v40-route-recharge-history .v32-dephist-row--type span:first-child,
body.v40-route-recharge-history .v32-dephist-detail-text,
body:has(main.recharge-history) .v32-dephist-row--type span:first-child,
body:has(main.recharge-history) .v32-dephist-detail-text{
  color:#fff!important;
  font-size:.36rem!important;
  font-weight:800!important;
  line-height:1.35!important;
}
body.v40-route-recharge-history .v32-dephist-row--type .state,
body:has(main.recharge-history) .v32-dephist-row--type .state{
  display:none!important;
}
body.v40-route-recharge-history .v32-dephist-row--type span:last-child:not(:first-child),
body:has(main.recharge-history) .v32-dephist-row--type span:last-child:not(:first-child){
  color:rgba(255,255,255,.55)!important;
  font-size:.28rem!important;
  font-weight:600!important;
}

/* Bonus line softer */
body.v40-route-recharge-history .v32-dephist-row--order span:last-child,
body:has(main.recharge-history) .v32-dephist-row--order span:last-child{
  color:rgba(255,255,255,.55)!important;
  font-size:.28rem!important;
  font-weight:600!important;
}

/* Submit UTR — taller gold button */
body.v40-route-recharge-history .v32-dephist-foot,
body:has(main.recharge-history) .v32-dephist-foot{
  padding:.22rem .3rem .3rem!important;
}
body.v40-route-recharge-history .remark-btn,
body:has(main.recharge-history) .remark-btn{
  width:100%!important;
  height:1.12rem!important;
  line-height:1.12rem!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--v40-gold-grad)!important;
  color:#1B0B36!important;
  font-size:.36rem!important;
  font-weight:900!important;
  box-shadow:var(--v40-shadow-gold)!important;
}

body.v40-route-recharge-history .v32-dephist-empty,
body:has(main.recharge-history) .v32-dephist-empty{
  min-height:2.8rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:rgba(255,255,255,.5)!important;
  font-size:.32rem!important;
  font-weight:700!important;
}

body.v40-route-recharge-history .van-list__finished-text,
body.v40-route-recharge-history .van-list__loading,
body:has(main.recharge-history) .van-list__finished-text,
body:has(main.recharge-history) .van-list__loading{
  color:rgba(255,255,255,.45)!important;
}

/* ===================================================================
   V33 — Login & Register premium layout (JioLottery-style + DMG violet)
   Rollback: window.__V33_AUTH_DISABLE__ = true
   =================================================================== */

body.v33-auth-active #app.ar-login,
body.v33-auth-active #app.ar-register{
  background:#1A0B3D!important;
  min-height:100vh;
}

body.v33-auth-active .login-wrapper{
  display:flex!important;
  flex-direction:column!important;
  background:transparent!important;
  min-height:100vh;
}

body.v33-auth-active .login-wrapper .login-header{
  aspect-ratio:auto!important;
  -webkit-aspect-ratio:auto!important;
  width:100%!important;
  margin-bottom:0!important;
  flex-shrink:0!important;
  background:transparent!important;
}

body.v33-auth-active .login-wrapper .login-header .head{
  position:relative!important;
  padding:.12rem .32rem!important;
  min-height:.96rem!important;
  height:.96rem!important;
  align-items:center!important;
}

body.v33-auth-active .login-wrapper .login-header .head-left{
  color:#fff!important;
  font-size:.56rem!important;
  z-index:2!important;
}

body.v33-auth-active .login-wrapper .login-header .head-lan{
  z-index:2!important;
}

body.v33-auth-active .login-wrapper .login-header .head-lan .lange{
  color:#fff!important;
  font-weight:600!important;
}

body.v33-auth-active .v33-auth-logo{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  pointer-events:none!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:70%!important;
}
body.v33-auth-active .v33-auth-logo img{
  display:block!important;
  max-width:4.4rem!important;
  max-height:.96rem!important;
  height:.96rem!important;
  width:auto!important;
  object-fit:contain!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
}
body.v33-auth-active .v33-auth-logo .v84-brand-mark{
  display:none!important;
}

body.v33-auth-active .login-wrapper .logo,
body.v33-auth-active .login-wrapper .logo.v33-auth-logo-hidden{
  display:none!important;
  width:0!important;
  height:0!important;
  opacity:0!important;
  pointer-events:none!important;
  position:absolute!important;
  overflow:hidden!important;
}

.v33-auth-hero{
  position:relative;
  width:100%;
  padding:0;
  box-sizing:border-box;
  flex-shrink:0;
}

.v33-auth-hero-inner{
  position:relative;
  width:100%;
  min-height:3.7rem;
  overflow:hidden;
  display:flex;
  align-items:flex-start;
}
body.v33-auth-login .v33-auth-hero-inner{min-height:3.75rem;}
body.v33-auth-register .v33-auth-hero-inner{min-height:3.7rem;}

.v33-auth-hero-inner::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(26,11,61,.28) 0%,rgba(26,11,61,.08) 42%,transparent 68%);
  pointer-events:none;
  z-index:1;
}

.v33-auth-hero-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
  filter:none!important;
}

.v33-auth-hero--login .v33-auth-hero-bg{
  object-position:center 40%;
}

.v33-auth-hero--register .v33-auth-hero-bg{
  object-position:center 35%;
}

.v33-auth-hero-copy{
  position:relative;
  z-index:2;
  width:100%;
  padding:.22rem .36rem .18rem;
  box-sizing:border-box;
}

.v33-auth-hero-text-panel{
  display:block;
  max-width:72%;
  padding:0;
  border-radius:0;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}

.v33-auth-title{
  margin:0 0 .06rem;
  font-family:Inter,Poppins,system-ui,-apple-system,sans-serif;
  font-size:.64rem;
  font-weight:800;
  color:#fff;
  line-height:1.15;
  letter-spacing:-.02em;
  text-shadow:0 2px 10px rgba(0,0,0,.55),0 1px 3px rgba(0,0,0,.45);
}

.v33-auth-sub{
  margin:0;
  font-family:Inter,Poppins,system-ui,-apple-system,sans-serif;
  font-size:.24rem;
  font-weight:600;
  color:#fff;
  line-height:1.35;
  letter-spacing:-.01em;
  text-shadow:0 1px 8px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.4);
  max-width:100%;
}

body.v33-auth-login .v33-auth-sub{
  max-width:4.95rem;
}

.v33-auth-sub-line{
  display:block;
}

body.v33-auth-active .login-wrapper>section{
  margin-top:0!important;
  flex:1 1 auto!important;
  color:#fff!important;
  position:relative!important;
  z-index:3!important;
  background:#2D1B5E!important;
}

body.v33-auth-active .login-wrapper .login-section{
  background:#2D1B5E!important;
  border-radius:0!important;
  margin:0!important;
  padding:.42rem 0 .56rem!important;
  box-shadow:none!important;
  border:none!important;
}

body.v33-auth-active .login-wrapper .login-tabs,
body.v33-auth-active .login-wrapper .login-section .register-tabs{
  display:none!important;
}

body.v33-auth-active .login-wrapper .login-section .form-row .c .common{
  border:none!important;
  background:rgba(123,95,217,.24)!important;
  border-radius:.26rem!important;
  padding:.34rem .36rem!important;
  min-height:1.1rem!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
  margin-bottom:.24rem!important;
  transition:background .18s ease!important;
}

body.v33-auth-active .login-wrapper .login-section .form-row .c .common:focus-within{
  border:none!important;
  background:rgba(139,111,224,.36)!important;
  box-shadow:none!important;
  outline:none!important;
}

body.v33-auth-active .login-wrapper .login-section .form-row .c .common input,
body.v33-auth-active .login-wrapper .login-section .form-row .c .common textarea{
  color:#fff!important;
  font-weight:600!important;
  font-size:.34rem!important;
}

body.v33-auth-active .login-wrapper .login-section .form-row .c .common input::placeholder,
body.v33-auth-active .login-wrapper .login-section .form-row .c .common textarea::placeholder{
  color:rgba(196,181,232,.78)!important;
  font-weight:500!important;
}

body.v33-auth-active .login-wrapper .login-section form{
  padding:0 .4rem!important;
}

body.v33-auth-active .login-wrapper .forget{
  padding:0 .4rem .32rem!important;
}

body.v33-auth-active .login-wrapper .forget .page-type,
body.v33-auth-active .login-wrapper .forget .password{
  color:#FFD23F!important;
  font-weight:700!important;
  font-size:.28rem!important;
  text-decoration:none!important;
}

body.v33-auth-active .login-wrapper .actions{
  padding:0 .4rem!important;
  margin-top:.44rem!important;
  gap:.28rem!important;
}

body.v33-auth-active .login-wrapper .actions .btn,
body.v33-auth-active .login-wrapper .handle .btn{
  width:100%!important;
  margin:0!important;
  height:1rem!important;
  border-radius:.5rem!important;
  font-size:.36rem!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
}

body.v33-auth-active .login-wrapper .actions .primary .btn{
  color:#1A0B3D!important;
  background:linear-gradient(180deg,#FFE57A 0%,#F5C842 48%,#E5A82E 100%)!important;
  box-shadow:0 .12rem .32rem rgba(247,211,88,.32)!important;
  border:none!important;
  outline:none!important;
}

body.v33-auth-active .login-wrapper .actions .secondary .btn{
  background:rgba(123,95,217,.32)!important;
  border:none!important;
  outline:none!important;
  color:#FFD23F!important;
  box-shadow:none!important;
}

/* Login page — Register Now box (light violet, gold text) */
body.v33-auth-login .login-wrapper .actions .secondary .btn{
  background:rgba(123,95,217,.32)!important;
  color:#FFD23F!important;
  font-weight:800!important;
}

/* Register page — gold primary Register; secondary Password Login (violet + gold text) */
body.v33-auth-register .login-wrapper .actions .primary .btn{
  color:#1A0B3D!important;
  background:linear-gradient(180deg,#FFE57A 0%,#F5C842 48%,#E5A82E 100%)!important;
  box-shadow:0 .12rem .32rem rgba(247,211,88,.32)!important;
  border:none!important;
}

body.v33-auth-register .login-wrapper .actions .secondary .btn{
  background:rgba(123,95,217,.32)!important;
  color:#FFD23F!important;
  box-shadow:none!important;
  border:none!important;
}

/* Hide +3-999 reg reward badge on register */
body.v33-auth-active .login-wrapper .reg-tips,
body.v33-auth-active .login-wrapper .actions .primary .reg-tips,
body.v33-auth-active .login-wrapper .actions .reg-tips{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
}

body.v33-auth-active .login-wrapper .send{
  background:linear-gradient(180deg,#FFE57A 0%,#E5A82E 100%)!important;
  color:#1A0B3D!important;
  font-weight:800!important;
  border-radius:.44rem!important;
  min-height:.88rem!important;
  border:none!important;
  outline:none!important;
  box-shadow:none!important;
}

body.v33-auth-active .login-wrapper .send.disable{
  background:#443E53!important;
  color:#716981!important;
}

body.v33-auth-active .login-wrapper .login-type,
body.v33-auth-active .login-wrapper [class*="privacy"],
body.v33-auth-active .login-wrapper [class*="agree"]{
  color:rgba(255,255,255,.88)!important;
  font-weight:600!important;
}

body.v33-auth-active .login-wrapper a{
  color:#FFD23F!important;
  font-weight:700!important;
}

body.v33-auth-active .login-wrapper .actions .primary .reg-tips{
  display:none!important;
}

body.v33-auth-active .login-wrapper .login-section .form-row .c .common{
  background:rgba(123,95,217,.24)!important;
}

body.v33-auth-active .login-wrapper .login-section .form-row .c .common:focus-within{
  background:rgba(139,111,224,.36)!important;
}

body.v33-auth-active .login-wrapper .actions .secondary .btn,
body.v33-auth-login .login-wrapper .actions .secondary .btn{
  background:rgba(123,95,217,.32)!important;
}

body.v33-auth-active .login-wrapper,
body.v33-auth-active .login-wrapper *{
  border:none!important;
  outline:none!important;
}

body.v33-auth-active .login-wrapper .actions .btn,
body.v33-auth-active .login-wrapper .handle .btn,
body.v33-auth-active .login-wrapper .login-section .form-row,
body.v33-auth-active .login-wrapper .login-section .form-row .c,
body.v33-auth-active .login-wrapper .login-section .form-row .c .common,
body.v33-auth-active .login-wrapper .login-section .form-row .c .common input,
body.v33-auth-active .login-wrapper .login-section .form-row .c .common textarea,
body.v33-auth-active .login-wrapper .forget,
body.v33-auth-active .login-wrapper .actions,
body.v33-auth-active .login-wrapper .login-type,
body.v33-auth-active .login-wrapper [class*="privacy"],
body.v33-auth-active .login-wrapper [class*="agree"],
body.v33-auth-active .login-wrapper .verify-wrapper,
body.v33-auth-active .login-wrapper .login-section{
  border:none!important;
  outline:none!important;
  box-shadow:none!important;
}

body.v33-auth-login .login-wrapper .actions .primary .btn{
  height:1rem!important;
  font-size:.36rem!important;
  border-radius:.5rem!important;
  box-shadow:0 .08rem .22rem rgba(247,211,88,.28)!important;
}

body.v33-auth-login .login-wrapper .actions .btn,
body.v33-auth-login .login-wrapper .handle .btn{
  height:1rem!important;
  font-size:.36rem!important;
  border-radius:.5rem!important;
}

@media (max-width:360px){
  .v33-auth-title{font-size:.56rem!important}
  .v33-auth-sub{font-size:.22rem!important}
  .v33-auth-hero-inner{min-height:3.4rem!important}
}

@media (prefers-reduced-motion:reduce){
  .v33-auth-hero-bg{filter:none!important}
}

/* === V33 AR095 — compact header + image5/6 pill forms === */
body.v33-auth-active .login__container,
body.v33-auth-active .register__container{
  background:#1A0B3D!important;
  min-height:100vh!important;
  box-sizing:border-box!important;
  padding-top:0!important;
}
body.v33-auth-active .login__container-heading,
body.v33-auth-active .register__container-heading{
  display:none!important;
  min-height:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
body.v33-auth-active .login_container-tab{
  display:none!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

/* Compact nav — kill native bottom padding that blew header to ~115px */
body.v33-auth-active .login__container .navbar,
body.v33-auth-active .register__container .navbar,
body.v33-auth-active .login__container .navbar.main,
body.v33-auth-active .register__container .navbar.main,
body.v33-auth-active .login__container .van-nav-bar,
body.v33-auth-active .register__container .van-nav-bar{
  background:transparent!important;
  position:relative!important;
  min-height:1.06rem!important;
  height:auto!important;
  max-height:none!important;
  padding:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
body.v33-auth-active .login__container .navbar-fixed,
body.v33-auth-active .register__container .navbar-fixed,
body.v33-auth-active .login__container .navbar__content,
body.v33-auth-active .register__container .navbar__content{
  position:relative!important;
  min-height:1.06rem!important;
  height:1.06rem!important;
  max-height:1.2rem!important;
  padding:0 .28rem!important;
  margin:0!important;
  box-sizing:border-box!important;
  background:transparent!important;
}
body.v33-auth-active .login__container .headLogo,
body.v33-auth-active .register__container .headLogo,
body.v33-auth-active .login__container .v84-headlogo,
body.v33-auth-active .register__container .v84-headlogo{
  display:none!important;
  width:0!important;
  height:0!important;
  background:none!important;
  opacity:0!important;
}
body.v33-auth-active .login__container .v33-auth-logo,
body.v33-auth-active .register__container .v33-auth-logo{
  position:absolute!important;
  left:50%!important;
  top:.53rem!important;
  transform:translate(-50%,-50%)!important;
  z-index:5!important;
  pointer-events:none!important;
  display:flex!important;
  max-width:62%!important;
}
body.v33-auth-active .login__container .v33-auth-logo img,
body.v33-auth-active .register__container .v33-auth-logo img{
  display:block!important;
  max-width:3.6rem!important;
  max-height:.7rem!important;
  height:.7rem!important;
  width:auto!important;
  object-fit:contain!important;
}

/* Form shell */
body.v33-auth-active .login__container-form,
body.v33-auth-active .register__container-form,
body.v33-auth-active .signIn__container{
  background:#2D1B5E!important;
  margin-top:0!important;
  padding:.28rem .4rem .48rem!important;
  box-sizing:border-box!important;
}
body.v33-auth-active .login__container-form{
  margin-top:0!important;
  margin-bottom:0!important;
  padding-inline:.4rem!important;
}

/* Hide native field labels — icons moved into pills by JS */
body.v33-auth-active .phoneInput__container-label,
body.v33-auth-active .passwordInput__container-label,
body.v33-auth-active .register__container-invitation__label{
  display:none!important;
  margin:0!important;
  height:0!important;
  overflow:hidden!important;
}
body.v33-auth-active .phoneInput__container,
body.v33-auth-active .passwordInput__container,
body.v33-auth-active .register__container-invitation{
  margin-bottom:.22rem!important;
}
body.v33-auth-active .phoneInput__container-tips,
body.v33-auth-active .register__container-tips,
body.v33-auth-active .register__container-tip,
body.v33-auth-active .pwdTip{
  display:none!important;
}

/* Single pill rows */
body.v33-auth-active .phoneInput__container-input,
body.v33-auth-active .passwordInput__container-input,
body.v33-auth-active .register__container-invitation__input,
body.v33-auth-active .v33-pill-row{
  display:flex!important;
  align-items:center!important;
  gap:.12rem!important;
  width:100%!important;
  min-height:1.17rem!important;
  height:1.17rem!important;
  padding:0 .28rem!important;
  box-sizing:border-box!important;
  background:rgba(123,95,217,.28)!important;
  border:none!important;
  border-radius:.58rem!important;
  position:relative!important;
}
body.v33-auth-active .v33-pill-ico,
body.v33-auth-active .v33-pill-row > svg,
body.v33-auth-active .phoneInput__container-input > svg,
body.v33-auth-active .passwordInput__container-input > svg,
body.v33-auth-active .register__container-invitation__input > svg{
  flex:0 0 auto!important;
  width:.42rem!important;
  height:.42rem!important;
  color:#FFD23F!important;
  display:block!important;
}
body.v33-auth-active .v33-pill-ico svg{
  width:.42rem!important;
  height:.42rem!important;
  display:block!important;
  color:#FFD23F!important;
}
body.v33-auth-active .phoneInput__container-input input,
body.v33-auth-active .passwordInput__container-input input,
body.v33-auth-active .register__container-invitation__input input{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  margin-left:0!important;
  padding:.2rem .1rem!important;
  background:transparent!important;
  border:none!important;
  border-radius:0!important;
  color:#fff!important;
  font-size:.34rem!important;
  font-weight:600!important;
  box-shadow:none!important;
}
body.v33-auth-active .phoneInput__container-input input::placeholder,
body.v33-auth-active .passwordInput__container-input input::placeholder,
body.v33-auth-active .register__container-invitation__input input::placeholder{
  color:rgba(196,181,232,.72)!important;
  font-weight:500!important;
}
/* Country code sits inside same pill */
body.v33-auth-active .phoneInput__container-input [class*="drop"],
body.v33-auth-active .phoneInput__container-input .nember,
body.v33-auth-active .phoneInput__container-input .default,
body.v33-auth-active .phoneInput__container-input > div:first-of-type{
  flex:0 0 auto!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  color:#FFD23F!important;
  font-weight:800!important;
  font-size:.3rem!important;
  min-width:auto!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0 .06rem 0 0!important;
}
body.v33-auth-active .passwordInput__container-input img{
  position:static!important;
  transform:none!important;
  width:.4rem!important;
  height:.4rem!important;
  margin-left:.08rem!important;
  flex:0 0 auto!important;
  opacity:.85!important;
}

/* Remember row — hide to match image 5/6 */
body.v33-auth-active .signIn__container-remember,
body.v33-auth-active .register__container-remember{
  display:none!important;
}

/* Login buttons — gold Login + text Register Now */
body.v33-auth-login .signIn__container-button,
body.v33-auth-register .register__container-button{
  margin-top:.36rem!important;
  margin-bottom:.2rem!important;
  gap:0!important;
}
body.v33-auth-login .signIn__container-button button:not(.register):not(.dialogBtn),
body.v33-auth-login .signIn__container-button button.active{
  width:100%!important;
  max-width:7.73333rem!important;
  height:1.17rem!important;
  border-radius:.66rem!important;
  border:none!important;
  color:#1A0B3D!important;
  font-size:.4rem!important;
  font-weight:800!important;
  background:linear-gradient(180deg,#FFE57A 0%,#F5C842 48%,#E5A82E 100%)!important;
  box-shadow:0 .08rem .22rem rgba(247,211,88,.28)!important;
  margin:0!important;
}
body.v33-auth-login .signIn__container-button button.register{
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin-top:.28rem!important;
  padding:.08rem .2rem!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:.32rem!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
/* Register — gold Register + purple Password Login */
body.v33-auth-register .register__container-button button:not(.login):not(.dialogBtn){
  width:100%!important;
  max-width:7.73333rem!important;
  height:1.17rem!important;
  border-radius:.66rem!important;
  border:none!important;
  color:#1A0B3D!important;
  font-size:.4rem!important;
  font-weight:800!important;
  background:linear-gradient(180deg,#FFE57A 0%,#F5C842 48%,#E5A82E 100%)!important;
  box-shadow:0 .08rem .22rem rgba(247,211,88,.28)!important;
}
body.v33-auth-register .register__container-button button.login{
  width:100%!important;
  max-width:7.73333rem!important;
  height:1.17rem!important;
  margin-top:.22rem!important;
  border-radius:.66rem!important;
  border:none!important;
  background:rgba(123,95,217,.32)!important;
  color:#FFD23F!important;
  font-size:.36rem!important;
  font-weight:800!important;
  box-shadow:none!important;
}
body.v33-auth-register .register__container-button .account,
body.v33-auth-register .register__container-button .loginin{
  display:none!important;
}

/* Login Forgot — text link under password (image 5); JS relocates DOM node */
body.v33-auth-login .signIn_footer{
  display:flex!important;
  justify-content:flex-end!important;
  margin-top:.12rem!important;
  margin-bottom:.2rem!important;
  width:100%!important;
}
body.v33-auth-login .signIn_footer .customcon{
  display:none!important;
}
body.v33-auth-login .signIn_footer .forgetcon{
  width:auto!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:0!important;
}
body.v33-auth-login .signIn_footer .forgetbg{
  display:none!important;
}
body.v33-auth-login .signIn_footer .forgetcon .font24,
body.v33-auth-login .signIn_footer .font24{
  margin:0!important;
  color:#FFD23F!important;
  font-size:.28rem!important;
  font-weight:700!important;
  text-align:right!important;
}
body.v33-auth-active .forgetcon,
body.v33-auth-active .forgetcon .font24{
  color:#FFD23F!important;
  font-weight:700!important;
}

/* === V34 — Rex support/history header icons (all pages except Mine) ===
   Mine excluded in JS. Uniform 1.28rem everywhere msupport/HistoryRex show. */
.ar_icon[data-rexicon]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:1.28rem!important;
  height:1.28rem!important;
  min-width:1.28rem!important;
  min-height:1.28rem!important;
  flex-shrink:0!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:contain!important;
}
.ar_icon[data-rexicon] > svg{
  opacity:0!important;
  width:100%!important;
  height:100%!important;
}
.ar_icon[data-rexicon="support"]{
  background-image:url('/assets/darkPurple/rexsolutions/opt/msupport.png')!important;
}
.ar_icon[data-rexicon="history"]{
  background-image:url('/assets/darkPurple/rexsolutions/opt/HistoryRex.png')!important;
}

/* === V35 — Wallet page premium redesign (dhaniwin reference) === */
/* Desktop canvas: grey body sides; purple only inside #app (same as Mine) */
body.v40-route-wallet{
  background:#8E919E!important;
  background-color:#8E919E!important;
}
body.v40-route-wallet #app{
  background:#14082E!important;
}

body.v40-route-wallet .page-wrapper{
  background:#14082E!important;
  min-height:100vh;
}

body.v40-route-wallet .page-wrapper header{
  background:#1A0B3D!important;
  border:none!important;
  box-shadow:none!important;
}

body.v40-route-wallet .page-wrapper header.hearder_bottom_border{
  border-bottom:none!important;
}

body.v40-route-wallet .page-wrapper header .head-title .route-name{
  color:#fff!important;
  font-weight:700!important;
  font-size:.4rem!important;
}

body.v40-route-wallet .page-wrapper header .head-left .back{
  color:#fff!important;
}

body.v40-route-wallet .page-wrapper header .extra{
  display:flex!important;
  align-items:center!important;
  gap:.18rem!important;
}

body.v40-route-wallet .page-wrapper header .extra img.support-icon-img,
body.v40-route-wallet .page-wrapper header .extra img.icon[data-v35-support],
body.v40-route-wallet .page-wrapper header .extra img.icon{
  content:url('/assets/darkPurple/rexsolutions/opt/msupport.png')!important;
  width:1.34rem!important;
  height:1.34rem!important;
  min-width:1.34rem!important;
  min-height:1.34rem!important;
  max-width:1.34rem!important;
  max-height:1.34rem!important;
  object-fit:contain!important;
  display:block!important;
  flex-shrink:0!important;
}

body.v40-route-wallet .page-wrapper header .extra .ar_icon[data-rexicon]{
  width:1.34rem!important;
  height:1.34rem!important;
  min-width:1.34rem!important;
  min-height:1.34rem!important;
}

body.v40-route-wallet .v35-wallet-page,
body.v40-route-wallet .wallet{
  padding:.28rem .32rem .48rem!important;
  box-sizing:border-box!important;
}

body.v40-route-wallet .wallet > .card,
body.v40-route-wallet .v35-wallet-balance-card{
  position:relative!important;
  border:none!important;
  outline:none!important;
  border-radius:.28rem!important;
  overflow:hidden!important;
  margin:0 0 .48rem!important;
  min-height:2.96rem!important;
  max-height:3.2rem!important;
  padding:.4rem .28rem .36rem!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.1rem!important;
  background:
    var(--v35-wallet-banner, url('/assets/darkPurple/rexsolutions/opt/WalletBalanceBanner.svg')) left center/cover no-repeat,
    linear-gradient(135deg,rgba(139,114,232,.34) 0%,rgba(110,84,200,.26) 50%,rgba(74,53,136,.2) 100%)!important;
  box-shadow:none!important;
}

body.v40-route-wallet .wallet > .card.bottom_mix_style,
body.v40-route-wallet .wallet .bottom_mix_style{
  border:none!important;
  box-shadow:none!important;
}

body.v40-route-wallet .wallet > .card .title{
  margin:0!important;
  text-align:center!important;
  color:rgba(255,255,255,.92)!important;
  font-family:Poppins,Inter,system-ui,sans-serif!important;
  font-size:.347rem!important;
  font-weight:600!important;
  line-height:1.3!important;
}

body.v40-route-wallet .wallet > .card .amount{
  margin:0!important;
  text-align:center!important;
  font-family:Poppins,Inter,system-ui,sans-serif!important;
  font-size:.773rem!important;
  font-weight:700!important;
  line-height:1.1!important;
  letter-spacing:-.015em!important;
  color:#F0A830!important;
  -webkit-text-fill-color:#F0A830!important;
  background:none!important;
  text-shadow:0 .03rem .1rem rgba(0,0,0,.2)!important;
}

body.v40-route-wallet .wallet .tips{
  margin-top:0!important;
}

body.v40-route-wallet .wallet .tips .tip{
  margin:0 0 .56rem!important;
  padding:0!important;
}

body.v40-route-wallet .wallet .tips .tip:last-child{
  margin-bottom:0!important;
}

body.v40-route-wallet .wallet .tips .tip > .title{
  margin:0 0 .14rem!important;
  color:#fff!important;
  font-family:Poppins,Inter,system-ui,sans-serif!important;
  font-size:.373rem!important;
  font-weight:700!important;
  line-height:1.3!important;
}

body.v40-route-wallet .wallet .tips .tip > .content{
  margin:0 0 .32rem!important;
  color:rgba(255,255,255,.68)!important;
  font-family:Poppins,Inter,system-ui,sans-serif!important;
  font-size:.28rem!important;
  font-weight:400!important;
  line-height:1.55!important;
}

body.v40-route-wallet .wallet .tips .tip .btn,
body.v40-route-wallet .wallet .tips .tip .btn_main_style{
  width:100%!important;
  height:.96rem!important;
  min-height:.96rem!important;
  border:none!important;
  outline:none!important;
  border-radius:.48rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-family:Poppins,Inter,system-ui,sans-serif!important;
  font-size:.4rem!important;
  font-weight:700!important;
  color:#1A0A2E!important;
  background:linear-gradient(180deg,#FFE566 0%,#F5C842 42%,#E8A820 100%)!important;
  box-shadow:0 .07rem .18rem rgba(232,168,32,.3)!important;
  text-shadow:none!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  padding:0!important;
  margin:0!important;
}

body.v40-route-wallet .wallet .tips .tip .btn:active,
body.v40-route-wallet .wallet .tips .tip .btn_main_style:active{
  transform:scale(.98)!important;
  opacity:.92!important;
}

/* === V36 — Withdraw page premium redesign (dhaniwin reference, violet theme) === */
/* Desktop canvas: grey body sides; purple only inside #app (same as Mine) */
body.v40-route-withdraw{
  background:#8E919E!important;
  background-color:#8E919E!important;
  --v40-wd-box-bg:linear-gradient(165deg,rgba(124,98,215,.76) 0%,rgba(88,64,172,.82) 100%);
  --v40-wd-box-bg-active:linear-gradient(165deg,rgba(138,112,225,.88) 0%,rgba(98,72,185,.92) 100%);
}
body.v40-route-withdraw #app{
  background:#14082E!important;
  --v40-wd-box-bg:linear-gradient(165deg,rgba(124,98,215,.76) 0%,rgba(88,64,172,.82) 100%);
  --v40-wd-box-bg-active:linear-gradient(165deg,rgba(138,112,225,.88) 0%,rgba(98,72,185,.92) 100%);
}

body.v40-route-withdraw .page-wrapper{
  background:#14082E!important;
  min-height:100vh;
}

body.v40-route-withdraw .page-wrapper header{
  background:#1A0B3D!important;
  border:none!important;
  box-shadow:none!important;
}

body.v40-route-withdraw .page-wrapper header.hearder_bottom_border{
  border-bottom:none!important;
}

body.v40-route-withdraw .page-wrapper header .head-title .route-name{
  color:#fff!important;
  font-weight:700!important;
  font-size:.4rem!important;
}

body.v40-route-withdraw .page-wrapper header .head-left .back{
  color:#F0A830!important;
}

body.v40-route-withdraw .page-wrapper header .extra{
  display:flex!important;
  align-items:center!important;
  gap:.16rem!important;
}

body.v40-route-withdraw .page-wrapper header .extra img.support-icon-img,
body.v40-route-withdraw .page-wrapper header .extra img.icon[data-v36-support],
body.v40-route-withdraw .page-wrapper header .extra img.icon{
  content:url('/assets/darkPurple/rexsolutions/opt/msupport.png')!important;
  /* size owned by v40-withdraw-ref.css */
  object-fit:contain!important;
  display:block!important;
  flex-shrink:0!important;
}

body.v40-route-withdraw .page-wrapper header .extra .ar_icon[data-rexicon]{
  width:1.34rem!important;
  height:1.34rem!important;
  min-width:1.34rem!important;
  min-height:1.34rem!important;
}

body.v40-route-withdraw .page-wrapper header .extra .v36-wd-history-link{
  border:none!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
  color:#fff!important;
  font-family:Poppins,Inter,system-ui,sans-serif!important;
  font-size:.347rem!important;
  font-weight:600!important;
  line-height:1.2!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  white-space:nowrap!important;
}

body.v40-route-withdraw .page-wrapper header .extra .v36-wd-history-link:active{
  opacity:.78!important;
}

body.v40-route-withdraw .page-wrapper header .extra .ar_icon[data-rexicon="support"],
body.v40-route-withdraw .page-wrapper header .extra .withdrawExtra .ar_icon[data-rexicon="support"]{
  width:1.34rem!important;
  height:1.34rem!important;
  min-width:1.34rem!important;
  min-height:1.34rem!important;
  max-width:1.34rem!important;
  max-height:1.34rem!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
}

body.v40-route-withdraw .page-wrapper header .extra .withdrawExtra{
  display:flex!important;
  align-items:center!important;
  gap:.16rem!important;
}

body.v40-route-withdraw .page-wrapper header .extra .withdrawExtra .amountTips{
  display:none!important;
}

body.v40-route-withdraw .withdraw-wrapper,
body.v40-route-withdraw .v36-withdraw-page{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  padding:0!important;
  height:auto!important;
  min-height:calc(100vh - 1.44rem)!important;
  background:#14082E!important;
}

body.v40-route-withdraw .withdraw-wrapper .p1{
  display:flex!important;
  flex-direction:column!important;
  padding:.24rem .32rem .16rem!important;
  background:transparent!important;
  gap:.18rem!important;
}

/* Visual order only — DOM order is left untouched (Vue-managed), so we never
   fight Vue's own re-renders / v-if Fragment anchors. */
body.v40-route-withdraw .withdraw-wrapper .p1 > .v36-wd-hero{ order:0!important; }
body.v40-route-withdraw .withdraw-wrapper .p1 > .payment{ order:1!important; }
body.v40-route-withdraw .withdraw-wrapper .p1 > .add,
body.v40-route-withdraw .withdraw-wrapper .p1 > .view{ order:2!important; }
body.v40-route-withdraw .withdraw-wrapper .p1 > .amount{ order:3!important; }
body.v40-route-withdraw .withdraw-wrapper .p1 > .quick-select{ order:4!important; }
body.v40-route-withdraw .withdraw-wrapper .p1 > header{ display:none!important; }

body.v40-route-withdraw .withdraw-wrapper .payment{
  margin:0 0 .12rem!important;
  padding:0!important;
}

body.v40-route-withdraw .withdraw-wrapper .add{
  margin:.1rem 0 .06rem!important;
}

/* Account already bound — hide payment picker + redundant add row */
body.v40-route-withdraw .withdraw-wrapper.v36-has-bound-wallet .payment,
body.v40-route-withdraw .withdraw-wrapper.v36-has-bound-wallet .add{
  display:none!important;
}

body.v40-route-withdraw .withdraw-wrapper .view{
  margin:.1rem 0 .06rem!important;
}

body.v40-route-withdraw .withdraw-wrapper .quick-select{
  margin:.08rem 0 .06rem!important;
}

body.v40-route-withdraw .withdraw-wrapper .amount{
  margin:.1rem 0 .08rem!important;
}

body.v40-route-withdraw .withdraw-wrapper .bottom{
  display:flex!important;
  flex-direction:column!important;
  margin-top:.12rem!important;
  position:relative!important;
  bottom:auto!important;
  left:auto!important;
  background:#14082E!important;
  border:none!important;
  padding:.08rem .32rem .44rem!important;
  gap:.16rem!important;
}

/* Withdraw button — directly below Enter amount */
body.v40-route-withdraw .withdraw-wrapper .bottom > .handle{
  order:0!important;
  margin-top:.18rem!important;
  margin-bottom:.2rem!important;
}

body.v40-route-withdraw .withdraw-wrapper .bottom > .p2{
  order:1!important;
  margin-top:.12rem!important;
}

/* Hero balance card */
body.v40-route-withdraw .v36-wd-hero{
  margin:0 0 .24rem!important;
}

body.v40-route-withdraw .v36-wd-hero-card{
  position:relative!important;
  border:none!important;
  outline:none!important;
  border-radius:.24rem!important;
  overflow:hidden!important;
  min-height:2.8rem!important;
  padding:0!important;
  background:linear-gradient(128deg,rgba(107,82,196,.42) 0%,rgba(90,66,168,.32) 42%,rgba(46,31,92,.24) 100%)!important;
  box-shadow:0 .08rem .28rem rgba(10,4,24,.22)!important;
}

body.v40-route-withdraw .v36-wd-hero-card::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,rgba(20,8,46,.38) 0%,rgba(20,8,46,.12) 46%,rgba(20,8,46,0) 72%)!important;
}

body.v40-route-withdraw .v36-wd-hero-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:right center!important;
  pointer-events:none!important;
  z-index:0!important;
}

body.v40-route-withdraw .v36-wd-hero-body{
  position:relative!important;
  z-index:2!important;
  padding:.36rem .32rem .3rem!important;
  display:flex!important;
  flex-direction:column!important;
  gap:.08rem!important;
  max-width:72%!important;
}

body.v40-route-withdraw .v36-wd-hero-lbl{
  color:rgba(255,255,255,.82)!important;
  font-family:Poppins,Inter,system-ui,sans-serif!important;
  font-size:.267rem!important;
  font-weight:500!important;
  line-height:1.25!important;
}

body.v40-route-withdraw .v36-wd-hero-amt-row{
  display:flex!important;
  align-items:center!important;
  gap:.12rem!important;
}

body.v40-route-withdraw .v36-wd-hero-amt{
  color:#F0A830!important;
  font-family:Poppins,Inter,system-ui,sans-serif!important;
  font-size:.613rem!important;
  font-weight:700!important;
  line-height:1.08!important;
  letter-spacing:-.015em!important;
  -webkit-text-fill-color:#F0A830!important;
  text-shadow:0 .02rem .08rem rgba(0,0,0,.18)!important;
}

body.v40-route-withdraw .v36-wd-hero-amt span{
  font-size:.373rem!important;
  font-weight:600!important;
}

body.v40-route-withdraw .v36-wd-hero-refresh{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:.44rem!important;
  height:.44rem!important;
  cursor:pointer!important;
}

body.v40-route-withdraw .v36-wd-hero-refresh .van-icon{
  color:rgba(255,255,255,.75)!important;
  font-size:.36rem!important;
}

body.v40-route-withdraw .v36-wd-hero-sub{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.16rem!important;
  margin-top:.06rem!important;
  padding-top:.12rem!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}

body.v40-route-withdraw .v36-wd-hero-sub-lbl{
  color:rgba(255,255,255,.62)!important;
  font-size:.24rem!important;
  font-weight:500!important;
}

body.v40-route-withdraw .v36-wd-hero-sub-amt{
  color:#fff!important;
  font-size:.293rem!important;
  font-weight:600!important;
}

body.v40-route-withdraw .v36-wd-hero-sub-amt span{
  font-size:.24rem!important;
}

body.v40-route-withdraw .v36-wd-hero-card-row{
  display:flex!important;
  align-items:center!important;
  gap:.12rem!important;
  margin-top:.14rem!important;
}

body.v40-route-withdraw .v36-wd-hero-card-ico{
  width:.52rem!important;
  height:.34rem!important;
  flex-shrink:0!important;
  border-radius:.06rem!important;
  overflow:hidden!important;
  box-shadow:0 .02rem .06rem rgba(0,0,0,.18)!important;
}

body.v40-route-withdraw .v36-wd-hero-card-ico svg{
  width:100%!important;
  height:100%!important;
  display:block!important;
}

body.v40-route-withdraw .v36-wd-hero-card-num{
  color:rgba(255,255,255,.62)!important;
  font-size:.213rem!important;
  font-weight:500!important;
  letter-spacing:.06em!important;
  font-variant-numeric:tabular-nums!important;
}

/* Payment methods */
body.v40-route-withdraw .payment .title{
  margin:0 0 .24rem!important;
  color:#fff!important;
  font-family:Poppins,Inter,system-ui,sans-serif!important;
  font-size:.293rem!important;
  font-weight:600!important;
}

body.v40-route-withdraw .payment .title span{
  color:#FF6B6B!important;
}

body.v40-route-withdraw .payment .options{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  align-items:stretch!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  padding:.08rem 0 .04rem!important;
}

/* Visual order: Bank → UPI → USDT → AR Wallet (DOM stays Vue-safe) */
body.v40-route-withdraw .payment .option[data-v36-type="bank"]{ order:1!important; }
body.v40-route-withdraw .payment .option[data-v36-type="upi"]{ order:2!important; }
body.v40-route-withdraw .payment .option[data-v36-type="usdt"]{ order:3!important; }
body.v40-route-withdraw .payment .option[data-v36-type="arwallet"]{ order:4!important; }

/* Clean 4-up row: no boxes — only thin whitish vertical dividers */
body.v40-route-withdraw .payment .option{
  position:relative!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  padding:.22rem .08rem .2rem!important;
  margin:0!important;
  border:none!important;
  outline:none!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.92)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.14rem!important;
  box-shadow:none!important;
  transition:color .14s ease,transform .12s ease!important;
}

body.v40-route-withdraw .payment .option:active{
  transform:scale(.97)!important;
}

body.v40-route-withdraw .payment .option::before{
  display:none!important;
  content:none!important;
}

/* Thin whitish divider between categories (not after last) */
body.v40-route-withdraw .payment .option::after{
  display:block!important;
  content:''!important;
  position:absolute!important;
  right:0!important;
  top:18%!important;
  bottom:18%!important;
  width:1px!important;
  background:rgba(255,255,255,.28)!important;
  pointer-events:none!important;
  border:none!important;
  box-shadow:none!important;
}
body.v40-route-withdraw .payment .option[data-v36-type="arwallet"]::after{
  display:none!important;
  content:none!important;
}

body.v40-route-withdraw .payment .option .v36-wd-pay-ic{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:.92rem!important;
  height:.92rem!important;
  max-width:.92rem!important;
  max-height:.92rem!important;
  border-radius:0!important;
  background:transparent!important;
  flex:0 0 auto!important;
  overflow:visible!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
}

body.v40-route-withdraw .payment .option img,
body.v40-route-withdraw .payment .option .v36-wd-pay-ic img{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  flex:none!important;
  display:block!important;
  filter:none!important;
  background:transparent!important;
}

/* Force the exact custom icon via CSS `content:url()`. This overrides
   whatever `src` Vue's own reactivity sets on the <img>, so the icon can
   NEVER flip back to the native one — regardless of active/inactive state
   or how many times the tile is clicked. */
body.v40-route-withdraw .payment .option[data-v36-type="bank"] .v36-wd-pay-ic img{
  content:url('/assets/darkPurple/rexsolutions/opt/20240504063413020013.png')!important;
}
body.v40-route-withdraw .payment .option[data-v36-type="upi"] .v36-wd-pay-ic img{
  content:url('/assets/darkPurple/rexsolutions/Rex12.webp')!important;
}
body.v40-route-withdraw .payment .option[data-v36-type="usdt"] .v36-wd-pay-ic img{
  content:url('/assets/darkPurple/rexsolutions/opt/usdt.svg')!important;
}
body.v40-route-withdraw .payment .option[data-v36-type="arwallet"] .v36-wd-pay-ic img{
  content:url('/assets/darkPurple/rexsolutions/Rex14.webp')!important;
}

body.v40-route-withdraw .payment .option .text{
  font-size:.26rem!important;
  font-weight:800!important;
  text-align:center!important;
  line-height:1.15!important;
  color:inherit!important;
  letter-spacing:.01em!important;
  text-transform:uppercase!important;
  font-family:Poppins,Inter,system-ui,sans-serif!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  white-space:normal!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  margin:0!important;
  padding:0 .02rem!important;
}

/* Active = gold label only — no box / no ring */
body.v40-route-withdraw .payment .option.active{
  background:transparent!important;
  color:#F0A830!important;
  z-index:1!important;
  box-shadow:none!important;
}

body.v40-route-withdraw .payment .option.active .v36-wd-pay-ic{
  background:transparent!important;
  box-shadow:none!important;
}

body.v40-route-withdraw .payment .option.active .text{
  color:#F0A830!important;
  font-weight:800!important;
}

body.v40-route-withdraw .payment .option.active img{
  filter:drop-shadow(0 .04rem .1rem rgba(240,168,48,.28))!important;
}

body.v40-route-withdraw .payment .option .w_tl,
body.v40-route-withdraw .payment .option .w_rb,
body.v40-route-withdraw .payment .option img.w_tl,
body.v40-route-withdraw .payment .option img.w_rb{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Bind wallet / add account */
body.v40-route-withdraw .add{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.12rem!important;
  height:.853rem!important;
  min-height:.853rem!important;
  padding:0 .32rem!important;
  border:none!important;
  outline:none!important;
  border-radius:.427rem!important;
  background:linear-gradient(180deg,#FFE566 0%,#F5C842 42%,#E8A820 100%)!important;
  color:#1A0A2E!important;
  font-family:Poppins,Inter,system-ui,sans-serif!important;
  font-size:.347rem!important;
  font-weight:700!important;
  box-shadow:0 .06rem .16rem rgba(232,168,32,.28)!important;
}

body.v40-route-withdraw .add .add_icon{
  display:none!important;
}

body.v40-route-withdraw .add .v36-wd-plus{
  font-size:.427rem!important;
  font-weight:700!important;
  line-height:1!important;
}

body.v40-route-withdraw .add:active{
  transform:scale(.98)!important;
  opacity:.92!important;
}

/* Bound account view — compact height + light violet box */
body.v40-route-withdraw .view{
  border:none!important;
  outline:none!important;
  border-radius:.22rem!important;
  background:var(--v40-wd-box-bg)!important;
  padding:.14rem .22rem!important;
  margin-top:.2rem!important;
  min-height:auto!important;
  color:#fff!important;
  align-items:center!important;
}

body.v40-route-withdraw .view>div{
  gap:.22rem!important;
  align-items:center!important;
}

body.v40-route-withdraw .view>div .i{
  border:none!important;
  border-right:1px solid rgba(255,255,255,.12)!important;
  padding-right:.22rem!important;
  gap:.04rem!important;
}

body.v40-route-withdraw .view .v36-wd-view-ic,
body.v40-route-withdraw .view>div .i .v36-wd-view-ic{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:.56rem!important;
  height:.56rem!important;
  flex:none!important;
}

body.v40-route-withdraw .view .fire_icon,
body.v40-route-withdraw .view>div .i img{
  width:.52rem!important;
  height:.52rem!important;
  min-width:.52rem!important;
  min-height:.52rem!important;
  object-fit:contain!important;
  display:block!important;
}

body.v40-route-withdraw .view[data-v36-type="bank"] .i img,
body.v40-route-withdraw .view[data-v36-type="bank"] img.fire_icon{
  content:url('/assets/darkPurple/rexsolutions/opt/20240504063413020013.png')!important;
}
body.v40-route-withdraw .view[data-v36-type="upi"] .i img,
body.v40-route-withdraw .view[data-v36-type="upi"] img.fire_icon{
  content:url('/assets/darkPurple/rexsolutions/Rex12.webp')!important;
}
body.v40-route-withdraw .view[data-v36-type="arwallet"] .i img,
body.v40-route-withdraw .view[data-v36-type="arwallet"] img.fire_icon{
  content:url('/assets/darkPurple/rexsolutions/Rex14.webp')!important;
}
body.v40-route-withdraw .view[data-v36-type="usdt"] .i img,
body.v40-route-withdraw .view[data-v36-type="usdt"] img.fire_icon{
  content:url('/assets/darkPurple/rexsolutions/opt/usdt.svg')!important;
}

body.v40-route-withdraw .view>div .i p{
  font-size:.213rem!important;
  line-height:1.2!important;
  max-width:2.4rem!important;
}

body.v40-route-withdraw .view>div>p{
  font-size:.267rem!important;
  line-height:1.25!important;
  -webkit-line-clamp:1!important;
}

body.v40-route-withdraw .view .van-icon{
  font-size:.36rem!important;
}

/* Amount input */
body.v40-route-withdraw .amount{
  border:none!important;
  outline:none!important;
  border-radius:.22rem!important;
  background:var(--v40-wd-box-bg)!important;
  padding:.22rem .26rem!important;
  font-size:.347rem!important;
  color:#fff!important;
}

body.v40-route-withdraw .amount:focus-within{
  background:var(--v40-wd-box-bg-active)!important;
}

body.v40-route-withdraw .amount input{
  color:#fff!important;
  font-size:.347rem!important;
}

body.v40-route-withdraw .amount input::placeholder{
  color:rgba(255,255,255,.72)!important;
}

body.v40-route-withdraw .amount .currency{
  color:#F0A830!important;
  font-weight:600!important;
}

body.v40-route-withdraw .amount .currency::after{
  background:rgba(255,255,255,.18)!important;
}

body.v40-route-withdraw .amount .all{
  color:#F0A830!important;
  font-size:.347rem!important;
  font-weight:700!important;
}

body.v40-route-withdraw .amount .all::before{
  background:rgba(255,255,255,.12)!important;
}

/* Quick select amounts */
body.v40-route-withdraw .quick-select .title{
  color:#fff!important;
  font-size:.293rem!important;
  font-weight:600!important;
  margin-bottom:.2rem!important;
}

body.v40-route-withdraw .quick-select .option{
  border:none!important;
  border-radius:.18rem!important;
  background:var(--v40-wd-box-bg)!important;
  color:rgba(255,255,255,.88)!important;
  font-size:.293rem!important;
}

body.v40-route-withdraw .quick-select .option.active{
  background:var(--v40-wd-box-bg-active)!important;
  color:#fff!important;
  box-shadow:0 0 0 .03rem rgba(240,168,48,.45)!important;
}

/* Info rows + rules */
body.v40-route-withdraw .bottom .p2{
  padding:0!important;
}

body.v40-route-withdraw .info{
  gap:.2rem!important;
  margin-bottom:.36rem!important;
  margin-top:.12rem!important;
  display:flex!important;
  flex-direction:column!important;
}

body.v40-route-withdraw .info .item{
  border:none!important;
  outline:none!important;
  border-radius:.22rem!important;
  background:var(--v40-wd-box-bg)!important;
  padding:.32rem .3rem!important;
  min-height:.92rem!important;
  box-sizing:border-box!important;
  color:#fff!important;
  font-size:.3rem!important;
  line-height:1.35!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.2rem!important;
}

body.v40-route-withdraw .info .item span{
  color:#fff!important;
  font-weight:800!important;
  font-size:.32rem!important;
  line-height:1.3!important;
}

body.v43-nav-fast .global-loading,
.global-loading[data-v43-hide="1"]{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

body.v40-route-withdraw .info .item[data-v36-wager="1"],
body.v40-route-withdraw .info .v36-wd-wager-item{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.2rem!important;
  min-height:.92rem!important;
  padding:.32rem .3rem!important;
}

body.v40-route-withdraw .info .item[data-v36-wager-native-hidden="1"]{
  display:none!important;
}

body.v40-route-withdraw .v36-wd-wager-lbl{
  color:#fff!important;
  font-size:.3rem!important;
  font-weight:500!important;
  line-height:1.35!important;
}

body.v40-route-withdraw .v36-wd-wager-amt{
  color:#fff!important;
  font-weight:800!important;
  font-size:.32rem!important;
  margin-left:auto!important;
  line-height:1.3!important;
}

body.v40-route-withdraw .tip{
  border:none!important;
  outline:none!important;
  border-radius:.22rem!important;
  background:var(--v40-wd-box-bg)!important;
  padding:.26rem .28rem!important;
  margin-top:0!important;
  color:#fff!important;
  font-size:.24rem!important;
  line-height:1.6!important;
}

body.v40-route-withdraw .tip p:last-child{
  color:#fff!important;
  font-size:.227rem!important;
}

body.v40-route-withdraw .tip p:last-child span,
body.v40-route-withdraw .tip span{
  color:#F0A830!important;
}

/* Full withdrawal rules / instructions block */
body.v40-route-withdraw .v36-wd-rules{
  display:flex!important;
  flex-direction:column!important;
  gap:.26rem!important;
  margin-top:.24rem!important;
  padding:.36rem .32rem!important;
  border:none!important;
  outline:none!important;
  border-radius:.26rem!important;
  background:var(--v40-wd-box-bg)!important;
}

body.v40-route-withdraw .v36-wd-rule-row{
  display:flex!important;
  align-items:flex-start!important;
  gap:.18rem!important;
}

body.v40-route-withdraw .v36-wd-rule-dot{
  flex:none!important;
  width:.17rem!important;
  height:.17rem!important;
  margin-top:.08rem!important;
  border-radius:50%!important;
  background:#F0A830!important;
  box-shadow:0 0 0 .07rem rgba(240,168,48,.22)!important;
}

body.v40-route-withdraw .v36-wd-rule-text{
  flex:1!important;
  color:#fff!important;
  font-family:Poppins,Inter,system-ui,sans-serif!important;
  font-size:.293rem!important;
  font-weight:700!important;
  line-height:1.55!important;
}

/* Withdraw button */
body.v40-route-withdraw .bottom .handle{
  width:100%!important;
  height:.96rem!important;
  min-height:.96rem!important;
  line-height:.96rem!important;
  margin-top:.22rem!important;
  margin-bottom:.28rem!important;
  border:none!important;
  outline:none!important;
  border-radius:.48rem!important;
  font-family:Poppins,Inter,system-ui,sans-serif!important;
  font-size:.373rem!important;
  font-weight:700!important;
  color:#1A0A2E!important;
  background:linear-gradient(180deg,#FFE566 0%,#F5C842 42%,#E8A820 100%)!important;
  box-shadow:0 .06rem .16rem rgba(232,168,32,.28)!important;
}

body.v40-route-withdraw .bottom .handle:active:not(.disabled){
  transform:scale(.98)!important;
  opacity:.92!important;
}

/* Disabled Withdraw — lighter white so it stays readable on dark purple */
body.v40-route-withdraw .bottom .handle.disabled,
body.v40-route-withdraw .bottom .handle[disabled],
body.v40-route-withdraw .bottom .handle.banAddCard.disabled{
  background:rgba(255,255,255,.52)!important;
  color:rgba(26,10,46,.72)!important;
  box-shadow:0 .04rem .12rem rgba(255,255,255,.12)!important;
  opacity:1!important;
  border:1px solid rgba(255,255,255,.35)!important;
}

body.v40-route-withdraw .banAddCardTips{
  color:rgba(255,255,255,.55)!important;
  font-size:.213rem!important;
  padding:.24rem 0!important;
}

body.v40-route-withdraw .withdrawExtra{
  color:rgba(255,255,255,.72)!important;
}

/* === V37 — Force kill stale login/mine UI (works before JS body classes) === */
#app.ar-login,
#app.ar-register{
  background:#1A0B3D!important;
  min-height:100vh;
}

#app.ar-login .login-wrapper,
#app.ar-register .login-wrapper{
  background:transparent!important;
  min-height:100vh;
}

#app.ar-login .login-wrapper .login-header,
#app.ar-register .login-wrapper .login-header{
  background:transparent!important;
  background-image:none!important;
  aspect-ratio:auto!important;
  -webkit-aspect-ratio:auto!important;
  min-height:auto!important;
  height:auto!important;
}

#app.ar-login .login-wrapper .logo,
#app.ar-register .login-wrapper .logo,
#app.ar-login .login-wrapper .login-header .logo,
#app.ar-register .login-wrapper .login-header .logo,
#app.ar-login .login-wrapper .logo img,
#app.ar-register .login-wrapper .logo img{
  display:none!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}


/* Withdraw success popup — bigger message + celebration layer */
body.v40-route-withdraw .v36-wd-success-dialog .dialog-title,
body.v40-route-withdraw .cashOutDialog.v36-wd-success-dialog .dialog-title{
  font-size:.44rem!important;
  font-weight:800!important;
  color:#fff!important;
}

body.v40-route-withdraw .v36-wd-success-msg{
  margin:0 0 .28rem!important;
  padding:.12rem .08rem!important;
  font-size:.34rem!important;
  line-height:1.55!important;
  font-weight:600!important;
  color:#fde68a!important;
  text-align:center!important;
  letter-spacing:.01em!important;
}

body.v40-route-withdraw .cashOutDialog.v36-wd-success-dialog .dialog-content{
  padding-top:.16rem!important;
}

body.v40-route-withdraw .cashOutDialog.v36-wd-success-dialog .btn2,
body.v40-route-withdraw .cashOutDialog.v36-wd-success-dialog .banAddCard.btn2{
  font-size:.36rem!important;
  font-weight:800!important;
}

#v36-wd-celebrate,
#v36-wd-celebrate.v36-wd-celebrate{
  position:fixed!important;
  inset:0!important;
  top:0!important; left:0!important; right:0!important; bottom:0!important;
  z-index:2147483640!important;
  pointer-events:none!important;
  overflow:hidden!important;
  width:100vw!important;
  height:100vh!important;
}

#v36-wd-celebrate .v36-wd-confetti-canvas,
.v36-wd-confetti-canvas{
  display:block!important;
  position:absolute!important;
  top:0!important; left:0!important;
  pointer-events:none!important;
}

/* ============================================================
   V33 — Withdraw History (reference tabs + violet big cards)
   ============================================================ */
body.v40-route-withdraw-history,
body:has(.history-wrapper){
  background:#8E919E!important;
  background-color:#8E919E!important;
  font-family:Poppins,Inter,system-ui,sans-serif!important;
}
body.v40-route-withdraw-history #app,
body:has(.history-wrapper) #app{
  background:var(--v40-bg-base,#14082B)!important;
}

body.v40-route-withdraw-history .page-wrapper header,
body:has(.history-wrapper) .page-wrapper header{
  background:var(--v40-bg-base,#14082B)!important;
  box-shadow:none!important;
}

body.v40-route-withdraw-history .history-wrapper,
body:has(.history-wrapper) .history-wrapper,
body.v40-route-withdraw-history .rechargeh__container{
  padding-top:calc(1.22667rem + .12rem)!important;
  padding-right:.28rem!important;
  padding-bottom:.4rem!important;
  padding-left:.28rem!important;
  min-height:0!important;
  height:auto!important;
  background:transparent!important;
  overflow:visible!important;
}

/* Remove native 1 Day / 7 Days / 30 Days + old date row */
body.v40-route-withdraw-history .history-wrapper > .header,
body.v40-route-withdraw-history .history-wrapper > .info,
body:has(.history-wrapper) .history-wrapper > .header,
body:has(.history-wrapper) .history-wrapper > .info,
body.v40-route-withdraw-history .history-wrapper > .header[data-v33-hidden],
body.v40-route-withdraw-history .history-wrapper > .info[data-v33-hidden]{
  display:none!important;
  height:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}

body.v40-route-withdraw-history .v33-wdhist-toolbar,
body:has(.history-wrapper) .v33-wdhist-toolbar{
  margin:.08rem 0 .16rem!important;
  padding:.14rem .1rem .12rem!important;
  border-radius:.22rem!important;
  background:linear-gradient(180deg,rgba(55,30,100,.22) 0%,rgba(20,8,43,.12) 100%)!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* Category tabs — clean row, no boxes, thin whitish dividers */
body.v40-route-withdraw-history .v33-wdhist-cats,
body:has(.history-wrapper) .v33-wdhist-cats{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  gap:0!important;
  overflow:visible!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  padding:.14rem 0 .1rem!important;
  background:transparent!important;
  min-height:0!important;
}
body.v40-route-withdraw-history .v33-wdhist-cats::-webkit-scrollbar{display:none!important;}

body.v40-route-withdraw-history .v33-wdhist-cat,
body:has(.history-wrapper) .v33-wdhist-cat{
  position:relative!important;
  flex:1 1 0!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:1.7rem!important;
  border:none!important;
  outline:none!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.12rem!important;
  padding:.16rem .06rem .14rem!important;
  cursor:pointer!important;
  color:rgba(255,255,255,.92)!important;
  -webkit-tap-highlight-color:transparent!important;
  transform:translateZ(0)!important;
  transition:color .12s ease,transform .12s ease!important;
}
body.v40-route-withdraw-history .v33-wdhist-cat:not(:last-child)::after,
body:has(.history-wrapper) .v33-wdhist-cat:not(:last-child)::after{
  content:''!important;
  position:absolute!important;
  right:0!important;
  top:18%!important;
  bottom:18%!important;
  width:1px!important;
  background:rgba(255,255,255,.28)!important;
  pointer-events:none!important;
}
body.v40-route-withdraw-history .v33-wdhist-cat:active,
body:has(.history-wrapper) .v33-wdhist-cat:active{
  transform:scale(.96)!important;
}
body.v40-route-withdraw-history .v33-wdhist-cat.active,
body:has(.history-wrapper) .v33-wdhist-cat.active{
  background:transparent!important;
  box-shadow:none!important;
  color:#F0A830!important;
}
body.v40-route-withdraw-history .v33-wdhist-cat.active .v33-wdhist-cat-lbl,
body:has(.history-wrapper) .v33-wdhist-cat.active .v33-wdhist-cat-lbl{
  color:#F0A830!important;
}

body.v40-route-withdraw-history .v33-wdhist-cat-ico,
body:has(.history-wrapper) .v33-wdhist-cat-ico{
  width:.88rem!important;
  height:.88rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.v40-route-withdraw-history .v33-wdhist-cat-ico img,
body:has(.history-wrapper) .v33-wdhist-cat-ico img{
  width:.88rem!important;
  height:.88rem!important;
  min-width:.88rem!important;
  min-height:.88rem!important;
  object-fit:contain!important;
  border-radius:0!important;
  filter:none!important;
}
body.v40-route-withdraw-history .v33-wdhist-cat-ico svg,
body:has(.history-wrapper) .v33-wdhist-cat-ico svg{
  width:.78rem!important;
  height:.78rem!important;
}
body.v40-route-withdraw-history .v33-wdhist-cat-lbl,
body:has(.history-wrapper) .v33-wdhist-cat-lbl{
  font-size:.26rem!important;
  font-weight:800!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
}

/* Filter row — violet boxes, no borders */
body.v40-route-withdraw-history .v33-wdhist-filters,
body:has(.history-wrapper) .v33-wdhist-filters{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:.14rem!important;
  margin-top:.1rem!important;
}
body.v40-route-withdraw-history .v33-wdhist-dd,
body.v40-route-withdraw-history .v33-wdhist-date,
body:has(.history-wrapper) .v33-wdhist-dd,
body:has(.history-wrapper) .v33-wdhist-date{
  position:relative!important;
}
body.v40-route-withdraw-history .v33-wdhist-dd-btn,
body.v40-route-withdraw-history .v33-wdhist-date-btn,
body:has(.history-wrapper) .v33-wdhist-dd-btn,
body:has(.history-wrapper) .v33-wdhist-date-btn{
  width:100%!important;
  height:.96rem!important;
  border:none!important;
  outline:none!important;
  border-radius:.24rem!important;
  background:linear-gradient(145deg,rgba(90,55,140,.65),rgba(55,30,100,.85))!important;
  box-shadow:0 4px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:.28rem!important;
  font-weight:700!important;
  padding:0 .24rem!important;
  text-align:left!important;
  cursor:pointer!important;
  appearance:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.v40-route-withdraw-history .v33-wdhist-date-btn,
body:has(.history-wrapper) .v33-wdhist-date-btn{
  text-align:center!important;
  font-size:.24rem!important;
}
body.v40-route-withdraw-history .v33-wdhist-dd-menu,
body:has(.history-wrapper) .v33-wdhist-dd-menu{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:calc(100% + .08rem)!important;
  z-index:200!important;
  background:linear-gradient(180deg,#2f1858,#1f0f3d)!important;
  border:none!important;
  border-radius:.2rem!important;
  box-shadow:0 12px 32px rgba(0,0,0,.45)!important;
  overflow:hidden!important;
}
body.v40-route-withdraw-history .v33-wdhist-dd-item,
body:has(.history-wrapper) .v33-wdhist-dd-item{
  display:block!important;
  width:100%!important;
  border:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.88)!important;
  font-size:.3rem!important;
  font-weight:600!important;
  text-align:left!important;
  padding:.24rem .28rem!important;
  cursor:pointer!important;
}
body.v40-route-withdraw-history .v33-wdhist-dd-item.active,
body.v40-route-withdraw-history .v33-wdhist-dd-item:hover,
body:has(.history-wrapper) .v33-wdhist-dd-item.active,
body:has(.history-wrapper) .v33-wdhist-dd-item:hover{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}

body.v40-route-withdraw-history .v33-wdhist-date-pop,
body:has(.history-wrapper) .v33-wdhist-date-pop{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:calc(100% + .08rem)!important;
  z-index:220!important;
}
body.v40-route-withdraw-history .v33-wdhist-date-pop-inner,
body:has(.history-wrapper) .v33-wdhist-date-pop-inner{
  background:linear-gradient(180deg,#2f1858,#1f0f3d)!important;
  border:none!important;
  border-radius:.24rem!important;
  box-shadow:0 12px 32px rgba(0,0,0,.45)!important;
  padding:.24rem!important;
}
body.v40-route-withdraw-history .v33-wdhist-date-pop-title,
body:has(.history-wrapper) .v33-wdhist-date-pop-title{
  color:#fff!important;
  font-size:.3rem!important;
  font-weight:800!important;
  margin-bottom:.18rem!important;
  text-align:center!important;
}
body.v40-route-withdraw-history .v33-wdhist-date-field,
body:has(.history-wrapper) .v33-wdhist-date-field{
  display:flex!important;
  flex-direction:column!important;
  gap:.1rem!important;
  margin-bottom:.16rem!important;
}
body.v40-route-withdraw-history .v33-wdhist-date-field span,
body:has(.history-wrapper) .v33-wdhist-date-field span{
  color:rgba(255,255,255,.75)!important;
  font-size:.26rem!important;
  font-weight:700!important;
}
body.v40-route-withdraw-history .v33-wdhist-date-field input[type="date"],
body:has(.history-wrapper) .v33-wdhist-date-field input[type="date"]{
  width:100%!important;
  height:.88rem!important;
  border:none!important;
  border-radius:.18rem!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:.3rem!important;
  font-weight:700!important;
  padding:0 .16rem!important;
  box-sizing:border-box!important;
  color-scheme:dark!important;
}
body.v40-route-withdraw-history .v33-wdhist-date-actions,
body:has(.history-wrapper) .v33-wdhist-date-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:.12rem!important;
  margin-top:.08rem!important;
}
body.v40-route-withdraw-history .v33-wdhist-date-cancel,
body.v40-route-withdraw-history .v33-wdhist-date-apply,
body:has(.history-wrapper) .v33-wdhist-date-cancel,
body:has(.history-wrapper) .v33-wdhist-date-apply{
  height:.84rem!important;
  border-radius:.18rem!important;
  font-size:.28rem!important;
  font-weight:800!important;
  border:0!important;
  cursor:pointer!important;
}
body.v40-route-withdraw-history .v33-wdhist-date-cancel,
body:has(.history-wrapper) .v33-wdhist-date-cancel{
  background:rgba(255,255,255,.1)!important;
  color:#fff!important;
}
body.v40-route-withdraw-history .v33-wdhist-date-apply,
body:has(.history-wrapper) .v33-wdhist-date-apply{
  background:var(--v40-gold-grad,linear-gradient(180deg,#F6D98A,#D9A94A))!important;
  color:#1B0B36!important;
}

/* List area */
body.v40-route-withdraw-history .history-wrapper .list,
body:has(.history-wrapper) .history-wrapper .list{
  margin-top:.12rem!important;
}

/* Big violet order cards — deposit-history match */
body.v40-route-withdraw-history .history-wrapper .list .item,
body:has(.history-wrapper) .history-wrapper .list .item{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  gap:0!important;
  margin-bottom:.32rem!important;
  padding:0!important;
  border:none!important;
  border-radius:.32rem!important;
  background:linear-gradient(145deg,rgba(90,55,140,.65),rgba(55,30,100,.85))!important;
  box-shadow:0 4px 18px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08)!important;
  overflow:hidden!important;
  min-height:5.4rem!important;
  position:relative!important;
}
body.v40-route-withdraw-history .history-wrapper .list .item::before,
body:has(.history-wrapper) .history-wrapper .list .item::before{
  display:none!important;
}
body.v40-route-withdraw-history .history-wrapper .list .item > .img,
body:has(.history-wrapper) .history-wrapper .list .item > .img{
  display:none!important;
}

body.v40-route-withdraw-history .history-wrapper .item-content,
body:has(.history-wrapper) .history-wrapper .item-content{
  flex:1!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  padding:0!important;
  position:relative!important;
  z-index:1!important;
}

body.v40-route-withdraw-history .v33-wdhist-card-head,
body:has(.history-wrapper) .v33-wdhist-card-head{
  display:none!important;
}

body.v40-route-withdraw-history .v33-wdhist-card-body,
body:has(.history-wrapper) .v33-wdhist-card-body{
  padding:.3rem .34rem .34rem!important;
  display:flex!important;
  flex-direction:column!important;
  gap:.2rem!important;
  width:100%!important;
}

body.v40-route-withdraw-history .v33-wdhist-row--balance,
body:has(.history-wrapper) .v33-wdhist-row--balance{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.16rem!important;
  padding-bottom:.16rem!important;
  margin-bottom:.04rem!important;
  border-bottom:1px solid rgba(255,255,255,.1)!important;
}
body.v40-route-withdraw-history .v33-wdhist-row--balance .time,
body:has(.history-wrapper) .v33-wdhist-row--balance .time{
  color:rgba(255,180,160,.95)!important;
  font-size:.34rem!important;
  font-weight:700!important;
}
body.v40-route-withdraw-history .v33-wdhist-row--balance .r1,
body:has(.history-wrapper) .v33-wdhist-row--balance .r1{
  color:var(--v40-gold,#F5C24C)!important;
  font-size:.36rem!important;
  font-weight:900!important;
  text-align:right!important;
}

body.v40-route-withdraw-history .v33-wdhist-row--order,
body:has(.history-wrapper) .v33-wdhist-row--order{
  display:flex!important;
  align-items:flex-start!important;
  gap:.22rem!important;
  padding:.18rem .2rem!important;
  border-radius:.22rem!important;
  background:linear-gradient(90deg,rgba(255,255,255,.11) 0%,rgba(255,255,255,.04) 100%)!important;
  box-shadow:inset 0 .01rem 0 rgba(255,255,255,.14)!important;
}
body.v40-route-withdraw-history .v33-wdhist-method-ic,
body:has(.history-wrapper) .v33-wdhist-method-ic{
  flex:none!important;
  width:1.28rem!important;
  height:1.28rem!important;
  min-width:1.28rem!important;
  min-height:1.28rem!important;
  border-radius:0!important;
  background:transparent!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:none!important;
  overflow:visible!important;
  padding:0!important;
}
body.v40-route-withdraw-history .v33-wdhist-method-ic img,
body:has(.history-wrapper) .v33-wdhist-method-ic img{
  /* size owned by v40-withdraw-ref.css */
  object-fit:contain!important;
  display:block!important;
  background:transparent!important;
  border-radius:0!important;
  filter:drop-shadow(0 .06rem .14rem rgba(0,0,0,.28))!important;
}
body.v40-route-withdraw-history .v33-wdhist-method-ic[data-v33-cat="bank"] img,
body:has(.history-wrapper) .v33-wdhist-method-ic[data-v33-cat="bank"] img{
  content:url('/assets/darkPurple/rexsolutions/opt/20240504063413020013.png')!important;
}
body.v40-route-withdraw-history .v33-wdhist-method-ic[data-v33-cat="upi"] img,
body:has(.history-wrapper) .v33-wdhist-method-ic[data-v33-cat="upi"] img{
  content:url('/assets/darkPurple/rexsolutions/Rex12.webp')!important;
}
body.v40-route-withdraw-history .v33-wdhist-method-ic[data-v33-cat="arwallet"] img,
body:has(.history-wrapper) .v33-wdhist-method-ic[data-v33-cat="arwallet"] img{
  content:url('/assets/darkPurple/rexsolutions/Rex14.webp')!important;
}
body.v40-route-withdraw-history .v33-wdhist-method-ic[data-v33-cat="usdt"] img,
body:has(.history-wrapper) .v33-wdhist-method-ic[data-v33-cat="usdt"] img{
  content:url('/assets/darkPurple/rexsolutions/opt/usdt.svg')!important;
}
body.v40-route-withdraw-history .v33-wdhist-row--order p,
body:has(.history-wrapper) .v33-wdhist-row--order p{
  flex:1!important;
  margin:0!important;
  color:#fff!important;
  font-size:.3rem!important;
  font-weight:700!important;
  line-height:1.35!important;
  word-break:break-all!important;
}
body.v40-route-withdraw-history .v33-wdhist-order-id,
body:has(.history-wrapper) .v33-wdhist-order-id{
  color:#fff!important;
  font-size:.3rem!important;
  font-weight:700!important;
  line-height:1.35!important;
  word-break:break-all!important;
}
body.v40-route-withdraw-history .v33-wdhist-row--order .copyIcon,
body:has(.history-wrapper) .v33-wdhist-row--order .copyIcon{
  flex:none!important;
  font-size:.36rem!important;
  color:#E879A8!important;
}

body.v40-route-withdraw-history .v33-wdhist-row--type,
body:has(.history-wrapper) .v33-wdhist-row--type{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.16rem!important;
  padding:.16rem .2rem .16rem 1.38rem!important;
  border-radius:.2rem!important;
  background:rgba(0,0,0,.12)!important;
  box-shadow:inset 0 .01rem 0 rgba(255,255,255,.08)!important;
}
body.v40-route-withdraw-history .v33-wdhist-row--type p:first-child,
body:has(.history-wrapper) .v33-wdhist-row--type p:first-child{
  color:rgba(255,255,255,.88)!important;
  font-size:.3rem!important;
  font-weight:700!important;
  margin:0!important;
}
body.v40-route-withdraw-history .v33-wdhist-row--type .r3,
body:has(.history-wrapper) .v33-wdhist-row--type .r3{
  color:#fff!important;
  font-size:.3rem!important;
  font-weight:800!important;
  text-align:right!important;
  margin:0!important;
}

body.v40-route-withdraw-history .history-wrapper .remark-text,
body:has(.history-wrapper) .history-wrapper .remark-text{
  color:rgba(255,140,140,.9)!important;
  font-size:.28rem!important;
  padding-left:1.06rem!important;
}

body.v40-route-withdraw-history .v33-wdhist-foot,
body:has(.history-wrapper) .v33-wdhist-foot{
  padding:.08rem .32rem .28rem!important;
}
body.v40-route-withdraw-history .history-wrapper .remark-btn,
body:has(.history-wrapper) .history-wrapper .remark-btn{
  width:100%!important;
  height:1.08rem!important;
  line-height:1.08rem!important;
  margin:0!important;
  border:none!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#FF6B6B 0%,#E53935 55%,#C62828 100%)!important;
  color:#fff!important;
  font-size:.34rem!important;
  font-weight:800!important;
  box-shadow:0 .08rem .2rem rgba(198,40,40,.35)!important;
  text-align:center!important;
}

body.v40-route-withdraw-history .v33-wdhist-empty,
body:has(.history-wrapper) .v33-wdhist-empty{
  min-height:0!important;
  height:auto!important;
  margin:.2rem 0 0!important;
  padding:.2rem 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:rgba(255,255,255,.5)!important;
  font-size:.3rem!important;
  font-weight:700!important;
}
body.v40-route-withdraw-history .van-empty{
  min-height:0!important;
  height:auto!important;
  padding:.36rem 0 .2rem!important;
}

body.v40-route-withdraw-history .van-list__finished-text,
body.v40-route-withdraw-history .van-list__loading,
body:has(.history-wrapper) .van-list__finished-text,
body:has(.history-wrapper) .van-list__loading{
  color:rgba(255,255,255,.45)!important;
}

/* ═══ V34 — Invitation Wheel gift picker (Spingift + drop animation) ═══ */
body.v40-route-turntable .popuer-gift,
body:has(.popuer-gift) .popuer-gift{
  background:rgba(12,6,28,.97)!important;
  opacity:1!important;
}
body.v40-route-turntable .popuer-gift .content,
body:has(.popuer-gift) .popuer-gift .content{
  padding-top:4.2rem!important;
}
body.v40-route-turntable .popuer-gift .content .title span,
body:has(.popuer-gift) .popuer-gift .content .title span{
  font-size:.58rem!important;
  letter-spacing:.06em!important;
  color:#fff!important;
  text-shadow:0 .04rem .2rem rgba(0,0,0,.55)!important;
}
body.v40-route-turntable .popuer-gift .content .gift_list,
body:has(.popuer-gift) .popuer-gift .content .gift_list{
  padding:0 1.1rem!important;
  grid-gap:.72rem 1rem!important;
  max-width:8.2rem!important;
  margin:0 auto!important;
}
body.v40-route-turntable .popuer-gift .gift_list .gift_item,
body:has(.popuer-gift) .popuer-gift .gift_list .gift_item{
  width:3.2rem!important;
  height:auto!important;
  min-height:4.1rem!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  position:relative!important;
}
body.v40-route-turntable .popuer-gift .gift_list .gift_item .item_f,
body:has(.popuer-gift) .popuer-gift .gift_list .gift_item .item_f{
  width:3.2rem!important;
  height:3.2rem!important;
  background:transparent!important;
  filter:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.v40-route-turntable .popuer-gift .gift_list .gift_item .item_f svg,
body.v40-route-turntable .popuer-gift .gift_list .gift_item .item_f canvas,
body.v40-route-turntable .popuer-gift .gift_list .gift_item .active_item svg,
body.v40-route-turntable .popuer-gift .gift_list .gift_item .active_item canvas,
body.v40-route-turntable .popuer-gift .gift_list .gift_item .v34-spin-active svg,
body.v40-route-turntable .popuer-gift .gift_list .gift_item .v34-spin-active canvas,
body:has(.popuer-gift) .popuer-gift .gift_list .gift_item .item_f svg,
body:has(.popuer-gift) .popuer-gift .gift_list .gift_item .item_f canvas,
body:has(.popuer-gift) .popuer-gift .gift_list .gift_item .active_item svg,
body:has(.popuer-gift) .popuer-gift .gift_list .gift_item .active_item canvas,
body:has(.popuer-gift) .popuer-gift .gift_list .gift_item .v34-spin-active svg,
body:has(.popuer-gift) .popuer-gift .gift_list .gift_item .v34-spin-active canvas{
  display:none!important;
  visibility:hidden!important;
}
body.v40-route-turntable .popuer-gift .v34-spin-gift,
body:has(.popuer-gift) .popuer-gift .v34-spin-gift{
  width:3.2rem!important;
  height:3.2rem!important;
  object-fit:contain!important;
  display:block!important;
  pointer-events:none!important;
  filter:drop-shadow(0 .1rem .28rem rgba(0,0,0,.45))!important;
}
body.v40-route-turntable .popuer-gift .gift_list .gift_item:not(.v34-picked):not(.v34-revealed) .active_item,
body.v40-route-turntable .popuer-gift .gift_list .gift_item:not(.v34-picked):not(.v34-revealed) .v34-spin-active,
body:has(.popuer-gift) .popuer-gift .gift_list .gift_item:not(.v34-picked):not(.v34-revealed) .active_item,
body:has(.popuer-gift) .popuer-gift .gift_list .gift_item:not(.v34-picked):not(.v34-revealed) .v34-spin-active{
  display:none!important;
}
body.v40-route-turntable .popuer-gift .gift_list .gift_item.v34-picked .item_f,
body.v40-route-turntable .popuer-gift .gift_list .gift_item.v34-revealed .item_f,
body:has(.popuer-gift) .popuer-gift .gift_list .gift_item.v34-picked .item_f,
body:has(.popuer-gift) .popuer-gift .gift_list .gift_item.v34-revealed .item_f{
  display:none!important;
}
body.v40-route-turntable .popuer-gift .gift_list .gift_item .v34-spin-active,
body:has(.popuer-gift) .popuer-gift .gift_list .gift_item .v34-spin-active{
  width:3.2rem!important;
  height:3.2rem!important;
  margin:0!important;
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  filter:none!important;
}
body.v40-route-turntable .popuer-gift .gift_list .gift_item.v34-picked::before,
body.v40-route-turntable .popuer-gift .gift_list .gift_item.v34-revealed::before,
body:has(.popuer-gift) .popuer-gift .gift_list .gift_item.v34-picked::before,
body:has(.popuer-gift) .popuer-gift .gift_list .gift_item.v34-revealed::before{
  content:''!important;
  position:absolute!important;
  left:50%!important;
  top:1.5rem!important;
  width:3.8rem!important;
  height:3.8rem!important;
  transform:translate(-50%,-50%)!important;
  background:radial-gradient(circle,rgba(255,255,255,.42) 0%,rgba(255,255,255,.12) 42%,transparent 72%)!important;
  z-index:0!important;
  pointer-events:none!important;
  animation:v34SpinGlow 1.4s ease-in-out infinite!important;
}
@keyframes v34SpinGlow{
  0%,100%{opacity:.75;transform:translate(-50%,-50%) scale(1);}
  50%{opacity:1;transform:translate(-50%,-50%) scale(1.08);}
}
@keyframes v34GiftDrop{
  0%{opacity:0;transform:translateY(-130%) scale(.82);}
  55%{opacity:1;transform:translateY(6%) scale(1.04);}
  75%{transform:translateY(-3%) scale(.98);}
  100%{opacity:1;transform:translateY(0) scale(1);}
}
body.v40-route-turntable .popuer-gift .gift_list .gift_item.v34-drop-play .v34-spin-gift--open,
body.v40-route-turntable .popuer-gift .gift_list .gift_item.v34-auto-reveal .v34-spin-gift--open,
body:has(.popuer-gift) .popuer-gift .gift_list .gift_item.v34-drop-play .v34-spin-gift--open,
body:has(.popuer-gift) .popuer-gift .gift_list .gift_item.v34-auto-reveal .v34-spin-gift--open{
  animation:v34GiftDrop .7s cubic-bezier(.22,1,.36,1) forwards!important;
}
body.v40-route-turntable .popuer-gift .gift_list .gift_item .amount,
body:has(.popuer-gift) .popuer-gift .gift_list .gift_item .amount{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:auto!important;
  min-width:2.1rem!important;
  height:auto!important;
  margin:.14rem auto 0!important;
  padding:.08rem .28rem!important;
  border-radius:.4rem!important;
  border:.02rem solid rgba(167,139,250,.65)!important;
  background:rgba(35,12,48,.88)!important;
  line-height:1.35!important;
  font-size:.38rem!important;
  font-weight:800!important;
  z-index:3!important;
  box-shadow:0 .06rem .2rem rgba(0,0,0,.35)!important;
}
body.v40-route-turntable .popuer-gift .gift_list .gift_item .amount span,
body:has(.popuer-gift) .popuer-gift .gift_list .gift_item .amount span{
  background:linear-gradient(180deg,#ffe566 0%,#ffb830 100%)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
body.v40-route-turntable .popuer-gift .v34-claim-btn,
body:has(.popuer-gift) .popuer-gift .v34-claim-btn{
  display:none;
  width:calc(100% - 2.2rem)!important;
  max-width:7.2rem!important;
  margin:.9rem auto 0!important;
  padding:.34rem .4rem!important;
  border:none!important;
  border-radius:.66rem!important;
  background:linear-gradient(180deg,#ffe566 0%,#f0a830 55%,#e89420 100%)!important;
  color:#2a1038!important;
  font-size:.42rem!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  text-transform:capitalize!important;
  box-shadow:0 .12rem .32rem rgba(240,168,48,.45)!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
}
body.v40-route-turntable .popuer-gift.v34-all-revealed .v34-claim-btn,
body:has(.popuer-gift) .popuer-gift.v34-all-revealed .v34-claim-btn{
  animation:v34ClaimPop .45s ease-out both!important;
}
@keyframes v34ClaimPop{
  from{opacity:0;transform:translateY(.3rem) scale(.94);}
  to{opacity:1;transform:translateY(0) scale(1);}
}
body.v40-route-turntable .popuer-gift .content .tip,
body:has(.popuer-gift) .popuer-gift .content .tip{
  color:rgba(255,255,255,.72)!important;
  font-size:.34rem!important;
  padding-top:.5rem!important;
}

/* ===================================================================
   V227 — Withdraw + Withdraw History category cards = Deposit look
   Match .v32-dep-cat size/radius/gold active. No overlays/dividers.
   =================================================================== */

/* Withdraw payment methods → deposit-style cards */
body.v40-route-withdraw .payment .options{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:.14rem!important;
  padding:0!important;
  background:transparent!important;
}
body.v40-route-withdraw .payment .option{
  min-height:1.72rem!important;
  padding:.3rem .06rem .2rem!important;
  border-radius:.24rem!important;
  background:linear-gradient(180deg,#4A2C93 0%,#382170 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  gap:.1rem!important;
  color:rgba(255,255,255,.9)!important;
  overflow:visible!important;
  border:none!important;
  outline:none!important;
}
body.v40-route-withdraw .payment .option::before,
body.v40-route-withdraw .payment .option::after{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
}
body.v40-route-withdraw .payment .option .v36-wd-pay-ic,
body.v40-route-withdraw .payment .option .v36-wd-pay-ic img,
body.v40-route-withdraw .payment .option img,
body.v40-route-withdraw .payment .option svg{
  width:.9rem!important;
  height:.9rem!important;
  max-width:.9rem!important;
  max-height:.9rem!important;
}
body.v40-route-withdraw .payment .option .text{
  font-size:.22rem!important;
  line-height:1.1!important;
  padding:0 .04rem!important;
  color:inherit!important;
  white-space:nowrap!important;
}
body.v40-route-withdraw .payment .option.active{
  background:var(--v40-gold-grad)!important;
  box-shadow:0 6px 18px rgba(229,169,44,.3)!important;
  color:#3A1D02!important;
  transform:scale(1.03)!important;
}
body.v40-route-withdraw .payment .option.active .text{
  color:#3A1D02!important;
  font-weight:800!important;
}

/* Withdraw info/limit cards — same violet surface, larger readable rows */
body.v40-route-withdraw .info .item,
body.v40-route-withdraw .bottom .p2 .info .item{
  border-radius:.24rem!important;
  background:linear-gradient(180deg,#4A2C93 0%,#382170 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  border:none!important;
  min-height:.92rem!important;
  padding:.32rem .3rem!important;
  font-size:.3rem!important;
}

/* Withdrawal history categories — snug open row */
body.v40-route-withdraw-history .v33-wdhist-toolbar,
body:has(.history-wrapper) .v33-wdhist-toolbar{
  background:transparent!important;
  padding:.14rem .1rem .12rem!important;
  box-shadow:none!important;
  margin:.08rem 0 .16rem!important;
  overflow:visible!important;
}
body.v40-route-withdraw-history .v33-wdhist-cats,
body:has(.history-wrapper) .v33-wdhist-cats{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  gap:0!important;
  overflow:visible!important;
  padding:.14rem 0 .1rem!important;
  background:transparent!important;
  min-height:0!important;
}
body.v40-route-withdraw-history .v33-wdhist-cat,
body:has(.history-wrapper) .v33-wdhist-cat{
  min-height:0!important;
  padding:.1rem .04rem .08rem!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  gap:.08rem!important;
  color:rgba(255,255,255,.9)!important;
  border:none!important;
  flex:1 1 0!important;
  width:auto!important;
  overflow:visible!important;
}
body.v40-route-withdraw-history .v33-wdhist-cat::before,
body.v40-route-withdraw-history .v33-wdhist-cat::after,
body:has(.history-wrapper) .v33-wdhist-cat::before,
body:has(.history-wrapper) .v33-wdhist-cat::after{
  display:none!important;
  content:none!important;
}
body.v40-route-withdraw-history .v33-wdhist-cat-ico,
body.v40-route-withdraw-history .v33-wdhist-cat-ico img,
body:has(.history-wrapper) .v33-wdhist-cat-ico,
body:has(.history-wrapper) .v33-wdhist-cat-ico img{
  width:.9rem!important;
  height:.9rem!important;
  min-width:.9rem!important;
  min-height:.9rem!important;
  max-width:.9rem!important;
  max-height:.9rem!important;
}
body.v40-route-withdraw-history .v33-wdhist-cat-lbl,
body:has(.history-wrapper) .v33-wdhist-cat-lbl{
  font-size:.2rem!important;
  line-height:1.1!important;
  letter-spacing:-.01em!important;
  color:inherit!important;
  white-space:nowrap!important;
}
body.v40-route-withdraw-history .v33-wdhist-cat.active,
body:has(.history-wrapper) .v33-wdhist-cat.active{
  background:var(--v40-gold-grad)!important;
  box-shadow:0 6px 18px rgba(229,169,44,.3)!important;
  color:#3A1D02!important;
  transform:scale(1.03)!important;
}
body.v40-route-withdraw-history .v33-wdhist-cat.active .v33-wdhist-cat-lbl,
body:has(.history-wrapper) .v33-wdhist-cat.active .v33-wdhist-cat-lbl{
  color:#3A1D02!important;
  font-weight:800!important;
}

/* V48: Add UPI required Name field — keep editable */
body.v40-route-withdraw input[data-v48-upi-name="1"],
body.v40-route-withdraw input[data-v48-upi-name="1"]:disabled{
  opacity:1!important;
  pointer-events:auto!important;
  -webkit-text-fill-color:inherit!important;
  color:inherit!important;
  background:transparent!important;
}

/* V49: never show Deposit chrome on Mine */
body.v40-route-mine main.payment-container,
body.v40-route-mine .payment-container,
body.v40-route-mine .page-wrapper:has(main.payment-container),
body.v40-route-mine main.recharge-history,
body.v40-route-mine .v46-dephist-loading,
body.v40-route-mine [data-v49-stale-wallet="1"]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  height:0!important;
  overflow:hidden!important;
}
body.v40-route-mine .mine{
  display:block!important;
  visibility:visible!important;
}

/* V50: Saved withdraw wallet list — same icons as Bank/UPI/USDT/AR Pay */
body.v40-route-withdraw img.img-icon[data-v36-list-type="bank"],
body.v40-route-withdraw .item[data-v36-type="bank"] img.img-icon,
[data-v36-list-type="bank"] img.img-icon{
  content:url("/assets/darkPurple/rexsolutions/opt/20240504063413020013.png")!important;
  object-fit:contain!important;
}
body.v40-route-withdraw img.img-icon[data-v36-list-type="upi"],
body.v40-route-withdraw .item[data-v36-type="upi"] img.img-icon,
[data-v36-list-type="upi"] img.img-icon{
  content:url("/assets/darkPurple/rexsolutions/Rex12.webp")!important;
  object-fit:contain!important;
}
body.v40-route-withdraw img.img-icon[data-v36-list-type="usdt"],
body.v40-route-withdraw .item[data-v36-type="usdt"] img.img-icon,
[data-v36-list-type="usdt"] img.img-icon{
  content:url("/assets/darkPurple/rexsolutions/opt/usdt.svg")!important;
  object-fit:contain!important;
}
body.v40-route-withdraw img.img-icon[data-v36-list-type="arwallet"],
body.v40-route-withdraw .item[data-v36-type="arwallet"] img.img-icon,
[data-v36-list-type="arwallet"] img.img-icon{
  content:url("/assets/darkPurple/rexsolutions/Rex14.webp")!important;
  object-fit:contain!important;
}
body.v40-route-withdraw .item header img.img-icon,
body.v40-route-withdraw img.img-icon{
  width:.56rem!important;
  height:.56rem!important;
  min-width:.56rem!important;
  min-height:.56rem!important;
  border-radius:.1rem!important;
  object-fit:contain!important;
  background:transparent!important;
}

/* V51: Withdraw — breathe space under category + whiter disabled Withdraw btn */
body.v40-route-withdraw .withdraw-wrapper .payment .title{
  margin-bottom:.18rem!important;
}
body.v40-route-withdraw .withdraw-wrapper .payment .options{
  margin-bottom:.06rem!important;
}
body.v40-route-withdraw .withdraw-wrapper .p1 > .view,
body.v40-route-withdraw .withdraw-wrapper .p1 > .add{
  margin-top:.14rem!important;
  margin-bottom:.14rem!important;
}
body.v40-route-withdraw .withdraw-wrapper .p1 > .amount{
  margin-top:.14rem!important;
  margin-bottom:.16rem!important;
}
body.v40-route-withdraw .withdraw-wrapper .bottom > .handle{
  margin-top:.22rem!important;
  margin-bottom:.28rem!important;
}
body.v40-route-withdraw .bottom .p2 .info .item{
  margin-bottom:.14rem!important;
  padding:.32rem .3rem!important;
  min-height:.92rem!important;
  box-sizing:border-box!important;
}
body.v40-route-withdraw .bottom .p2 .tip,
body.v40-route-withdraw .v36-wd-rules{
  margin-top:.18rem!important;
}


/* ============================================================
   V40 PUBLIC5 BRIDGE — apply dark-red-home rules to current SPA
   (public5WhiteGreenHome + #app.dark-red-home stamped by v40-theme-bridge.js)
   ============================================================ */
#app.dark-red-home,
.public5WhiteGreenHome.dark-red-home,
[class*="public5WhiteGreenHome"].dark-red-home,
.v40-bridged #app .dark-red-home{
  /* inherit — class already matches .dark-red-home rules */
}

/* Ensure canvas + mobile frame look like reference on all routes */
html, body.v40-bridged{
  background:var(--v33-canvas-bg,#8E919E)!important;
  background-color:var(--v33-canvas-bg,#8E919E)!important;
}

/* Lobby / category size parity when Vue uses slightly different wrappers */
.public5WhiteGreenHome .category-showcase-card img,
.dark-red-home .category-showcase-card img,
#app.dark-red-home img.img-icon,
.public5WhiteGreenHome .img-icon{
  object-fit:contain;
}
.public5WhiteGreenHome [class*="lobby"] img,
.dark-red-home [class*="lobby"] img{
  max-width:100%;
}


/* ===== V40_EXISTING_FILE_INJECT ===== */
/* Public5 bridge: stamp via JS adds .dark-red-home; also force canvas */
html,body{
  background:var(--v33-canvas-bg,#8E919E)!important;
  background-color:var(--v33-canvas-bg,#8E919E)!important;
}
#app.dark-red-home,
.public5WhiteGreenHome.dark-red-home,
[class*="public5WhiteGreenHome"].dark-red-home{
  /* class match enables all .dark-red-home rules above */
}


/* ===== V40_FORCE_P8_THEME — real DOM (p8-home/lobby/tabbar) ===== */
:root{
  --v40-bg-base:#14082B !important;
  --v40-bg-card:#231140 !important;
  --v40-bg-elevated:#2C1750 !important;
  --v40-gold:#F5C24C !important;
  --v40-gold-deep:#E5A92C !important;
  --v40-gold-grad:linear-gradient(135deg,#F8D169 0%,#E5A92C 60%,#B07A14 100%) !important;
  --v33-canvas-bg:#8E919E !important;
  --v40-text-hi:#FFFFFF !important;
  --v40-text-mid:rgba(255,255,255,.78) !important;
}

html, body, body.v40-bridged, body.v40-route-home{
  background:#8E919E !important;
  background-color:#8E919E !important;
}

/* App shell + home surface */
html body #app,
html body #app.dark-red-home,
html body #app .p8-home,
html body #app .ar-loading-view{
  background:#14082B !important;
  background-color:#14082B !important;
  background-image:none !important;
  color:#fff !important;
}

html body #app .p8-home{
  background:#14082B !important;
  background-image:linear-gradient(180deg,#261049 0%,#14082B 40%,#14082B 100%) !important;
  min-height:100vh !important;
}

/* Header / nav */
html body #app .p8-home__nav,
html body #app .p8-home__nav-left,
html body #app .p8-home__nav-logo{
  color:#fff !important;
}
html body #app .p8-home__guest-btn--login,
html body #app .p8-home__guest-btn--register{
  background:linear-gradient(135deg,#F8D169 0%,#E5A92C 60%,#B07A14 100%) !important;
  background-image:linear-gradient(135deg,#F8D169 0%,#E5A92C 60%,#B07A14 100%) !important;
  color:#1B0B36 !important;
  border:0 !important;
  font-weight:800 !important;
  border-radius:999px !important;
  box-shadow:0 6px 18px rgba(229,169,44,.32) !important;
}

/* Notice / marquee */
html body #app .p8-home [class*="notice"],
html body #app .p8-home [class*="marquee"],
html body #app .p8-home [class*="announce"]{
  background:#231140 !important;
  color:rgba(255,255,255,.85) !important;
}
html body #app .p8-home [class*="Detail"],
html body #app .p8-home button[class*="detail"],
html body #app .p8-home .van-button--primary{
  background:linear-gradient(135deg,#F8D169,#E5A92C) !important;
  border-color:transparent !important;
  color:#1B0B36 !important;
}

/* Activity cards — remove Wheel of fortune + Welcome Bonus row (ref layout) */
html body #app .activity-cards,
html body #app .activity-cards__item--wheel,
html body #app .activity-cards__item--bonus{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}

/* Game category nav */
html body #app .game__nav,
html body #app .game__nav-placeholder{
  background:#231140 !important;
  color:#fff !important;
}
html body #app .game__nav-item{
  color:rgba(255,255,255,.55) !important;
}
html body #app .game__nav-item.is-active,
html body #app .game__nav-item.active{
  color:#F5C24C !important;
}
html body #app .game__nav-item.is-active .game__nav-label,
html body #app .game__nav-item.active .game__nav-label,
html body #app .game__nav-label{
  color:inherit !important;
}
html body #app .game__nav-item.is-active .game__nav-glow,
html body #app .game__nav-glow{
  background:linear-gradient(135deg,#F8D169,#E5A92C) !important;
}

/* Lobby sections / game cards */
html body #app .lobby,
html body #app .lobby-item{
  color:#fff !important;
}
html body #app .lobby-item__head,
html body #app .lobby-item__title,
html body #app .lobby-item__more{
  color:#fff !important;
}
html body #app .lobby-item__more,
html body #app .lobby-item__arrow{
  color:#F5C24C !important;
}
html body #app .lobby-item__row,
html body #app .lobby-item [class*="card"],
html body #app .lobby-item .van-swipe-item > div,
html body #app .lobby-item__swipe .van-swipe-item{
  background:linear-gradient(180deg,#261049 0%,#1B0B36 100%) !important;
  border-radius:.35rem !important;
  color:#fff !important;
}

/* Kill green accents sitewide inside app */
html body #app [style*="#E5A92C"],
html body #app [style*="#F5C24C"],
html body #app [style*="#F5C24C"],
html body #app [style*="0, 213, 119"],
html body #app [style*="rgb(0, 213"]{
  /* inline greens overridden via filter on common green bg classes below */
}

/* Common green utility / active states → gold */
html body #app .active,
html body #app [class*="active"][class*="tab"],
html body #app [class*="is-active"]{
  --van-primary-color:#E5A92C !important;
}
html body #app{
  --van-primary-color:#E5A92C !important;
  --van-success-color:#E5A92C !important;
  --van-blue:#7A4BFF !important;
  --van-background:#14082B !important;
  --van-background-2:#231140 !important;
  --van-text-color:#ffffff !important;
  --van-text-color-2:rgba(255,255,255,.78) !important;
}

/* Bottom tabbar */
html body #app .tabbar__container,
html body #app .tabbar__container--turntable,
html body #app .tabbar__container--default{
  background-color:transparent !important;
  background-image:url(/assets/darkPurple/home/barBg-violet-k7l8m9n0.png) !important;
  background-repeat:no-repeat !important;
  background-position:center bottom !important;
  background-size:100% auto !important;
  box-shadow:none !important;
  border-top:none !important;
}
html body #app .tabbar__container-item,
html body #app .tabbar__container-item span{
  color:rgba(255,255,255,.55) !important;
}
html body #app .tabbar__container-item.active,
html body #app .tabbar__container-item.active span{
  color:#F5C24C !important;
}
html body #app .tabbar__container-item svg,
html body #app .tabbar__container-item .tab-icon{
  color:inherit !important;
  fill:currentColor !important;
}

/* Floating promo / desktop tip */
html body #app [class*="desktop"],
html body #app [class*="AddTo"],
html body #app [class*="add-to"]{
  background:linear-gradient(135deg,#F8D169,#E5A92C) !important;
  color:#1B0B36 !important;
}

/* Wallet / mine / activity shells when navigated */
html body.v40-route-mine #app > div,
html body.v40-route-activity #app > div,
html body.v40-route-wallet #app > div,
html body.v40-route-gift #app > div,
html body.v40-route-earn #app > div{
  background:#14082B !important;
  color:#fff !important;
}

/* Replace bright green gradients commonly used by public5 buttons */
html body #app [class*="btn"],
html body #app button,
html body #app .van-button--primary{
  --van-button-primary-background:linear-gradient(135deg,#F8D169,#E5A92C) !important;
}
html body #app .van-button--primary{
  background:linear-gradient(135deg,#F8D169 0%,#E5A92C 100%) !important;
  border:none !important;
  color:#1B0B36 !important;
}

/* Soft kill remaining lime greens via filter on known green bg utility classes.
   EXEMPT WinGo/K3 history: .greenColor / .origin-I.green must stay real #18B660. */
html body #app [class*="green"]:not(.GameRecord__C-body-num):not(.GameRecord__C-origin-I):not(.GameRecord__C-body-greenC):not(.MyGameRecordList__C-inlineB):not([class*="MyGameRecordList__C-item-l"]),
html body #app [class*="Green"]:not(.GameRecord__C-body-num):not(.GameRecord__C-origin-I):not(.GameRecord__C-body-greenC):not(.MyGameRecordList__C-inlineB):not([class*="MyGameRecordList__C-item-l"]){
  filter:hue-rotate(250deg) saturate(1.1) !important;
}
/* WinGo history greens — never hue-rotate to gold/orange */
html body #app .GameRecord__C-body-num.greenColor,
html body #app .GameRecord__C-origin-I.green,
html body #app .GameRecord__C-body-greenC,
html body #app .MyGameRecordList__C-inlineB.greenColor,
html body #app .MyGameRecordList__C-item-l-green,
html body #app .MyGameRecordList__C-item-l-1,
html body #app .MyGameRecordList__C-item-l-3,
html body #app .MyGameRecordList__C-item-l-7,
html body #app .MyGameRecordList__C-item-l-9{
  filter:none !important;
}
/* but don't hue-rotate images/icons badly — undo for media */
html body #app [class*="green"] img,
html body #app [class*="Green"] img,
html body #app [class*="green"] svg,
html body #app [class*="Green"] svg{
  filter:none !important;
}

/* ===== V40_GREEN_KILL_P8 — leftover hotIcon/rank/pwa ===== */
html body #app .hotIcon,
html body #app button.hotIcon,
html body #app .noticeBar__container button.hotIcon,
html body #app .btn.pwa-btn,
html body #app .btn.pwa-btn.pwa-btn--closable,
html body #app .item__rank-num,
html body #app [class*="rank-num"],
html body #app .van-button--primary,
html body #app .van-button--success{
  background:linear-gradient(135deg,#F8D169 0%,#E5A92C 60%,#B07A14 100%) !important;
  background-image:linear-gradient(135deg,#F8D169 0%,#E5A92C 60%,#B07A14 100%) !important;
  color:#1B0B36 !important;
  border:none !important;
  box-shadow:0 4px 14px rgba(229,169,44,.35) !important;
}
html body #app .hotIcon:before,
html body #app button.hotIcon:before,
html body #app .noticeBar__container button.hotIcon:before{
  background:linear-gradient(135deg,#F8D169,#E5A92C) !important;
  background-image:linear-gradient(135deg,#F8D169,#E5A92C) !important;
}
html body #app .item__rank-num{
  background-image:linear-gradient(180deg,#F5C24C 17%,rgba(245,194,76,.12) 74%) !important;
  color:#F5C24C !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
}

/* ===== V40_DEEP_THEME_LOCK — final vars + all-route surfaces (existing file only) ===== */
html, :root, #app {
  --bg_color_L1: #14082B !important;
  --bg_color_L2: #231140 !important;
  --bg_color_L3: #2C1750 !important;
  --bg_color_L4: #14082B !important;
  --darkBg: #231140 !important;
  --main-color: #F5C24C !important;
  --main_gradient-color: linear-gradient(135deg, #F8D169 0%, #E5A92C 60%, #B07A14 100%) !important;
  --main_gradient-color2: linear-gradient(180deg, #F8D169 0%, #E5A92C 100%) !important;
  --text_color_L1: #FFFFFF !important;
  --text_color_L2: rgba(255,255,255,.78) !important;
  --text_color_L3: rgba(255,255,255,.5) !important;
  --text_color_L4: #1B0B36 !important;
  --norm_green-color: #18B660 !important;
  --norm_green_color: #18B660 !important;
  --Secondary_green_color: #18B660 !important;
  --Dividing-line_color: rgba(245,194,76,.22) !important;
  --sheet_nva_color: #2C1750 !important;
  --button_dis_color: #3A2A5C !important;
  --light-bg_white: #231140 !important;
  --van-primary-color: #E5A92C !important;
  --van-success-color: #18B660 !important;
  --van-background: #14082B !important;
  --van-background-2: #231140 !important;
  --van-background-3: #2C1750 !important;
  --van-text-color: #FFFFFF !important;
  --van-cell-background: #231140 !important;
  --van-popup-background: #14082B !important;
  --van-dialog-background: #231140 !important;
  --van-button-primary-background: #F5C24C !important;
  --van-button-primary-border-color: #E5A92C !important;
  --van-button-primary-color: #1B0B36 !important;
  --van-nav-bar-background: #14082B !important;
  --pop_bg-color: linear-gradient(180deg,#261049 0%,#14082B 100%) !important;
  --icon1: rgba(245,194,76,.6) !important;
  --icon2: rgba(245,194,76,.3) !important;
  --tab1: #2C1750 !important;
  --tab2: #3A1F8C !important;
}

/* v58 kill-conflicts: on WinGo/K3/5D/TRX restore real G/R/V + blue Small
   (theme lock remapped green→gold and blue→purple which broke history/betting) */
html body.v40-route-game,
html body.v40-route-game #app {
  --norm_green-color: #18B660 !important;
  --norm_green_color: #18B660 !important;
  --Secondary_green_color: #18B660 !important;
  --norm_red-color: #FB5B5B !important;
  --norm_red_color: #FB5B5B !important;
  --norm_Purple-color: #B659FE !important;
  --norm_Purple_color: #B659FE !important;
  --norm_purple1_color: #B659FE !important;
  --norm_purple2_color: #B659FE !important;
  --norm_bule-color: #6CA6F3 !important;
  --norm_blue_color: #6CA6F3 !important;
  --norm_blue2_color: #87BCF5 !important;
  --norm_blue3_color: #609DEC !important;
  --bgcolor-21: #B659FE !important;
  --bgcolor-22: #18B660 !important;
  --van-success-color: #18B660 !important;
  --main_gradient-color2: linear-gradient(135deg, #F8D169 0%, #E5A92C 60%, #B07A14 100%) !important;
  --tab1: #E5A92C !important;
  --tab2: #F8D169 !important;
}

/* App + every major page shell */
html body #app,
html body #app > div,
html body #app .activity,
html body #app .activity__container,
html body #app .promote,
html body #app .promotion,
html body #app .content,
html body #app .main,
html body #app .userInfo,
html body #app .user-info,
html body #app .p8-home,
html body #app .ar-loading-view {
  background: #14082B !important;
  background-color: #14082B !important;
  color: #fff !important;
}

/* Activity header was solid gold via --main-color — force purple hero */
html body #app .activity .banner,
html body #app .activity [class*="banner"],
html body #app .activity .activity-banner,
html body #app .activity .header,
html body #app .activity .head,
html body #app .bonus-header,
html body #app [class*="bonus"][class*="head"],
html body #app .activity .navbar.main,
html body.v40-route-activity #app .navbar.main {
  background: linear-gradient(180deg,#2C1750 0%,#14082B 100%) !important;
  background-image: linear-gradient(180deg,#2C1750 0%,#14082B 100%) !important;
  color: #fff !important;
}

/* Promotion / Agency commission yellow hero → purple */
html body #app .commission,
html body #app [class*="commission"],
html body #app .promote__head,
html body #app .promotion-head,
html body.v40-route-earn #app .navbar,
html body.v40-route-earn #app [class*="head"]:not(img):not(svg) {
  background: linear-gradient(180deg,#2C1750 0%,#1B0B36 100%) !important;
  color: #fff !important;
}
html body #app .shareBtn,
html body #app .shareBtnContainer .shareBtn,
html body #app .content .shareBtnContainer .shareBtn {
  background: linear-gradient(135deg,#F8D169 0%,#E5A92C 60%,#B07A14 100%) !important;
  color: #1B0B36 !important;
  border: none !important;
}

/* White / mint cards → elevated purple */
html body #app .promote__cell-item,
html body #app .commission,
html body #app .userInfo__container,
html body #app .userInfo .total-box,
html body #app .userInfo [class*="balance"],
html body #app .main [class*="card"],
html body #app .main .van-cell,
html body #app .van-cell,
html body #app .van-grid-item__content,
html body #app [class*="info-box"],
html body #app [class*="total-balance"],
html body #app [class*="wallet-box"] {
  background: #231140 !important;
  background-color: #231140 !important;
  color: #fff !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.35) !important;
}

/* Account white cards / list rows */
html body #app .main .van-cell,
html body #app .main .menu,
html body #app .main [class*="menu"],
html body #app .main [class*="cell"],
html body #app .userInfo .van-cell {
  background: #231140 !important;
  color: #fff !important;
  border-color: rgba(245,194,76,.15) !important;
}

/* Tabbar active green → gold */
html body #app .tabbar__container-item.active,
html body #app .tabbar__container-item.active span,
html body #app .tabbar__container-item.active .name,
html body #app .tabbar__container .active {
  color: #F5C24C !important;
}
html body #app .tabbar__container-item.active svg,
html body #app .tabbar__container-item.active img {
  filter: none !important;
  color: #F5C24C !important;
}

/* Center WinGo / floating green bubbles → gold */
html body #app .tabbar__container--turntable .tabbar__container-item:nth-child(3),
html body #app .tabbar__container [class*="turn"],
html body #app .van-floating-bubble,
html body #app [class*="floating"],
html body #app [class*="customer"] {
  --van-floating-bubble-background: #E5A92C !important;
}
html body #app .van-floating-bubble,
html body #app [class*="CustomerService"],
html body #app [class*="customer-service"],
html body #app .css-fix-svg {
  background: linear-gradient(135deg,#F8D169,#E5A92C) !important;
  color: #1B0B36 !important;
}

/* Navbar */
html body #app .navbar,
html body #app .navbar__content,
html body #app .van-nav-bar {
  background: #14082B !important;
  color: #fff !important;
}
html body #app .navbar__content-title,
html body #app .van-nav-bar__title {
  color: #fff !important;
}

/* ===== V40_HOME_REF_MATCH — p8-home = reference Hot/Lottery gold pills ===== */
html body #app .p8-home{
  background:#14082B !important;
  background-image:linear-gradient(180deg,#261049 0%,#14082B 40%,#14082B 100%) !important;
  gap:.28rem !important;
  padding:0 .32rem 3.6rem !important;
}
html body #app .p8-home__nav{
  height:1.25rem !important;
  padding:.08rem 0 !important;
}
html body #app .p8-home__nav-logo,
html body #app .p8-home__nav-logo img{
  max-width:2.9rem !important;
  height:1.05rem !important;
  object-fit:contain !important;
}
/* Register outline gold / Login solid gold — like reference */
html body #app .p8-home__guest{
  gap:.2rem !important;
  display:flex !important;
  align-items:center !important;
  flex-direction:row !important;
}
html body #app .p8-home__guest-btn{
  height:.82rem !important;
  min-width:1.9rem !important;
  padding:0 .42rem !important;
  border-radius:999px !important;
  font-size:.34rem !important;
  font-weight:800 !important;
  flex:none !important;
}
html body #app .p8-home__guest-btn--register{
  order:1 !important;
  background:transparent !important;
  border:.02667rem solid #F5C24C !important;
  color:#F5C24C !important;
  box-shadow:none !important;
}
html body #app .p8-home__guest-btn--login{
  order:2 !important;
  background:linear-gradient(135deg,#F8D169 0%,#E5A92C 60%,#B07A14 100%) !important;
  border:none !important;
  color:#1B0B36 !important;
  box-shadow:0 6px 18px rgba(229,169,44,.32) !important;
}
html body #app .p8-home__nav-logo,
html body #app .p8-home__nav-logo img{
  max-width:3.2rem !important;
  height:1.1rem !important;
  width:auto !important;
  object-fit:contain !important;
}
/* Banners */
html body #app .p8-home .swiper_box .my-swipe{
  height:3.9rem !important;
}
html body #app .p8-home .swiper_box .my-swipe img{
  border-radius:.34rem !important;
}
/* Notice bar under banners — purple card + gold Details (ref size) */
html body #app .noticeBar__container,
html body #app .p8-home .noticeBar__container{
  background:#231140 !important;
  border-radius:.34rem !important;
  height:1.17333rem !important;
  min-height:1.17333rem !important;
  max-height:1.17333rem !important;
  padding:0 .28rem !important;
  border:.01333rem solid rgba(245,194,76,.18) !important;
  margin:.08rem 0 .12rem !important;
  color:rgba(255,255,255,.85) !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  box-sizing:border-box !important;
}
html body #app .noticeBar__container-body-text,
html body #app .noticeBar__container-body{
  color:rgba(255,255,255,.88) !important;
}
html body #app .noticeBar__container button,
html body #app .noticeBar__container button.hotIcon{
  background:linear-gradient(135deg,#F8D169 0%,#E5A92C 60%,#B07A14 100%) !important;
  background-image:linear-gradient(135deg,#F8D169 0%,#E5A92C 60%,#B07A14 100%) !important;
  color:#1B0B36 !important;
  border:none !important;
  border-radius:999px !important;
  font-weight:800 !important;
  min-width:1.55rem !important;
  height:.62rem !important;
  padding:0 .28rem !important;
  box-shadow:0 4px 12px rgba(229,169,44,.28) !important;
}
html body #app .noticeBar__container button.hotIcon:before{ display:none !important; }
/* Kill black tall speaker bar */
html body #app .p8-home .noticeBar__container > svg,
html body #app .p8-home .noticeBar__container .svg-icon,
html body #app .p8-home .noticeBar__container .icon-noticeBarSpeaker,
html body #app .noticeBar__container > svg,
html body #app .noticeBar__container .svg-icon,
html body #app .noticeBar__container .icon-noticeBarSpeaker{
  width:.48rem !important;
  height:.48rem !important;
  max-width:.48rem !important;
  max-height:.48rem !important;
  min-width:.48rem !important;
  min-height:.48rem !important;
  margin-right:.2rem !important;
  flex-shrink:0 !important;
  overflow:hidden !important;
  filter:none !important;
  -webkit-filter:none !important;
  color:#F5C24C !important;
  fill:#F5C24C !important;
}

/* Category nav → reference 2 large + 4 small grid */
html body #app .game__nav-placeholder{ min-height:0 !important; }
html body #app .p8-home .game__nav,
html body #app .game__nav{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  grid-auto-rows:minmax(0,auto) !important;
  gap:.24rem !important;
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
  margin:.12rem 0 .2rem !important;
  padding:.12rem 0 !important;
  align-items:stretch !important;
}
html body #app .game__nav.is-sticky{
  position:static !important;
  transform:none !important;
  max-width:none !important;
  box-shadow:none !important;
  background:transparent !important;
  height:auto !important;
  padding:.12rem 0 !important;
}
html body #app .game__nav-item{
  position:relative !important;
  order:20;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.1rem !important;
  padding:.22rem .1rem !important;
  min-height:1.55rem !important;
  border-radius:.36rem !important;
  background:linear-gradient(180deg,#3A2A5C 0%,#2C1750 100%) !important;
  border:.01333rem solid rgba(245,194,76,.16) !important;
  box-shadow:0 6px 16px rgba(0,0,0,.28) !important;
  color:#fff !important;
}
html body #app .game__nav-item.v-home-hide{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
  width:0 !important;
  height:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:none !important;
  overflow:hidden !important;
}
html body #app .game__nav-item.v-home-top,
html body #app .game__nav-item[data-vcat="hot"],
html body #app .game__nav-item[data-vcat="lottery"]{
  grid-column:span 2 !important;
  min-height:1.95rem !important;
  padding:.28rem .16rem !important;
  background:linear-gradient(180deg,#2C1750 0%,#1B0B36 100%) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.35), 0 0 0 1px rgba(245,194,76,.22) inset !important;
}
/* Secondary row: ALWAYS gold pills (v79 / reference image 5) */
html body #app .game__nav-item.v-home-scroll,
html body #app .game__nav-item[data-vcat="slots"],
html body #app .game__nav-item[data-vcat="crash"],
html body #app .game__nav-item[data-vcat="fish"],
html body #app .game__nav-item[data-vcat="casino"]{
  min-height:1.72rem !important;
  padding:.18rem .08rem .14rem !important;
  background:linear-gradient(135deg,#F8D169 0%,#E5A92C 55%,#B07A14 100%) !important;
  border:none !important;
  border-color:transparent !important;
  box-shadow:0 4px 14px rgba(229,169,44,.34), inset 0 1px 0 rgba(255,255,255,.24) !important;
}
/* Explicit grid order: Hot Lottery / Slots Crash Fish Casino */
html body #app .game__nav-item[data-vcat="hot"]{ order:1 !important; }
html body #app .game__nav-item[data-vcat="lottery"]{ order:2 !important; }
html body #app .game__nav-item[data-vcat="slots"]{ order:3 !important; }
html body #app .game__nav-item[data-vcat="crash"]{ order:4 !important; }
html body #app .game__nav-item[data-vcat="fish"]{ order:5 !important; }
html body #app .game__nav-item[data-vcat="casino"]{ order:6 !important; }
html body #app .game__nav-item.v-home-scroll .game__nav-label,
html body #app .game__nav-item[data-vcat="slots"] .game__nav-label,
html body #app .game__nav-item[data-vcat="crash"] .game__nav-label,
html body #app .game__nav-item[data-vcat="fish"] .game__nav-label,
html body #app .game__nav-item[data-vcat="casino"] .game__nav-label{
  color:#1B0B36 !important;
  font-size:.28rem !important;
  font-weight:800 !important;
}
html body #app .game__nav-glow{ display:none !important; opacity:0 !important; }
html body #app .game__nav-label{
  color:rgba(255,255,255,.78) !important;
  font-size:.3rem !important;
  font-weight:700 !important;
  line-height:1.1 !important;
}
html body #app .game__nav-item.v-home-top .game__nav-label,
html body #app .game__nav-item[data-vcat="hot"] .game__nav-label,
html body #app .game__nav-item[data-vcat="lottery"] .game__nav-label{
  font-size:.4rem !important;
  font-weight:800 !important;
  color:#fff !important;
}
html body #app .game__nav-item[data-vcat="hot"].is-active .game__nav-label,
html body #app .game__nav-item[data-vcat="hot"].active .game__nav-label,
html body #app .game__nav-item[data-vcat="lottery"].is-active .game__nav-label,
html body #app .game__nav-item[data-vcat="lottery"].active .game__nav-label{
  color:#1B0B36 !important;
}
html body #app .game__nav-item img.v-home-cat-icon,
html body #app .game__nav-item .game__nav-icon,
html body #app .game__nav-item img:not([class*="glow"]){
  width:1.1rem !important;
  height:1.1rem !important;
  object-fit:contain !important;
  display:block !important;
  position:relative !important;
  z-index:2 !important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.28)) !important;
}
html body #app .game__nav-item.v-home-top img.v-home-cat-icon,
html body #app .game__nav-item.v-home-top img:not([class*="glow"]),
html body #app .game__nav-item[data-vcat="hot"] img.v-home-cat-icon,
html body #app .game__nav-item[data-vcat="lottery"] img.v-home-cat-icon,
html body #app .game__nav-item[data-vcat="hot"] img:not([class*="glow"]),
html body #app .game__nav-item[data-vcat="lottery"] img:not([class*="glow"]){
  width:1.35rem !important;
  height:1.35rem !important;
}
/* Scroll row wrapper for slide feel */
html body #app .p8-home .game__nav.v-home-nav-ready{
  overflow-x:auto !important;
  overflow-y:visible !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:none !important;
}
html body #app .p8-home .game__nav.v-home-nav-ready::-webkit-scrollbar{ display:none !important; }
/* ACTIVE = golden pill box (reference) — Hot/Lottery + secondary */
html body #app .game__nav-item.is-active,
html body #app .game__nav-item.active,
html body #app .game__nav-item.v-home-scroll.is-active,
html body #app .game__nav-item.v-home-scroll.active{
  background:linear-gradient(135deg,#F8D169 0%,#E5A92C 55%,#B07A14 100%) !important;
  border-color:transparent !important;
  box-shadow:0 8px 22px rgba(229,169,44,.38), inset 0 1px 0 rgba(255,255,255,.28) !important;
}
html body #app .game__nav-item.is-active .game__nav-label,
html body #app .game__nav-item.active .game__nav-label,
html body #app .game__nav-item.v-home-scroll.is-active .game__nav-label,
html body #app .game__nav-item.v-home-scroll.active .game__nav-label{
  color:#1B0B36 !important;
  font-weight:800 !important;
}
html body #app .game__nav-item.v-home-top.is-active .game__nav-label,
html body #app .game__nav-item.v-home-top.active .game__nav-label{
  color:#1B0B36 !important;
}

/* Lobby section headers + View All gold pill */
html body #app .lobby-item__head{
  margin:.18rem 0 .16rem !important;
}
html body #app .lobby-item__title{
  color:#fff !important;
  font-weight:800 !important;
}
html body #app .lobby-item__title::before,
html body #app .lobby-item__head .lobby-item__title::before{
  content:"" !important;
  display:inline-block !important;
  width:.08rem !important;
  height:.34rem !important;
  margin-right:.16rem !important;
  border-radius:.04rem !important;
  background:linear-gradient(180deg,#F8D169,#E5A92C) !important;
  vertical-align:-.04rem !important;
}
html body #app .lobby-item__more{
  background:linear-gradient(135deg,#F8D169 0%,#E5A92C 60%,#B07A14 100%) !important;
  color:#1B0B36 !important;
  border:none !important;
  border-radius:999px !important;
  font-weight:800 !important;
  padding:.12rem .34rem !important;
  box-shadow:0 4px 14px rgba(229,169,44,.3) !important;
}
html body #app .lobby-item__more,
html body #app .lobby-item__arrow{ color:#1B0B36 !important; }
html body #app .lobby-item__arrow{ filter:none !important; }

/* Game cards */
html body #app .lobby-item__row img,
html body #app .lobby-item .van-swipe-item img{
  border-radius:.28rem !important;
}
html body #app .lobby-item__row > *,
html body #app .lobby-item .van-swipe-item > div{
  background:transparent !important;
  box-shadow:none !important;
}

/* Balance strip / wallet pill on p8-home (logged-in amount) */
html body #app .p8-home [class*="balance"],
html body #app .p8-home [class*="wallet"],
html body #app .p8-home [class*="amount"]{
  color:#fff !important;
}
html body #app .p8-home [class*="recharge"],
html body #app .p8-home [class*="deposit"] button{
  color:#F5C24C !important;
}
html body #app .p8-home .home-header-tools.v83-header-tools,
html body #app .p8-home .p8-home__guest.v83-header-tools,
html body #app .p8-home .v83-header-tools{
  display:flex !important;
  align-items:center !important;
  gap:.18rem !important;
  margin-left:auto !important;
}
html body #app .p8-home .v83-wallet-pill{
  display:inline-flex !important;
  align-items:center !important;
  gap:.12rem !important;
  height:.78rem !important;
  padding:0 .18rem 0 .12rem !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#3A2466 0%,#231140 100%) !important;
  border:.01333rem solid rgba(245,194,76,.45) !important;
  box-shadow:0 4px 14px rgba(0,0,0,.28) !important;
}
html body #app .p8-home .v83-wallet-amt{
  color:#F8D169 !important;
  font-weight:800 !important;
  font-size:.34rem !important;
  line-height:1 !important;
  min-width:1.4rem !important;
}
html body #app .p8-home .v83-wallet-plus{
  width:.5rem !important;
  height:.5rem !important;
  border-radius:50% !important;
  background:linear-gradient(135deg,#F8D169,#E5A92C) !important;
  color:#1B0B36 !important;
  border:none !important;
  font-weight:900 !important;
  line-height:.5rem !important;
}
html body #app .p8-home .v83-wallet-coin,
html body #app .p8-home .v83-wallet-coin svg{
  width:.48rem !important;
  height:.48rem !important;
  display:block !important;
}

/* Notice speaker gold accent (sprite #icon-noticeBarSpeaker) */
html body #app .noticeBar__container .notice_svg,
html body #app .p8-home .noticeBar__container svg,
html body #app .noticeBar__container .svg-icon,
html body #app .noticeBar__container use{
  color:#F5C24C !important;
  fill:#F5C24C !important;
  filter:none !important;
  -webkit-filter:none !important;
}
html body #app .noticeBar__container svg path,
html body #app .p8-home .noticeBar__container svg path{
  fill:#F5C24C !important;
  stroke:#F5C24C !important;
}

/* Hide legacy message + download icons beside logo (keep wallet/lang) */
html body #app .p8-home .p8-home__nav-right,
html body #app .p8-home .p8-home__nav-icon{
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
  opacity:0 !important;
}

/* Lottery / lobby games: static 3-col grid (no horizontal slide) */
html body #app .lobby-item__swipe.van-swipe{
  height:auto !important;
  overflow:visible !important;
}
html body #app .lobby-item__swipe .van-swipe__track{
  transform:none !important;
  transition:none !important;
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  gap:.21333rem !important;
}
html body #app .lobby-item__swipe .van-swipe-item{
  width:100% !important;
  flex-shrink:0 !important;
  transform:none !important;
}
html body #app .lobby-item__row,
html body #app .game-list__grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:.21333rem !important;
}
html body #app .lobby-item__swipe .game-card,
html body #app .game-list__grid .game-card{
  pointer-events:auto !important;
  cursor:pointer !important;
}
html body #app .lobby-item__swipe .van-swipe__indicators{
  display:none !important;
}

/* Tabbar polish closer to reference */
html body #app .tabbar__container{
  background-color:transparent !important;
  background-image:url(/assets/darkPurple/home/barBg-violet-k7l8m9n0.png) !important;
  background-repeat:no-repeat !important;
  background-position:center bottom !important;
  background-size:100% auto !important;
  border-top:none !important;
}
html body #app .tabbar__container-item.active,
html body #app .tabbar__container-item.active span{
  color:#F5C24C !important;
}

/* ===== V40_LW8 — podium amounts stay dark on light stands; list amounts WHITE ===== */
.dailyProfitRank__content-topThree__item .item__amount,
.dailyProfitRank__content-topThree__item.rank-pos-0 .item__amount,
.dailyProfitRank__content-topThree__item.rank-pos-1 .item__amount,
.dailyProfitRank__content-topThree__item.rank-pos-2 .item__amount{
  color:#000 !important;
  -webkit-text-fill-color:#000 !important;
}
.v86-podium .v86-podium-amt-box,
.v86-podium-first .v86-podium-amt-box,
.v86-podium-second .v86-podium-amt-box,
.v86-podium-third .v86-podium-amt-box{
  color:#000 !important;
  -webkit-text-fill-color:#000 !important;
}
/* Ranks 4–10 — white amounts on dark list (was forced black / invisible) */
.v86-rank-list .v86-rank-amt,
.v86-rank-row .v86-rank-amt,
.rank-list-card .rank-amount,
.rank-list-card .rank-amount[data-v-c1a8800b]{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background:transparent !important;
  opacity:1 !important;
}

/* Soft-hide raw category nav until V40 polish marks ready */
html body #app .p8-home .game__nav:not(.v-home-nav-ready){
  opacity:0 !important;
  pointer-events:none !important;
  min-height:3.6rem !important;
}
html body #app .p8-home .game__nav.v-home-nav-ready{
  opacity:1 !important;
  pointer-events:auto !important;
}

/* Wallet page — reference My Balance + Deposit/Withdraw */
html body.v40-route-wallet #app,
html body #app .wallet-container{
  background:#181131 !important;
  min-height:100vh !important;
}
html body #app .wallet-container-header{
  background:#181131 !important;
  padding:.12rem 0 .08rem !important;
  min-height:0 !important;
}
/* Kill ghost boxes / leftovers above My Balance card — keep NavBar / back */
html body #app .wallet-container-header > *:not(.wallet-container-header-belly):not(.navbar):not(.van-nav-bar):not(.main):not([data-v35-wallet-back]),
html body #app .wallet-container-header .wallet1,
html body #app .wallet-container-header svg.wallet1{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  width:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
html body #app .wallet-container-header .navbar,
html body #app .wallet-container-header .van-nav-bar,
html body #app .wallet-container-header .main.navbar,
html body #app .wallet-container-header [data-v35-wallet-back="1"]{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  height:auto !important;
  width:auto !important;
  overflow:visible !important;
  pointer-events:auto !important;
}
html body #app .wallet-container-header [data-v35-wallet-back="1"]{
  position:absolute !important;
  top:.18rem !important;
  left:.18rem !important;
  z-index:30 !important;
  width:.72rem !important;
  height:.72rem !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  cursor:pointer !important;
  padding:0 !important;
}
html body #app .wallet-container-header{
  position:relative !important;
}
html body #app .wallet-container-header .van-nav-bar{
  background:transparent !important;
  position:relative !important;
  z-index:20 !important;
}
html body #app .wallet-container-header .van-nav-bar__title{
  color:transparent !important;
  font-size:0 !important;
}
html body #app .wallet-container-header .van-nav-bar__left,
html body #app .wallet-container-header .van-icon-arrow-left{
  color:#fff !important;
  opacity:1 !important;
}
html body #app .wallet-container-header-belly{
  margin:.28rem .28rem .55rem !important;
  padding:.78rem .56rem .85rem !important;
  min-height:2.6rem !important;
  border-radius:.48rem !important;
  background:linear-gradient(145deg,#3E2F75 0%,#2A1B55 100%) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.38) !important;
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.18rem !important;
}
html body #app .wallet-container-header-belly > svg,
html body #app .wallet-container-header-belly .wallet1,
html body #app .wallet-container-header-belly > div:nth-of-type(2),
html body #app .wallet-container-header-belly p.total{
  display:none !important;
}
html body #app .wallet-container-header-belly > div{
  color:#F7BC3D !important;
  font-size:.86rem !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  letter-spacing:.01em !important;
}
html body #app .wallet-container-header-belly > span{
  color:transparent !important;
  font-size:0 !important;
  font-weight:600 !important;
  order:-1 !important;
  line-height:0 !important;
}
html body #app .wallet-container-header-belly > span::before{
  content:"My Balance" !important;
  display:block !important;
  color:rgba(255,255,255,.95) !important;
  font-size:.38rem !important;
  font-weight:600 !important;
  margin-bottom:.2rem !important;
  line-height:1.2 !important;
}
html body #app .wallet-container .progressBars,
html body #app .wallet-container .gameList,
html body #app .wallet-container .recycleBtnD{
  display:none !important;
}
html body #app .wallet-container-content .container{
  padding:.2rem .36rem 2.4rem !important;
  background:transparent !important;
}
html body #app .wallet-container .userDetail{
  display:flex !important;
  flex-direction:column !important;
  gap:.55rem !important;
  margin-top:.2rem !important;
}
html body #app .wallet-container .userDetail > div{
  display:flex !important;
  flex-direction:column !important;
  gap:.16rem !important;
  width:100% !important;
}
html body #app .wallet-container .userDetail .imgD{
  display:none !important;
}
html body #app .wallet-container .userDetail > div .v40-wallet-tip-title{
  color:#fff !important;
  font-size:.4rem !important;
  font-weight:800 !important;
}
html body #app .wallet-container .userDetail > div .v40-wallet-tip-body{
  color:rgba(255,255,255,.72) !important;
  font-size:.3rem !important;
  line-height:1.35 !important;
  margin-bottom:.08rem !important;
}
html body #app .wallet-container .userDetail > div .v40-wallet-cta,
html body #app .wallet-container .v40-wallet-cta{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:.95rem !important;
  border:none !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#F8D169 0%,#E5A92C 55%,#F7BC3D 100%) !important;
  color:#1B0B36 !important;
  font-size:.4rem !important;
  font-weight:800 !important;
  box-shadow:0 6px 18px rgba(229,169,44,.35) !important;
  cursor:pointer !important;
}
/* Deep-hide Deposit/Withdrawal history rows on wallet (userDetail 3rd/4th+) */
html body #app .wallet-container .userDetail > div:nth-child(n+3),
html body #app .wallet-container .userDetail > div[data-v40-wallet-hist],
html body.v40-route-wallet #app .wallet-container .userDetail > div:nth-child(n+3){
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}
/* Hide leftover SPA labels inside deposit/withdraw cells (keep only V40 tips + CTA) */
html body #app .wallet-container .userDetail > div > :not(.v40-wallet-tip-title):not(.v40-wallet-tip-body):not(.v40-wallet-cta):not(script){
  display:none !important;
}

/* ===== V40_TABBAR5 — small gold side icons; large center Get Spin/potli ===== */
/* NEVER hide icons with opacity:0 — that caused blank/alt-text "icon home…" flash */
html body #app .tabbar__container:not(.v40-tabbar-ref) img{
  opacity:1 !important;
}
html body #app .tabbar__container img.tab-icon,
html body #app .tabbar__container img.v40-tab-base{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
}
html body #app .tabbar__container.v40-tabbar-ref,
html body #app .tabbar__container{
  background-color:transparent !important;
  background-image:url(/assets/darkPurple/home/barBg-violet-k7l8m9n0.png) !important;
  background-repeat:no-repeat !important;
  background-position:center bottom !important;
  background-size:100% auto !important;
  box-shadow:none !important;
  height:2.5rem !important;
  padding:0 .06rem .08rem !important;
  overflow:visible !important;
  align-items:flex-end !important;
  z-index:1000 !important;
}
html body #app .tabbar__container-item{
  position:relative !important;
  overflow:visible !important;
  height:auto !important;
  min-height:1.7rem !important;
  padding-top:.12rem !important;
  padding-bottom:.08rem !important;
  gap:.04rem !important;
  justify-content:flex-end !important;
  color:rgba(255,255,255,.88) !important;
  margin-top:0 !important;
}
html body #app .tabbar__container-item span,
html body #app .tabbar__container-item .get-spin-label{
  color:rgba(255,255,255,.9) !important;
  font-size:.22rem !important;
  font-weight:600 !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
  position:relative !important;
  z-index:4 !important;
}
html body #app .tabbar__container-item.active span,
html body #app .tabbar__container-item.active .get-spin-label{
  color:#F5C24C !important;
}
/* Home / Promo / Earn / Mine — small gold like dmgwin1.co */
html body #app .tabbar__container-item .tab-icon.v40-tab-base,
html body #app .tabbar__container-item img.v40-tab-base,
html body #app .tabbar__container-item img.tab-icon{
  display:block !important;
  width:.68rem !important;
  height:.68rem !important;
  max-width:.68rem !important;
  max-height:.68rem !important;
  object-fit:contain !important;
  position:relative !important;
  z-index:2 !important;
  filter:none !important;
  opacity:1 !important;
  visibility:visible !important;
}
/* Home potli + Promo / Earn / Mine active — same large size (spin untouched) */
html body #app .tabbar__container-item.v40-tab-big-active img.tab-icon,
html body #app .tabbar__container-item.v40-tab-big-active img.v40-tab-base,
html body #app .tabbar__container-item.v40-tab-big-active img,
html body #app .tabbar__container img.v40-tab-big-active,
html body #app .tabbar__container-item[data-v40-tab="home"].active img.tab-icon,
html body #app .tabbar__container-item[data-v40-tab="home"].active img.v40-tab-base,
html body #app .tabbar__container-item[data-v40-tab="activity"].active img.tab-icon,
html body #app .tabbar__container-item[data-v40-tab="promotion"].active img.tab-icon,
html body #app .tabbar__container-item[data-v40-tab="main"].active img.tab-icon,
html body #app .tabbar__container-item[data-v40-tab="activity"].active img.v40-tab-base,
html body #app .tabbar__container-item[data-v40-tab="promotion"].active img.v40-tab-base,
html body #app .tabbar__container-item[data-v40-tab="main"].active img.v40-tab-base,
html body #app .tabbar__container img[src*="icon_home_active-q7r8s9t0"],
html body #app .tabbar__container img[src*="icon_promo_active-u1v2w3x4"],
html body #app .tabbar__container img[src*="icon_earn_active-y5z6a7b8"],
html body #app .tabbar__container img[src*="icon_menu_active-c9d0e1f2"]{
  width:1.9rem !important;
  height:1.9rem !important;
  max-width:1.9rem !important;
  max-height:1.9rem !important;
  object-fit:contain !important;
  filter:drop-shadow(0 .04rem .1rem rgba(0,0,0,.4)) !important;
}
html body #app .tabbar__container-item.v40-tab-big-active,
html body #app .tabbar__container-item[data-v40-tab="home"].active,
html body #app .tabbar__container-item[data-v40-tab="activity"].active,
html body #app .tabbar__container-item[data-v40-tab="promotion"].active,
html body #app .tabbar__container-item[data-v40-tab="main"].active{
  z-index:6 !important;
  margin-top:-.2rem !important;
}
html body #app .tabbar__container-item .v40-tab-active-overlay{
  display:none !important;
  width:0 !important;
  height:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
}
/* Center Get Spin / potli — larger elevated like ref */
html body #app .tabbar__container-item.v40-tab-spin,
html body #app .tabbar__container-item:nth-of-type(3){
  overflow:visible !important;
  z-index:8 !important;
}
html body #app .tabbar__container-item.v40-tab-spin .tab-icon.v40-tab-base,
html body #app .tabbar__container-item.v40-tab-spin img.v40-tab-base,
html body #app .tabbar__container-item.v40-tab-spin img.v90-cruelspin,
html body #app .tabbar__container-item.v40-tab-spin img.tab-icon{
  width:2.3rem !important;
  height:2.3rem !important;
  max-width:2.3rem !important;
  max-height:2.3rem !important;
  position:absolute !important;
  left:50% !important;
  bottom:.32rem !important;
  transform:translateX(-50%) !important;
  display:block !important;
  z-index:5 !important;
  filter:drop-shadow(0 .05rem .14rem rgba(0,0,0,.4)) !important;
}
html body #app .tabbar__container-item.v40-tab-spin .get-spin-label{
  display:block !important;
  margin-top:1.85rem !important;
  color:#F5C24C !important;
  font-size:.22rem !important;
  font-weight:700 !important;
}
html body #app .tabbar__container-item.v40-tab-spin svg,
html body #app .tabbar__container-item.v40-tab-spin .turntableBg,
html body #app .tabbar__container-item.v40-tab-spin .turntable-text,
html body #app .tabbar__container-item .promotion-special-icon{
  display:none !important;
}
/* Content clearance for bar */
html body #app .p8-home,
html body #app .wallet-container,
html body #app .activity,
html body #app .main,
html body #app .promote,
html body #app .promotion,
html body #app .content{
  padding-bottom:2.8rem !important;
}
/* ===== headLogo safety — never let injected img spill ===== */
html body #app .headLogo img{
  display:none !important;
  width:0 !important;
  height:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
}
html body #app .navbar__content-center .headLogo,
html body #app .headLogo{
  width:2.98667rem !important;
  height:1.12rem !important;
  max-width:48vw !important;
  max-height:1.12rem !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  overflow:hidden !important;
  flex:0 0 auto !important;
}


/* ===================================================================
   earnMenu2 — live Earn (#/promotion): ref dark/gold hero + no promo leak
   =================================================================== */
html body.v40-route-earn #app .promote__cell,
html body.v40-route-earn #app .promote__cell.v41-earn-menu,
html body.v40-route-earn #app .promote__cell.v91-earn-menu{
  display:flex!important;
  flex-direction:column!important;
  margin:.24rem .28rem 0!important;
  padding:.08rem .24rem!important;
  background:var(--v40-bg-card-flat)!important;
  background-color:var(--v40-bg-card-flat)!important;
  border-radius:.4rem!important;
  border:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06)!important;
  overflow:hidden!important;
}
html body.v40-route-earn #app .promote__cell-item,
html body.v40-route-earn #app .promote__cell .v41-earn-menu-row,
html body.v40-route-earn #app .promote__cell .v91-earn-row{
  display:flex!important;
  align-items:center!important;
  gap:.2rem!important;
  padding:.28rem .04rem!important;
  margin:0!important;
  min-height:.96rem!important;
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:var(--v40-text-hi)!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  position:relative!important;
  z-index:5!important;
}
/* Dead clicks fix — icons/chevrons must not swallow row taps */
html body.v40-route-earn #app .promote__cell-item .v52-earn-ic,
html body.v40-route-earn #app .promote__cell-item .v51-earn-ic,
html body.v40-route-earn #app .promote__cell-item .v91-earn-chevron,
html body.v40-route-earn #app .promote__cell-item .arrow,
html body.v40-route-earn #app .promote__cell-item .svg-icon{
  pointer-events:none!important;
}
html body.v40-route-earn #app .promote__cell-item[data-v91-k="rebate"],
html body.v40-route-earn #app .promote__cell-item[data-v91-bound="rebate"]{
  pointer-events:auto!important;
  z-index:6!important;
}
html body.v40-route-earn #app .promote__cell-item:last-child,
html body.v40-route-earn #app .promote__cell .v41-earn-menu-row:last-child,
html body.v40-route-earn #app .promote__cell .v91-earn-row:last-child{
  border-bottom:0!important;
}
html body.v40-route-earn #app .promote__cell-item .label,
html body.v40-route-earn #app .v91-earn-label{
  flex:1!important;
  color:#fff!important;
  font-size:.32rem!important;
  font-weight:600!important;
  text-align:left!important;
}
html body.v40-route-earn #app .promote__cell-item .arrow,
html body.v40-route-earn #app .v91-earn-chevron,
html body.v40-route-earn #app .promote__cell-item .van-icon-arrow{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-left:auto!important;
  color:rgba(255,255,255,.55)!important;
  flex-shrink:0!important;
  visibility:visible!important;
  opacity:1!important;
  width:.36rem!important;
  min-width:.36rem!important;
  height:.36rem!important;
}
html body.v40-route-earn #app .v91-earn-chevron svg{
  display:block!important;
  width:.32rem!important;
  height:.32rem!important;
}

/* Hide native Vue icons when gold SVG mounted */
html body.v40-route-earn #app .promote__cell-item:has(.v52-earn-ic) > .svg-icon,
html body.v40-route-earn #app .promote__cell-item:has(.v52-earn-ic) > svg.svg-icon,
html body.v40-route-earn #app .promote__cell-item:has(.v52-earn-ic) > img,
html body.v40-route-earn #app .v41-earn-menu-row:has(.v52-earn-ic) > .svg-icon,
html body.v40-route-earn #app .v91-earn-row:has(.v52-earn-ic) > .svg-icon{
  display:none!important;visibility:hidden!important;width:0!important;height:0!important;
  overflow:hidden!important;position:absolute!important;pointer-events:none!important;opacity:0!important;
}
html body.v40-route-earn #app .promote__cell-item .v52-earn-ic,
html body.v40-route-earn #app .v41-earn-menu-row .v52-earn-ic,
html body.v40-route-earn #app .v91-earn-row .v52-earn-ic{
  width:.96rem!important;height:.96rem!important;min-width:.96rem!important;
  flex-shrink:0!important;display:grid!important;place-items:center!important;
  background:transparent!important;border:none!important;padding:0!important;margin:0 .06rem 0 0!important;
  filter:drop-shadow(0 .018rem .055rem rgba(0,0,0,.5)) drop-shadow(0 .055rem .14rem rgba(176,122,20,.34))!important;
  order:-1!important;
}
html body.v40-route-earn #app .v52-earn-ic svg{width:.76rem!important;height:.76rem!important;display:block!important;}

/* Invite code row — keep code readable */
html body.v40-route-earn #app .promote__cell-item.v42-invite-code-row .label{flex:1!important;}

/* Gold CTA pill */
html body.v40-route-earn #app .shareBtnContainer{margin:.28rem .28rem .1rem!important;background:transparent!important;box-shadow:none!important;}
html body.v40-route-earn #app .shareBtnContainer .shareBtn,
html body.v40-route-earn #app .shareBtn.v42-earn-cta,
html body.v40-route-earn #app button.shareBtn{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-height:.96rem!important;padding:.22rem .32rem!important;
  border:none!important;border-radius:999px!important;
  background:var(--v40-gold-grad)!important;background-image:var(--v40-gold-grad)!important;
  color:#1B0B36!important;font-size:.34rem!important;font-weight:800!important;
  box-shadow:0 4px 14px rgba(176,122,20,.35),inset 0 1px 0 rgba(255,255,255,.35)!important;
}

/* Hero — reference dark cards + gold values (NO white chips) */
html body.v40-route-earn #app .amount.v91-earn-amount,
html body.v40-route-earn #app .container > .amount,
html body.v40-route-earn #app .content .amount{
  display:block!important;text-align:center!important;
  margin:.22rem auto .06rem!important;padding:0!important;
  background:transparent!important;background-color:transparent!important;background-image:none!important;
  color:var(--v40-gold)!important;border-radius:0!important;
  font-size:.72rem!important;font-weight:800!important;line-height:1.15!important;
  box-shadow:none!important;
}
html body.v40-route-earn #app .amount_txt{
  display:block!important;text-align:center!important;margin:.06rem auto!important;
  padding:0!important;width:auto!important;max-width:92%!important;
  background:transparent!important;color:#fff!important;
  border-radius:0!important;font-size:.28rem!important;font-weight:700!important;
}
html body.v40-route-earn #app .tip{color:rgba(255,255,255,.65)!important;text-align:center!important;font-size:.22rem!important;}
html body.v40-route-earn #app .info_content,
html body.v40-route-earn #app .info_content.v91-earn-hero{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:.14rem!important;
  margin:.2rem .28rem .08rem!important;padding:.16rem .14rem!important;
  background:var(--v40-bg-card-flat)!important;background-color:var(--v40-bg-card-flat)!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:.32rem!important;
  box-shadow:0 4px 16px rgba(0,0,0,.3)!important;
}
html body.v40-route-earn #app .info_content .info{
  background:transparent!important;border:none!important;border-radius:0!important;
  padding:.04rem .06rem!important;box-shadow:none!important;
}
html body.v40-route-earn #app .info_content .info .head,
html body.v40-route-earn #app .info_content .info .head.u2{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:.08rem!important;
  background:var(--v40-gold-grad)!important;background-image:var(--v40-gold-grad)!important;
  color:#1B0B36!important;font-size:.22rem!important;font-weight:800!important;
  border-radius:.14rem!important;padding:.1rem .08rem!important;margin:0 0 .12rem!important;
}
/* Dark rows: label mid-white, values gold — no white boxes */
html body.v40-route-earn #app .info_content .info [class*="line"]{
  display:flex!important;justify-content:space-between!important;align-items:baseline!important;
  gap:.08rem!important;padding:.07rem 0!important;font-size:.2rem!important;
  color:rgba(255,255,255,.72)!important;background:transparent!important;
  box-shadow:none!important;border-radius:0!important;margin:0!important;width:auto!important;
}
html body.v40-route-earn #app .info_content .info .line1,
html body.v40-route-earn #app .info_content .info [class^="line1"],
html body.v40-route-earn #app .info_content .info .line2,
html body.v40-route-earn #app .info_content .info .line3,
html body.v40-route-earn #app .info_content .info [class^="line2"],
html body.v40-route-earn #app .info_content .info [class^="line3"]{
  background:transparent!important;background-color:transparent!important;
  color:rgba(255,255,255,.72)!important;box-shadow:none!important;
  border-radius:0!important;padding:.07rem 0!important;margin:0!important;
  font-size:.2rem!important;width:auto!important;max-width:none!important;
}
html body.v40-route-earn #app .info_content .info [class*="line"] span,
html body.v40-route-earn #app .info_content .info [class*="line"] b,
html body.v40-route-earn #app .info_content .info [class*="line"] strong{
  background:transparent!important;color:var(--v40-gold)!important;
  font-weight:800!important;font-variant-numeric:tabular-nums!important;
  box-shadow:none!important;border-radius:0!important;padding:0!important;
}

/* Yesterday Promotion Data under menu */
html body.v40-route-earn #app .v42-yesterday-promo{
  margin:.2rem .28rem .36rem!important;
}

/* Fully kill native promotion-data block — no peek behind */
html body.v40-route-earn #app .commission,
html body.v40-route-earn #app .commission.v91-commission-soft,
html body.v40-route-earn #app .commission.v91-commission-gone,
html body.v40-route-earn:has(.v42-yesterday-promo) #app .commission,
html body.v40-route-earn #app .commission__title,
html body.v40-route-earn #app .commission__body{
  display:none!important;visibility:hidden!important;
  height:0!important;max-height:0!important;min-height:0!important;
  overflow:hidden!important;margin:0!important;padding:0!important;
  opacity:0!important;pointer-events:none!important;border:none!important;
  position:absolute!important;left:-9999px!important;width:0!important;
}

/* Keep gold headers even if purple theme tries to override */
html body.v40-route-earn #app .info_content .info .head{
  background:var(--v40-gold-grad)!important;background-image:var(--v40-gold-grad)!important;color:#1B0B36!important;
}

/* ===================================================================
   earnLayout1 — ref gutter + commission banner + compact yesterday
   =================================================================== */

/* Tabbar clearance — yesterday fully scrollable above Get Spin / nav */
html body.v40-route-earn #app .promote,
html body.v40-route-earn #app .promotion{
  padding-bottom:4.6rem!important;
}

/* Shared tight .12rem side gutter */
html body.v40-route-earn #app .v92-commission-banner,
html body.v40-route-earn #app .info_content,
html body.v40-route-earn #app .info_content.v91-earn-hero,
html body.v40-route-earn #app .shareBtnContainer,
html body.v40-route-earn #app .promote__cell,
html body.v40-route-earn #app .promote__cell.v41-earn-menu,
html body.v40-route-earn #app .promote__cell.v91-earn-menu,
html body.v40-route-earn #app .v42-yesterday-promo{
  margin-left:.12rem!important;
  margin-right:.12rem!important;
}

/* Yesterday's commission banner — dark card, gold amount */
html body.v40-route-earn #app .v92-commission-banner{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:.16rem!important;
  margin-bottom:.12rem!important;
  padding:.28rem .24rem!important;
  background:var(--v40-bg-card-flat)!important;
  background-color:var(--v40-bg-card-flat)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:.32rem!important;
  box-shadow:0 1px 2px rgba(0,0,0,.28),0 6px 18px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05)!important;
  text-align:center!important;
}
html body.v40-route-earn #app .v92-commission-banner .amount_txt{
  display:block!important;
  order:1!important;
  margin:0 0 .1rem!important;
  padding:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.72)!important;
  font-size:.28rem!important;
  font-weight:600!important;
  line-height:1.3!important;
  max-width:100%!important;
}
html body.v40-route-earn #app .v92-commission-banner .amount,
html body.v40-route-earn #app .v92-commission-banner .amount.v91-earn-amount{
  display:block!important;
  order:2!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  background-color:transparent!important;
  color:var(--v40-gold)!important;
  font-size:.68rem!important;
  font-weight:800!important;
  line-height:1.15!important;
  box-shadow:none!important;
  border-radius:0!important;
}
html body.v40-route-earn #app .v92-commission-banner .tip{
  order:3!important;
  margin:.1rem 0 0!important;
  color:rgba(255,255,255,.55)!important;
  font-size:.2rem!important;
  line-height:1.3!important;
}

/* Invitees Direct/Team — compact */
html body.v40-route-earn #app .info_content,
html body.v40-route-earn #app .info_content.v91-earn-hero{
  margin-top:.12rem!important;
  margin-bottom:.08rem!important;
  padding:.14rem .12rem!important;
  gap:.12rem!important;
  border-radius:.32rem!important;
}

/* Menu card — wider (less double-inset), slightly shorter rows */
html body.v40-route-earn #app .promote__cell,
html body.v40-route-earn #app .promote__cell.v41-earn-menu,
html body.v40-route-earn #app .promote__cell.v91-earn-menu{
  margin-top:.16rem!important;
  margin-bottom:0!important;
  padding:.08rem .16rem!important;
}
html body.v40-route-earn #app .promote__cell-item,
html body.v40-route-earn #app .promote__cell .v41-earn-menu-row,
html body.v40-route-earn #app .promote__cell .v91-earn-row{
  padding:.22rem .04rem!important;
  min-height:.88rem!important;
  gap:.16rem!important;
}
html body.v40-route-earn #app .promote__cell-item .v52-earn-ic,
html body.v40-route-earn #app .v41-earn-menu-row .v52-earn-ic,
html body.v40-route-earn #app .v91-earn-row .v52-earn-ic{
  width:.84rem!important;height:.84rem!important;min-width:.84rem!important;
}
html body.v40-route-earn #app .v52-earn-ic svg{width:.68rem!important;height:.68rem!important;}

html body.v40-route-earn #app .shareBtnContainer{
  margin-top:.16rem!important;
  margin-bottom:.08rem!important;
}

/* Yesterday Promotion Data — compact V42 scale, override V62 bloat */
html body.v40-route-earn #app .v42-yesterday-promo,
html body.v40-route-earn .v42-yesterday-promo{
  margin-top:.16rem!important;
  margin-bottom:1.2rem!important;
  padding:.18rem .16rem .2rem!important;
  border-radius:.32rem!important;
}
html body.v40-route-earn #app .v42-yesterday-promo__title,
html body.v40-route-earn .v42-yesterday-promo__title{
  font-size:.28rem!important;
  margin-bottom:.14rem!important;
  gap:.1rem!important;
}
html body.v40-route-earn #app .v42-yesterday-promo__title svg,
html body.v40-route-earn .v42-yesterday-promo__title svg{
  width:.32rem!important;height:.32rem!important;
}
html body.v40-route-earn #app .v42-yesterday-promo__grid,
html body.v40-route-earn .v42-yesterday-promo__grid{
  gap:.12rem!important;
}
html body.v40-route-earn #app .v42-promo-col,
html body.v40-route-earn .v42-promo-col{
  padding:.12rem!important;
  border-radius:.24rem!important;
  background:var(--v40-bg-elevated)!important;
}
html body.v40-route-earn #app .v42-promo-col__head,
html body.v40-route-earn .v42-promo-col__head{
  font-size:.22rem!important;
  padding:.1rem .08rem!important;
  margin-bottom:.1rem!important;
  border-radius:.14rem!important;
}
html body.v40-route-earn #app .v42-promo-stat,
html body.v40-route-earn .v42-promo-stat{
  font-size:.22rem!important;
  padding:.08rem 0!important;
  line-height:1.3!important;
  gap:.06rem!important;
}
html body.v40-route-earn #app .v42-promo-stat .lbl,
html body.v40-route-earn .v42-promo-stat .lbl{
  font-size:.22rem!important;
  color:rgba(255,255,255,.7)!important;
}
html body.v40-route-earn #app .v42-promo-stat .val,
html body.v40-route-earn .v42-promo-stat .val,
html body.v40-route-earn #app .v42-first-deposit-box .fd-val,
html body.v40-route-earn .v42-first-deposit-box .fd-val{
  color:var(--v40-gold)!important;
  font-size:.24rem!important;
  font-weight:800!important;
}
html body.v40-route-earn #app .v42-first-deposit-box,
html body.v40-route-earn .v42-first-deposit-box{
  margin-top:.08rem!important;
  padding:.08rem!important;
}
html body.v40-route-earn #app .v42-first-deposit-box .fd-title,
html body.v40-route-earn .v42-first-deposit-box .fd-title{
  font-size:.2rem!important;
  margin-bottom:.06rem!important;
}
html body.v40-route-earn #app .v42-first-deposit-box .fd-cell .fd-lbl,
html body.v40-route-earn .v42-first-deposit-box .fd-cell .fd-lbl{
  font-size:.18rem!important;
  color:rgba(255,255,255,.65)!important;
}

/* ===================================================================
   earnLayout2 — real .content clearance + Direct/Team stacked hero
   =================================================================== */

/* Tabbar + Get Spin clearance — live wrapper is .content (not .promote) */
html body.v40-route-earn #app .content{
  padding-bottom:7rem!important;
}
html body.v40-route-earn #app .v42-yesterday-promo,
html body.v40-route-earn .v42-yesterday-promo{
  margin-bottom:7rem!important;
}

/* Hero Direct/Team — value stacked above label (kill space-between bug) */
html body.v40-route-earn #app .info_content,
html body.v40-route-earn #app .info_content.v91-earn-hero{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:.16rem!important;
  padding:.18rem .14rem!important;
  margin-top:.12rem!important;
  margin-bottom:.08rem!important;
}
html body.v40-route-earn #app .info_content .info{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  padding:.06rem .08rem!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
html body.v40-route-earn #app .info_content .info .head,
html body.v40-route-earn #app .info_content .info .head.u2{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.08rem!important;
  min-height:.88rem!important;
  padding:.14rem .1rem!important;
  margin:0 0 .14rem!important;
  border-radius:.2rem!important;
  border-left:none!important;
  background:var(--v40-gold-grad)!important;
  background-image:var(--v40-gold-grad)!important;
  color:#1B0B36!important;
  font-size:.3rem!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-align:center!important;
}
html body.v40-route-earn #app .info_content .info .head svg,
html body.v40-route-earn #app .info_content .info .head .svg-icon,
html body.v40-route-earn #app .info_content .info .head img{
  display:none!important;
  width:0!important;height:0!important;overflow:hidden!important;
  visibility:hidden!important;
}
html body.v40-route-earn #app .info_content .info [class*="line"]{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:.06rem!important;
  width:100%!important;
  padding:.12rem 0!important;
  margin:0!important;
  text-align:center!important;
  font-size:.26rem!important;
  font-weight:500!important;
  line-height:1.35!important;
  color:rgba(255,255,255,.72)!important;
  background:transparent!important;
  background-color:transparent!important;
  border:none!important;
  border-right:none!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body.v40-route-earn #app .info_content .info [class*="line"].r,
html body.v40-route-earn #app .info_content .info .line1.r,
html body.v40-route-earn #app .info_content .info .line2.r,
html body.v40-route-earn #app .info_content .info .line3.r{
  border-right:none!important;
}
html body.v40-route-earn #app .info_content .info [class*="line"] > div{
  order:1!important;
  display:block!important;
  font-size:.34rem!important;
  font-weight:700!important;
  line-height:1.2!important;
  color:var(--v40-gold)!important;
  font-variant-numeric:tabular-nums!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  width:auto!important;
  text-align:center!important;
}
html body.v40-route-earn #app .info_content .info [class*="line"] span,
html body.v40-route-earn #app .info_content .info [class*="line"] b,
html body.v40-route-earn #app .info_content .info [class*="line"] strong{
  color:var(--v40-gold)!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* ===================================================================
   earnLayout3 — trim bottom void + taller banner + divider + hide tip
   =================================================================== */

/* Normal bottom clearance (just enough for yesterday above tabbar) */
html body.v40-route-earn #app .content{
  padding-bottom:3.2rem!important;
}
html body.v40-route-earn #app .v42-yesterday-promo,
html body.v40-route-earn .v42-yesterday-promo{
  margin-bottom:1.6rem!important;
}

/* Yesterday commission banner — ref size, label + amount only */
html body.v40-route-earn #app .v92-commission-banner{
  min-height:2.4rem!important;
  padding:.4rem .28rem .36rem!important;
  margin-top:.16rem!important;
  margin-bottom:.16rem!important;
  justify-content:center!important;
  gap:.12rem!important;
}
html body.v40-route-earn #app .v92-commission-banner .amount_txt{
  font-size:.3rem!important;
  font-weight:600!important;
  color:rgba(255,255,255,.78)!important;
  margin:0!important;
}
html body.v40-route-earn #app .v92-commission-banner .amount,
html body.v40-route-earn #app .v92-commission-banner .amount.v91-earn-amount{
  font-size:.72rem!important;
  font-weight:800!important;
  line-height:1.1!important;
  margin:0!important;
}

/* Hide Upgrade tip everywhere on earn hero */
html body.v40-route-earn #app .v92-commission-banner .tip,
html body.v40-route-earn #app .container .tip,
html body.v40-route-earn #app .container > .tip,
html body.v40-route-earn #app .content > .tip{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Faint vertical divider between Direct / Team invitees */
html body.v40-route-earn #app .info_content .info:first-child{
  border-right:1px solid rgba(255,255,255,.12)!important;
  padding-right:.12rem!important;
}
html body.v40-route-earn #app .info_content .info:last-child{
  padding-left:.12rem!important;
}

/* ===================================================================
   earnGutter1 — same L/R space as Download QR / menu (stop over-layout)
   =================================================================== */

html body.v40-route-earn #app .container,
html body.v42-earn-polish #app .container{
  padding-left:.32rem!important;
  padding-right:.32rem!important;
  align-items:stretch!important;
  box-sizing:border-box!important;
}
html body.v40-route-earn #app .v92-commission-banner,
html body.v42-earn-polish #app .v92-commission-banner,
html body #app .v92-commission-banner,
html body.v40-route-earn #app .info_content,
html body.v40-route-earn #app .info_content.v91-earn-hero,
html body.v40-route-earn #app .shareBtnContainer,
html body.v40-route-earn #app .promote__cell,
html body.v40-route-earn #app .promote__cell.v41-earn-menu,
html body.v40-route-earn #app .promote__cell.v91-earn-menu,
html body.v40-route-earn #app .v42-yesterday-promo,
html body.v42-earn-polish #app .v42-yesterday-promo,
html body #app .v42-yesterday-promo{
  margin-left:.28rem!important;
  margin-right:.28rem!important;
  width:auto!important;
  max-width:calc(100% - .56rem)!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
}
html body.v40-route-earn #app .v92-commission-banner,
html body.v42-earn-polish #app .v92-commission-banner,
html body #app .v92-commission-banner{
  min-height:0!important;
  height:auto!important;
  padding:.36rem .28rem!important;
  gap:.12rem!important;
}
html body.v40-route-earn #app .v92-commission-banner .amount_txt,
html body #app .v92-commission-banner .amount_txt{
  font-size:.3rem!important;
  font-weight:600!important;
}
html body.v40-route-earn #app .v92-commission-banner .amount,
html body.v40-route-earn #app .v92-commission-banner .amount.v91-earn-amount,
html body #app .v92-commission-banner .amount{
  font-size:.76rem!important;
  font-weight:800!important;
  line-height:1.1!important;
}

html body.v40-route-earn #app .v42-yesterday-promo,
html body.v42-earn-polish #app .v42-yesterday-promo,
html body #app .v42-yesterday-promo,
html body.v40-route-earn .v42-yesterday-promo{
  padding:.36rem .28rem .4rem!important;
}
html body.v40-route-earn #app .v42-yesterday-promo__title,
html body #app .v42-yesterday-promo__title{
  font-size:.36rem!important;
  margin-bottom:.2rem!important;
}
html body.v40-route-earn #app .v42-promo-col,
html body #app .v42-promo-col{
  padding:.22rem .18rem!important;
}
html body.v40-route-earn #app .v42-promo-col__head,
html body #app .v42-promo-col__head{
  font-size:.28rem!important;
  padding:.14rem .1rem!important;
  margin-bottom:.14rem!important;
}
html body.v40-route-earn #app .v42-promo-stat,
html body #app .v42-promo-stat{
  font-size:.28rem!important;
  padding:.12rem 0!important;
}
html body.v40-route-earn #app .v42-promo-stat .lbl,
html body #app .v42-promo-stat .lbl{
  font-size:.28rem!important;
}
html body.v40-route-earn #app .v42-promo-stat .val,
html body #app .v42-promo-stat .val,
html body.v40-route-earn #app .v42-first-deposit-box .fd-val,
html body #app .v42-first-deposit-box .fd-val{
  font-size:.32rem!important;
  font-weight:800!important;
  color:var(--v40-gold,#F5C24C)!important;
}

/* ===================================================================
   inviteRules3 — V50 Invitation Rules (body portal, Vue-safe)
   =================================================================== */
body[data-v50-invite-rule="1"] .promotion-page,
body.v40-route-earn[data-v50-invite-rule="1"] .promotion-page,
body[data-v50-invite-rule="1"] .page-wrapper{
  background:#14082E!important;
  min-height:100vh!important;
  overflow-x:hidden!important;
}
/* Hide entire native Vue body — CSS only, no JS DOM mutation */
body[data-v50-invite-rule="1"] .promotion-mian{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
}
body[data-v50-invite-rule="1"] img[src*="referral-system-guide"]{
  display:none!important;height:0!important;width:0!important;overflow:hidden!important;
}
/* Body portal host — sits under nav, mobile-width column */
#v50-invite-rules-host{
  display:none;
  position:fixed;
  left:50%;
  top:1.2rem;
  bottom:0;
  transform:translateX(-50%);
  width:100%;
  max-width:10rem;
  z-index:40;
  overflow-x:hidden;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  background:#14082E;
  box-sizing:border-box;
}
body[data-v50-invite-rule="1"] #v50-invite-rules-host{
  display:block!important;
}
.v50-invite-rules{
  display:block!important;
  width:100%!important;max-width:100%!important;
  box-sizing:border-box!important;
  margin:0 auto!important;
  padding:.28rem .36rem 1.4rem!important;
  color:#fff;
  font-family:Poppins,Inter,system-ui,sans-serif;
}
.v50-invite-rules *{box-sizing:border-box!important;max-width:100%!important;}
.v50-ir-head,.v50-ir-sec,.v50-ir-foot{
  width:100%!important;max-width:100%!important;
  margin-left:0!important;margin-right:0!important;
  box-sizing:border-box!important;
}
.v50-ir-head{
  margin:0 0 .28rem!important;padding:.36rem .28rem .32rem!important;text-align:center;
  border-radius:.28rem;
  background:linear-gradient(165deg,#4A2C93 0%,#2A1658 55%,#1A0B36 100%);
  border:1px solid rgba(245,194,76,.28);
  box-shadow:0 .1rem .32rem rgba(0,0,0,.28);
}
.v50-ir-head h1{
  margin:0 0 .1rem;font-size:.4rem;font-weight:900;letter-spacing:.05em;
  background:linear-gradient(180deg,#FFF4C2,#F5C842 48%,#E8A820);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.v50-ir-head .sub{
  margin:0 0 .06rem;font-size:.22rem;font-weight:700;letter-spacing:.05em;
  color:rgba(255,255,255,.88);
}
.v50-ir-head .tag{
  margin:0;font-size:.24rem;font-style:italic;color:#F5C842;
}
.v50-ir-sec{
  margin:0 0 .24rem!important;padding:.32rem .28rem!important;
  border-radius:.26rem;
  background:linear-gradient(180deg,#4A2C93 0%,#342068 100%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 .08rem .24rem rgba(0,0,0,.22);
}
.v50-ir-sec-h{
  display:flex;align-items:center;gap:.14rem;margin:0 0 .18rem;
}
.v50-ir-num{
  flex:none;min-width:.58rem;height:.42rem;padding:0 .12rem;
  border-radius:.14rem;display:inline-flex;align-items:center;justify-content:center;
  font-size:.22rem;font-weight:900;color:#1A0A2E;
  background:linear-gradient(180deg,#FFE566,#E8A820);
  box-shadow:0 .04rem .1rem rgba(232,168,32,.3);
}
.v50-ir-sec-h h2{
  margin:0;font-size:.3rem;font-weight:800;color:#F5C842;
  letter-spacing:.02em;line-height:1.25;
}
.v50-ir-sec p{
  margin:0;font-size:.26rem;line-height:1.55;color:rgba(255,255,255,.92);
}
.v50-ir-sec .sub{
  margin:0 0 .14rem;font-size:.24rem;color:rgba(255,255,255,.7);font-weight:600;
}
.v50-ir-sec ul{
  margin:.12rem 0 0;padding:0;list-style:none;
}
.v50-ir-sec li{
  position:relative;margin:.1rem 0;padding:.12rem .14rem .12rem .42rem;
  font-size:.26rem;line-height:1.5;color:rgba(255,255,255,.92);
  border-radius:.14rem;background:rgba(0,0,0,.16);
}
.v50-ir-sec li::before{
  content:"✓";position:absolute;left:.12rem;top:.12rem;
  color:#F5C842;font-weight:900;font-size:.24rem;
}
.v50-ir-warn{
  margin-top:.16rem;padding:.18rem .2rem;border-radius:.16rem;
  background:rgba(180,40,50,.22);border:1px solid rgba(255,130,130,.32);
  color:#FFC0C0;font-size:.24rem;line-height:1.5;
}
.v50-ir-levels{
  display:flex;flex-direction:column;gap:.1rem;margin:.14rem 0 .16rem;
}
.v50-ir-level-row{
  display:flex;align-items:center;justify-content:space-between;gap:.12rem;
  padding:.14rem .18rem;border-radius:.14rem;background:rgba(0,0,0,.2);
}
.v50-ir-level-row .lv{
  font-size:.22rem;font-weight:800;color:#F5C842;min-width:1.1rem;
}
.v50-ir-level-row .who{
  flex:1;font-size:.24rem;color:rgba(255,255,255,.9);font-weight:600;
}
.v50-ir-level-row .dot{
  width:.34rem;height:.34rem;border-radius:50%;flex:none;
}
.v50-ir-level-row .dot.a{background:linear-gradient(180deg,#FFE566,#E8A820);}
.v50-ir-level-row .dot.b{background:#7C5CFF;}
.v50-ir-level-row .dot.c{background:#E53935;}
.v50-ir-level-row .dot.d{background:#FB8C00;}
.v50-ir-level-row .dot.e{background:#FDD835;}
.v50-ir-level-row .dot.f{background:#EC407A;}
.v50-ir-flow{
  display:grid;grid-template-columns:1fr;gap:.12rem;margin-top:.12rem;
}
.v50-ir-step{
  display:flex;gap:.14rem;align-items:flex-start;padding:.16rem .18rem;
  border-radius:.16rem;background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.05);
}
.v50-ir-step i{
  flex:none;width:.44rem;height:.44rem;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  font-style:normal;font-size:.22rem;font-weight:900;color:#1A0A2E;
  background:linear-gradient(180deg,#FFE566,#E8A820);
}
.v50-ir-step p{font-size:.25rem;line-height:1.45;}
.v50-ir-kpi{
  display:grid;grid-template-columns:1fr;gap:.12rem;margin-top:.12rem;
}
.v50-ir-kpi-card{
  padding:.18rem .2rem;border-radius:.16rem;
  background:rgba(0,0,0,.2);border:1px solid rgba(245,194,76,.14);
}
.v50-ir-kpi-card strong{
  display:block;margin-bottom:.08rem;font-size:.24rem;color:#F5C842;font-weight:800;
}
.v50-ir-kpi-card p{font-size:.24rem;line-height:1.45;color:rgba(255,255,255,.88);}
.v50-ir-chips{
  display:flex;flex-wrap:wrap;gap:.1rem;margin-top:.12rem;
}
.v50-ir-chip{
  padding:.1rem .16rem;border-radius:.12rem;font-size:.22rem;font-weight:700;
  color:#FFE566;background:rgba(245,194,76,.12);
  border:1px solid rgba(245,194,76,.22);
}
.v50-ir-foot{
  margin:.28rem 0 0!important;text-align:center;padding:.32rem .24rem!important;
  border-radius:.26rem;
  background:linear-gradient(180deg,rgba(245,194,76,.2),rgba(74,44,147,.4));
  border:1px solid rgba(245,194,76,.3);
}
.v50-ir-foot .big{
  margin:0 0 .08rem;font-size:.28rem;font-weight:900;color:#FFE566;
  letter-spacing:.04em;
}
.v50-ir-foot .tag{margin:0;font-size:.24rem;font-style:italic;color:rgba(255,255,255,.82);}
@media (min-width:420px){
  .v50-ir-kpi{grid-template-columns:1fr 1fr 1fr;}
  .v50-ir-flow{grid-template-columns:1fr 1fr;}
}


/* ===================================================================
   rebateRatio1 — V51 Rebate Ratio page (dmwin1 reference look)
   =================================================================== */
body[data-v51-ratio="1"] .x-page,
body[data-v51-ratio="1"] .x-page[data-v-a6a0c110]{
  background:#14082E!important;
  min-height:100vh!important;
  padding:0 .28rem .5rem!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
}
body[data-v51-ratio="1"] .x-page .van-nav-bar,
body[data-v51-ratio="1"] .x-page .van-nav-bar__content{
  background:#14082E!important;
}
body[data-v51-ratio="1"] .x-page .van-nav-bar__title{
  color:#fff!important;
  font-weight:700!important;
  font-size:.4rem!important;
}
/* Pill tabs row — reference LOTTERY / SLOTS / CASINO / POKER / SPORTS */
body[data-v51-ratio="1"] .x-page .tabs,
body[data-v51-ratio="1"] .x-page .bet-container-sticky,
body[data-v51-ratio="1"] .x-page .fun-tabs{
  background:transparent!important;
  margin:0!important;
  width:100%!important;
  max-width:100%!important;
}
body[data-v51-ratio="1"] .x-page .tabs,
body[data-v51-ratio="1"] .x-page .fun-tabs,
body[data-v51-ratio="1"] .x-page .bet-container-sticky .fun-tabs{
  display:flex!important;
  gap:.12rem!important;
  overflow-x:auto!important;
  padding:.08rem 0 .16rem!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
body[data-v51-ratio="1"] .x-page .tabs::-webkit-scrollbar{display:none!important;}
body[data-v51-ratio="1"] .x-page .tab_item,
body[data-v51-ratio="1"] .x-page .funtab_item,
body[data-v51-ratio="1"] .x-page .fun-tab-item{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:1.55rem!important;
  height:.72rem!important;
  margin:0 .04rem!important;
  padding:0 .28rem!important;
  border-radius:.4rem!important;
  background:#2A1658!important;
  color:rgba(255,255,255,.88)!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.08rem!important;
  box-sizing:border-box!important;
}
body[data-v51-ratio="1"] .x-page .tab_item svg,
body[data-v51-ratio="1"] .x-page .tab_item .svg-icon,
body[data-v51-ratio="1"] .x-page .tab_item img{
  display:none!important;
  width:0!important;height:0!important;overflow:hidden!important;
}
body[data-v51-ratio="1"] .x-page .tab_item span{
  font-size:.26rem!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  color:inherit!important;
  line-height:1!important;
  text-transform:uppercase!important;
}
body[data-v51-ratio="1"] .x-page .tab_item.tab_active,
body[data-v51-ratio="1"] .x-page .tab_item.tab_active{
  background:linear-gradient(180deg,#FFE566,#E8A820)!important;
  color:#1A0A2E!important;
}
body[data-v51-ratio="1"] .x-page .tab_item.tab_active span{
  color:#1A0A2E!important;
}
/* Cards */
body[data-v51-ratio="1"] .x-page-list{
  margin-top:.12rem!important;
  padding-bottom:.8rem!important;
}
body[data-v51-ratio="1"] .x-page-list .item{
  background:linear-gradient(180deg,#3A246E 0%,#2A1658 100%)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:.22rem!important;
  margin:0 0 .24rem!important;
  padding:.28rem .26rem .2rem!important;
  box-shadow:0 .06rem .18rem rgba(0,0,0,.22)!important;
}
body[data-v51-ratio="1"] .x-page-list .item .title{
  color:#F5C842!important;
  font-size:.32rem!important;
  font-weight:700!important;
  font-style:italic!important;
  height:auto!important;
  line-height:1.3!important;
  margin:0 0 .12rem!important;
}
body[data-v51-ratio="1"] .x-page-list .item .title span{
  color:#F5C842!important;
  font-size:.4rem!important;
  font-weight:800!important;
  font-style:italic!important;
  width:auto!important;
  margin-left:.08rem!important;
}
body[data-v51-ratio="1"] .x-page-list .item .box .li{
  height:auto!important;
  min-height:.56rem!important;
  line-height:1.35!important;
  padding:.1rem 0 .1rem .48rem!important;
  position:relative!important;
}
body[data-v51-ratio="1"] .x-page-list .item .box .li:after{
  display:none!important;
}
body[data-v51-ratio="1"] .x-page-list .item .box .li .img,
body[data-v51-ratio="1"] .x-page-list .item .box .li .svg-icon{
  width:.28rem!important;
  height:.28rem!important;
  left:0!important;
  opacity:.85!important;
}
body[data-v51-ratio="1"] .x-page-list .item .box .li .sum{
  color:rgba(255,255,255,.78)!important;
  font-size:.28rem!important;
  font-weight:500!important;
}
body[data-v51-ratio="1"] .x-page-list .item .box .li .num{
  color:#fff!important;
  font-size:.28rem!important;
  font-weight:700!important;
}

/* ===================================================================
   earnSideFix1 — kill side protrusion on Agency / Earn column
   =================================================================== */
html body.v40-route-earn #app,
html body.v40-route-earn #app > div,
html body.v40-route-earn #app .content,
html body.v40-route-earn #app .container{
  overflow-x:hidden!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
html body.v40-route-earn #app .container:after,
html body.v40-route-earn #app .container::after{
  display:none!important;content:none!important;
}
html body.v40-route-earn #app .info_content,
html body.v40-route-earn #app .info_content.v91-earn-hero,
html body.v40-route-earn #app .v92-commission-banner,
html body.v40-route-earn #app .shareBtnContainer,
html body.v40-route-earn #app .promote__cell,
html body.v40-route-earn #app .v42-yesterday-promo{
  max-width:calc(100% - .56rem)!important;
  box-sizing:border-box!important;
}

/* === MINE RESTORE CSS — V62–V70 from bak_pre_tabbar1 (header rules stripped) === */
/* === V62 — Mine/Account page KWG-style premium redesign === */

/* V62-A: Balance card — "Total Balance" label + refresh row */
.v62-balance-label{
  font-size:.28rem;font-weight:500;color:var(--v40-text-lo);
  margin-bottom:.1rem;display:block;
}
.v62-balance-row{display:flex;align-items:center;gap:.18rem;}
.v62-balance-refresh{
  width:.58rem;height:.58rem;display:grid;place-items:center;
  color:var(--v40-text-lo);cursor:pointer;border-radius:.16rem;
  -webkit-tap-highlight-color:transparent;
  transition:background .12s ease-out;
}
.v62-balance-refresh:active{background:rgba(255,255,255,.06);}
.v62-balance-refresh svg{width:.36rem;height:.36rem;display:block;}
.v62-balance-refresh.v62-spinning svg{animation:v62spin .75s linear infinite;}
@keyframes v62spin{to{transform:rotate(360deg);}}

/* V62-B: 4-column quick-action row */
.v62-quick-actions{
  display:grid;grid-template-columns:repeat(4,1fr);gap:.18rem;
  margin:.22rem .28rem .1rem;
}
.v62-qa-item{
  display:flex;flex-direction:column;align-items:center;gap:.14rem;
  cursor:pointer;padding:.16rem .06rem;border-radius:.24rem;
  -webkit-tap-highlight-color:transparent;
  transition:transform .12s ease-out;
}
.v62-qa-item:active{transform:scale(.96);}
.v62-qa-icon{
  width:1rem;height:1rem;border-radius:.26rem;
  display:grid;place-items:center;
  box-shadow:0 2px 6px rgba(0,0,0,.32),0 6px 16px rgba(0,0,0,.24);
}
.v62-qa-icon.deposit{background:linear-gradient(135deg,#E84C4C 0%,#C23030 100%);}
.v62-qa-icon.withdraw{background:linear-gradient(135deg,#3D8BF0 0%,#1A5FC2 100%);}
.v62-qa-icon.vip{background:linear-gradient(135deg,var(--v40-gold) 0%,var(--v40-gold-deep) 100%);}
.v62-qa-icon.wallet{background:linear-gradient(135deg,#6C4FD8 0%,#3B1FB0 100%);}
.v62-qa-icon svg{width:.48rem;height:.48rem;display:block;}
.v62-qa-label{
  font-size:.27rem;font-weight:600;color:var(--v40-text-mid);
  white-space:nowrap;letter-spacing:.01rem;
}

/* V62-C: 2x2 menu cards */
.v62-menu-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:.2rem;
  margin:.2rem .28rem 0;
}
.v62-menu-card{
  background:var(--v40-bg-card-flat);border-radius:.34rem;
  padding:.26rem .2rem;min-height:1.28rem;
  display:flex;align-items:center;gap:.18rem;cursor:pointer;
  box-shadow:0 1px 2px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.05);
  -webkit-tap-highlight-color:transparent;
  transition:transform .12s ease-out;
}
.v62-menu-card:active{transform:scale(.97);}
.v62-menu-card-icon{
  width:.88rem;height:.88rem;border-radius:.22rem;
  display:grid;place-items:center;flex-shrink:0;
  box-shadow:0 2px 6px rgba(0,0,0,.28);
}
.v62-menu-card-icon.game-history{background:linear-gradient(135deg,#3D8BF0 0%,#1A5FC2 100%);}
.v62-menu-card-icon.transaction{background:linear-gradient(135deg,#6C4FD8 0%,#3B1FB0 100%);}
.v62-menu-card-icon.coupon{background:linear-gradient(135deg,#E84C4C 0%,#C23030 100%);}
.v62-menu-card-icon.withdraw-hist{background:linear-gradient(135deg,#22A06B 0%,#147A48 100%);}
.v62-menu-card-icon svg{width:.44rem;height:.44rem;display:block;}
.v62-menu-card-info{flex:1;min-width:0;}
.v62-menu-card-title{
  font-size:.32rem;font-weight:700;color:var(--v40-text-hi);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.v62-menu-card-sub{
  font-size:.25rem;font-weight:400;color:var(--v40-text-lo);
  margin-top:.07rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* V62-D: Full-width list rows */
.v62-list-section{margin:.2rem .28rem 0;display:flex;flex-direction:column;gap:.14rem;}
.v62-list-row{
  background:var(--v40-bg-card-flat);border-radius:.32rem;
  height:1.1rem;min-height:1.1rem;display:flex;align-items:center;
  padding:0 .24rem;cursor:pointer;box-sizing:border-box;
  box-shadow:0 1px 2px rgba(0,0,0,.28),0 3px 10px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.04);
  -webkit-tap-highlight-color:transparent;
  transition:transform .12s ease-out;
}
.v62-list-row:active{transform:scale(.99);}
.v62-list-icon{
  width:.7rem;height:.7rem;border-radius:.2rem;
  display:grid;place-items:center;margin-right:.2rem;flex-shrink:0;
  box-shadow:0 1px 4px rgba(0,0,0,.24);
}
.v62-list-icon.notifications{background:linear-gradient(135deg,#E84C4C 0%,#C23030 100%);}
.v62-list-icon.gifts{background:linear-gradient(135deg,var(--v40-gold) 0%,var(--v40-gold-deep) 100%);}
.v62-list-icon.game-stats{background:linear-gradient(135deg,#3D8BF0 0%,#1A5FC2 100%);}
.v62-list-icon.language{background:linear-gradient(135deg,#22A06B 0%,#147A48 100%);}
.v62-list-icon svg{width:.37rem;height:.37rem;display:block;}
.v62-list-label{flex:1;font-size:.33rem;font-weight:600;color:var(--v40-text-hi);}
.v62-list-badge{
  background:#E84C4C;color:#fff;font-size:.22rem;font-weight:700;
  min-width:.44rem;height:.44rem;border-radius:999px;
  display:grid;place-items:center;margin-right:.16rem;
  padding:0 .1rem;box-sizing:border-box;
}
.v62-list-chevron{width:.28rem;height:.28rem;display:grid;place-items:center;color:var(--v40-text-lo);}
.v62-list-chevron svg{width:.26rem;height:.26rem;display:block;}

/* V62-E: Service center section */
.v62-service-section{
  margin:.2rem .28rem 0;background:var(--v40-bg-card-flat);border-radius:.38rem;
  padding:.26rem .16rem .22rem;
  box-shadow:0 1px 2px rgba(0,0,0,.3),0 6px 18px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.05);
}
.v62-service-title{
  font-size:.28rem;font-weight:700;color:var(--v40-text-lo);
  letter-spacing:.05rem;text-transform:uppercase;
  padding:0 .14rem;margin-bottom:.2rem;
}
.v62-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.1rem;}
.v62-service-item{
  display:flex;flex-direction:column;align-items:center;gap:.14rem;
  cursor:pointer;padding:.18rem .06rem;border-radius:.22rem;
  -webkit-tap-highlight-color:transparent;
  transition:background .12s ease-out;
}
.v62-service-item:active{background:rgba(255,255,255,.04);}
.v62-service-icon{
  width:.88rem;height:.88rem;border-radius:.24rem;
  display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.3);
}
.v62-service-icon.settings{background:linear-gradient(135deg,#6C4FD8 0%,#3B1FB0 100%);}
.v62-service-icon.support{background:linear-gradient(135deg,#22A06B 0%,#147A48 100%);}
.v62-service-icon.security{background:linear-gradient(135deg,#E84C4C 0%,#C23030 100%);}
.v62-service-icon svg{width:.44rem;height:.44rem;display:block;}
.v62-service-label{font-size:.27rem;font-weight:600;color:var(--v40-text-mid);text-align:center;white-space:nowrap;}

/* V62-F: Logout button */
.v62-logout-btn{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:.18rem!important;
  margin:.24rem .28rem .52rem!important;width:calc(100% - .56rem)!important;
  height:1.06rem!important;background:transparent!important;
  border:1px solid var(--v40-gold)!important;border-radius:.32rem!important;
  color:var(--v40-gold)!important;font-size:.35rem!important;font-weight:700!important;
  cursor:pointer!important;box-shadow:none!important;
  -webkit-tap-highlight-color:transparent;
  transition:transform .12s ease-out,background .14s ease-out!important;
}
.v62-logout-btn:active{transform:scale(.99)!important;background:rgba(245,194,76,.06)!important;}
.v62-logout-btn svg{width:.4rem;height:.4rem;flex-shrink:0;display:block;}

/* V62-G: Hide original mine sections when V62 is active */
body.v62-mine-active .mine .mine-account-function,
body.v62-mine-active .mine .mine-card-box,
body.v62-mine-active .mine .mine-list-rows,
body.v62-mine-active .mine .mine-service-center,
body.v62-mine-active .mine .mine-loginout,
body.v62-mine-active .mine [class*="mine-menu"],
body.v62-mine-active .mine [class*="service-center"]{
  display:none!important;
}

/* ===================================================================
   V63 — PREMIUM 3D ICON REDESIGN + LAYOUT FIX
   Real project webp icons, single-column wrapper, hide V62 sections
   =================================================================== */

/* Master single-column wrapper */
.v63-wrap{
  display:flex!important;
  flex-direction:column!important;
  width:calc(100% - .32rem)!important;
  margin:.16rem auto 0!important;
  gap:.2rem!important;
  box-sizing:border-box!important;
}

/* --- Quick Actions (4-column) --- */
.v63-qa{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:.12rem!important;
  padding:.22rem .16rem!important;
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:.2rem!important;
  box-shadow:0 2px 12px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.v63-qa-item{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:.1rem!important;
  padding:.1rem 0!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:transform .12s ease!important;
}
.v63-qa-item:active{ transform:scale(.9)!important; }
.v63-qa-icon{
  width:.7rem!important;
  height:.7rem!important;
  border-radius:.14rem!important;
  background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.04))!important;
  border:1px solid rgba(255,255,255,.1)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 4px 14px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
/* .v63-qa-icon img size owned by mine-ref-ui.css */
.v63-qa-lbl{
  font-size:.22rem!important;
  color:rgba(255,255,255,.8)!important;
  font-weight:500!important;
  text-align:center!important;
  letter-spacing:.005em!important;
  line-height:1!important;
}

/* --- 2×2 Menu Grid --- */
.v63-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:.16rem!important;
}
.v63-grid-card{
  background:linear-gradient(145deg,rgba(90,55,140,.65),rgba(55,30,100,.85))!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:.2rem!important;
  padding:.22rem .18rem!important;
  display:flex!important;
  align-items:center!important;
  gap:.16rem!important;
  cursor:pointer!important;
  box-shadow:0 4px 18px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08)!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:transform .12s ease!important;
}
.v63-grid-card:active{ transform:scale(.96)!important; }
.v63-grid-icon{
  flex-shrink:0!important;
  width:.66rem!important;
  height:.66rem!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:.12rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 2px 8px rgba(0,0,0,.25)!important;
}
.v63-grid-icon img{
  width:.54rem!important;
  height:.54rem!important;
  object-fit:contain!important;
  display:block!important;
}
.v63-grid-info{ flex:1!important; min-width:0!important; overflow:hidden!important; }
.v63-grid-title{
  font-size:.24rem!important;
  font-weight:600!important;
  color:rgba(255,255,255,.92)!important;
  letter-spacing:-.01em!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.v63-grid-sub{
  font-size:.19rem!important;
  color:rgba(255,255,255,.42)!important;
  margin-top:.05rem!important;
  line-height:1.3!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* --- List Rows --- */
.v63-list{
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:.2rem!important;
  overflow:hidden!important;
  box-shadow:0 2px 12px rgba(0,0,0,.2)!important;
}
.v63-list-row{
  display:flex!important;
  align-items:center!important;
  gap:.16rem!important;
  padding:.2rem .22rem!important;
  cursor:pointer!important;
  border-bottom:1px solid rgba(255,255,255,.05)!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:background .1s ease!important;
}
.v63-list-row:last-child{ border-bottom:none!important; }
.v63-list-row:active{ background:rgba(255,255,255,.05)!important; }
.v63-list-icon{
  flex-shrink:0!important;
  width:.5rem!important;
  height:.5rem!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:.1rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 2px 6px rgba(0,0,0,.2)!important;
}
.v63-list-icon img{
  width:.38rem!important;
  height:.38rem!important;
  object-fit:contain!important;
  display:block!important;
}
.v63-list-lbl{
  flex:1!important;
  font-size:.26rem!important;
  font-weight:500!important;
  color:rgba(255,255,255,.88)!important;
  letter-spacing:.005em!important;
}
.v63-list-right{
  display:flex!important;
  align-items:center!important;
  gap:.08rem!important;
}
.v63-list-badge{
  background:linear-gradient(135deg,#e8422a,#ff6b4a)!important;
  color:#fff!important;
  font-size:.18rem!important;
  font-weight:700!important;
  border-radius:.2rem!important;
  padding:.02rem .1rem!important;
  min-width:.28rem!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
}
.v63-list-chev{
  width:.26rem!important;
  height:.26rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.v63-list-chev svg{ width:100%!important; height:100%!important; }

/* --- Service Center --- */
.v63-svc{
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:.2rem!important;
  padding:.2rem .2rem .24rem!important;
  box-shadow:0 2px 12px rgba(0,0,0,.2)!important;
}
.v63-svc-title{
  font-size:.22rem!important;
  font-weight:600!important;
  color:rgba(255,255,255,.45)!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
  margin-bottom:.18rem!important;
}
.v63-svc-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:.14rem!important;
}
.v63-svc-item{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:.1rem!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:transform .12s ease!important;
}
.v63-svc-item:active{ transform:scale(.9)!important; }
.v63-svc-icon{
  width:.68rem!important;
  height:.68rem!important;
  background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.04))!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:.14rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 4px 14px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
/* .v63-svc-icon img size owned by mine-ref-ui.css */
.v63-svc-lbl{
  font-size:.2rem!important;
  color:rgba(255,255,255,.72)!important;
  text-align:center!important;
  line-height:1.3!important;
  font-weight:500!important;
  white-space:pre-line!important;
}

/* --- Logout Button --- */
.v63-logout{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.12rem!important;
  width:100%!important;
  padding:.22rem 0!important;
  background:transparent!important;
  border:1px solid rgba(255,210,60,.28)!important;
  border-radius:.2rem!important;
  color:rgba(255,210,60,.88)!important;
  font-size:.26rem!important;
  font-weight:500!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  letter-spacing:.01em!important;
  box-shadow:0 2px 10px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,210,60,.08)!important;
  margin-bottom:.2rem!important;
  transition:background .12s ease!important;
}
.v63-logout:active{ background:rgba(255,210,60,.06)!important; }
.v63-logout svg{ width:.28rem!important; height:.28rem!important; }
.v63-logout span{ color:rgba(255,210,60,.88)!important; }

/* --- Hide: V62 injected elements & original sections when V63 active --- */
body.v63-mine-active .mine .mine-account-function,
body.v63-mine-active .mine .mine-card-box,
body.v63-mine-active .mine .mine-list-rows,
body.v63-mine-active .mine .mine-service-center,
body.v63-mine-active .mine .mine-loginout,
body.v63-mine-active .mine [class*="mine-menu"],
body.v63-mine-active .mine [class*="service-center"],
body.v63-mine-active [data-v62-qa],
body.v63-mine-active [data-v62-grid],
body.v63-mine-active [data-v62-list],
body.v63-mine-active [data-v62-svc],
body.v63-mine-active [data-v62-logout]{
  display:none!important;
}

/* ===================================================================
   V64 — CRITICAL LAYOUT FIX + GOLDEN ICON SYSTEM
   .mine flex-direction: column  |  golden filled SVG icons #f0b040
   =================================================================== */

/* CRITICAL: Force .mine to vertical stack — fixes balance-left / content-right split */
body.v63-mine-active .mine{
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
}

/* V63 wrapper full width + proper margin after balance card */
body.v63-mine-active .v63-wrap{
  width:100%!important;
  margin:0!important;
  padding:0 .16rem .24rem!important;
  box-sizing:border-box!important;
  order:99!important;
}

/* Golden icon box style — transparent bg, icon itself carries the color */
body.v64-icon-active .v63-qa-icon,
body.v64-icon-active .v63-grid-icon,
body.v64-icon-active .v63-list-icon,
body.v64-icon-active .v63-svc-icon{
  background:rgba(240,176,64,.1)!important;
  border:1px solid rgba(240,176,64,.18)!important;
  box-shadow:0 3px 10px rgba(0,0,0,.25)!important;
}
body.v64-icon-active .v63-qa-icon svg,
body.v64-icon-active .v63-grid-icon svg,
body.v64-icon-active .v63-list-icon svg,
body.v64-icon-active .v63-svc-icon svg{
  width:72%!important;
  height:72%!important;
}

/* Quick action label — slightly warmer tint when golden icons active */
body.v64-icon-active .v63-qa-lbl{
  color:rgba(255,220,130,.88)!important;
}

/* Grid card title/sub — keep white but list row labels warm */
body.v64-icon-active .v63-list-lbl{
  color:rgba(255,225,160,.88)!important;
}

/* Service title slightly warmer */
body.v64-icon-active .v63-svc-title{
  color:rgba(240,176,64,.65)!important;
}
body.v64-icon-active .v63-svc-lbl{
  color:rgba(255,220,130,.82)!important;
}

/* V64-B: Hide ALL original mine content blocks that cause overlap */
body.v64-mine-layout .mine .mine-account-function,
body.v64-mine-layout .mine .mine-grid-2x2,
body.v64-mine-layout .mine .mine-card-box,
body.v64-mine-layout .mine .mine-list-rows,
body.v64-mine-layout .mine .mine-service-center,
body.v64-mine-layout .mine .mine-loginout,
body.v64-mine-layout .mine [class*="mine-menu"],
body.v64-mine-layout .mine [class*="service-center"]{
  display:none!important;
}

/* V64-C: Balance card vertical — quick actions sit inside card like KWG ref */
body.v64-mine-layout .mine .mine-account{
  flex-direction:column!important;
  align-items:stretch!important;
  height:auto!important;
  min-height:unset!important;
  padding:.28rem .36rem .22rem!important;
}
body.v64-mine-layout .mine .mine-account .v63-qa{
  margin-top:.2rem!important;
  padding:.2rem 0 0!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-top:1px solid rgba(255,255,255,.1)!important;
  border-radius:0!important;
  width:100%!important;
}
body.v64-mine-layout .mine .mine-account .v63-qa-lbl{
  color:var(--v40-gold)!important;
  font-size:.24rem!important;
  font-weight:600!important;
}

/* V64-D: Main content wrapper below balance card — full width stack */
body.v64-mine-layout .mine{
  display:block!important;
}
body.v64-mine-layout .v63-wrap{
  display:flex!important;
  flex-direction:column!important;
  width:calc(100% - .64rem)!important;
  margin:.16rem auto 0!important;
  padding:0!important;
  gap:.2rem!important;
  box-sizing:border-box!important;
  position:relative!important;
  z-index:1!important;
}

/* V64-E: Golden icon containers — same premium style as Earn page */
body.v64-icon-active .v63-qa-icon,
body.v64-icon-active .v63-grid-icon,
body.v64-icon-active .v63-list-icon,
body.v64-icon-active .v63-svc-icon{
  background:linear-gradient(145deg,rgba(245,194,76,.2) 0%,rgba(245,194,76,.06) 100%)!important;
  border:1px solid rgba(245,194,76,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 3px 10px rgba(0,0,0,.28)!important;
  color:var(--v40-gold)!important;
}
body.v64-icon-active .v63-qa-icon svg,
body.v64-icon-active .v63-grid-icon svg,
body.v64-icon-active .v63-list-icon svg,
body.v64-icon-active .v63-svc-icon svg{
  width:58%!important;
  height:58%!important;
  display:block!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));
}
body.v64-icon-active .v63-qa-icon img,
body.v64-icon-active .v63-grid-icon img,
body.v64-icon-active .v63-list-icon img,
body.v64-icon-active .v63-svc-icon img{
  display:none!important;
}

/* V64-F: Grid cards KWG-style purple card */
body.v64-mine-layout .v63-grid-card{
  background:linear-gradient(165deg,rgba(91,61,181,.92) 0%,rgba(48,32,108,.98) 100%)!important;
  border:1px solid rgba(247,211,88,.35)!important;
  box-shadow:0 4px 16px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.v64-mine-layout .v63-grid-title{
  color:var(--v40-gold)!important;
}

/* V64-G: List section single card like Earn menu */
body.v64-mine-layout .v63-list{
  background:linear-gradient(165deg,rgba(91,61,181,.88) 0%,rgba(48,32,108,.95) 100%)!important;
  border:1px solid rgba(247,211,88,.3)!important;
}
body.v64-mine-layout .v63-list-lbl{
  color:var(--v40-gold)!important;
}

/* V64-H: Service center card */
body.v64-mine-layout .v63-svc{
  background:linear-gradient(165deg,rgba(91,61,181,.88) 0%,rgba(48,32,108,.95) 100%)!important;
  border:1px solid rgba(247,211,88,.3)!important;
}
body.v64-mine-layout .v63-svc-title{
  color:rgba(247,211,88,.55)!important;
}

/* ===================================================================
   V65 — SUBTLE PREMIUM POLISH (overrides V64 golden overload)
   White text | soft purple borders | 3D webp icons | proper spacing
   =================================================================== */

/* Spacing — restore breathable gaps between sections */
body.v65-mine-refined .v63-wrap{
  gap:.22rem!important;
  margin:.2rem auto 0!important;
  padding:0 .32rem .28rem!important;
}
body.v65-mine-refined .v63-grid{
  gap:.18rem!important;
}

/* Quick actions inside balance card — subtle divider only */
body.v65-mine-refined .mine .mine-account .v63-qa{
  border-top:1px solid rgba(255,255,255,.08)!important;
  padding-top:.22rem!important;
  margin-top:.18rem!important;
}
body.v65-mine-refined .v63-qa-lbl{
  color:rgba(255,255,255,.85)!important;
  font-weight:500!important;
}

/* Icon containers — no golden box, let 3D asset shine */
body.v65-mine-refined .v63-qa-icon,
body.v65-mine-refined .v63-grid-icon,
body.v65-mine-refined .v63-list-icon,
body.v65-mine-refined .v63-svc-icon{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
body.v65-mine-refined .v63-qa-icon svg,
body.v65-mine-refined .v63-grid-icon svg,
body.v65-mine-refined .v63-list-icon svg,
body.v65-mine-refined .v63-svc-icon svg{
  display:none!important;
}
body.v65-mine-refined .v63-qa-icon img{
  width:.62rem!important;
  height:.62rem!important;
  object-fit:contain!important;
  display:block!important;
}
body.v65-mine-refined .v63-grid-icon img{
  width:.78rem!important;
  height:.78rem!important;
  object-fit:contain!important;
  display:block!important;
}
body.v65-mine-refined .v63-list-icon img{
  width:.56rem!important;
  height:.56rem!important;
  object-fit:contain!important;
  display:block!important;
}
body.v65-mine-refined .v63-svc-icon img{
  width:.64rem!important;
  height:.64rem!important;
  object-fit:contain!important;
  display:block!important;
}

/* Grid cards — soft purple, NO gold border, white text */
body.v65-mine-refined .v63-grid-card{
  background:linear-gradient(145deg,rgba(90,55,140,.55),rgba(55,30,100,.78))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 3px 14px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.06)!important;
  padding:.24rem .2rem!important;
}
body.v65-mine-refined .v63-grid-title{
  color:rgba(255,255,255,.94)!important;
  font-weight:600!important;
}
body.v65-mine-refined .v63-grid-sub{
  color:rgba(255,255,255,.45)!important;
}

/* List — separate floating cards with gap (fixes overlap highlight bug) */
body.v65-mine-refined .v63-list{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  overflow:visible!important;
  display:flex!important;
  flex-direction:column!important;
  gap:.16rem!important;
}
body.v65-mine-refined .v63-list-row{
  background:linear-gradient(145deg,rgba(90,55,140,.55),rgba(55,30,100,.78))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:.2rem!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 2px 10px rgba(0,0,0,.22)!important;
  padding:.22rem .24rem!important;
}
body.v65-mine-refined .v63-list-row:active{
  background:linear-gradient(145deg,rgba(100,65,150,.6),rgba(65,40,110,.82))!important;
}
body.v65-mine-refined .v63-list-lbl{
  color:rgba(255,255,255,.9)!important;
  font-weight:500!important;
}

/* Service center — soft card, white labels */
body.v65-mine-refined .v63-svc{
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 2px 12px rgba(0,0,0,.2)!important;
  padding:.22rem .22rem .26rem!important;
}
body.v65-mine-refined .v63-svc-title{
  color:rgba(255,255,255,.42)!important;
}
body.v65-mine-refined .v63-svc-lbl{
  color:rgba(255,255,255,.78)!important;
}

/* Logout — subtle white border, white text */
body.v65-mine-refined .v63-logout{
  border:1px solid rgba(255,255,255,.12)!important;
  color:rgba(255,255,255,.75)!important;
  box-shadow:0 2px 8px rgba(0,0,0,.18)!important;
  margin-top:.06rem!important;
}
body.v65-mine-refined .v63-logout span{
  color:rgba(255,255,255,.75)!important;
}
body.v65-mine-refined .v63-logout svg{
  stroke:rgba(255,255,255,.65)!important;
}
body.v65-mine-refined .v63-logout:active{
  background:rgba(255,255,255,.04)!important;
}

/* Kill all V64 golden text/border overrides when V65 active */
body.v65-mine-refined.v64-icon-active .v63-qa-lbl,
body.v65-mine-refined.v64-icon-active .v63-list-lbl,
body.v65-mine-refined.v64-icon-active .v63-svc-lbl,
body.v65-mine-refined.v64-icon-active .v63-svc-title,
body.v65-mine-refined.v64-mine-layout .v63-grid-title,
body.v65-mine-refined.v64-mine-layout .v63-list-lbl{
  color:inherit!important;
}
body.v65-mine-refined .v63-grid-icon,
body.v65-mine-refined .v63-list-icon,
body.v65-mine-refined .v63-qa-icon,
body.v65-mine-refined .v63-svc-icon{
  background:transparent!important;
  border:none!important;
}

/* ===================================================================
   V66 — GOLDEN PREMIUM ICONS (large) + DEEP CARD POLISH + GENEROUS GAPS
   =================================================================== */

/* Section gaps — airy premium spacing */
body.v66-golden-premium .v63-wrap{
  gap:.34rem!important;
  margin:.24rem auto 0!important;
  padding:0 .32rem .36rem!important;
}
body.v66-golden-premium .v63-grid{
  gap:.24rem!important;
}
body.v66-golden-premium .v63-list{
  gap:.2rem!important;
}
body.v66-golden-premium .v63-svc{
  margin-top:.04rem!important;
}
body.v66-golden-premium .v63-logout{
  margin-top:.12rem!important;
}

/* Deep card finishing — rich purple depth + inner shine */
body.v66-golden-premium .v63-grid-card{
  background:linear-gradient(158deg,rgba(108,70,168,.78) 0%,rgba(68,42,128,.9) 48%,rgba(42,24,88,.96) 100%)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:.24rem!important;
  padding:.3rem .22rem!important;
  box-shadow:
    0 6px 22px rgba(0,0,0,.38),
    0 1px 0 rgba(255,255,255,.09) inset,
    0 -1px 0 rgba(0,0,0,.25) inset!important;
}
body.v66-golden-premium .v63-list-row{
  background:linear-gradient(158deg,rgba(108,70,168,.72) 0%,rgba(68,42,128,.88) 50%,rgba(42,24,88,.94) 100%)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:.24rem!important;
  padding:.26rem .28rem!important;
  box-shadow:
    0 4px 16px rgba(0,0,0,.32),
    0 1px 0 rgba(255,255,255,.08) inset!important;
}
body.v66-golden-premium .v63-svc{
  background:linear-gradient(158deg,rgba(95,60,150,.65) 0%,rgba(55,32,105,.85) 100%)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:.24rem!important;
  padding:.26rem .24rem .3rem!important;
  box-shadow:0 4px 18px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.07)!important;
}

/* Quick actions row inside balance card */
body.v66-golden-premium .mine .mine-account .v63-qa{
  gap:.08rem!important;
  padding-top:.24rem!important;
  margin-top:.2rem!important;
}

/* Golden icon containers — larger + glow pedestal */
body.v66-golden-premium .v63-qa-icon,
body.v66-golden-premium .v63-grid-icon,
body.v66-golden-premium .v63-list-icon,
body.v66-golden-premium .v63-svc-icon{
  background:radial-gradient(circle at 38% 28%,rgba(255,225,120,.22) 0%,rgba(240,176,64,.08) 55%,rgba(0,0,0,.05) 100%)!important;
  border:1px solid rgba(245,194,76,.2)!important;
  box-shadow:
    0 4px 14px rgba(0,0,0,.28),
    0 0 12px rgba(245,194,76,.08),
    inset 0 1px 0 rgba(255,230,140,.15)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.v66-golden-premium .v63-qa-icon{
  width:.92rem!important;
  height:.92rem!important;
  border-radius:.18rem!important;
}
body.v66-golden-premium .v63-grid-icon{
  width:1.08rem!important;
  height:1.08rem!important;
  border-radius:.2rem!important;
  flex-shrink:0!important;
}
body.v66-golden-premium .v63-list-icon{
  width:.96rem!important;
  height:.96rem!important;
  border-radius:.18rem!important;
}
body.v66-golden-premium .v63-svc-icon{
  width:1rem!important;
  height:1rem!important;
  border-radius:.2rem!important;
}

/* Hide webp imgs — show golden SVG only */
body.v66-golden-premium .v63-qa-icon img,
body.v66-golden-premium .v63-grid-icon img,
body.v66-golden-premium .v63-list-icon img,
body.v66-golden-premium .v63-svc-icon img{
  display:none!important;
}
body.v66-golden-premium .v63-qa-icon svg{
  width:68%!important;
  height:68%!important;
  display:block!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.45));
}
body.v66-golden-premium .v63-grid-icon svg{
  width:72%!important;
  height:72%!important;
  display:block!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.5));
}
body.v66-golden-premium .v63-list-icon svg{
  width:70%!important;
  height:70%!important;
  display:block!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.45));
}
body.v66-golden-premium .v63-svc-icon svg{
  width:68%!important;
  height:68%!important;
  display:block!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.45));
}

/* Text stays white, labels crisp */
body.v66-golden-premium .v63-grid-title{
  color:rgba(255,255,255,.96)!important;
  font-size:.26rem!important;
}
body.v66-golden-premium .v63-grid-sub{
  color:rgba(255,255,255,.48)!important;
  font-size:.2rem!important;
}
body.v66-golden-premium .v63-list-lbl{
  color:rgba(255,255,255,.92)!important;
  font-size:.28rem!important;
}
body.v66-golden-premium .v63-qa-lbl{
  color:rgba(255,255,255,.88)!important;
  font-size:.23rem!important;
  margin-top:.04rem!important;
}
body.v66-golden-premium .v63-svc-lbl{
  color:rgba(255,255,255,.82)!important;
  font-size:.21rem!important;
}
body.v66-golden-premium .v63-svc-title{
  color:rgba(255,255,255,.4)!important;
  letter-spacing:.06em!important;
  margin-bottom:.22rem!important;
}

/* Grid card inner layout — more room for big icon */
body.v66-golden-premium .v63-grid-card{
  gap:.2rem!important;
  min-height:1.15rem!important;
}
body.v66-golden-premium .v63-svc-grid{
  gap:.18rem!important;
}

/* ===================================================================
   V67 — KWG REALISTIC FEEL (overrides V66 box-in-box) + unified list card
   Large 3D golden webp icons | integrated cards | white text
   =================================================================== */

body.v67-kwg-real .v63-wrap{
  gap:.28rem!important;
  padding:0 .32rem .32rem!important;
}

/* Quick actions — clean row, large 3D icons, no nested box */
body.v67-kwg-real .mine .mine-account .v63-qa{
  border-top:1px solid rgba(255,255,255,.08)!important;
  padding-top:.22rem!important;
  gap:.06rem!important;
}
body.v67-kwg-real .v63-qa-icon{
  width:auto!important;
  height:auto!important;
  min-height:.72rem!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
}
body.v67-kwg-real .v63-qa-icon img{
  width:.72rem!important;
  height:.72rem!important;
  display:block!important;
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.35));
}
body.v67-kwg-real .v63-qa-icon svg{display:none!important;}
body.v67-kwg-real .v63-qa-lbl{
  color:rgba(255,255,255,.88)!important;
  font-size:.22rem!important;
}

/* 2×2 grid — genuine mine-card-box feel (KWG ref) */
body.v67-kwg-real .v63-grid{
  gap:.2rem!important;
}
body.v67-kwg-real .v63-grid-card{
  background:linear-gradient(165deg,rgba(91,61,181,.92) 0%,rgba(48,32,108,.98) 100%)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:.32rem!important;
  padding:.14rem .12rem .14rem .04rem!important;
  min-height:1.45rem!important;
  box-shadow:0 4px 16px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07)!important;
  gap:.06rem!important;
}
body.v67-kwg-real .v63-grid-icon{
  width:1.35rem!important;
  height:1.35rem!important;
  min-width:1.35rem!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
}
body.v67-kwg-real .v63-grid-icon img{
  width:1.35rem!important;
  height:1.35rem!important;
  object-fit:contain!important;
  transform:scale(1.15)!important;
  transform-origin:left center!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.4));
}
body.v67-kwg-real .v63-grid-icon svg{display:none!important;}
body.v67-kwg-real .v63-grid-title{
  color:rgba(255,255,255,.95)!important;
  font-size:.28rem!important;
  font-weight:600!important;
}
body.v67-kwg-real .v63-grid-sub{
  color:rgba(255,255,255,.5)!important;
  font-size:.21rem!important;
}

/* List — ONE unified card with dividers (KWG ref image 3) */
body.v67-kwg-real .v63-list{
  background:linear-gradient(165deg,rgba(91,61,181,.88) 0%,rgba(48,32,108,.95) 100%)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:.32rem!important;
  box-shadow:0 4px 16px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)!important;
  overflow:hidden!important;
  gap:0!important;
  display:flex!important;
  flex-direction:column!important;
}
body.v67-kwg-real .v63-list-row{
  background:transparent!important;
  border:none!important;
  border-radius:0!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  box-shadow:none!important;
  padding:.22rem .24rem .22rem .1rem!important;
  min-height:1.1rem!important;
}
body.v67-kwg-real .v63-list-row:last-child{border-bottom:none!important;}
body.v67-kwg-real .v63-list-row:active{background:rgba(255,255,255,.04)!important;}
body.v67-kwg-real .v63-list-icon{
  width:1.05rem!important;
  height:1.05rem!important;
  min-width:1.05rem!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
}
body.v67-kwg-real .v63-list-icon img{
  width:1.05rem!important;
  height:1.05rem!important;
  transform:scale(1.12)!important;
  transform-origin:left center!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));
}
body.v67-kwg-real .v63-list-icon svg{display:none!important;}
body.v67-kwg-real .v63-list-lbl{
  color:rgba(255,255,255,.92)!important;
  font-size:.3rem!important;
}

/* Service center — integrated single card */
body.v67-kwg-real .v63-svc{
  background:linear-gradient(165deg,rgba(91,61,181,.85) 0%,rgba(48,32,108,.92) 100%)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:.32rem!important;
  padding:.24rem .2rem .28rem!important;
  box-shadow:0 4px 16px rgba(0,0,0,.28)!important;
}
body.v67-kwg-real .v63-svc-title{
  color:rgba(255,255,255,.45)!important;
  text-transform:uppercase!important;
  font-size:.2rem!important;
  letter-spacing:.05em!important;
  margin-bottom:.2rem!important;
}
body.v67-kwg-real .v63-svc-icon{
  width:auto!important;
  height:auto!important;
  min-height:.8rem!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
}
body.v67-kwg-real .v63-svc-icon img{
  width:.8rem!important;
  height:.8rem!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.35));
}
body.v67-kwg-real .v63-svc-icon svg{display:none!important;}
body.v67-kwg-real .v63-svc-lbl{
  color:rgba(255,255,255,.78)!important;
  font-size:.2rem!important;
}
body.v67-kwg-real .v63-svc-grid{gap:.16rem!important;}

/* Logout — pill outline like KWG ref */
body.v67-kwg-real .v63-logout{
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:999px!important;
  color:rgba(255,255,255,.78)!important;
  margin-top:.08rem!important;
}
body.v67-kwg-real .v63-logout span{color:rgba(255,255,255,.78)!important;}
body.v67-kwg-real .v63-logout svg{stroke:rgba(255,255,255,.65)!important;}

/* ===================================================================
   V68 — Deep embossed golden SVG icons (NO Rex/webp)
   =================================================================== */

body.v68-deep-gold .v63-qa-icon img,
body.v68-deep-gold .v63-grid-icon img,
body.v68-deep-gold .v63-list-icon img,
body.v68-deep-gold .v63-svc-icon img{
  display:none!important;
}

body.v68-deep-gold .v63-qa-icon svg,
body.v68-deep-gold .v63-grid-icon svg,
body.v68-deep-gold .v63-list-icon svg,
body.v68-deep-gold .v63-svc-icon svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.38)) drop-shadow(0 1px 0 rgba(255,220,120,.25));
}

body.v68-deep-gold .v63-qa-icon{
  width:.88rem!important;
  height:.88rem!important;
  min-height:.88rem!important;
}
body.v68-deep-gold .v63-qa-icon svg{
  width:.88rem!important;
  height:.88rem!important;
}

body.v68-deep-gold .v63-grid-icon{
  width:1.42rem!important;
  height:1.42rem!important;
  min-width:1.42rem!important;
}
/* .v63-grid-icon svg size/transform owned by mine-ref-ui.css */

body.v68-deep-gold .v63-list-icon{
  width:1.12rem!important;
  height:1.12rem!important;
  min-width:1.12rem!important;
}
body.v68-deep-gold .v63-list-icon svg{
  width:1.12rem!important;
  height:1.12rem!important;
}

body.v68-deep-gold .v63-svc-icon{
  width:.92rem!important;
  height:.92rem!important;
  min-height:.92rem!important;
}
body.v68-deep-gold .v63-svc-icon svg{
  width:.92rem!important;
  height:.92rem!important;
}

body.v68-deep-gold .v63-qa-icon,
body.v68-deep-gold .v63-grid-icon,
body.v68-deep-gold .v63-list-icon,
body.v68-deep-gold .v63-svc-icon{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
}

/* ===================================================================
   V69 — Balance polish + 3 QA row + semantic deep icons + extra list
   =================================================================== */

body.v69-mine-polish .mine .mine-account.v69-bal-card{
  padding:.24rem .28rem .18rem!important;
  border-radius:.32rem!important;
  background:linear-gradient(165deg,rgba(72,48,140,.95) 0%,rgba(38,24,88,.98) 100%)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 6px 20px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08)!important;
}

body.v69-mine-polish .mine .mine-account--balance{
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
  width:100%!important;
  font-size:inherit!important;
  text-shadow:none!important;
}

body.v69-mine-polish .v69-bal-label{
  font-size:.24rem!important;
  font-weight:500!important;
  color:rgba(255,255,255,.52)!important;
  letter-spacing:.02em!important;
  margin-bottom:.1rem!important;
  display:block!important;
}

body.v69-mine-polish .v69-bal-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  gap:.16rem!important;
  min-height:.56rem!important;
}

body.v69-mine-polish .v69-bal-row>*:first-child{
  flex:1!important;
  min-width:0!important;
  font-size:.52rem!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:.01em!important;
  line-height:1.15!important;
  color:#F5C24C!important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.v69-mine-polish .v69-bal-refresh,
body.v69-mine-polish .mine-account--refresh.v69-bal-refresh{
  flex-shrink:0!important;
  width:.44rem!important;
  height:.44rem!important;
  padding:0!important;
  margin:0!important;
  border:none!important;
  background:transparent!important;
  color:rgba(255,255,255,.55)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
}

body.v69-mine-polish .v69-bal-refresh svg{
  width:.36rem!important;
  height:.36rem!important;
  display:block!important;
}

body.v69-mine-polish .v62-balance-label{display:none!important;}

/* Quick actions — 3 columns only */
body.v69-mine-polish .mine .mine-account .v63-qa,
body.v69-mine-polish .v63-qa{
  grid-template-columns:repeat(3,1fr)!important;
  gap:.2rem!important;
  padding:.2rem .12rem 0!important;
  margin-top:.16rem!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  background:transparent!important;
  border-left:none!important;
  border-right:none!important;
  border-bottom:none!important;
  box-shadow:none!important;
}

body.v69-mine-polish .v63-qa-item{
  gap:.08rem!important;
}

body.v69-mine-polish .v63-qa-icon svg{
  width:.82rem!important;
  height:.82rem!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))!important;
}

body.v69-mine-polish .v63-grid-icon svg{
  width:1.28rem!important;
  height:1.28rem!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.38))!important;
}

body.v69-mine-polish .v63-list-icon svg{
  width:1rem!important;
  height:1rem!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.32))!important;
}

body.v69-mine-polish .v63-svc-icon svg{
  width:.86rem!important;
  height:.86rem!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.32))!important;
}

body.v69-mine-polish:not(.v72-mine-rex-icons) .v63-qa-icon img,
body.v69-mine-polish:not(.v72-mine-rex-icons) .v63-grid-icon img,
body.v69-mine-polish:not(.v72-mine-rex-icons) .v63-list-icon img,
body.v69-mine-polish:not(.v72-mine-rex-icons) .v63-svc-icon img{
  display:none!important;
}

body.v69-mine-polish:not(.v72-mine-rex-icons) .v63-qa-icon svg,
body.v69-mine-polish:not(.v72-mine-rex-icons) .v63-grid-icon svg,
body.v69-mine-polish:not(.v72-mine-rex-icons) .v63-list-icon svg,
body.v69-mine-polish:not(.v72-mine-rex-icons) .v63-svc-icon svg{
  display:block!important;
}

body.v69-mine-polish .v63-list-row[data-v69nav="dailyRewards"] .v63-list-lbl,
body.v69-mine-polish .v63-list-row[data-v69nav="spinReward"] .v63-list-lbl{
  color:rgba(255,255,255,.92)!important;
}

/* ===================================================================
   V70 — Fix duplicate balance + clean amount + final mine polish
   =================================================================== */

body.v69-mine-polish .mine .mine-account--balance{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  padding:0!important;
}

body.v69-mine-polish .mine .mine-account--balance > *:not(.v69-bal-label):not(.v69-bal-row){
  display:none!important;
}

body.v69-mine-polish .v69-bal-amt,
body.v69-mine-polish .v69-bal-row .v69-bal-amt,
body.v69-mine-polish .v69-bal-row > *:first-child{
  background:none!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  text-shadow:none!important;
}

body.v69-mine-polish .v69-bal-row{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  padding:0!important;
}

body.v69-mine-polish .mine .mine-account.v69-bal-card{
  background:linear-gradient(165deg,rgba(68,44,132,.92) 0%,rgba(34,20,78,.96) 100%)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 4px 18px rgba(0,0,0,.28)!important;
}

body.v69-mine-polish .v69-bal-label{
  color:rgba(255,255,255,.48)!important;
  font-size:.22rem!important;
  margin-bottom:.08rem!important;
}

body.v69-mine-polish .v69-bal-amt{
  font-size:.48rem!important;
  font-weight:700!important;
  color:#F5C24C!important;
  letter-spacing:.008em!important;
  line-height:1.1!important;
}

body.v69-mine-polish .v63-wrap{gap:.24rem!important;}

body.v69-mine-polish .v63-grid-card,
body.v69-mine-polish .v63-list,
body.v69-mine-polish .v63-svc{
  border:1px solid rgba(255,255,255,.05)!important;
}

body.v69-mine-polish .v63-qa-icon svg,
body.v69-mine-polish .v63-grid-icon svg,
body.v69-mine-polish .v63-list-icon svg,
body.v69-mine-polish .v63-svc-icon svg{
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.4)) drop-shadow(0 0 8px rgba(240,180,50,.12))!important;
}

body.v69-mine-polish .v63-list-row:not(:last-child){
  border-bottom:1px solid rgba(255,255,255,.05)!important;
}

body.v69-mine-polish .v63-logout{
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.03)!important;
}



/* === Mine restore extras: hide Enter wallet CTA; never touch .mine-header === */
body.v63-mine-active .mine .comminWallet,
body.v63-mine-active .mine .mine-account .comminWallet,
body.v69-mine-polish .mine .comminWallet,
body.v63-mine-active .mine .mine-account-function,
body.v64-mine-layout .mine .mine-account-function,
body.v63-mine-active .mine .mine-card-box,
body.v63-mine-active .mine .mine-list-rows,
body.v63-mine-active .mine .mine-service-center,
body.v63-mine-active .mine .mine-loginout{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
}

/* ============================================================
   V72 — RexSolutions PNG mine icons (no overlay / clean fit)
   ============================================================ */
body.v72-mine-rex-icons .v63-qa-icon.v72-rex-icon,
body.v72-mine-rex-icons .v63-grid-icon.v72-rex-icon,
body.v72-mine-rex-icons .v63-list-icon.v72-rex-icon,
body.v72-mine-rex-icons .v63-svc-icon.v72-rex-icon{
  background:transparent!important;
  background-image:none!important;
  border:none!important;
  box-shadow:none!important;
  overflow:visible!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-shrink:0!important;
}
body.v72-mine-rex-icons .v63-qa-icon.v72-rex-icon{
  width:.74rem!important;
  height:.74rem!important;
  border-radius:0!important;
}
body.v72-mine-rex-icons .v63-grid-icon.v72-rex-icon{
  width:.66rem!important;
  height:.66rem!important;
  border-radius:0!important;
}
body.v72-mine-rex-icons .v63-list-icon.v72-rex-icon{
  width:.5rem!important;
  height:.5rem!important;
  border-radius:0!important;
}
body.v72-mine-rex-icons .v63-svc-icon.v72-rex-icon{
  width:.68rem!important;
  height:.68rem!important;
  border-radius:0!important;
}
body.v72-mine-rex-icons .v63-qa-icon.v72-rex-icon img.v72-mine-icon,
body.v72-mine-rex-icons .v63-grid-icon.v72-rex-icon img.v72-mine-icon,
body.v72-mine-rex-icons .v63-list-icon.v72-rex-icon img.v72-mine-icon,
body.v72-mine-rex-icons .v63-svc-icon.v72-rex-icon img.v72-mine-icon{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}
body.v72-mine-rex-icons .v63-qa-icon.v72-rex-icon svg,
body.v72-mine-rex-icons .v63-grid-icon.v72-rex-icon svg,
body.v72-mine-rex-icons .v63-list-icon.v72-rex-icon svg,
body.v72-mine-rex-icons .v63-svc-icon.v72-rex-icon svg{
  display:none!important;
}
body.v72-mine-rex-icons.v69-mine-polish .v63-qa-icon img.v72-mine-icon,
body.v72-mine-rex-icons.v69-mine-polish .v63-grid-icon img.v72-mine-icon,
body.v72-mine-rex-icons.v69-mine-polish .v63-list-icon img.v72-mine-icon,
body.v72-mine-rex-icons.v69-mine-polish .v63-svc-icon img.v72-mine-icon{
  display:block!important;
  filter:none!important;
}
body.v72-mine-rex-icons.v69-mine-polish .v63-qa-icon.v72-rex-icon svg,
body.v72-mine-rex-icons.v69-mine-polish .v63-grid-icon.v72-rex-icon svg,
body.v72-mine-rex-icons.v69-mine-polish .v63-list-icon.v72-rex-icon svg,
body.v72-mine-rex-icons.v69-mine-polish .v63-svc-icon.v72-rex-icon svg{
  display:none!important;
}
body.v72-mine-rex-icons.v69-mine-polish .v63-list-icon:not(.v72-rex-icon) svg,
body.v72-mine-rex-icons.v69-mine-polish .v63-grid-icon:not(.v72-rex-icon) svg{
  display:block!important;
}
body.v72-mine-rex-icons.v68-deep-gold .v63-qa-icon.v72-rex-icon,
body.v72-mine-rex-icons.v68-deep-gold .v63-grid-icon.v72-rex-icon,
body.v72-mine-rex-icons.v68-deep-gold .v63-list-icon.v72-rex-icon,
body.v72-mine-rex-icons.v68-deep-gold .v63-svc-icon.v72-rex-icon{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
body.v72-mine-rex-icons.v66-golden-premium .v63-qa-icon.v72-rex-icon::after,
body.v72-mine-rex-icons.v64-icon-active .v63-qa-icon.v72-rex-icon::after{
  display:none!important;
  content:none!important;
}

/* Mine page — wider content + bigger icons/text (from V75, header rules skipped) */
body.v64-mine-layout .mine .mine-account,
body.v69-mine-polish .mine .mine-account.v69-bal-card{
  margin-left:.24rem!important;
  margin-right:.24rem!important;
}
body.v64-mine-layout .v63-wrap,
body.v69-mine-polish .v63-wrap{
  width:calc(100% - .28rem)!important;
  max-width:none!important;
}
body.v72-mine-rex-icons .v63-qa-icon.v72-rex-icon{
  width:.88rem!important;
  height:.88rem!important;
}
body.v72-mine-rex-icons .v63-grid-icon.v72-rex-icon{
  width:.78rem!important;
  height:.78rem!important;
}
body.v72-mine-rex-icons .v63-list-icon.v72-rex-icon{
  width:.62rem!important;
  height:.62rem!important;
}
body.v72-mine-rex-icons .v63-svc-icon.v72-rex-icon{
  width:.8rem!important;
  height:.8rem!important;
}
body.v69-mine-polish.v72-mine-rex-icons .v63-list-row{
  min-height:1.14rem!important;
  gap:.18rem!important;
  padding:.22rem .22rem .22rem .12rem!important;
}
body.v69-mine-polish .v69-bal-label{
  font-size:.26rem!important;
}
body.v69-mine-polish .v69-bal-amt,
body.v69-mine-polish .v69-bal-row>*:first-child{
  font-family:Poppins,sans-serif!important;
  font-size:.54rem!important;
}
body.v69-mine-polish .v63-qa-lbl{
  font-size:.26rem!important;
}
body.v69-mine-polish.v67-kwg-real .v63-grid-title,
body.v69-mine-polish .v63-grid-title{
  font-size:.3rem!important;
}
body.v69-mine-polish.v67-kwg-real .v63-grid-sub,
body.v69-mine-polish .v63-grid-sub{
  font-size:.23rem!important;
}
body.v69-mine-polish.v67-kwg-real .v63-list-lbl,
body.v69-mine-polish .v63-list-lbl{
  font-size:.32rem!important;
}
body.v69-mine-polish.v67-kwg-real .v63-svc-title,
body.v69-mine-polish .v63-svc-title{
  font-size:.24rem!important;
}
body.v69-mine-polish.v67-kwg-real .v63-svc-lbl,
body.v69-mine-polish .v63-svc-lbl{
  font-size:.24rem!important;
}
body.v69-mine-polish .v63-logout,
body.v69-mine-polish .v63-logout span{
  font-size:.28rem!important;
}



/* ============================================================
   V57 — REAL WinGo/K3/5D/TRX header→wallet gap kill.
   Root cause: WinGo page root is .WinGo__C (NOT .winGo3 / .lottery-info).
   Structure: NavBar.main (position:fixed + 1.22667rem placeholder) then
   .Wallet__C with :before height 7.66667rem. Fixed+placeholder mismatch
   + empty purple slab left a ~2rem hole under the logo.
   Fix: navbar in-flow (no fixed placeholder), kill :before, pull wallet up.
   ============================================================ */
html body.v40-route-game .WinGo__C,
html body.v40-route-game .K3__C,
html body.v40-route-game .FD__C,
html body.v40-route-game .WinTrx__C,
html body.v40-route-game .lottery-info,
html body.v40-route-game .winGo3,
html body.v40-route-game .k3-main,
html body.v40-route-game .d5-main{
  padding-top:0!important;
  margin-top:0!important;
}

/* Collapse the fixed-nav PLACEHOLDER so it doesn't reserve a second bar */
html body.v40-route-game .WinGo__C > .navbar,
html body.v40-route-game .K3__C > .navbar,
html body.v40-route-game .FD__C > .navbar,
html body.v40-route-game .WinTrx__C > .navbar,
html body.v40-route-game .lottery-info > .navbar,
html body.v40-route-game .WinGo__C .navbar.main,
html body.v40-route-game .K3__C .navbar.main,
html body.v40-route-game .FD__C .navbar.main,
html body.v40-route-game .WinTrx__C .navbar.main{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  flex:none!important;
}

/* Keep header in document flow — no top:0 fixed double-offset */
html body.v40-route-game .WinGo__C .navbar-fixed,
html body.v40-route-game .K3__C .navbar-fixed,
html body.v40-route-game .FD__C .navbar-fixed,
html body.v40-route-game .WinTrx__C .navbar-fixed,
html body.v40-route-game .lottery-info .navbar-fixed,
html body.v40-route-game .WinGo__C .navbar.main .navbar-fixed,
html body.v40-route-game .K3__C .navbar.main .navbar-fixed,
html body.v40-route-game .FD__C .navbar.main .navbar-fixed,
html body.v40-route-game .WinTrx__C .navbar.main .navbar-fixed{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  -webkit-transform:none!important;
  width:100%!important;
  height:1.12rem!important;
  min-height:1.12rem!important;
  max-height:1.12rem!important;
  z-index:20!important;
}
html body.v40-route-game .WinGo__C .navbar__content,
html body.v40-route-game .K3__C .navbar__content,
html body.v40-route-game .FD__C .navbar__content,
html body.v40-route-game .WinTrx__C .navbar__content,
html body.v40-route-game .lottery-info .navbar__content{
  height:1.12rem!important;
  min-height:1.12rem!important;
}

/* Kill decorative 7.66667rem purple :before slab above/behind wallet */
html body.v40-route-game .Wallet__C:before,
html body.v40-route-game .WinGo__C .Wallet__C:before,
html body.v40-route-game .K3__C .Wallet__C:before,
html body.v40-route-game .FD__C .Wallet__C:before,
html body.v40-route-game .WinTrx__C .Wallet__C:before,
html body.v40-route-game .lottery-info .Wallet__C:before,
html body.v40-route-game .lottery-info .bg{
  content:none!important;
  display:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  padding:0!important;
  margin:0!important;
  border:none!important;
  background:none!important;
  position:absolute!important;
  overflow:hidden!important;
  pointer-events:none!important;
  opacity:0!important;
}

/* Wallet flush under header */
html body.v40-route-game .WinGo__C > .Wallet__C,
html body.v40-route-game .K3__C > .Wallet__C,
html body.v40-route-game .FD__C > .Wallet__C,
html body.v40-route-game .WinTrx__C > .Wallet__C,
html body.v40-route-game .lottery-info .Wallet__C,
html body.v40-route-game .Wallet__C{
  margin-top:0!important;
  margin-bottom:0!important;
  padding:.1rem .28rem 0!important;
  min-height:0!important;
  background:transparent!important;
}
html body.v40-route-game .WinGo__C .Wallet__C-balance,
html body.v40-route-game .K3__C .Wallet__C-balance,
html body.v40-route-game .FD__C .Wallet__C-balance,
html body.v40-route-game .WinTrx__C .Wallet__C-balance,
html body.v40-route-game .Wallet__C-balance{
  margin-top:0!important;
}

/* ===== V91_LOADING_SPINNER_FALLBACK =====
   The app's LoadingView renders a Lottie animation from /data.json. That file is
   absent locally (and can be slow/blocked on some hosts), so the fullscreen overlay
   was showing as a pure blank dark screen on route/back navigation and on the VIP
   page. Draw a guaranteed CSS spinner inside the Lottie container so users always
   see a loading indicator instead of a blank screen — even if Lottie never loads. */
@keyframes v91-spin { to { transform: rotate(360deg); } }
html body #app .ar-loading-view{
  background-color:rgba(20,8,43,.82) !important;
  background-image:none !important;
}
html body #app .ar-loading-view .loading-animat{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
html body #app .ar-loading-view .loading-animat::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  width:.92rem !important;
  height:.92rem !important;
  margin:-.46rem 0 0 -.46rem !important;
  border-radius:50% !important;
  border:.08rem solid rgba(245,194,76,.22) !important;
  border-top-color:#F5C24C !important;
  box-shadow:0 0 .16rem rgba(245,194,76,.35) !important;
  animation:v91-spin .7s linear infinite !important;
  z-index:2 !important;
}