/**
 * Premium lottery UI — WinGo, K3, 5D (gold / dark casino theme).
 * Scoped with :has(.WinGo__C | .K3__C | .FD__C).
 */

/* shorthand: each rule lists all three game roots */
body #app:has(.WinGo__C),
body #app:has(.K3__C),
body #app:has(.FD__C) {
    --wg-gold: #e8c547;
    --wg-gold-deep: #c9a227;
    --wg-gold-glow: rgba(232, 197, 71, 0.35);
    --wg-card: linear-gradient(165deg, #252530 0%, #1a1a22 55%, #141418 100%);
    --wg-card-border: rgba(232, 197, 71, 0.22);
    --wg-shadow: 0 0.1rem 0.4rem rgba(0, 0, 0, 0.45), 0 0 0.02rem rgba(232, 197, 71, 0.12) inset;
    --bg_color_L1: #121214;
    --bg_color_L2: #1a1a22;
    --bg_color_L3: #232329;
    --text_color_L1: #f4f4f5;
    --text_color_L2: #a1a1aa;
    --text_color_L3: #71717a;
    --van-popup-background: #1a1a22;
    background:
        radial-gradient(ellipse 120% 40% at 50% 0%, rgba(190, 18, 60, 0.12) 0%, transparent 55%),
        radial-gradient(ellipse 80% 30% at 100% 20%, rgba(232, 197, 71, 0.06) 0%, transparent 50%),
        var(--bg_color_L1) !important;
}

/* ----- Wallet (no blue banner) ----- */
body #app:has(.WinGo__C) .Wallet__C:before,
body #app:has(.K3__C) .Wallet__C:before,
body #app:has(.FD__C) .Wallet__C:before {
    background: linear-gradient(165deg, #1a1a1f 0%, #121214 55%, #0a0a0c 100%) !important;
    background-image: linear-gradient(165deg, rgba(212, 175, 55, 0.12) 0%, rgba(190, 18, 60, 0.2) 40%, rgba(10, 10, 12, 0.98) 100%) !important;
    border-radius: 0 0 1.53333rem 1.53333rem;
}

body #app:has(.WinGo__C) .Wallet__C-balance,
body #app:has(.K3__C) .Wallet__C-balance,
body #app:has(.FD__C) .Wallet__C-balance {
    background-color: #141418 !important;
    background-image:
        linear-gradient(125deg, rgba(232, 197, 71, 0.1) 0%, transparent 42%),
        linear-gradient(180deg, #1e1e26 0%, #121214 55%, #0d0d10 100%) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    border: 0.03rem solid var(--wg-card-border);
    box-shadow: var(--wg-shadow), 0 0 0.24rem var(--wg-gold-glow);
}

body #app:has(.WinGo__C) .Wallet__C-balance-l1,
body #app:has(.K3__C) .Wallet__C-balance-l1,
body #app:has(.FD__C) .Wallet__C-balance-l1,
body #app:has(.WinGo__C) .Wallet__C-balance-l2,
body #app:has(.K3__C) .Wallet__C-balance-l2,
body #app:has(.FD__C) .Wallet__C-balance-l2 {
    color: #fffaf0 !important;
}

body #app:has(.WinGo__C) .Wallet__C-balance-l3 > div,
body #app:has(.K3__C) .Wallet__C-balance-l3 > div,
body #app:has(.FD__C) .Wallet__C-balance-l3 > div {
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: 0.02em;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

body #app:has(.WinGo__C) .Wallet__C-balance-l3 > div:active,
body #app:has(.K3__C) .Wallet__C-balance-l3 > div:active,
body #app:has(.FD__C) .Wallet__C-balance-l3 > div:active {
    transform: scale(0.97);
}

body #app:has(.WinGo__C) .noticeBar__container,
body #app:has(.K3__C) .noticeBar__container,
body #app:has(.FD__C) .noticeBar__container {
    border: 0.02rem solid var(--wg-card-border);
    border-radius: 0.2rem;
    box-shadow: var(--wg-shadow);
}

