/* Player-only black and green theme. Linked from player views, not admin views. */

html.player-theme,
body.player-theme {
    background-color: #0e1110 !important;
    color: #e8f5ee;
}

body.player-theme {
    --mmk-bg: #0e1110;
    --mmk-card: #171c19;
    --mmk-card-2: #1e2621;
    --mmk-line: #2a3530;
    --mmk-text: #e8f5ee;
    --mmk-muted: #9bb0a4;
    --mmk-green: #22c55e;
    --mmk-green-deep: #16a34a;
    --mmk-danger: #ef4444;
}

body.player-theme #app,
body.player-theme .mian,
body.player-theme .home,
body.player-theme .page {
    background-color: #0e1110 !important;
    color: #e8f5ee;
}

@media screen and (min-width: 800px) {
    html.player-theme {
        background-color: #070908 !important;
    }
}

/* Header and bottom nav */
body.player-theme .navbar,
body.player-theme .navbar.action {
    background: linear-gradient(90deg, #14532d, #22c55e) !important;
    background-image: linear-gradient(90deg, #14532d, #22c55e) !important;
    color: #fff !important;
}

body.player-theme .van-tabbar {
    background-color: transparent !important;
    background-image: url("/dm1/img/tabBarBg.png") !important;
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
    background-size: 100% 100% !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.player-theme .van-tabbar.van-hairline--top-bottom::after {
    display: none !important;
}

body.player-theme .van-tabbar .van-tabbar-item,
body.player-theme .van-tabbar .van-tabbar-item__text,
body.player-theme .van-tabbar .van-tabbar-item__icon {
    background: transparent !important;
    overflow: visible !important;
}

body.player-theme .van-tabbar .van-tabbar-item,
body.player-theme .van-tabbar .name {
    color: #8aa394 !important;
}

body.player-theme .van-tabbar .name.action,
body.player-theme .van-tabbar .van-tabbar-item.van-tabbar-item--active {
    color: #22c55e !important;
}

body.player-theme .nav,
body.player-theme #nav_checkUrl {
    overflow: visible !important;
}

/* Keep every label in the same row. The taller center image grows upward
   from its icon row, without taking its label out of normal layout. */
body.player-theme #nav_checkUrl .van-tabbar-item__text {
    position: relative;
    width: 100%;
    height: auto;
    display: grid;
    grid-template-rows: 24px auto;
    row-gap: 4px;
    align-items: end;
    justify-items: center;
    text-align: center;
}

body.player-theme #nav_checkUrl .name {
    position: static;
    line-height: 1.2;
    white-space: nowrap;
}

body.player-theme #nav_checkUrl .dm-nav {
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    transform: none;
    object-fit: contain;
    display: block;
}

body.player-theme .van-tabbar .muan {
    position: relative;
    align-self: end;
    z-index: 5;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: 50px !important;
    height: 50px !important;
    margin: 0 !important;
    overflow: visible;
}

body.player-theme #nav_checkUrl .muan .dm-nav {
    width: 50px !important;
    height: 50px !important;
    margin: 0 !important;
    object-fit: contain;
    display: block;
}

body.player-theme .van-tabs__line,
body.player-theme .van-tab--active {
    color: #22c55e !important;
}

body.player-theme .van-tabs__line {
    background-color: #22c55e !important;
}

body.player-theme .van-loading__spinner {
    color: #22c55e !important;
}

/* Home */
body.player-theme .home .nav,
body.player-theme .home .van-tabbar {
    height: calc(1.33333rem + 1px) !important;
}

body.player-theme .home .notice-box .van-notice-bar,
body.player-theme .van-notice-bar {
    background: #171c19 !important;
    color: #d1fae5 !important;
}

body.player-theme .home .notice-box .txt {
    background-color: #1a241c !important;
    color: #86efac !important;
}

