.activity-main-container,.container,.page-wrapper {
    background: #fff;
    box-shadow: 0 0 40px rgba(0,0,0,.01)
}

#popular-games .list-game,.hero,.popup-main,.promo-section-x5y,.promo-text,.server {
    position: relative
}

.ads-label,.hero,.server,.subtitle {
    text-align: center
}

.hero {
    padding: 3px 16px 0;
    z-index: 10
}

body {
    background: #c7bcbc2e
}

.page-wrapper {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    min-height: 100vh
}

.activity-main-container .card {
    background-color: #fff;
    color: #333;
    border: 1px solid #333
}

.atm-white,span.coin-special,span.diamond-balance {
    color: #fff
}

.promo-section-x5y {
    line-height: 1.6;
    margin-top: 10px!important;
    padding: 10px 16px
}

.promo-text {
    font-size: 17px;
    margin-bottom: 18px;
    color: #333;
    padding: 10px 0
}

.ads-label span,body * {
    color: #333
}

.promo-points p {
    box-shadow: 0 2px 12px 0 rgba(79,209,197,.08);
    background: 0 0;
    color: #333;
    font-weight: 600
}

.promo-benefits li,.promo-benefits li:nth-child(2n),.promo-benefits li:nth-child(odd),.promo-cta,.promo-cta:hover,.promo-steps li,.promo-steps li:nth-child(2n),.promo-steps li:nth-child(odd),.promo-subtitle,.promo-title {
    color: #333;
    background: padding-box text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #333
}

.subtitle {
    color: #333;
    margin: 5px 0 10px;
    font-size: 16px
}

.promo-benefits li,.promo-section-x5y,.promo-steps li {
    margin: 0
}

.promo-benefits li,.promo-points p {
    margin: 0;
    padding: 5px
}

.resp_free_coin img {
    max-width: 30px
}

.server {
    border-radius: 15px;
    padding: 4px;
    backdrop-filter: blur(15px);
    border: 2px solid rgba(255,255,255,.1);
    transition: .4s;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: 102px;
    background: #333!important;
    will-change: transform
}

.servers .server .icon-symball {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    gap: 11px;
    flex-direction: column;
    padding-top: 5px
}

.options a,.quiz-flow .options button {
    background: #000;
    border: 1px solid #d1d5db;
    padding: 14px 18px;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: .2s;
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    color: #fff
}

.game-card .game-title,.game-card .play-win span {
    color: #333;
    font-weight: 700;
    font-size: 12px
}

.quiz-flow .progress-fill {
    position: absolute;
    height: 4px;
    background: #c7b70f!important;
    width: 0;
    transition: width .5s;
    background: linear-gradient(90deg,#0fc,#00e0ff,#00bfff)!important
}

.quiz-flow #step1 .step.active,.quiz-flow .step.active {
    background: #c7b70f;
    position: absolute;
    left: 30%;
    background: linear-gradient(135deg,#5ac8fa,#00e0ff,#a0f0ff);
    border-color: #5ac8fa;
    color: #fff
}

.popup-main {
    background: #fff;
    border-radius: 0;
    box-shadow: none;
    padding: 10px 40px;
    border: #ff00ff
}

.quiz-flow .options button:hover {
    color: #fff!important
}

.game-card .game-title {
    margin: .5rem 0;
    text-transform: lowercase
}

body .options a:hover,body option a:hover {
    color: #fff;
    text-decoration: none!important
}

body #popular-games {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
    grid-auto-rows: minmax(140px,auto);
    grid-gap: 6px;
    grid-auto-flow: dense;
    margin-bottom: 20px
}

#popular-games .list-game {
    overflow: hidden;
    width: 100%
}

#popular-games .list-thumbnail {
    position: relative;
    display: block
}

#popular-games .small-thumb {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px
}

#popular-games .list-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 8px 6px;
    font-size: 14px;
    text-align: center;
    background: 0 0;
    transform: translateY(100%);
    transition: transform .3s;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.list-thumbnail:hover {
    opacity: .5;
    transition: .5s
}

#popular-games .list-game:hover .list-title {
    transform: translateY(0)
}

#popular-games .list-game:hover img {
    filter: brightness(.6)
}

.ads-label {
    margin-top: 8px;
    margin-bottom: 18px
}

.promo-section-x5y.diamond-offer-container {
    margin-top: 10px
}

.online::before {
    display: none!important
}

body .quiz-flow #step1 .fill {
    background: linear-gradient(135deg,#5ac8fa,#00e0ff,#a0f0ff);
    border-color: #5ac8fa
}

.earn-coin-btn button,.earn-diamond-btn button {
    text-transform: math-auto
}

.server-container {
    padding: 10px 16px
}

.title {
    font-size: 31px;
    line-height: 45px
}

@media (max-width: 768px) {
    .server-container,.status span {
        padding:10px
    }

    span#change-text {
        font-size: 12px
    }

    .title {
        font-size: 24px;
        line-height: 34px
    }

    #popup h2 {
        font-size: 16px
    }

    #popup #closePopup {
        top: 0
    }

    .activity-main-container .game-text-content p {
        font-size: 7px;
        font-weight: 600
    }

    .activity-main-container .game-text-content strong {
        font-size: 9px;
        line-height: 14px
    }

    #complete-section .start {
        background: rgba(255,255,255,.1);
        padding: 10px 9px
    }

    .status span {
        font-size: 10px
    }

    .recent-rewards {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px
    }
}

@keyframes fullButtonPulse1 {
    0%,100% {
        transform: scale(1);
        background-color: #333;
        box-shadow: 0 0 0 rgba(255,255,255,.2)
    }

    50% {
        transform: scale(1.05);
        background-color: #333;
        box-shadow: 0 0 8px rgba(255,255,255,.3),0 0 12px rgba(255,182,193,.3)
    }
}

#get-now {
    animation: 1.5s ease-in-out infinite fullButtonPulse1
}

body .custom-close-button {
    border: none;
    top: 12px;
    color: #db1313
}

#claimBtn,#doubleBtn,body #spinBtn {
    border: none
}

.rbx-spin-popup {
    inset: 0px;
    position: fixed;
    z-index: 50;
    align-items: center
}

.rbx-spin-popup-wrap {
    max-width: 380px;
    margin: 0 auto;
    width: 100%
}

@media only screen and (max-width: 480px) {
    .rbx-spin-popup-wrap {
        max-width:90%
    }

    body #popular-games {
        grid-template-columns: repeat(2,1fr);
        grid-auto-rows: minmax(120px,auto);
        grid-gap: 4px
    }
}