/* ----- Game duration tabs ----- */
body #app:has(.WinGo__C) .GameList__C,
body #app:has(.K3__C) .GameList__C,
body #app:has(.FD__C) .GameList__C {
    background: var(--wg-card);
    border: 0.02rem solid var(--wg-card-border);
    border-radius: 0.32rem;
    box-shadow: var(--wg-shadow);
    padding: 0.08rem;
    height: 2.56rem;
    overflow: hidden;
    position: relative;
}

body #app:has(.WinGo__C) .GameList__C::before,
body #app:has(.K3__C) .GameList__C::before,
body #app:has(.FD__C) .GameList__C::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("/assets/png/wingo-hero-banner.png") right center / auto 140% no-repeat;
    opacity: 0.14;
    pointer-events: none;
    mask-image: linear-gradient(90deg, transparent 0%, black 45%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 45%);
}

body #app:has(.WinGo__C) .GameList__C-item,
body #app:has(.K3__C) .GameList__C-item,
body #app:has(.FD__C) .GameList__C-item {
    border-radius: 0.24rem;
    transition: background 0.2s ease, transform 0.15s ease;
}

body #app:has(.WinGo__C) .GameList__C-item.active,
body #app:has(.K3__C) .GameList__C-item.active,
body #app:has(.FD__C) .GameList__C-item.active {
    background: linear-gradient(145deg, #9f1239 0%, #e11d48 42%, #f97316 100%);
    box-shadow: 0 0.06rem 0.2rem rgba(225, 29, 72, 0.45), inset 0 0.02rem rgba(255, 255, 255, 0.15);
    transform: scale(1.02);
}

body #app:has(.WinGo__C) .GameList__C-item.active > div,
body #app:has(.K3__C) .GameList__C-item.active > div,
body #app:has(.FD__C) .GameList__C-item.active > div {
    color: #fffaf0;
    font-weight: 700;
    text-shadow: 0 0.02rem 0.06rem rgba(0, 0, 0, 0.35);
}

body #app:has(.WinGo__C) .GameList__C-item:not(.active) > div,
body #app:has(.K3__C) .GameList__C-item:not(.active) > div,
body #app:has(.FD__C) .GameList__C-item:not(.active) > div {
    color: var(--text_color_L2);
}

/* ----- Timer panels: WinGo / K3 / 5D (ticket plate bg) ----- */
body #app:has(.WinGo__C) .TimeLeft__C,
body #app:has(.K3__C) .K3TL__C,
body #app:has(.FD__C) .FDTL__C {
    background-image: url("/assets/png/wingo_bg-8fd71436.webp") !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    background-position: center !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0.32rem;
    box-shadow: none;
    overflow: hidden;
    position: relative;
    min-height: 2.66667rem;
}

body #app:has(.WinGo__C) .TimeLeft__C::after,
body #app:has(.K3__C) .K3TL__C::after,
body #app:has(.FD__C) .FDTL__C::after {
    display: none;
}

body #app:has(.WinGo__C) .TimeLeft__C-rule,
body #app:has(.K3__C) .K3TL__C-rule,
body #app:has(.FD__C) .FDTL__C-rule {
    border-color: rgba(255, 255, 255, 0.35) !important;
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(4px);
    font-weight: 600;
    z-index: 2;
}

body #app:has(.WinGo__C) .TimeLeft__C-text,
body #app:has(.K3__C) .K3TL__C-l1 > div:not(.left),
body #app:has(.FD__C) .FDTL__C-l1 > div:not(.left) {
    color: var(--wg-gold);
    font-weight: 600;
}

body #app:has(.WinGo__C) .TimeLeft__C-id,
body #app:has(.K3__C) .K3TL__C-l2 > div:first-child,
body #app:has(.FD__C) .FDTL__C-l2 > div:first-child {
    color: #f4f4f5;
    font-variant-numeric: tabular-nums;
}

body #app:has(.WinGo__C) .TimeLeft__C-time > div,
body #app:has(.K3__C) .K3TL__C-time > div,
body #app:has(.FD__C) .FDTL__C-time > div {
    border-radius: 0.12rem;
    min-width: 0.56rem;
    box-shadow: 0 0.04rem 0.12rem rgba(0, 0, 0, 0.35);
    border: 0.02rem solid rgba(255, 255, 255, 0.08);
}