body.player-theme .home .notice-box .txt .sp {
    background-image: linear-gradient(90deg, #15803d, #22c55e) !important;
    color: #fff !important;
}

body.player-theme .home .gameList .item .userList {
    background-color: #171c19 !important;
    color: #d7e8de !important;
}

body.player-theme .home .running-time,
body.player-theme .home .running-time .running-title {
    color: #e8f5ee !important;
}

body.player-theme .home .running-time .flip-num {
    background: #171c19 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
}

body.player-theme .home .running-time .flip-num .top,
body.player-theme .home .running-time .flip-num .bottom-card .front,
body.player-theme .home .running-time .flip-num .bottom-card .back {
    background: #1e2621 !important;
    color: #bbf7d0 !important;
}

body.player-theme .home .running-time .flip-num .bottom,
body.player-theme .home .running-time .flip-num .bottom-card .front {
    color: #9bb0a4 !important;
}

body.player-theme .home .running-time .flip-num .bottom-card .back p {
    color: #bbf7d0 !important;
}

body.player-theme .home .web-info {
    background: linear-gradient(180deg, #123524, #0e1110) !important;
}

body.player-theme .rank-board {
    background: #171c19 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

body.player-theme .rank-board .rank-heading {
    color: #e8f5ee !important;
}

body.player-theme .rank-board .rank-heading i {
    background: #22c55e !important;
}

body.player-theme .podium-slot.place-1 .podium-card,
body.player-theme .podium-card.place-1 {
    background: linear-gradient(180deg, #4ade80, #16a34a) !important;
    color: #052e16 !important;
}

body.player-theme .podium-slot.place-2 .podium-card,
body.player-theme .podium-card.place-2 {
    background: linear-gradient(180deg, #3f4f45, #24302a) !important;
    color: #e8f5ee !important;
}

body.player-theme .podium-slot.place-3 .podium-card,
body.player-theme .podium-card.place-3 {
    background: linear-gradient(180deg, #3f6212, #1a2e16) !important;
    color: #ecfccb !important;
}

body.player-theme .podium-slot .ava,
body.player-theme .podium-card .ava {
    background-color: #0e1110 !important;
    border-color: #86efac !important;
}

body.player-theme .rank-row .no,
body.player-theme .rank-row .who {
    color: #c5d5cb !important;
}

body.player-theme .rank-row .ava {
    background-color: #24302a !important;
}

body.player-theme .rank-row .amt {
    background: #16a34a !important;
    color: #fff !important;
}

body.player-theme .van-swipe__indicator {
    background-color: #3f4f45;
}

/* Auth */
body.player-theme .mian.login,
body.player-theme .mian.forgot,
body.player-theme .mian.register {
    background: #0e1110 !important;
    box-shadow: none;
}

body.player-theme .mian .login-banner {
    background: linear-gradient(180deg, #166534, #0e1110) !important;
}

body.player-theme .mian .login-box,
body.player-theme .mian .forgot-box {
    background-color: #171c19 !important;
    color: #e8f5ee !important;
}

body.player-theme .mian .login-box .tit,
body.player-theme .forgot-box .tit {
    color: #bbf7d0 !important;
}

body.player-theme .mian-from .lab,
body.player-theme .mian-from .tip,
body.player-theme .mian-from .agree {
    color: #9bb0a4 !important;
}

body.player-theme .mian-from .txt,
body.player-theme .mian-from .mian-btn .text {
    color: #4ade80 !important;
}

body.player-theme .mian-from .item {
    border-color: #2f6b45 !important;
    background: #121714 !important;
}

body.player-theme .mian-from .item input,
body.player-theme .auth-phone input,
body.player-theme .pw-input {
    background: transparent !important;
    color: #e8f5ee !important;
}

body.player-theme .mian-from .item input::placeholder,
body.player-theme input::placeholder,
body.player-theme textarea::placeholder {
    color: #7d9086;
}

body.player-theme .auth-phone .number {
    background: #14241a !important;
    border-right-color: #2f6b45 !important;
}

body.player-theme .dial-btn,
body.player-theme .dial-list li span {
    color: #4ade80 !important;
}

body.player-theme .dial-list {
    background: #171c19 !important;
    border-color: #2f6b45 !important;
}

body.player-theme .dial-list li {
    color: #e8f5ee !important;
}

body.player-theme .dial-list li[aria-selected="true"],
body.player-theme .dial-list li:hover {
    background: #14532d !important;
}

body.player-theme .mian-from .item .otp {
    background: #14532d !important;
    color: #bbf7d0 !important;
    border-color: #14532d !important;
}

body.player-theme .mian-btn .van-button,
body.player-theme .gradient .van-button:not(.logout) {
    background: linear-gradient(90deg, #16a34a, #22c55e) !important;
    border-color: #16a34a !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(22, 163, 74, 0.28) !important;
}

body.player-theme .logout.van-button,
body.player-theme .van-button--danger {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #fff !important;
    box-shadow: none !important;
}

/* Wallet and member cards */
body.player-theme .menu-box .info,
body.player-theme .check-box .check-header {
    background: linear-gradient(180deg, #166534, #0e1110) !important;
}

body.player-theme .wallet-user {
    background: transparent !important;
}

body.player-theme .mian .wallet-user {
    padding: 12px 16px 0 !important;
}

body.player-theme .mian .wallet-user .img {
    width: 52px !important;
    height: 52px !important;
}

body.player-theme .mian .wallet-user .name {
    margin-top: 6px !important;
    height: auto !important;
    line-height: 1.3 !important;
    font-size: 16px !important;
}

body.player-theme .mian .wallet-box {
    margin-top: 12px !important;
    padding: 0 16px !important;
}

body.player-theme .wallet-box .box .icon1 {
    display: none !important;
}

body.player-theme .wallet-box .box,
body.player-theme .wallet-box .list {
    border-radius: 16px !important;
    overflow: hidden;
}

body.player-theme .wallet-box .box .balance {
    border-radius: 14px !important;
    padding: 14px 16px !important;
}

body.player-theme .wallet-box .box .money,
body.player-theme .wallet-box .box .money div {
    color: #fff !important;
    font-size: 28px !important;
    font-weight: 800;
    line-height: 1.15 !important;
}

body.player-theme .wallet-box .box .balance .txt,
body.player-theme .wallet-box .box .info {
    color: #ecfdf5 !important;
}

body.player-theme .total-btn .item .li {
    border-radius: 999px !important;
}

body.player-theme .wallet-box .list .item {
    border-bottom: 1px solid #2a3530 !important;
}

body.player-theme .wallet-box .list .name,
body.player-theme .wallet-box .list .van-icon {
    color: #e8f5ee !important;
}

body.player-theme .mian:has(> .dm-w-nav) {
    padding-top: 0 !important;
}

body.player-theme .dm-w-nav {
    position: relative !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 48px !important;
    background: #0c6b45 !important;
    background-image: none !important;
    color: #fff !important;
}

body.player-theme .dm-w-back {
    position: absolute;
    left: 8px;
    color: #fff;
    font-size: 32px;
    line-height: 1;
    text-decoration: none;
    padding: 0 8px;
}

body.player-theme .dm-w-nav .navbar-title {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700;
}

body.player-theme .dm-w {
    background: #010806;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 48px - 1.46667rem - env(safe-area-inset-bottom, 0px));
    min-height: calc(100dvh - 48px - 1.46667rem - env(safe-area-inset-bottom, 0px));
}

body.player-theme .dm-w-hero {
    padding: 8px 16px 28px;
    text-align: center;
    color: #fff;
    background: linear-gradient(180deg, #0c6b45 0%, #06382c 70%, #021910 100%);
}

body.player-theme .dm-w-ico {
    width: 42px;
    height: 42px;
    object-fit: contain;
}

body.player-theme .dm-w-bal {
    margin-top: 8px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
}

body.player-theme .dm-w-cap {
    margin-top: 4px;
    font-size: 14px;
    opacity: 0.9;
}

body.player-theme .dm-w-stats {
    display: flex;
    margin-top: 22px;
}

body.player-theme .dm-w-stats > div {
    flex: 1;
    min-width: 0;
}

body.player-theme .dm-w-stats b {
    display: block;
    font-size: 18px;
    font-weight: 700;
}

body.player-theme .dm-w-stats span {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.3;
    opacity: 0.9;
}

body.player-theme .dm-w-sheet {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    margin: 10px 12px 0;
    padding: 22px 12px 18px;
    border-radius: 16px;
    background: #06281f;
    text-align: center;
}

body.player-theme .dm-w-ring {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 128px;
    height: 128px;
    margin: 0 auto 12px;
    border: 7px solid #e6c56a;
    border-radius: 50%;
    color: #e6c56a;
    font-size: 22px;
    font-weight: 700;
}

body.player-theme .dm-w-main {
    color: #e6c56a;
    font-size: 18px;
    font-weight: 700;
}

body.player-theme .dm-w-sub {
    margin-top: 4px;
    color: #e6c56a;
    font-size: 14px;
}

body.player-theme .dm-w-actions {
    display: flex;
    margin-top: 22px;
}

body.player-theme .dm-w-actions a {
    flex: 1;
    min-width: 0;
    color: #d7e4dc;
    font-size: 12px;
    line-height: 1.25;
    text-decoration: none;
}

body.player-theme .dm-w-actions img {
    width: 52px;
    height: 52px;
    display: block;
    margin: 0 auto 8px;
    object-fit: contain;
}

body.player-theme .wallet-box .box,
body.player-theme .wallet-box .list,
body.player-theme .wallet-box .card-list .master-box,
body.player-theme .menu-box,
body.player-theme .menu-box .total-box,
body.player-theme .menu-box .list,
body.player-theme .menu-box .list .item {
    background: #171c19 !important;
    color: #e8f5ee !important;
    border-color: #2a3530 !important;
}

body.player-theme .wallet-box .box .balance {
    background: linear-gradient(135deg, #15803d, #22c55e) !important;
}

body.player-theme .wallet-box .title,
body.player-theme .wallet-box .name,
body.player-theme .menu-box .des,
body.player-theme .menu-box .money,
body.player-theme .menu-box .txt {
    color: #e8f5ee !important;
}

body.player-theme .total-btn .item .li,
body.player-theme .infoBtn .item .li {
    background-color: #a16207 !important;
    color: #fff !important;
}

body.player-theme .total-btn .item:last-child .li,
body.player-theme .infoBtn .item:last-child .li {
    background-color: #16a34a !important;
    color: #fff !important;
}

body.player-theme .wallet-box .card-box .addBank {
    background: #14241a !important;
    color: #4ade80 !important;
}

body.player-theme .check-box .list {
    background-color: #0e1110 !important;
}

body.player-theme .check-box .check-header .txt {
    background: #16a34a !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.player-theme .check-box .list1 .hd .item {
    background-color: #1e2621 !important;
    color: #e8f5ee !important;
}

body.player-theme .check-box .list1 .bd .item,
body.player-theme .popup-box .info .txt {
    background: #171c19 !important;
    color: #e8f5ee !important;
}

body.player-theme .popup-box .title,
body.player-theme .rule-box .title {
    background: #166534 !important;
    color: #fff !important;
}

/* Promotion */
body.player-theme .promotion {
    background: #0e1110 !important;
    color: #e8f5ee !important;
    border-color: #2a3530 !important;
}

body.player-theme .promotion .tab,
body.player-theme .promotion .table,
body.player-theme .promotion .table .hd,
body.player-theme .promotion .tit,
body.player-theme .promotion .info-data .left,
body.player-theme .promotion .info-data .right,
body.player-theme .promotion .box .list,
body.player-theme .promotion .box .list .item {
    background: #171c19 !important;
    color: #e8f5ee !important;
}

body.player-theme .promotion .tab li.action,
body.player-theme .promotion .tab .action {
    color: #22c55e !important;
}

body.player-theme .promotion h5,
body.player-theme .promotion .all,
body.player-theme .promotion .txt {
    color: #e8f5ee !important;
}

body.player-theme .promotion .num {
    color: #4ade80 !important;
}

body.player-theme .promotion .info-img .btn,
body.player-theme .promotion .tit .btn {
    background: #16a34a !important;
    color: #fff !important;
}

/* Bet chrome. Number, color, and result chips keep their own colors. */
body.player-theme .game-head {
    background: linear-gradient(180deg, #166534 0%, #0e1110 100%) !important;
}

body.player-theme .game-head .total-box,
body.player-theme .game-betting .tab,
body.player-theme .game-betting .content .box,
body.player-theme .game-list .list .hb,
body.player-theme .game-list .list .wrap,
body.player-theme .game-list .list-fooder,
body.player-theme .game-list .page-nav .number {
    background: #171c19 !important;
    background-color: #171c19 !important;
    color: #e8f5ee !important;
}

body.player-theme .game-head .total-box .info .num,
body.player-theme .game-head .total-box .info .total,
body.player-theme .game-list .list .hb .item .info,
body.player-theme .game-list .list .hb .details .li {
    color: #e8f5ee !important;
    background-color: transparent;
}

body.player-theme .game-list .tab .li .txt {
    background-color: #1e2621 !important;
    border-color: #2f6b45 !important;
    color: #e8f5ee !important;
    box-shadow: none !important;
}

body.player-theme .game-list .tab .li .txt.action {
    background-color: #14532d !important;
    border-color: #22c55e !important;
    color: #bbf7d0 !important;
}

body.player-theme .game-betting .content .box .number-box.action,
body.player-theme .game-betting .content .box .random-box .random.action {
    background: #121714 !important;
    background-color: #121714 !important;
    color: #e8f5ee !important;
}

body.player-theme .game-betting .tab .box .item.action .li,
body.player-theme .game-betting .tab .boxs .item.action .li,
body.player-theme .game-betting .tab .trcBox .inquire {
    background: #16a34a !important;
    background-color: #16a34a !important;
    color: #fff !important;
}

body.player-theme .game-betting .tab .box .item.action:after,
body.player-theme .game-betting .tab .boxs .item.action:after {
    background-color: #16a34a !important;
}

body.player-theme .game-betting .content .time-box {
    background: linear-gradient(90deg, #14532d, #16a34a) !important;
}

body.player-theme .game-betting .content .time-box .out .number .item,
body.player-theme .game-betting .content .time-box .out .number .item:first-child,
body.player-theme .game-betting .content .time-box .out .number .item:last-child {
    background: #22c55e !important;
    color: #052e16 !important;
}

body.player-theme .random-box .item {
    background: #24302a !important;
    color: #e8f5ee !important;
}

body.player-theme .random-box .item.active {
    background: #16a34a !important;
    color: #fff !important;
}

body.player-theme .betting-mark .info,
body.player-theme .betting-mark .head .box .color {
    background: #171c19 !important;
    background-color: #171c19 !important;
    color: #e8f5ee !important;
}

body.player-theme .betting-mark .amount-box .li,
body.player-theme .betting-mark .stepper-box .li,
body.player-theme .betting-mark .multiple-box .li {
    background: #24302a !important;
    background-color: #24302a !important;
    color: #e8f5ee !important;
}

body.player-theme .betting-mark .amount-box .li.action,
body.player-theme .betting-mark .stepper-box .li.action,
body.player-theme .betting-mark .multiple-box .li.action,
body.player-theme .betting-mark .amount-box .li.acion,
body.player-theme .betting-mark .multiple-box .li.acion {
    background: #16a34a !important;
    background-color: #16a34a !important;
    color: #fff !important;
}

body.player-theme .betting-mark .foot .right {
    background: #16a34a !important;
    color: #fff !important;
}

body.player-theme .betting-mark .foot .left {
    background: #24302a !important;
    color: #e8f5ee !important;
}

body.player-theme .betting-mark .box:after {
    background-image: linear-gradient(10deg, #171c19 50%, transparent 0) !important;
}

body.player-theme .betting-mark .box:before {
    background-image: linear-gradient(-10deg, #171c19 50%, transparent 0) !important;
}

/* Shared sheets, fields, and records */
body.player-theme .van-popup,
body.player-theme .van-dialog,
body.player-theme .van-action-sheet,
body.player-theme .van-picker,
body.player-theme .van-cell,
body.player-theme .van-field,
body.player-theme .van-number-keyboard {
    background: #171c19 !important;
    color: #e8f5ee !important;
}

body.player-theme .van-cell,
body.player-theme .van-field__label,
body.player-theme .van-field__control,
body.player-theme .van-cell__title,
body.player-theme .van-cell__value,
body.player-theme .van-dialog__header,
body.player-theme .van-dialog__message,
body.player-theme .van-picker-column__item,
body.player-theme .van-action-sheet__item {
    color: #e8f5ee !important;
}

body.player-theme .van-picker__confirm,
body.player-theme .van-dialog__confirm {
    color: #22c55e !important;
}

body.player-theme .van-picker__cancel,
body.player-theme .van-dialog__cancel {
    color: #fca5a5 !important;
}

/* Account sign-out confirmation: keep the footer in the same dark palette. */
body.player-theme .logout-overlay {
    background: rgba(0, 10, 6, .68) !important;
    backdrop-filter: blur(2px);
}

body.player-theme .logout-dialog {
    width: min(8rem, calc(100vw - 32px)) !important;
    overflow: hidden;
    background: #14231c !important;
    border: 1px solid #2b4938;
    border-radius: .4rem !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .48);
}

body.player-theme .logout-dialog .van-dialog__header {
    padding: .52rem .4rem 0;
    color: #f0c76b !important;
    font-size: .48rem;
    font-weight: 700;
}

body.player-theme .logout-dialog .van-dialog__message {
    padding: .34rem .45rem .58rem;
    color: #dcebe2 !important;
    font-size: .38rem;
    line-height: 1.5;
}

body.player-theme .logout-dialog .van-dialog__footer {
    background: #14231c !important;
    border-top: 1px solid #2b4938;
}

body.player-theme .logout-dialog .van-dialog__footer::after {
    border-color: transparent !important;
}

body.player-theme .logout-dialog .van-dialog__footer .van-button {
    height: 1.24rem;
    background: #14231c !important;
    border: 0 !important;
    border-radius: 0;
    font-size: .4rem;
    font-weight: 600;
}

body.player-theme .logout-dialog .van-dialog__cancel {
    color: #c6d6cc !important;
}

body.player-theme .logout-dialog .van-dialog__footer .van-dialog__confirm,
body.player-theme .logout-dialog .van-dialog__footer .van-dialog__confirm:active {
    color: #fff !important;
    background: #168a59 !important;
}

body.player-theme .logout-dialog .van-dialog__confirm::after {
    border-color: #2b4938 !important;
}

body.player-theme .van-cell::after,
body.player-theme .van-hairline--top-bottom::after,
body.player-theme .van-hairline--bottom::after {
    border-color: #2a3530 !important;
}

body.player-theme .mian .list,
body.player-theme .mian .box.list {
    background-color: #171c19;
    color: #e8f5ee;
}

body.player-theme input,
body.player-theme textarea,
body.player-theme select {
    color: #e8f5ee;
}

body.player-theme .van-icon-arrow {
    color: #9bb0a4 !important;
}

/* Keep remaining player content readable and inside the screen. */
body.player-theme .home.mian,
body.player-theme .mian.page,
body.player-theme .mian.auth-screen {
    padding-bottom: 110px !important;
}

body.player-theme #lang-switch {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: auto !important;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    margin: 0;
    padding: 3px;
    border-radius: 999px;
    background: #0b0f0d;
    box-shadow: none;
}

body.player-theme #lang-switch button {
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    padding: 6px 10px;
    border-radius: 999px;
    cursor: pointer;
}

body.player-theme #lang-switch button.active {
    background: #22c55e;
    color: #052e16;
}

body.player-theme .ref-account .lang-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: auto;
    min-height: 1.33333rem;
    line-height: 1.2;
}

body.player-theme .ref-account .lang-row .name {
    padding-left: 0;
}

body.player-theme .home .notice {
    padding: 8px 12px 0;
}

body.player-theme .home .notice-box {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    height: auto !important;
    overflow: visible !important;
}

body.player-theme .home .notice-box .van-notice-bar {
    width: 100% !important;
    height: 36px !important;
    min-height: 36px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

body.player-theme .home .van-notice-bar {
    height: 36px !important;
    overflow: hidden;
}

body.player-theme .home .van-notice-bar__wrap {
    height: 36px !important;
    overflow: hidden;
    flex: 1;
    position: relative;
    container-type: inline-size;
}

body.player-theme .home .van-notice-bar__content {
    height: 36px !important;
    line-height: 36px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    position: absolute !important;
    top: 0;
    left: 0;
    display: inline-block;
    width: max-content;
    padding-right: 24px;
    animation: notice-ticker 16s linear infinite;
}

@keyframes notice-ticker {
    0%, 10% { transform: translateX(0); }
    90%, 100% { transform: translateX(calc(-100% + 100cqw)); }
}

body.player-theme .home .notice-box .txt {
    position: static !important;
    height: auto !important;
    padding: 0 !important;
    background: transparent !important;
    text-align: right;
}

body.player-theme .gameList .name,
body.player-theme .gameList .des,
body.player-theme .gameList .price {
    color: #f4fff8 !important;
}

body.player-theme input::placeholder,
body.player-theme textarea::placeholder {
    color: #9bb0a4 !important;
    opacity: 1;
}

body.player-theme .mian.page > .navbar {
    display: none;
}

body.player-theme .mian.page {
    padding-top: 0 !important;
}

body.player-theme .ref-account {
    padding: 0 12px 96px;
}

body.player-theme .ref-hero {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 -12px;
    padding: 28px 16px 64px;
    background: linear-gradient(180deg, #14915c 0%, #0b6a42 55%, #06382c 100%);
    color: #fff;
    border-radius: 0 0 24px 24px;
}

body.player-theme .ref-ava {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    background: #052e16;
    border: 2px solid rgba(255, 255, 255, 0.75);
}

body.player-theme .ref-hero .name-line {
    display: flex;
    align-items: center;
    gap: 8px;
}

body.player-theme .ref-hero .name {
    color: #fff !important;
    font-size: 18px;
    font-weight: 800;
}

body.player-theme .ref-hero .vip-badge {
    height: 22px;
    width: auto;
    display: block;
}

body.player-theme .uid-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
    padding: 2px 8px;
    border: 1px solid #e6c56a;
    border-radius: 999px;
    color: #e6c56a;
    font-size: 12px;
    font-weight: 700;
}

body.player-theme .copy-uid {
    display: inline-flex;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

body.player-theme .copy-uid img {
    width: 14px;
    height: 14px;
    display: block;
}

body.player-theme .last-login {
    margin-top: 6px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 12px;
}

body.player-theme .ref-balance {
    margin-top: -36px;
    padding: 16px;
    border-radius: 16px;
    background: #0d3328;
    box-shadow: none;
}

body.player-theme .ref-balance-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

body.player-theme .ref-label {
    color: #9bb0a4;
    font-size: 13px;
}

body.player-theme .ref-balance .money {
    margin-top: 6px;
    color: #e6c56a;
    font-size: 24px;
    font-weight: 800;
}

body.player-theme .ref-label,
body.player-theme .ref-grid b {
    color: #e6c56a !important;
}

body.player-theme .reload_money {
    border: 0;
    background: transparent;
    color: #86efac;
    font-size: 18px;
    cursor: pointer;
}

body.player-theme .ref-wallet-btn {
    display: inline-flex;
    align-items: center;
    height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    background: linear-gradient(90deg, #e6c56a, #f3d98a);
    color: #3a2a08;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

body.player-theme .ref-shortcuts,
body.player-theme .ref-games {
    display: flex;
    gap: 8px;
}

body.player-theme .ref-shortcuts {
    margin-top: 16px;
}

body.player-theme .ref-shortcuts a,
body.player-theme .ref-grid a,
body.player-theme .ref-games a {
    text-decoration: none;
    color: #e8f5ee;
}

body.player-theme .ref-shortcuts a {
    flex: 1;
    text-align: center;
    font-size: 12px;
    color: #d1fae5;
}

body.player-theme .ref-shortcuts a img {
    width: 42px;
    height: 42px;
    display: block;
    margin: 0 auto 6px;
    object-fit: contain;
}

body.player-theme .ref-shortcuts a span {
    display: block;
    color: #e6c56a;
    font-weight: 700;
}

body.player-theme .ref-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 12px;
}

body.player-theme .ref-grid a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    min-height: 72px;
    padding: 14px;
    border-radius: 14px;
    background: #0d3328;
}

body.player-theme .ref-grid img {
    width: 36px;
    height: 36px;
    flex: none;
    object-fit: contain;
}

body.player-theme .ref-grid span {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

body.player-theme .ref-grid b {
    font-size: 15px;
}

body.player-theme .ref-grid small {
    color: #9bb0a4;
    font-size: 12px;
}

body.player-theme .ref-games-wrap {
    margin: 12px;
}

body.player-theme .ref-games-title {
    margin: 0 2px 8px;
    color: #e8f5ee;
    font-size: 15px;
    font-weight: 800;
}

body.player-theme .ref-games {
    margin: 0;
}

body.player-theme .ref-games a {
    flex: 1;
    min-width: 0;
    padding: 12px 4px;
    border-radius: 14px;
    background: #14532d;
    text-align: center;
}

body.player-theme .ref-games b {
    display: block;
    font-size: 16px;
    color: #bbf7d0;
}

body.player-theme .ref-games span {
    font-size: 11px;
    color: #d1fae5;
}

body.player-theme .ref-account .list {
    margin-top: 12px;
    border-radius: 14px;
    overflow: hidden;
    background: #0d3328 !important;
}

body.player-theme .ref-account .list .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid #164a3a;
    color: #e6c56a;
    text-decoration: none;
    background: transparent !important;
}

body.player-theme .ref-account .list .item img {
    width: 28px;
    height: 28px;
    margin-right: 10px;
    object-fit: contain;
}

body.player-theme .ref-account .list .name {
    color: #e6c56a !important;
    font-weight: 700;
}

body.player-theme .ref-account .list .van-icon {
    color: #8aa394 !important;
}

/* Home bar, time tiles, and first-visit welcome */
body.player-theme .home > .navbar {
    background: #0b0f0d !important;
    background-image: none !important;
    box-shadow: inset 0 -1px 0 #24302a;
}

body.player-theme .home.mian {
    padding-top: 0;
}

body.player-theme .home .banner {
    display: block !important;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
    width: 100%;
}

body.player-theme .home .banner .van-swipe {
    width: 100%;
    aspect-ratio: 16 / 9;
    transition: height 300ms ease;
}

body.player-theme .home .banner .van-swipe__track {
    height: auto;
    align-items: flex-start;
}

body.player-theme .home .banner .van-swipe-item {
    position: relative;
    overflow: hidden;
    height: auto !important;
    background: #0e1110;
}

body.player-theme .home .banner .img {
    width: 100%;
    height: auto !important;
    aspect-ratio: auto;
    display: block;
}

body.player-theme .dm-nav {
    width: 26px;
    height: 26px;
    object-fit: contain;
}

body.player-theme .brand-name {
    color: #f4fff8 !important;
    font-size: 18px !important;
    font-weight: 800;
    letter-spacing: 0.01em;
}

body.player-theme .home-balance {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: #14532d;
    color: #bbf7d0 !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
}

body.player-theme .navbar-title:has(.logo) .logo {
    display: none !important;
}

body.player-theme .navbar-title:has(.logo)::after {
    content: "9loterywin";
    color: #fff;
    font-size: 18px;
    font-weight: 800;
}

body.player-theme .home .gameList .item {
    overflow: hidden;
    border-radius: 16px !important;
    background: #171c19 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

body.player-theme .home .gameList .item.trx-home-card .info.i3 .img {
    width: 128px;
    height: auto;
    aspect-ratio: 1010 / 1024;
    object-fit: contain;
    top: -30px;
    right: -10px;
}

body.player-theme .home .gomeList .item {
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.player-theme .home .gameList .item .info.i2,
body.player-theme .home .gameList .item .info.i3,
body.player-theme .home .gameList .item .info.i4 {
    background: linear-gradient(135deg, #14532d, #1e2621) !important;
}

body.player-theme .ref-games a:nth-child(1) { background: #14532d; }
body.player-theme .ref-games a:nth-child(2) { background: #166534; }
body.player-theme .ref-games a:nth-child(3) { background: #15803d; }
body.player-theme .ref-games a:nth-child(4) { background: #16a34a; }

body.player-theme .lottery-row .ref-games-title {
    color: #e7c56a;
    font-size: 18px;
    font-weight: 800;
}

body.player-theme .lottery-row .ref-games {
    gap: 8px;
}

body.player-theme .lottery-row .ref-games a,
body.player-theme .lottery-row .ref-games a:nth-child(1),
body.player-theme .lottery-row .ref-games a:nth-child(2),
body.player-theme .lottery-row .ref-games a:nth-child(3),
body.player-theme .lottery-row .ref-games a:nth-child(4) {
    padding: 0;
    background: transparent;
    border-radius: 14px;
    overflow: hidden;
}

body.player-theme .lottery-row .ref-games img {
    display: block;
    width: 100%;
    height: auto;
}

.welcome-overlay {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(0, 0, 0, 0.62);
    overflow-y: auto;
    overscroll-behavior: contain;
}

.welcome-overlay[hidden] {
    display: none !important;
}

.welcome-card {
    width: min(360px, 100%);
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    flex: 0 0 auto;
    padding: 14px;
    border-radius: 18px;
    background: #171c19;
    color: #e8f5ee;
    text-align: center;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
}

.welcome-card h2 {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 800;
}

.welcome-card p {
    margin: 0 0 16px;
    color: #c5d5cb;
    font-size: 14px;
    line-height: 1.45;
}

.welcome-card button {
    width: 100%;
    height: 44px;
    border: 0;
    border-radius: 999px;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    background: linear-gradient(90deg, #16a34a, #4ade80);
}

.notice-media {
    width: 100%;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    border-radius: 12px;
    margin: 0 0 12px;
    background: #0e1110;
}

.notice-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.welcome-card [hidden] {
    display: none !important;
}

.notice-step {
    margin-top: 10px;
    color: #9eb0a6;
    font-size: 12px;
    font-weight: 700;
}

/* WinGo wallet panel. Color and number chips keep their own colors. */
body.player-theme .game-head {
    background: linear-gradient(180deg, #14532d 0%, #0e1110 78%) !important;
    background-image: linear-gradient(180deg, #14532d 0%, #0e1110 78%) !important;
}

body.player-theme .game-head .total-box {
    background: #122018 !important;
    border: 1px solid #1f3d2c;
    border-radius: 16px !important;
}

body.player-theme .game-head .total-btn .van-button {
    color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.player-theme .game-head .total-btn .item:first-child .van-button {
    background: #14532d !important;
    border: 1px solid #22c55e !important;
}

body.player-theme .game-head .total-btn .item:last-child .van-button {
    background: linear-gradient(90deg, #16a34a, #22c55e) !important;
}

body.player-theme .game-betting .content .box {
    border-radius: 16px !important;
    border: 1px solid #24382c;
}

/* Deposit and withdraw */
body.player-theme .mian {
    background-color: #0e1110 !important;
}

body.player-theme .selectBox {
    background: #0e1110;
    color: #e8f5ee;
}

body.player-theme .selectBox .colorBox {
    height: 12px !important;
    background: transparent !important;
    background-image: none !important;
}

body.player-theme .selectBox .txtBox {
    height: auto !important;
    margin: 16px 16px 0 !important;
    padding: 16px 18px !important;
    border-radius: 16px !important;
    background: #0d3328 !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none;
}

body.player-theme .selectBox .txtBox .txt,
body.player-theme .selectBox .txtBox .mmk-label {
    color: #c5d5cb !important;
    font-size: 13px !important;
}

body.player-theme .selectBox .txtBox .money,
body.player-theme .selectBox .txtBox .money div,
body.player-theme .selectBox .txtBox span {
    color: #e6c56a !important;
    font-weight: 800;
}

body.player-theme .selectBox .txtBox .icon {
    display: none;
}

body.player-theme .balance-refresh {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-left: 8px;
    padding: 0;
    border: 1px solid #e6c56a;
    border-radius: 50%;
    background: transparent;
    color: #e6c56a;
    cursor: pointer;
}

body.player-theme .balance-refresh svg {
    width: 16px;
    height: 16px;
    display: block;
}

body.player-theme .balance-refresh.action svg {
    animation: balance-spin 0.8s linear infinite;
}

@keyframes balance-spin {
    to { transform: rotate(360deg); }
}

body.player-theme .selectBox .pay-box .title,
body.player-theme .selectBox .conBox .des,
body.player-theme .selectBox .bankBox,
body.player-theme .selectBox .bankBox .item,
body.player-theme .selectBox .tab .c-tc,
body.player-theme .navbar-right {
    color: #e8f5ee !important;
}

body.player-theme .selectBox .pay-box .title .van-image {
    display: none !important;
}

body.player-theme .selectBox .pay-box .title span {
    margin-left: 0 !important;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.2px;
}

body.player-theme .selectBox .pay-box {
    padding: 0 16px !important;
    margin-top: 22px;
}

body.player-theme .selectBox .pay-box + .pay-box {
    margin-top: 26px;
}

body.player-theme .selectBox .pay-box .list.c-flex-warp {
    display: flex !important;
    gap: 14px;
    margin-top: 12px !important;
}

body.player-theme .selectBox .pay-box .list .item,
body.player-theme .selectBox .tab .box,
body.player-theme .selectBox .conBox .box,
body.player-theme .selectBox .bankBox .box {
    background: #171c19 !important;
    background-image: none !important;
    color: #e8f5ee !important;
    border-radius: 14px !important;
}

body.player-theme .selectBox .pay-box .list .item {
    width: calc((100% - 16px) / 2) !important;
    margin: 0 !important;
    padding: 16px 10px 14px !important;
    border: 1px solid #2a3530 !important;
    box-sizing: border-box;
}

body.player-theme .selectBox .pay-box .list .item .name,
body.player-theme .selectBox .pay-box .list .item .txt {
    color: #e8f5ee !important;
}

body.player-theme .selectBox .pay-box .list .item.action,
body.player-theme .selectBox .tab .item.action {
    background: #12382c !important;
    background-image: none !important;
    border-color: #e6c56a !important;
    color: #fff !important;
}

body.player-theme .selectBox .pay-box .list .item.action .icon {
    display: none !important;
}

body.player-theme .selectBox .pay-box .numberSize,
body.player-theme .selectBox .number-box,
body.player-theme .selectBox .requiredBox .box {
    background: #171c19 !important;
    border: 1px solid #2a3530 !important;
    border-radius: 12px !important;
    color: #fff !important;
}

body.player-theme .selectBox .number-box .symbol,
body.player-theme .selectBox input,
body.player-theme .selectBox .van-field__control {
    color: #fff !important;
    background: transparent !important;
}

body.player-theme .selectBox .pay-box .list.m-t-10 {
    display: flex !important;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 14px !important;
    justify-content: flex-start !important;
}

body.player-theme .selectBox .pay-box .list .li,
body.player-theme .amount-chips div {
    width: calc((100% - 28px) / 3) !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 48px !important;
    background: #1e2621 !important;
    border: 1px solid #2a3530 !important;
    border-radius: 14px !important;
    color: #e8f5ee !important;
    box-shadow: none !important;
    font-size: 15px !important;
    font-weight: 700;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    transition: border-color .15s, background .15s, color .15s;
}

body.player-theme .selectBox .pay-box .list .li.action,
body.player-theme .amount-chips div.action {
    background: #12382c !important;
    border-color: #e6c56a !important;
    color: #e6c56a !important;
}

body.player-theme .amount-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 14px 16px 4px;
}

body.player-theme .amount-chips div {
    width: calc((100% - 24px) / 3);
    padding: 0;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
}

body.player-theme .selectBox .next-btn,
body.player-theme .withdrawal-btn .btn {
    height: 52px !important;
    border-radius: 26px !important;
    background: linear-gradient(90deg, #e6c56a, #f3d98a) !important;
    border-color: #e6c56a !important;
    color: #3a2a08 !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    letter-spacing: 0.3px;
    box-shadow: 0 8px 18px rgba(230, 197, 106, 0.25) !important;
}

body.player-theme .selectBox .next-btn .van-button__text {
    color: #3a2a08 !important;
    font-weight: 800;
}

body.player-theme .selectBox .des {
    margin: 12px 4px 0 !important;
    color: #8aa394 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

body.player-theme .selectBox .btn-list {
    margin: 22px 16px 0 !important;
}

body.player-theme .selectBox .numberSize .fuhao {
    color: #e6c56a;
    font-size: 18px;
    font-weight: 800;
    margin-right: 4px;
}

body.player-theme .dm-history {
    background: #0e1110 !important;
    min-height: 100vh;
    color: #e8f5ee;
}

body.player-theme .dm-history .box {
    padding: 12px !important;
}

body.player-theme .dm-history .list {
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

body.player-theme .dm-history .item {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 10px !important;
    padding: 14px !important;
    background: #171c19 !important;
    border: 1px solid #2a3530;
    border-radius: 14px !important;
    box-sizing: border-box;
}

body.player-theme .dm-history .dm-hist-main {
    min-width: 0;
    flex: 1;
}

body.player-theme .dm-history .number {
    display: flex !important;
    align-items: center;
    gap: 8px;
    color: #8aa394 !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
}

body.player-theme .dm-history .dm-order {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.player-theme .dm-history .dm-copy {
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #e6c56a;
}

body.player-theme .dm-history .dm-copy svg {
    width: 16px;
    height: 16px;
    display: block;
}

body.player-theme .dm-history .money,
body.player-theme .dm-history .money.action,
body.player-theme .dm-history .money span {
    margin: 6px 0 2px !important;
    color: #e6c56a !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

body.player-theme .dm-history .time {
    color: #7f9188 !important;
    font-size: 12px !important;
}

body.player-theme .dm-history .dm-status {
    display: inline-block;
    min-width: 76px;
    padding: 5px 8px;
    border-radius: 999px;
    text-align: center;
    font-size: 12px !important;
    font-weight: 700;
}

body.player-theme .dm-history .dm-status.ok {
    color: #8ee0b2 !important;
    background: #12382c;
}

body.player-theme .dm-history .dm-status.wait {
    color: #e6c56a !important;
    background: #2a2414;
}

body.player-theme .dm-history .dm-status.no {
    color: #ff8d8d !important;
    background: #2a1616;
}

body.player-theme .dm-history .van-list__finished-text {
    color: #7f9188 !important;
    font-size: 13px !important;
    padding: 28px 0 !important;
}

body.player-theme .wd-methods {
    display: flex;
    gap: 12px;
    margin: 10px 16px 0;
}

body.player-theme .wd-method {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 14px 8px;
    border: 1px solid #2a3530;
    border-radius: 14px;
    background: #171c19;
    color: #e8f5ee;
    font-weight: 700;
}

body.player-theme .wd-method img {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    object-fit: cover;
}

body.player-theme .wd-method.action {
    border-color: #e6c56a;
    background: #12382c;
}

body.player-theme .wd-accounts {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 10px 16px 0;
}

body.player-theme .wd-empty {
    color: #8aa394;
    font-size: 13px;
}

body.player-theme .wd-acc {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 12px;
    border: 1px solid #2a3530;
    border-radius: 14px;
    background: #171c19;
    color: #e8f5ee;
    text-align: left;
}

body.player-theme .wd-acc img {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    object-fit: cover;
}

body.player-theme .wd-acc span {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

body.player-theme .wd-acc b {
    font-size: 15px;
}

body.player-theme .wd-acc small {
    color: #A7B8B0;
    font-size: 12px;
}

body.player-theme .wd-acc.action {
    border-color: #e6c56a;
    background: #12382c;
}

body.player-theme .wd-add {
    display: block;
    width: calc(100% - 32px);
    height: 46px;
    margin: 12px 16px 0;
    border: 1px dashed #e6c56a;
    border-radius: 12px;
    background: transparent;
    color: #e6c56a;
    font-weight: 800;
}

body.player-theme .wd-linked {
    margin: 8px 16px 0;
    color: #e6c56a;
    font-size: 13px;
    font-weight: 700;
}

body.player-theme .wd-linked[hidden] {
    display: none !important;
}

body.player-theme .wd-phone {
    display: block;
    width: calc(100% - 32px);
    height: 46px;
    margin: 12px 16px 0;
    padding: 0 14px;
    box-sizing: border-box;
    border: 1px solid #2a3530;
    border-radius: 12px;
    background: #171c19;
    color: #fff;
    font-size: 15px;
}

body.player-theme .wd-confirm {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: flex;
    align-items: flex-end;
    background: rgba(0, 0, 0, 0.62);
}

body.player-theme .wd-confirm[hidden] {
    display: none !important;
}

body.player-theme .wd-sheet {
    width: 100%;
    padding: 22px 16px 28px;
    border-radius: 18px 18px 0 0;
    background: #171c19;
    color: #e8f5ee;
    box-sizing: border-box;
}

body.player-theme .wd-sheet h3 {
    margin: 0 0 12px;
    text-align: center;
    font-size: 18px;
}

body.player-theme .wd-sheet p {
    margin: 0 0 6px;
    text-align: center;
}

body.player-theme #wd-confirm-name {
    color: #e6c56a;
    font-size: 20px;
    font-weight: 800;
}

body.player-theme #wd-confirm-amt {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 700;
}

body.player-theme .wd-sheet button {
    width: 100%;
    height: 46px;
    margin-top: 12px;
    border: 0;
    border-radius: 12px;
    font-weight: 800;
}

body.player-theme #wd-yes {
    background: linear-gradient(90deg, #e6c56a, #f3d98a);
    color: #3a2a08;
}

body.player-theme #wd-no {
    background: transparent;
    color: #A7B8B0;
}

body.player-theme .wd-result { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(1, 8, 6, .72); }
body.player-theme .wd-result[hidden] { display: none !important; }
body.player-theme .wd-result-card { width: 100%; max-width: 360px; padding: 28px 20px; border-radius: 18px; background: #171c19; border: 1px solid #2a3530; text-align: center; }
body.player-theme .wd-result-card h2 { margin: 14px 0 8px; font-size: 20px; }
body.player-theme .wd-result-card p { margin: 0; color: #A7B8B0; font-size: 14px; line-height: 1.45; }
body.player-theme .wd-spin { width: 42px; height: 42px; margin: 0 auto; border: 3px solid #2a3530; border-top-color: #e6c56a; border-radius: 50%; animation: wd-spin .7s linear infinite; }
body.player-theme .wd-mark { width: 52px; height: 52px; margin: 0 auto; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 800; }
body.player-theme .wd-mark.ok { background: #12382c; color: #8ee0b2; }
body.player-theme .wd-mark.bad { background: #2a1616; color: #ff8d8d; }
body.player-theme #wd-result-btn { width: 100%; height: 46px; margin-top: 18px; border: 0; border-radius: 12px; background: linear-gradient(90deg, #e6c56a, #f3d98a); color: #3a2a08; font-weight: 800; font-size: 16px; }
body.player-theme #wd-result-btn[hidden] { display: none; }
@keyframes wd-spin { to { transform: rotate(360deg); } }

body.player-theme .wd-result-details {
    margin-top: 16px;
    text-align: left;
    width: 100%;
}

body.player-theme .wd-result-details[hidden] { display: none !important; }

body.player-theme .wd-detail-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    font-size: 13px;
}

body.player-theme .wd-detail-row span {
    color: #A7B8B0;
    flex: 0 0 auto;
}

body.player-theme .wd-detail-row b {
    color: #e8f5ee;
    text-align: right;
    font-weight: 700;
    word-break: break-all;
    min-width: 0;
}

body.player-theme .wd-confirm { position: fixed; inset: 0; z-index: 99998; display: flex; align-items: flex-end; background: rgba(1, 8, 6, .72); }
body.player-theme .wd-confirm[hidden] { display: none !important; }
body.player-theme .wd-confirm-card { width: 100%; max-width: 480px; margin: 0 auto; padding: 24px 20px 28px; border-radius: 18px 18px 0 0; background: #171c19; border: 1px solid #2a3530; text-align: center; }
body.player-theme .wd-confirm-card h3 { margin: 0 0 14px; font-size: 18px; }
body.player-theme .wd-confirm-amt { font-size: 28px; font-weight: 800; color: #e6c56a; margin: 0 0 6px; }
body.player-theme .wd-confirm-to { color: #c5d5cb; font-size: 14px; margin: 0 0 18px; }
body.player-theme #wd-confirm-yes { width: 100%; height: 46px; border: 0; border-radius: 12px; background: linear-gradient(90deg, #e6c56a, #f3d98a); color: #3a2a08; font-weight: 800; font-size: 16px; }
body.player-theme #wd-confirm-no { width: 100%; height: 42px; margin-top: 10px; border: 0; border-radius: 12px; background: transparent; color: #A7B8B0; font-weight: 600; font-size: 15px; }

body.player-theme .dm-deposit .selectBox .txtBox {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-height: 128px;
    margin: 14px 16px 0 !important;
    padding: 18px 20px !important;
    border-radius: 22px !important;
    background: linear-gradient(135deg, #0b6b45 0%, #128a58 55%, #0d5c3d 100%) !important;
    overflow: hidden;
    position: relative;
}

body.player-theme .dm-deposit .selectBox .txtBox::after {
    content: "";
    position: absolute;
    right: -28px;
    top: -36px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
}

body.player-theme .dm-deposit .selectBox .txtBox .txt {
    position: relative;
    z-index: 1;
    color: rgba(255, 255, 255, 0.86) !important;
    font-size: 13px !important;
    font-weight: 600;
}

body.player-theme .dm-deposit .selectBox .txtBox .c-row {
    position: relative;
    z-index: 1;
    margin-top: 6px;
}

body.player-theme .dm-deposit .selectBox .txtBox .money,
body.player-theme .dm-deposit .selectBox .txtBox .money div,
body.player-theme .dm-deposit .selectBox .txtBox span {
    color: #fff !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 1.1;
}

body.player-theme .dm-deposit .balance-refresh {
    width: 32px;
    height: 32px;
    border-color: rgba(255, 255, 255, 0.7);
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
}

body.player-theme .dm-deposit .selectBox .pay-box:first-of-type .list .item {
    width: calc(50% - 8px) !important;
    min-height: 112px;
    margin: 0 !important;
    padding: 16px 8px !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #171c19 !important;
    border: 1px solid #2a3530 !important;
    border-radius: 16px !important;
}

body.player-theme .dm-deposit .selectBox .pay-box:first-of-type .list .item img {
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    margin: 0 0 8px !important;
}

body.player-theme .dm-deposit .selectBox .pay-box:first-of-type .list .item.action {
    background: #0f6b45 !important;
    border-color: #e6c56a !important;
}

body.player-theme .dm-deposit .selectBox .pay-box .numberSize {
    height: 54px !important;
    margin-top: 4px;
    padding: 0 16px !important;
    border-radius: 16px !important;
    background: #171c19 !important;
}

body.player-theme .dm-deposit .selectBox .pay-box .numberSize .fuhao::before {
    content: "MMK";
    color: #e6c56a;
    font-size: 18px;
    font-weight: 800;
}

body.player-theme .dm-deposit .selectBox .pay-box .numberSize .van-field__control {
    font-size: 18px !important;
    font-weight: 700;
}

body.player-theme .dm-deposit .selectBox .next-btn {
    border-radius: 24px !important;
}

body.player-theme .dm-deposit .selectBox .des {
    text-align: center;
}

body.player-theme .dm-withdraw .selectBox .tab {
    display: none !important;
}

body.player-theme .dm-withdraw .selectBox .txtBox {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px;
    min-height: 96px;
    margin: 16px 16px 0 !important;
    padding: 20px 22px !important;
    border-radius: 22px !important;
    background: linear-gradient(135deg, #0b6b45 0%, #128a58 60%, #0d5c3d 100%) !important;
    overflow: hidden;
    position: relative;
    box-shadow: 0 6px 20px rgba(11, 107, 69, .3);
}

body.player-theme .dm-withdraw .selectBox .txtBox::before {
    content: "";
    position: absolute;
    right: -20px;
    top: -30px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.07);
}

body.player-theme .dm-withdraw .selectBox .txtBox::after {
    content: "";
    position: absolute;
    right: 40px;
    bottom: -50px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
}

body.player-theme .dm-withdraw .selectBox .txtBox .icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.14);
    position: relative;
    z-index: 1;
}

body.player-theme .dm-withdraw .selectBox .txtBox .icon::before {
    content: "";
    width: 26px;
    height: 26px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7z'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M16 14h2'/%3E%3C/svg%3E") center / contain no-repeat;
}

body.player-theme .dm-withdraw .selectBox .txtBox .icon::after {
    display: none;
}

body.player-theme .dm-withdraw .selectBox .txtBox > .c-row {
    position: relative;
    z-index: 1;
    flex: 1;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px;
}

body.player-theme .dm-withdraw .selectBox .txtBox .c-row.c-row-middle {
    flex-direction: row !important;
    align-items: baseline !important;
    gap: 0;
}

body.player-theme .dm-withdraw .selectBox .txtBox .txt,
body.player-theme .dm-withdraw .selectBox .txtBox .mmk-label {
    position: relative;
    z-index: 1;
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 13px !important;
    font-weight: 600;
    letter-spacing: 0.2px;
}

body.player-theme .dm-withdraw .selectBox .txtBox .money,
body.player-theme .dm-withdraw .selectBox .txtBox .money div {
    position: relative;
    z-index: 1;
    color: #fff !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    line-height: 1.1;
    letter-spacing: -0.5px;
}

body.player-theme .dm-withdraw .selectBox .txtBox .mmk-label {
    font-size: 14px !important;
    font-weight: 700;
}

body.player-theme .dm-withdraw .selectBox .number-box {
    height: 54px !important;
    margin: 16px 16px 0 !important;
    padding: 0 16px !important;
    border-radius: 16px !important;
}

body.player-theme .dm-withdraw .selectBox .number-box .symbol {
    color: #e6c56a !important;
    font-size: 18px !important;
    font-weight: 800;
}

body.player-theme .dm-withdraw .selectBox .number-box .van-field__control {
    font-size: 18px !important;
    font-weight: 700;
}

body.player-theme .dm-withdraw .withdrawal-btn {
    margin: 22px 16px 10px !important;
    padding: 0 !important;
}

body.player-theme .dm-withdraw .withdrawal-btn .btn {
    border-radius: 26px !important;
}

body.player-theme .dm-withdraw .bankBox {
    margin: 8px 16px 24px !important;
}

body.player-theme .dm-withdraw .bankBox .van-image {
    display: none !important;
}

body.player-theme .dm-withdraw .bankBox .box {
    padding: 8px 14px !important;
    background: #171c19 !important;
    border: 1px solid #2a3530 !important;
    border-radius: 16px !important;
    box-shadow: none !important;
}

body.player-theme .dm-withdraw .bankBox .item {
    padding: 10px 0 !important;
    border-bottom: 1px solid #24302b;
    color: #c5d5cb !important;
    font-size: 13px !important;
    line-height: 1.4;
}

body.player-theme .dm-withdraw .bankBox .item:last-child {
    border-bottom: 0;
}

.tx-page { width: 100%; max-width: 500px; min-height: 100vh; min-height: 100dvh; margin: 0 auto; box-sizing: border-box; background: #071410; color: #e8f5ee; padding-bottom: 28px; font: 14px/1.4 "Source Sans Pro", -apple-system, BlinkMacSystemFont, sans-serif; }
.tx-nav { position: sticky; top: 0; z-index: 3; display: flex; align-items: center; height: 52px; padding: 0 8px; background: #0e4a3c; }
.tx-nav a { width: 40px; color: #e6c56a; font-size: 30px; line-height: 1; text-decoration: none; text-align: center; }
.tx-nav h1 { flex: 1; margin: 0; text-align: center; font-size: 18px; font-weight: 800; letter-spacing: .01em; }
.tx-nav span { width: 40px; }
.tx-filters { position: sticky; top: 52px; z-index: 2; display: flex; gap: 8px; overflow-x: auto; padding: 12px; background: #071410; }
.tx-filters button { flex: 0 0 auto; border: 1px solid #1c7a66; background: transparent; color: #e6c56a; border-radius: 999px; padding: 7px 14px; font-weight: 800; }
.tx-filters button.on { background: #e6c56a; color: #1a1406; border-color: #e6c56a; }
.tx-list { padding: 0 12px 16px; }
.tx-day { margin: 6px 2px 8px; color: #9bb0a4; font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.tx-item { display: flex; align-items: center; gap: 12px; background: #0e4a3c; border-radius: 16px; padding: 12px; margin-bottom: 8px; }
.tx-mark { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: #06241e; overflow: hidden; }
.tx-mark img { width: 30px; height: 30px; object-fit: contain; display: block; }
.tx-body { flex: 1; min-width: 0; }
.tx-line { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.tx-item b { font-size: 15px; }
.tx-sub { margin-top: 3px; color: #b7c9c0; font-size: 12px; }
.tx-ref { margin-top: 2px; color: #7f948a; font-size: 11px; letter-spacing: .01em; }
.tx-amt { font-size: 18px; line-height: 1.2; font-weight: 800; white-space: nowrap; font-variant-numeric: tabular-nums; }
.tx-amt.plus { color: #e6c56a; }
.tx-amt.minus { color: #f0a3a0; }
.tx-empty { margin: 24px 12px; padding: 28px 12px; text-align: center; color: #b7c9c0; background: #0e4a3c; border-radius: 16px; }
.tx-bone { height: 68px; border-radius: 16px; margin: 0 12px 8px; background: #0e4a3c; position: relative; overflow: hidden; }
.tx-bone::after { content: ""; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(90deg, transparent, rgba(230,197,106,.2), transparent); animation: tx-shimmer 1.15s ease-in-out infinite; }
@keyframes tx-shimmer { 100% { transform: translateX(100%); } }

.vip-page { min-height: 100%; background: #071410; color: #e8f5ee; font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, sans-serif; }
.vip-top { background: linear-gradient(180deg, #14915c 0%, #0b6a42 72%, #06382c 100%); padding-bottom: 34px; }
.vip-page .tx-nav { background: transparent; color: #e6c56a; }
.vip-page .tx-nav a, .vip-page .tx-nav h1 { color: #e6c56a; }
.vip-head { display: flex; align-items: center; gap: 14px; padding: 2px 18px 0; color: #fff; background: transparent; }
.vip-head img.ava { width: 68px; height: 68px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(255,255,255,.8); background: #052e16; }
.vip-who { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.vip-who img { height: 22px; width: auto; }
.vip-who b { font-size: 16px; font-weight: 700; }
.vip-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: -22px 14px 12px; position: relative; z-index: 1; }
.vip-stats div { background: #0e4a3c; border-radius: 12px; padding: 14px 8px 12px; text-align: center; box-shadow: 0 8px 16px rgba(0,0,0,.28); }
.vip-stats strong { display: block; color: #e6c56a; font-size: 20px; font-weight: 800; line-height: 1.15; }
.vip-stats span { color: #b7c9c0; font-size: 12px; }
.vip-note { margin: 0 14px 12px; padding: 10px 12px; border-radius: 8px; border: 1px solid #1c6b56; background: transparent; color: #b7c9c0; font-size: 13px; line-height: 1.45; text-align: center; }
.vip-track { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 2px 11% 10px; scrollbar-width: none; }
.vip-track::-webkit-scrollbar { display: none; }
.vip-card { position: relative; flex: 0 0 78%; scroll-snap-align: center; min-height: 210px; border-radius: 14px; padding: 12px 12px 10px; color: #fff; overflow: hidden; }
.vip-card .top { display: flex; align-items: center; gap: 8px; padding-right: 84px; }
.vip-card .mark { width: 26px; height: 26px; flex: none; }
.vip-card h3 { margin: 0; font-size: 26px; font-weight: 800; line-height: 1; }
.vip-card .lock { font-size: 12px; font-weight: 700; }
.vip-card p { margin: 8px 0 0; font-size: 12px; line-height: 1.35; padding-right: 92px; }
.vip-card .rule { display: inline-block; margin-top: 10px; padding: 3px 8px; border-radius: 8px; background: rgba(255,255,255,.22); font-size: 11px; }
.vip-card .badge { position: absolute; right: 6px; top: 22px; width: 84px; height: 84px; object-fit: contain; }
.vip-card .lvl { display: block; margin: 14px 0 0; text-align: right; font-size: 13px; font-weight: 700; }
.vip-card .bar { margin-top: 16px; height: 7px; border-radius: 999px; background: rgba(0,0,0,.28); overflow: hidden; }
.vip-card .bar span { display: block; height: 100%; background: rgba(255,255,255,.92); }
.vip-card .nums { display: flex; justify-content: space-between; gap: 8px; margin-top: 4px; font-size: 11px; }
.vip-card.c1 { background: linear-gradient(160deg, #9aafcc 0%, #c5d2e4 100%); color: #243044; }
.vip-card.c2 { background: linear-gradient(160deg, #e8943a 0%, #f6c98a 100%); }
.vip-card.c3 { background: linear-gradient(160deg, #ef6b78 0%, #f6b0ad 100%); }
.vip-card.c4 { background: linear-gradient(160deg, #35b4ea 0%, #8fd4f2 100%); }
.vip-card.c5 { background: linear-gradient(160deg, #e56ad8 0%, #f3b0e8 100%); }
.vip-card.c6 { background: linear-gradient(160deg, #37c98a 0%, #a8ecc4 100%); color: #143226; }
.vip-card.c7 { background: linear-gradient(160deg, #22b85a 0%, #7ee09a 100%); }
.vip-card.c8 { background: linear-gradient(160deg, #3a78f5 0%, #8eb4ff 100%); }
.vip-benefit { margin: 6px 14px 24px; padding: 14px; border-radius: 12px; background: #0e4a3c; }
.vip-benefit h3 { margin: 0 0 14px; font-size: 16px; font-weight: 800; color: #e6c56a; }
.vip-benefit .row { display: flex; align-items: center; gap: 10px; }
.vip-benefit img { width: 46px; height: 46px; flex: none; }
.vip-benefit b { display: block; font-size: 15px; }
.vip-benefit small { color: #b7c9c0; font-size: 12px; }

/* Agency / activity */
/* The wallet bundle sets desktop html overflow:hidden and a taller-than-native
   tab bar. Keep Activity as a normal document scroller and use Vant's standard
   tab-bar height on this page only. */
html.activity-screen {
    height: auto !important;
    min-height: 100%;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

body.activity-screen {
    height: auto !important;
    min-height: 100vh;
    overflow-x: hidden !important;
    overflow-y: visible !important;
}

body.activity-screen #app,
body.activity-screen .ag-page {
    height: auto !important;
    min-height: 100vh;
    overflow: visible !important;
}

body.activity-screen .nav,
body.activity-screen .van-tabbar {
    height: calc(1.33333rem + 1px) !important;
}

/* Activity uses the wallet stylesheet bundle, which does not include Vant's
   flex layout rules for its shared bottom tab bar. Mirror those rules here. */
body.player-theme .ag-page .van-tabbar {
    display: flex !important;
    box-sizing: content-box;
    align-items: stretch;
}

body.player-theme .ag-page .van-tabbar-item {
    display: flex !important;
    flex: 1 1 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

body.player-theme .ag-page {
    padding-top: 0 !important;
    padding-bottom: 110px !important;
    background: #0e1110 !important;
    color: #e8f5ee !important;
    min-height: 100vh;
}

body.player-theme .ag-sub {
    padding-bottom: 24px !important;
}

body.player-theme .ag-page > .navbar {
    position: relative !important;
    top: auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    max-width: none !important;
    height: 48px !important;
    line-height: 48px !important;
    background: #0c6b45 !important;
    background-image: none !important;
    color: #fff !important;
}

body.player-theme .ag-sub > .navbar {
    background: #14241a !important;
    color: #e8f5ee !important;
    border-bottom: 1px solid #2a3530;
}

body.player-theme .ag-page .navbar-title {
    color: inherit !important;
    font-size: 18px !important;
    font-weight: 700;
}

body.player-theme .ag-back,
body.player-theme .ag-filter {
    position: absolute;
    top: 0;
    height: 48px;
    display: flex;
    align-items: center;
    color: inherit;
    text-decoration: none;
    font-size: 28px;
    line-height: 1;
    padding: 0 14px;
}

body.player-theme .ag-back { left: 0; }
body.player-theme .ag-filter { right: 0; color: #fff; }
body.player-theme .ag-filter svg { width: 22px; height: 22px; }

body.player-theme .ag-hero {
    padding: 12px 16px 28px;
    text-align: center;
    color: #fff;
    background: linear-gradient(180deg, #0c6b45 0%, #06382c 100%);
}

body.player-theme .ag-eyebrow {
    margin-bottom: 5px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.14em;
}

body.player-theme .ag-big {
    font-size: 36px;
    font-weight: 800;
    line-height: 1.1;
}

body.player-theme .ag-pill {
    display: inline-block;
    margin-top: 8px;
    padding: 5px 14px;
    border-radius: 999px;
    background: #14241a;
    border: 1px solid rgba(230, 197, 106, 0.4);
    color: #e6c56a;
    font-size: 13px;
    font-weight: 700;
}

body.player-theme .ag-note {
    margin: 8px 0 0;
    color: rgba(255, 255, 255, 0.92);
    font-size: 13px;
}

body.player-theme .ag-preview {
    display: none;
    margin-top: 10px;
    padding: 4px 9px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

body.player-theme .ag-preview.is-visible { display: inline-block; }

body.player-theme .ag-card {
    margin: -14px 12px 0;
    border-radius: 12px;
    overflow: hidden;
    background: #171c19;
    border: 1px solid #2a3530;
    box-shadow: none;
}

body.player-theme .ag-card-h,
body.player-theme .ag-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

body.player-theme .ag-card-h {
    background: #0f6b45;
    color: #fff;
    text-align: center;
    font-weight: 800;
    font-size: 14px;
}

body.player-theme .ag-card-h span {
    padding: 9px 8px;
}

body.player-theme .ag-card-h span + span {
    border-left: 1px solid rgba(255, 255, 255, 0.35);
}

body.player-theme .ag-split > div {
    padding: 10px 8px 2px;
    text-align: center;
}

body.player-theme .ag-split > div + div {
    border-left: 1px solid #2a3530;
}

body.player-theme .ag-split b {
    display: block;
    font-size: 16px;
    font-weight: 800;
    color: #e8f5ee;
}

body.player-theme .ag-split b.ag-green { color: #4ade80; }
body.player-theme .ag-split b.ag-gold { color: #e6c56a; }

body.player-theme .ag-split span {
    display: block;
    margin-top: 3px;
    margin-bottom: 8px;
    color: #9bb0a4;
    font-size: 12px;
    line-height: 1.35;
}

body.player-theme .ag-invite {
    display: block;
    width: calc(100% - 24px);
    margin: 12px 12px 6px;
    height: 44px;
    border: 0;
    border-radius: 999px;
    background: #0f8f5b;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.04em;
    cursor: pointer;
}

body.player-theme .ag-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 8px 12px;
    padding: 11px 14px;
    border-radius: 12px;
    background: #171c19;
    border: 1px solid #2a3530;
    color: #e8f5ee !important;
    text-decoration: none;
    box-shadow: none;
}

body.player-theme .ag-ico {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #123b2c;
    color: #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
}

body.player-theme .ag-ico svg { width: 18px; height: 18px; }
body.player-theme .ag-row .ag-label { flex: 1; font-size: 14px; font-weight: 700; }
body.player-theme .ag-row-copy {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}
body.player-theme .ag-row-copy small {
    color: #9bb0a4;
    font-size: 11px;
    line-height: 1.2;
}
body.player-theme .ag-row-copy .ag-label { flex: none; }
body.player-theme .ag-row .ag-side {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #9bb0a4;
    font-size: 13px;
}
body.player-theme .ag-row .ag-side b { color: #e8f5ee; }
body.player-theme .ag-copy {
    border: 0;
    background: transparent;
    color: #9bb0a4;
    padding: 0;
    cursor: pointer;
}

body.player-theme .ag-search {
    display: flex;
    gap: 8px;
    margin: 12px;
}

body.player-theme .ag-page input,
body.player-theme .ag-page select {
    color: #e8f5ee !important;
    background: #171c19 !important;
    border: 1px solid #2a3530 !important;
    border-radius: 10px !important;
    box-shadow: none;
    color-scheme: dark;
}

body.player-theme .ag-page input::placeholder { color: #9bb0a4; }

body.player-theme .ag-search input {
    flex: 1;
    height: 44px;
    padding: 0 14px;
    font-size: 14px;
}

body.player-theme .ag-search button {
    width: 52px;
    height: 44px;
    border: 0;
    border-radius: 12px;
    background: #0f8f5b;
    color: #fff;
    cursor: pointer;
}

body.player-theme .ag-filters {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin: 0 12px 12px;
}

body.player-theme .ag-filters select,
body.player-theme .ag-solo select {
    width: 100%;
    height: 44px;
    padding: 0 12px;
    font-size: 14px;
}

body.player-theme .ag-solo { margin: 12px; }

body.player-theme .ag-intro {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 16px 12px 12px;
}

body.player-theme .ag-intro b {
    color: #e8f5ee;
    font-size: 16px;
}

body.player-theme .ag-intro span {
    color: #9bb0a4;
    font-size: 12px;
}

body.player-theme .ag-stats {
    margin: 4px 12px 16px;
    padding: 8px 0;
    border-radius: 14px;
    background: #0f6b45;
    color: #fff;
}

body.player-theme .ag-stats .ag-split > div + div { border-left-color: rgba(255, 255, 255, 0.35); }
body.player-theme .ag-stats b,
body.player-theme .ag-stats b.ag-green,
body.player-theme .ag-stats b.ag-gold { color: #fff; }
body.player-theme .ag-stats span { color: rgba(255, 255, 255, 0.92); }

body.player-theme .ag-empty {
    margin-top: 48px;
    text-align: center;
    color: #9bb0a4;
}

body.player-theme .ag-empty svg { width: 120px; height: 80px; }
body.player-theme .ag-empty svg path { stroke: #4b7e63; }
body.player-theme .ag-empty svg rect { fill: #1e382b; }
body.player-theme .ag-empty p { margin: 8px 0 0; font-size: 14px; }

body.player-theme .ag-person,
body.player-theme .ag-com {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 12px 8px;
    padding: 12px 14px;
    border-radius: 12px;
    background: #171c19;
    border: 1px solid #2a3530;
}

body.player-theme .ag-person b,
body.player-theme .ag-com b { display: block; color: #e8f5ee; font-size: 14px; }
body.player-theme .ag-person small,
body.player-theme .ag-com small { color: #9bb0a4; font-size: 12px; }
body.player-theme .ag-com strong { color: #4ade80; font-size: 15px; }

body.player-theme .ag-toast {
    position: fixed;
    left: 50%;
    bottom: 96px;
    transform: translateX(-50%);
    padding: 8px 14px;
    border-radius: 999px;
    background: #14241a;
    color: #fff;
    font-size: 13px;
    z-index: 20;
}

/* Gift code page */
body.player-theme .mian[data-v-587146f9] {
    background: #010806 !important;
    background-image: none !important;
    min-height: 100vh;
}

body.player-theme .mian[data-v-587146f9] > .navbar {
    background: #0c6b45 !important;
    background-image: none !important;
}

body.player-theme .mian .redenve[data-v-587146f9] {
    background: linear-gradient(180deg, #0c6b45 0%, #06382c 160px, #010806 280px);
    min-height: calc(100vh - 64px);
    padding: 24px 16px 40px !important;
}

body.player-theme .mian .redenve .head-tit .txt[data-v-587146f9] {
    color: #fff !important;
}

body.player-theme .mian .redenve .head-tit .des[data-v-587146f9] {
    color: rgba(255, 255, 255, 0.78) !important;
}

body.player-theme .mian .redenve .box[data-v-587146f9] {
    margin-top: 18px;
    background: #14241a !important;
    border: 1px solid #2a3530;
    border-radius: 16px !important;
    box-shadow: none;
}

body.player-theme .mian .redenve .box .icon[data-v-587146f9] {
    background: #e6c56a !important;
}

body.player-theme .mian .redenve .box .icon .white[data-v-587146f9] {
    background: #14241a !important;
}

body.player-theme .mian .redenve .box .tit[data-v-587146f9] {
    color: #e6c56a !important;
}

body.player-theme .mian .redenve .box .input[data-v-587146f9] {
    height: 44px !important;
    line-height: 44px !important;
    border-radius: 12px !important;
    border: 1px solid #3d4f44 !important;
    background: #0e1110 !important;
    color: #e8f5ee !important;
}

body.player-theme .mian .redenve .box .input[data-v-587146f9]::placeholder {
    color: #9bb0a4;
}
.vip-chip { margin-left: auto; flex: none; border: 1px solid #e6c56a; background: #06241e; color: #e6c56a; border-radius: 8px; padding: 4px 8px; font-size: 13px; font-weight: 800; }