body #app:has(.WinGo__C) .TimeLeft__C-time > div:nth-child(2),
body #app:has(.WinGo__C) .TimeLeft__C-time > div:nth-child(4),
body #app:has(.K3__C) .K3TL__C-time > div:nth-child(2),
body #app:has(.K3__C) .K3TL__C-time > div:nth-child(4),
body #app:has(.FD__C) .FDTL__C-time > div:nth-child(2),
body #app:has(.FD__C) .FDTL__C-time > div:nth-child(4) {
    background: linear-gradient(180deg, #2a2a32 0%, #1e1e24 100%) !important;
    color: #fff !important;
    font-size: 0.52rem !important;
}

@keyframes lottery-countdown-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(225, 29, 72, 0.5); }
    50% { box-shadow: 0 0 0.16rem 0.04rem rgba(225, 29, 72, 0.65); }
}

body #app:has(.WinGo__C) .TimeLeft__C-time > div:nth-child(4),
body #app:has(.K3__C) .K3TL__C-time > div:nth-child(4),
body #app:has(.FD__C) .FDTL__C-time > div:nth-child(4) {
    animation: lottery-countdown-pulse 1.2s ease-in-out infinite;
}

body #app:has(.WinGo__C) .TimeLeft__C-num > div,
body #app:has(.K3__C) .K3TL__C-l3 .box > div,
body #app:has(.FD__C) .FDTL__C-l3 .box .slot-column {
    filter: drop-shadow(0 0.04rem 0.1rem rgba(0, 0, 0, 0.35));
}

/* 5D slot area — gold frame, keep green reel */
body #app:has(.FD__C) .FDTL__C-l3 {
    box-shadow: inset 0 0 0.12rem var(--wg-gold-glow);
}

/* ----- WinGo betting ----- */
body #app:has(.WinGo__C) .Betting__C {
    background: var(--wg-card);
    border: 0.03rem solid var(--wg-card-border);
    border-radius: 0.32rem;
    box-shadow: var(--wg-shadow);
    padding: 0.28rem 0.32rem 0.32rem;
}

body #app:has(.WinGo__C) .Betting__C-head > div {
    border-radius: 0.2rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    font-size: 0.34rem;
    box-shadow: 0 0.06rem 0.16rem rgba(0, 0, 0, 0.35);
    transition: transform 0.12s ease, filter 0.12s ease;
}

body #app:has(.WinGo__C) .Betting__C-head-g {
    background: linear-gradient(135deg, #22c55e 0%, #15803d 100%) !important;
    box-shadow: 0 0.06rem 0.2rem rgba(34, 197, 94, 0.35) !important;
}

body #app:has(.WinGo__C) .Betting__C-head-p {
    background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%) !important;
    box-shadow: 0 0.06rem 0.2rem rgba(168, 85, 247, 0.35) !important;
}

body #app:has(.WinGo__C) .Betting__C-head-r {
    background: linear-gradient(135deg, #f87171 0%, #dc2626 100%) !important;
    box-shadow: 0 0.06rem 0.2rem rgba(248, 113, 113, 0.35) !important;
}

body #app:has(.WinGo__C) .Betting__C-numC {
    background: rgba(0, 0, 0, 0.28);
    border: 0.02rem solid rgba(255, 255, 255, 0.06);
    border-radius: 0.28rem;
    padding: 0.2rem 0.28rem;
}

body #app:has(.WinGo__C) .Betting__C-numC > div.active {
    transform: scale(1.05);
    filter: drop-shadow(0 0 0.12rem var(--wg-gold-glow)) brightness(1.1);
}

body #app:has(.WinGo__C) .Betting__C-multiple-l {
    border-color: var(--wg-gold-deep) !important;
    color: var(--wg-gold) !important;
    background: rgba(232, 197, 71, 0.08);
    font-weight: 700;
    border-radius: 999px;
}

body #app:has(.WinGo__C) .Betting__C-multiple-r {
    background: rgba(255, 255, 255, 0.06);
    border: 0.02rem solid rgba(255, 255, 255, 0.08);
    font-weight: 600;
}

body #app:has(.WinGo__C) .Betting__C-multiple-r.active {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    border-color: transparent;
    box-shadow: 0 0.04rem 0.14rem rgba(34, 197, 94, 0.4);
}

body #app:has(.WinGo__C) .Betting__C-foot-b {
    background: linear-gradient(90deg, #d4af37 0%, #f59e0b 50%, #eab308 100%) !important;
    box-shadow: 0 0.06rem 0.18rem rgba(212, 175, 55, 0.35);
    font-weight: 800;
    color: #fff !important;
}

body #app:has(.WinGo__C) .Betting__C-foot-s {
    background: linear-gradient(90deg, #3b82f6 0%, #2563eb 55%, #1d4ed8 100%) !important;
    box-shadow: 0 0.06rem 0.18rem rgba(37, 99, 235, 0.45);
    font-weight: 800;
    color: #fff !important;
}

/* ----- 5D betting (FDB) ----- */
body #app:has(.FD__C) .FDB__C,
body #app:has(.FD__C) .FD_3 .FDB__C {
    background: var(--wg-card) !important;
    border: 0.03rem solid var(--wg-card-border);
    border-radius: 0.32rem;
    box-shadow: var(--wg-shadow);
}

/* Tab letters A–E + SUM */
body #app:has(.FD__C) .FDB__C-nav > div {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #d4d4d8 !important;
    border-radius: 0.2rem 0.2rem 0 0;
    font-weight: 700;
}

body #app:has(.FD__C) .FDB__C-nav > div.active {
    background: linear-gradient(145deg, #9f1239 0%, #e11d48 100%) !important;
    color: #fffaf0 !important;
    box-shadow: 0 0.06rem 0.16rem rgba(225, 29, 72, 0.4);
}

/* Big / Small / Odd / Even — always colored (not grey/white) */
body #app:has(.FD__C) .FDB__C-H {
    color: #fff;
}

body #app:has(.FD__C) .FDB__C-H > div {
    border: none !important;
    font-weight: 700;
    color: #fff !important;
    border-radius: 0.16rem;
    box-shadow: 0 0.06rem 0.14rem rgba(0, 0, 0, 0.35);
    transition: transform 0.12s ease, filter 0.12s ease;
}

body #app:has(.FD__C) .FDB__C-H > div:nth-child(1) {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
}

body #app:has(.FD__C) .FDB__C-H > div:nth-child(2) {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
}

body #app:has(.FD__C) .FDB__C-H > div:nth-child(3) {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
}

body #app:has(.FD__C) .FDB__C-H > div:nth-child(4) {
    background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%) !important;
}

body #app:has(.FD__C) .FDB__C-H > div.active {
    filter: brightness(1.12);
    transform: scale(1.03);
    box-shadow: 0 0.08rem 0.2rem rgba(0, 0, 0, 0.45), 0 0 0.04rem rgba(255, 255, 255, 0.25);
}

body #app:has(.FD__C) .FDB__C-H > div.active:nth-child(1) {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
}

body #app:has(.FD__C) .FDB__C-H > div.active:nth-child(2) {
    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%) !important;
}

body #app:has(.FD__C) .FDB__C-H > div.active:nth-child(3) {
    background: linear-gradient(135deg, #4ade80 0%, #22c55e 100%) !important;
}

body #app:has(.FD__C) .FDB__C-H > div.active:nth-child(4) {
    background: linear-gradient(135deg, #c084fc 0%, #a855f7 100%) !important;
}

/* Numbers 0–9 — WinGo-style colored balls */
body #app:has(.FD__C) .FDB__C-Num {
    background: rgba(0, 0, 0, 0.28);
    border: 0.02rem solid rgba(255, 255, 255, 0.06);
    border-radius: 0.28rem;
    padding: 0.2rem 0.12rem 0.12rem;
}

body #app:has(.FD__C) .FDB__C-Num > div .round {
    width: 1.06667rem !important;
    height: 1.06667rem !important;
    line-height: 1.06667rem !important;
    border: none !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 1.06667rem !important;
    color: transparent !important;
    font-size: 0 !important;
    box-shadow: 0 0.04rem 0.1rem rgba(0, 0, 0, 0.35);
    transition: transform 0.15s ease, filter 0.15s ease;
}

body #app:has(.FD__C) .FDB__C-Num > div:nth-child(1) .round { background-image: url(/assets/png/n0-30bd92d1.webp) !important; }
body #app:has(.FD__C) .FDB__C-Num > div:nth-child(2) .round { background-image: url(/assets/png/n1-dfccbff5.webp) !important; }
body #app:has(.FD__C) .FDB__C-Num > div:nth-child(3) .round { background-image: url(/assets/png/n2-c2913607.webp) !important; }
body #app:has(.FD__C) .FDB__C-Num > div:nth-child(4) .round { background-image: url(/assets/png/n3-f92c313f.webp) !important; }
body #app:has(.FD__C) .FDB__C-Num > div:nth-child(5) .round { background-image: url(/assets/png/n4-cb84933b.webp) !important; }
body #app:has(.FD__C) .FDB__C-Num > div:nth-child(6) .round { background-image: url(/assets/png/n5-49d0e9c5.webp) !important; }
body #app:has(.FD__C) .FDB__C-Num > div:nth-child(7) .round { background-image: url(/assets/png/n6-a56e0b9a.webp) !important; }
body #app:has(.FD__C) .FDB__C-Num > div:nth-child(8) .round { background-image: url(/assets/png/n7-5961a17f.webp) !important; }
body #app:has(.FD__C) .FDB__C-Num > div:nth-child(9) .round { background-image: url(/assets/png/n8-d4d951a4.webp) !important; }
body #app:has(.FD__C) .FDB__C-Num > div:nth-child(10) .round { background-image: url(/assets/png/n9-a20f6f42.webp) !important; }

body #app:has(.FD__C) .FDB__C-Num > div .rate {
    color: var(--wg-gold) !important;
    font-weight: 600;
    font-size: 0.28rem !important;
}

body #app:has(.FD__C) .FDB__C-Num > div.active .round {
    transform: scale(1.08);
    filter: drop-shadow(0 0 0.12rem var(--wg-gold-glow)) brightness(1.1);
    border: 0.03rem solid var(--wg-gold) !important;
    border-radius: 50% !important;
}

body #app:has(.FD__C) .FDB__C-mark {
    background: rgba(10, 10, 14, 0.72);
    backdrop-filter: blur(4px);
}

/* ----- K3 betting (K3B) ----- */
body #app:has(.K3__C) .K3B__C {
    background: var(--wg-card) !important;
    border: 0.03rem solid var(--wg-card-border);
    border-radius: 0.32rem;
    box-shadow: var(--wg-shadow);
}

body #app:has(.K3__C) .K3B__C-nav > div {
    background: rgba(255, 255, 255, 0.06);
    color: var(--text_color_L2);
    font-weight: 600;
}

body #app:has(.K3__C) .K3B__C-nav > div.active {
    background: linear-gradient(135deg, #9f1239 0%, #e11d48 48%, #f97316 100%) !important;
    color: #fffaf0 !important;
}

body #app:has(.K3__C) .K3B__C-bettingList,
body #app:has(.K3__C) .K3B__C-betting2,
body #app:has(.K3__C) .K3B__C-betting3,
body #app:has(.K3__C) .K3B__C-betting4 {
    background: rgba(0, 0, 0, 0.22);
    border: 0.02rem solid rgba(255, 255, 255, 0.05);
    border-radius: 0.24rem;
    padding: 0.2rem 0.24rem;
    margin-top: 0.24rem;
}

body #app:has(.K3__C) .K3B__C-betting2-tip1,
body #app:has(.K3__C) .K3B__C-betting3-tip1,
body #app:has(.K3__C) .K3B__C-betting4-tip1 {
    color: var(--wg-gold);
    font-weight: 600;
}

body #app:has(.K3__C) .K3B__C-betting2-btn,
body #app:has(.K3__C) .K3B__C-betting3-btn,
body #app:has(.K3__C) .K3B__C-betting4-btn {
    border-radius: 0.16rem;
    font-weight: 600;
    transition: transform 0.12s ease;
}

body #app:has(.K3__C) .K3B__C-betting2-btn.active,
body #app:has(.K3__C) .K3B__C-betting3-btn.active,
body #app:has(.K3__C) .K3B__C-betting4-btn.active {
    box-shadow: 0 0.06rem 0.16rem rgba(0, 0, 0, 0.35);
    transform: scale(1.02);
}

body #app:has(.K3__C) .K3B__C-mark {
    background: rgba(10, 10, 14, 0.72);
    backdrop-filter: blur(4px);
}

body #app:has(.K3__C) .K3B__C-mark > div {
    color: var(--wg-gold);
}

/* ----- History tabs ----- */
body #app:has(.WinGo__C) .RecordNav__C > div,
body #app:has(.K3__C) .RecordNav__C > div,
body #app:has(.FD__C) .RecordNav__C > div {
    border: 0.02rem solid rgba(255, 255, 255, 0.06);
    font-weight: 600;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

body #app:has(.WinGo__C) .RecordNav__C > div.active,
body #app:has(.K3__C) .RecordNav__C > div.active,
body #app:has(.FD__C) .RecordNav__C > div.active {
    background: linear-gradient(135deg, #9f1239 0%, #e11d48 48%, #f97316 100%) !important;
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 0.06rem 0.2rem rgba(225, 29, 72, 0.35);
    color: #fffaf0 !important;
}

/* ----- Game history table ----- */
body #app:has(.WinGo__C) .GameRecord__C,
body #app:has(.K3__C) .GameRecord__C,
body #app:has(.FD__C) .GameRecord__C,
body #app:has(.WinGo__C) .game-record,
body #app:has(.K3__C) .game-record,
body #app:has(.FD__C) .game-record {
    border-radius: 0.28rem;
    overflow: hidden;
}

body #app:has(.WinGo__C) .GameRecord__C-head,
body #app:has(.K3__C) .GameRecord__C-head,
body #app:has(.FD__C) .GameRecord__C-head {
    background: rgba(0, 0, 0, 0.35);
    color: var(--wg-gold);
    font-weight: 700;
    border-bottom: 0.02rem solid var(--wg-card-border);
}

body #app:has(.WinGo__C) .GameRecord__C-body > div:nth-child(even),
body #app:has(.K3__C) .GameRecord__C-body > div:nth-child(even),
body #app:has(.FD__C) .GameRecord__C-body > div:nth-child(even) {
    background: rgba(255, 255, 255, 0.02);
}

/* ----- Header nav ----- */
body #app:has(.WinGo__C) .van-nav-bar,
body #app:has(.K3__C) .van-nav-bar,
body #app:has(.FD__C) .van-nav-bar,
body #app:has(.WinGo__C) .WinGo__C-head,
body #app:has(.K3__C) .K3__C-head,
body #app:has(.FD__C) .FD__C-head {
    background: linear-gradient(90deg, #7f1d1d 0%, #be123c 38%, #ea580c 100%) !important;
    box-shadow: 0 0.06rem 0.24rem rgba(0, 0, 0, 0.4);
}

/* ----- Bet popup: accent colour on header + selected chips only (WinGo) ----- */
body #app:has(.WinGo__C) .van-popup {
    background: transparent !important;
}

body #app:has(.WinGo__C) [class*="Betting__Popup-"] {
    --wg-bet-body: #ffffff;
    background: var(--wg-bet-body);
    border-radius: 0.32rem 0.32rem 0 0;
    overflow: hidden;
}

/* Green numbers (1,3,7,9) + green colour (11) */
body #app:has(.WinGo__C) .Betting__Popup-1,
body #app:has(.WinGo__C) .Betting__Popup-3,
body #app:has(.WinGo__C) .Betting__Popup-7,
body #app:has(.WinGo__C) .Betting__Popup-9,
body #app:has(.WinGo__C) .Betting__Popup-11 {
    --wg-bet-color: var(--norm_green-color, #18b660);
    --wg-bet-head: var(--norm_green-color, #18b660);
}

/* Red numbers (2,4,6,8) + red colour (10) */
body #app:has(.WinGo__C) .Betting__Popup-2,
body #app:has(.WinGo__C) .Betting__Popup-4,
body #app:has(.WinGo__C) .Betting__Popup-6,
body #app:has(.WinGo__C) .Betting__Popup-8,
body #app:has(.WinGo__C) .Betting__Popup-10 {
    --wg-bet-color: var(--norm_red-color, #fb5b5b);
    --wg-bet-head: var(--norm_red-color, #fb5b5b);
}

/* 0: red + violet */
body #app:has(.WinGo__C) .Betting__Popup-0 {
    --wg-bet-color: var(--norm_red-color, #fb5b5b);
    --wg-bet-head: linear-gradient(to bottom right, var(--norm_red-color, #fb5b5b) 50%, var(--norm_Purple-color, #c86eff) 0);
}

/* 5: green + violet */
body #app:has(.WinGo__C) .Betting__Popup-5 {
    --wg-bet-color: var(--norm_green-color, #18b660);
    --wg-bet-head: linear-gradient(to bottom right, var(--norm_green-color, #18b660) 50%, var(--norm_Purple-color, #c86eff) 0);
}

/* Violet colour (12) */
body #app:has(.WinGo__C) .Betting__Popup-12 {
    --wg-bet-color: var(--norm_Purple-color, #c86eff);
    --wg-bet-head: var(--norm_Purple-color, #c86eff);
}

/* Big (13) / Small (14) */
body #app:has(.WinGo__C) .Betting__Popup-13 {
    --wg-bet-color: var(--norm_secondary-color, #feaa57);
    --wg-bet-head: var(--norm_secondary-color, #feaa57);
}

body #app:has(.WinGo__C) .Betting__Popup-14 {
    --wg-bet-color: var(--norm_bule-color, #6ea8f4);
    --wg-bet-head: var(--norm_bule-color, #6ea8f4);
}

/* Coloured header band only */
body #app:has(.WinGo__C) [class*="Betting__Popup-"] .Betting__Popup-head {
    background: var(--wg-bet-head) !important;
}

body #app:has(.WinGo__C) [class*="Betting__Popup-"] .Betting__Popup-head::after {
    background-image: linear-gradient(9deg, var(--wg-bet-body) 50%, transparent 50%) !important;
}

body #app:has(.WinGo__C) [class*="Betting__Popup-"] .Betting__Popup-head::before {
    background-image: linear-gradient(-9deg, var(--wg-bet-body) 50%, transparent 50%) !important;
}

body #app:has(.WinGo__C) [class*="Betting__Popup-"] .Betting__Popup-head-title {
    color: #fff !important;
}

body #app:has(.WinGo__C) .Betting__Popup-head-selectName {
    background: #fff !important;
    color: #000 !important;
    border: none;
}

/* Light body + footer — no full-panel fill */
body #app:has(.WinGo__C) [class*="Betting__Popup-"] .Betting__Popup-body,
body #app:has(.WinGo__C) [class*="Betting__Popup-"] .Betting__Popup-foot {
    background: var(--wg-bet-body) !important;
}

body #app:has(.WinGo__C) [class*="Betting__Popup-"] .Betting__Popup-body-line {
    color: #333 !important;
}

body #app:has(.WinGo__C) [class*="Betting__Popup-"] .Betting__Popup-body-line-item {
    background: #f3f4f6 !important;
    color: #6b7280 !important;
    border: 0.02rem solid #e5e7eb;
}

/* Selected balance / multiplier chips */
body #app:has(.WinGo__C) [class*="Betting__Popup-"] .Betting__Popup-body-line-item.bgcolor {
    background: var(--wg-bet-color) !important;
    color: #fff !important;
    font-weight: 700;
    border-color: transparent;
}

body #app:has(.WinGo__C) [class*="Betting__Popup-"] .Betting__Popup-input {
    background-color: #f3f4f6 !important;
    border-color: #e5e7eb !important;
}

body #app:has(.WinGo__C) [class*="Betting__Popup-"] .Betting__Popup-input .van-field__control {
    color: #111 !important;
}

body #app:has(.WinGo__C) [class*="Betting__Popup-"] .Betting__Popup-btn {
    background: #f3f4f6 !important;
    color: #9ca3af !important;
}

body #app:has(.WinGo__C) [class*="Betting__Popup-"] .Betting__Popup-btn.bgcolor {
    background: var(--wg-bet-color) !important;
    color: #fff !important;
}

body #app:has(.WinGo__C) [class*="Betting__Popup-"] .Betting__Popup-foot-c {
    background: #f3f4f6 !important;
    color: #6b7280 !important;
}

body #app:has(.WinGo__C) [class*="Betting__Popup-"] .Betting__Popup-foot-s.bgcolor {
    background: var(--wg-bet-color) !important;
    color: #fff !important;
    font-weight: 700;
}

/* K3 / 5D bet popups: keep readable dark panel */
body #app:has(.K3__C) .van-popup,
body #app:has(.FD__C) .van-popup {
    background: #1a1a22 !important;
}

body #app:has(.K3__C) [class*="Betting__Popup-"],
body #app:has(.FD__C) [class*="Betting__Popup-"] {
    background: #1a1a22;
    border-radius: 0.32rem 0.32rem 0 0;
    overflow: hidden;
}

body #app:has(.K3__C) .Betting__Popup-head::after,
body #app:has(.K3__C) .Betting__Popup-head::before,
body #app:has(.FD__C) .Betting__Popup-head::after,
body #app:has(.FD__C) .Betting__Popup-head::before {
    background-image: linear-gradient(9deg, #1a1a22 50%, transparent 50%) !important;
}

body #app:has(.K3__C) .Betting__Popup-head-selectName,
body #app:has(.FD__C) .Betting__Popup-head-selectName {
    background: rgba(0, 0, 0, 0.35) !important;
    color: #fffaf0 !important;
    border: 0.02rem solid rgba(232, 197, 71, 0.35);
}

body #app:has(.K3__C) .Betting__Popup-body,
body #app:has(.FD__C) .Betting__Popup-body {
    background: #1a1a22 !important;
}

body #app:has(.K3__C) .Betting__Popup-body-line,
body #app:has(.FD__C) .Betting__Popup-body-line {
    color: #e4e4e7 !important;
}

body #app:has(.K3__C) .Betting__Popup-body-line-item,
body #app:has(.FD__C) .Betting__Popup-body-line-item {
    background: #2a2a32 !important;
    color: #d4d4d8 !important;
    border: 0.02rem solid rgba(255, 255, 255, 0.06);
}

body #app:has(.K3__C) .Betting__Popup-body-line-item.bgcolor,
body #app:has(.FD__C) .Betting__Popup-body-line-item.bgcolor {
    color: #0a0a0c !important;
    font-weight: 700;
}

body #app:has(.K3__C) .Betting__Popup-input,
body #app:has(.FD__C) .Betting__Popup-input {
    background-color: #121214 !important;
    border-color: rgba(232, 197, 71, 0.25) !important;
}

body #app:has(.K3__C) .Betting__Popup-input .van-field__control,
body #app:has(.FD__C) .Betting__Popup-input .van-field__control {
    color: #fff !important;
}

body #app:has(.K3__C) .Betting__Popup-btn,
body #app:has(.FD__C) .Betting__Popup-btn {
    background: #2a2a32 !important;
    color: var(--wg-gold) !important;
}

body #app:has(.K3__C) .Betting__Popup-foot-c,
body #app:has(.FD__C) .Betting__Popup-foot-c {
    background: #2a2a32 !important;
    color: #d4d4d8 !important;
}

body #app:has(.WinGo__C) .Betting__C-mark,
body #app:has(.K3__C) .K3B__C-mark,
body #app:has(.FD__C) .FDB__C-mark {
    background: rgba(10, 10, 14, 0.72);
    backdrop-filter: blur(4px);
}

@media (prefers-reduced-motion: reduce) {
    body #app:has(.WinGo__C) .TimeLeft__C-time > div:nth-child(4),
    body #app:has(.K3__C) .K3TL__C-time > div:nth-child(4),
    body #app:has(.FD__C) .FDTL__C-time > div:nth-child(4) {
        animation: none;
    }
    body #app:has(.WinGo__C) .GameList__C-item.active,
    body #app:has(.K3__C) .GameList__C-item.active,
    body #app:has(.FD__C) .GameList__C-item.active {
        transform: none;
    }
}