/* Shared outer-shell theme. Game rooms intentionally do not load this file. */
:root{
    --xy-blue:#2385ff;
    --xy-blue-soft:#eaf3ff;
    --xy-ink:#1a2340;
    --xy-muted:#7a8399;
    --xy-line:#e9edf4;
    --xy-bg:#f7f8fa;
    --xy-white:#fff;
    --xy-shadow:0 5px 16px rgba(31,55,94,.08);
    --xy-safe:env(safe-area-inset-bottom,0px);
}
html{background:var(--xy-bg)}
body.xy-auth-page,body.xy-roomdoor-page,body.xy-lobby-page,body.xy-finance-page,body.xy-account-page,body.xy-service-page{
    margin:0;background:var(--xy-bg);color:var(--xy-ink);
    font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
    letter-spacing:0;-webkit-tap-highlight-color:transparent;
}
body.xy-auth-page *,body.xy-roomdoor-page *,body.xy-lobby-page *,body.xy-finance-page *,body.xy-account-page *,body.xy-service-page *{box-sizing:border-box}

/* Login and registration */
body.xy-auth-page{min-height:100dvh;background:#17273c url("../newimg/loginbg.png") center/cover no-repeat!important}
body.xy-auth-page .mainbox{
    display:flex;min-height:100dvh;height:auto;max-width:750px;justify-content:flex-start;padding:calc(78px + env(safe-area-inset-top)) 18px 34px;
    background:transparent;background-image:none;
}
body.xy-auth-page .toplogo{flex:0 0 auto;width:100%;height:auto;margin:0 0 34px}
body.xy-auth-page .toplogo{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:8px!important}
body.xy-auth-page .toplogo:after{content:"相信品牌的力量";display:block;margin-top:8px;color:#61708e;font-size:13px;font-weight:600;text-align:center}
body.xy-auth-page .toplogo img{display:block;width:min(280px,72vw);max-height:92px;margin:auto;object-fit:contain}
body.xy-auth-page .main-content{display:block;flex:0 0 auto;width:100%;padding:0;border:0;border-radius:0;background:transparent}
body.xy-auth-page .reg-bg,body.xy-auth-page .btn-bg{display:none}
body.xy-auth-page .input-box{height:58px;margin:0 0 14px;padding:0 18px;border:1px solid #e6ebf3;border-radius:15px;background:#fff;box-shadow:0 2px 8px rgba(34,57,91,.03)}
body.xy-auth-page .input-box .left-icon{display:grid;width:28px;place-items:center}
body.xy-auth-page .input-box .left-icon img{width:20px;height:20px;object-fit:contain;opacity:.48;filter:saturate(.35)}
body.xy-auth-page .input-box .right-input{min-width:0;flex:1}
body.xy-auth-page .input-box .right-input input{height:56px;color:var(--xy-ink);font-size:15px}
body.xy-auth-page .input-box .right-input input::placeholder{color:#a7afbf}
body.xy-auth-page .remember{height:38px;margin:-2px 2px 8px;padding:0;justify-content:flex-start;color:#69758c;font-size:13px}
body.xy-auth-page .remember #reck{width:20px;height:20px;margin-right:7px;border:1px solid #d7deea;border-radius:6px;background:#fff;background-image:none}
body.xy-auth-page .remember #reck.check{border-color:var(--xy-blue);background:var(--xy-blue);background-image:none}
body.xy-auth-page .remember #reck.check:after{content:"";display:block;width:8px;height:4px;margin:5px 0 0 5px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg)}
body.xy-auth-page .toreg{display:grid;height:52px;margin:12px 0 0;place-items:center;border:0;border-radius:14px;background:var(--xy-blue);box-shadow:0 9px 22px rgba(35,133,255,.22);cursor:pointer}
body.xy-auth-page .toreg img{display:none}
body.xy-auth-page .toreg span{position:static;color:#fff;font-size:16px;font-weight:800;transform:none}
body.xy-auth-page #dologin+ .toreg,body.xy-auth-page .toreg.secondary{border:1px solid #dce7f8;background:#fff;box-shadow:none}
body.xy-auth-page #dologin+ .toreg span,body.xy-auth-page .toreg.secondary span{color:var(--xy-blue)}
body.xy-auth-page .reg-way{display:flex;height:auto;margin:22px 0 0;justify-content:center;gap:24px}
body.xy-auth-page .reg-way li{display:grid;width:54px;height:54px;place-items:center;cursor:pointer}
body.xy-auth-page .reg-way img{display:block;width:54px;height:54px;object-fit:contain}
/* Room entry */
body.xy-roomdoor-page{min-height:100dvh;background:#17273c url("../newimg/bgdark.png") center/cover no-repeat!important}
body.xy-roomdoor-page .mainbox{position:relative;display:flex;min-height:100dvh;height:auto;max-width:750px;justify-content:flex-start;padding-bottom:28px;background:transparent}
body.xy-roomdoor-page .roomtop{position:relative;width:100%;height:clamp(118px,20.77vw,156px)!important;flex:none!important;padding:calc(12px + env(safe-area-inset-top)) 16px 16px;border-radius:0;overflow:hidden;background:transparent}
body.xy-roomdoor-page .roomtop>img{display:none}
body.xy-roomdoor-page .roomtop:before{display:none}
body.xy-roomdoor-page .roomtop .userinfo{position:absolute;z-index:2;left:18px;right:18px;top:calc(60px + env(safe-area-inset-top));bottom:auto;display:flex;min-width:0;align-items:center;justify-content:flex-start;gap:10px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body.xy-roomdoor-page .userinfo p{margin:0}
body.xy-roomdoor-page .userinfo p:first-child img{width:52px!important;height:52px!important;border:3px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 3px 12px rgba(31,55,94,.16)}
body.xy-roomdoor-page .userinfo p:last-child{min-width:0;overflow:hidden}
body.xy-roomdoor-page .userinfo span{display:block;max-width:100%;overflow:hidden;color:#fff;font-size:17px;font-weight:800;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px rgba(16,34,56,.7)}
body.xy-roomdoor-page .roomtop .top-btn{position:absolute;z-index:3;top:calc(12px + env(safe-area-inset-top));right:14px;display:flex;gap:8px}
body.xy-roomdoor-page .top-btn li{position:relative;width:94px;height:28px;margin:0;padding:0;border:0;border-radius:0;background:transparent}
body.xy-roomdoor-page .top-btn .bgimg{display:block;width:94px;height:28px;object-fit:fill}
body.xy-roomdoor-page .top-btn li span{position:absolute;inset:0;display:flex;height:28px;align-items:center;justify-content:center;gap:5px;color:#fff;font-size:11px;line-height:1;transform:none;text-shadow:0 1px 2px rgba(28,55,103,.45)}
body.xy-roomdoor-page .top-btn li span img{width:15px;height:15px;object-fit:contain;filter:none}
body.xy-roomdoor-page .roomnum{height:auto;margin:26px 18px 12px;justify-content:flex-start}
body.xy-roomdoor-page .roomnum img{display:none}
body.xy-roomdoor-page .roomnum span{color:var(--xy-ink);font-size:16px;font-weight:800}
body.xy-roomdoor-page .room-num-input{display:grid;width:auto;margin:0 18px;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
body.xy-roomdoor-page .room-num-input input{width:100%;height:55px;border:1px solid #e1e7f0;border-radius:12px;background:#fff;color:var(--xy-ink);font-size:23px;font-weight:800;text-align:center;box-shadow:0 2px 7px rgba(31,55,94,.04)}
body.xy-roomdoor-page .room-in{display:grid;width:auto;height:52px;margin:18px 18px 24px;place-items:center;border-radius:14px;background:var(--xy-blue);box-shadow:0 9px 20px rgba(35,133,255,.2)}
body.xy-roomdoor-page .room-in img{display:none}
body.xy-roomdoor-page .room-in span{position:static;color:#fff;font-size:16px;font-weight:800;transform:none}
body.xy-roomdoor-page .room-history{width:auto;margin:0 18px;flex:none!important}
body.xy-roomdoor-page .history-title{margin-bottom:10px;color:#fff;font-size:15px;font-weight:800;text-shadow:0 1px 3px rgba(16,34,56,.65)}
body.xy-roomdoor-page .listroom{display:flex;width:100%;padding:0;align-items:flex-start;justify-content:flex-start;gap:16px}
body.xy-roomdoor-page .roomrow{display:flex;width:64px;min-width:64px;min-height:0;align-items:center;flex-direction:column!important;gap:4px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body.xy-roomdoor-page .roomrow p{max-width:64px;min-width:0;margin:0;overflow:hidden;color:#fff;font-size:13px;font-weight:700;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px rgba(16,34,56,.65)}
body.xy-roomdoor-page .roomrow p img{display:block;width:52px;height:52px;border-radius:10px;object-fit:cover;box-shadow:0 2px 8px rgba(16,34,56,.22)}

/* Lobby */
body.xy-lobby-page{height:100dvh;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:none}
body.xy-lobby-page::-webkit-scrollbar{display:none}
body.xy-lobby-page .mainbox{position:relative;display:flex;width:390px;max-width:390px;height:auto!important;min-height:100dvh;margin:auto;flex-direction:column;overflow:visible!important;background:var(--xy-bg)!important;background-image:none!important;zoom:min(1.9230769,calc(100vw / 390px))}
body.xy-lobby-page .mainbox:before{display:none!important}
.xy-home-header{position:relative;z-index:20;display:grid;flex:0 0 48px;height:48px;grid-template-columns:118px 1fr 118px;align-items:center;padding:0 12px;background:#fff}
.xy-home-logo{display:flex;height:38px;align-items:center;border:0;background:transparent;cursor:pointer}
.xy-home-logo img{display:block;width:100px;max-height:36px;object-fit:contain;object-position:left center}
.xy-home-title{color:#5e687c;font-size:14px;font-weight:700;text-align:center}
.xy-home-download{justify-self:end;display:flex;height:30px;align-items:center;gap:4px;padding:0 10px;border:1px solid #bdd8fa;border-radius:9px;background:#eef6ff;color:var(--xy-blue);font-size:11px;font-weight:800;text-decoration:none}
.xy-home-download img{width:17px;height:17px;object-fit:contain}
body.xy-lobby-page .roomtop{position:relative;flex:0 0 156px!important;width:100%;height:156px!important;border:0!important;border-radius:0!important;overflow:hidden;background:#dcecff!important;box-shadow:none!important}
body.xy-lobby-page .roomtop:before,body.xy-lobby-page .roomtop:after{display:none!important}
body.xy-lobby-page .roomtop>img{width:100%;height:100%!important;object-fit:cover;object-position:center;opacity:1!important;filter:none!important}
body.xy-lobby-page .home-hero-copy,body.xy-lobby-page .home-hero-status,body.xy-lobby-page .roomtop .home-brand-logo{display:none!important}
.xy-home-carousel-track{display:flex;width:100%;height:100%;transition:transform .45s ease;will-change:transform}
.xy-home-slide{flex:0 0 100%;width:100%;height:100%;overflow:hidden}
.xy-home-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.xy-home-carousel-dots{position:absolute;z-index:3;left:0;right:0;bottom:6px;display:flex;justify-content:center;gap:4px;pointer-events:none}
.xy-home-carousel-dots i{display:block;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.58);box-shadow:0 1px 2px rgba(0,0,0,.12)}
.xy-home-carousel-dots i.active{width:13px;border-radius:4px;background:#fff}
body.xy-lobby-page .notice{order:0;display:flex;flex:0 0 31px;min-height:31px;margin:0!important;padding:5px 11px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
body.xy-lobby-page .notice .leftlaba{display:grid!important;width:18px;height:20px;place-items:center;background:transparent!important}
body.xy-lobby-page .notice .leftlaba img{width:14px!important;height:14px!important;opacity:.58}
body.xy-lobby-page .notice .rightcon{margin-left:5px!important;color:#7a8399;font-size:10px!important;line-height:20px!important}
body.xy-lobby-page .notice a{color:#7a8399!important}
body.xy-lobby-page .home-account-card{display:grid;flex:0 0 72px;height:72px;margin:10px 10px 8px;padding:8px 10px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr 1fr;gap:0 8px;border:0;border-radius:12px;background:#fff;box-shadow:var(--xy-shadow)}
body.xy-lobby-page .home-account-user{display:flex;min-width:0;grid-row:1;gap:7px}
body.xy-lobby-page .home-account-user>img{display:none}
body.xy-lobby-page .home-account-user>span{display:flex;min-width:0;align-items:center;gap:5px;flex-direction:row}
body.xy-lobby-page .home-account-user small{display:none}
body.xy-lobby-page .home-account-user b{max-width:110px;color:var(--xy-ink);font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
body.xy-lobby-page .home-account-user:after{content:"VIP0";padding:2px 6px;border-radius:7px;background:linear-gradient(135deg,#f8e8a9,#f0c657);color:#936c1f;font-size:8px;font-weight:900}
body.xy-lobby-page .home-account-balance{display:flex;min-width:0;grid-row:2;align-items:center;flex-direction:row;gap:3px;overflow:visible}
body.xy-lobby-page .home-account-balance small{display:none}
body.xy-lobby-page .home-account-balance strong{display:inline-flex;min-width:0;flex:0 1 auto;align-items:baseline;overflow:visible;color:#1a2340;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
body.xy-lobby-page .home-account-balance strong i{color:#2385ff}
body.xy-lobby-page .home-balance-refresh{position:static;display:grid;width:22px;height:22px;flex:0 0 22px;padding:3px;place-items:center;border:0;border-radius:50%;background:transparent;cursor:pointer}
body.xy-lobby-page .home-balance-refresh img{display:block;width:15px;height:13px;object-fit:contain}
body.xy-lobby-page .home-account-actions{grid-column:2;grid-row:1/3;display:flex;gap:12px;align-items:center}
body.xy-lobby-page .home-account-actions a{position:relative;display:flex;width:38px;height:53px;align-items:center;justify-content:flex-start;flex-direction:column;gap:2px;padding:1px 0 0;border:0!important;border-radius:0!important;background:transparent!important;color:#5f687a!important;font-size:9px;font-weight:700;text-decoration:none;box-shadow:none!important}
body.xy-lobby-page .home-account-actions a:before{display:none!important}
body.xy-lobby-page .home-account-actions a img{display:block;width:29px;height:29px;object-fit:contain}
body.xy-lobby-page .home-account-actions a span{line-height:15px}
body.xy-lobby-page .game-browser{display:flex!important;width:100%!important;flex:0 0 auto;min-height:0;margin:0!important;flex-direction:column!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:visible!important}
body.xy-lobby-page .game-category-nav{display:flex!important;flex:0 0 54px!important;width:100%!important;min-width:0!important;height:54px!important;max-height:54px!important;gap:0!important;align-items:center!important;padding:0 17.6px!important;overflow-x:auto!important;overflow-y:hidden!important;border:0!important;border-bottom:1px solid var(--xy-line)!important;background:#fff!important;box-shadow:none!important}
body.xy-lobby-page .game-category-item{position:relative;flex:0 0 52px!important;width:52px!important;height:54px!important;margin:0!important;padding:0!important;flex-direction:column!important;gap:1px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#6f788b!important;box-shadow:none!important}
body.xy-lobby-page .game-category-item .category-icon{display:none!important}
body.xy-lobby-page .game-category-item .category-label{font-size:12px!important;font-weight:700!important;line-height:52px!important}
body.xy-lobby-page .game-category-item .category-count{display:none!important}
body.xy-lobby-page .game-category-item.active{color:var(--xy-blue)!important}
body.xy-lobby-page .game-category-item.active:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:2px 2px 0 0;background:var(--xy-blue)!important}
body.xy-lobby-page .gamelist{width:100%;min-height:0!important;padding:0 9px 14px!important;background:#fff!important;overflow:visible!important;scrollbar-width:none}
body.xy-lobby-page .gamelist::-webkit-scrollbar{display:none}
body.xy-lobby-page .game-section-head{position:sticky!important;z-index:8!important;top:0!important;height:37px!important;margin:0 -9px 7px!important;padding:0 11px!important;border:0!important;background:#fff!important;box-shadow:none!important}
body.xy-lobby-page .game-section-title{color:var(--xy-ink)!important;font-size:13px!important;font-weight:800!important}
body.xy-lobby-page .game-section-title:before{display:none!important}
body.xy-lobby-page .game-section-subtitle{color:#9aa2b1!important;font-size:9px!important}
body.xy-lobby-page .lottery-filter-tabs{gap:6px!important;padding:0 0 8px!important;border:0!important}
body.xy-lobby-page .lottery-filter-tab{height:28px!important;padding:0 10px!important;border:1px solid #e8edf4!important;border-radius:8px!important;background:#f5f7fa!important;color:#717b8f!important;font-size:10px!important;line-height:26px!important}
body.xy-lobby-page .lottery-filter-tab.active{border-color:#cfe3ff!important;background:#edf5ff!important;color:var(--xy-blue)!important;box-shadow:none!important}
body.xy-lobby-page .local-game-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0!important}
body.xy-lobby-page .arcade-featured,body.xy-lobby-page .arcade-featured-grid{display:contents!important}
body.xy-lobby-page .game-box{position:relative;width:100%!important;height:112px!important;margin:0!important;border:1px solid #e2e7ee!important;border-radius:10px!important;background:#fff!important;box-shadow:0 2px 7px rgba(31,55,94,.04)!important;overflow:hidden!important}
body.xy-lobby-page .game-box:before{display:none!important}
body.xy-lobby-page .game-box:after{content:""!important;position:absolute;right:-16px;bottom:-18px;width:82px;height:82px;min-width:0;border:0;border-radius:50%;background:#eef5ff;color:transparent;opacity:.9}
body.xy-lobby-page .game-box>img{display:none!important}
body.xy-lobby-page .game-info{position:absolute;inset:0!important}
body.xy-lobby-page .game-info .game-name{left:10px!important;top:9px!important;right:45px!important;z-index:3}
body.xy-lobby-page .game-info .game-name img{display:none!important}
body.xy-lobby-page .game-info .game-name .game-name-text{display:block!important;max-width:100%!important;color:var(--xy-ink)!important;font-size:13px!important;font-weight:800!important;line-height:19px!important;text-shadow:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.xy-lobby-page .game-info .game-name .game-name-underline{display:none!important}
body.xy-lobby-page .game-info .game-sn{left:10px!important;top:31px!important;right:auto!important;color:#7a8399!important;font-size:9px!important;line-height:15px!important}
body.xy-lobby-page .game-info .game-time{left:9px!important;right:auto!important;top:auto!important;bottom:10px!important;z-index:3;display:flex}
body.xy-lobby-page .game-info .game-time b{width:auto!important;min-width:15px!important;height:18px!important;margin:0 1px!important;padding:0 2px!important;border:0!important;border-radius:4px!important;background:#f1f4f8!important;color:#778196!important;font-size:8px!important;line-height:18px!important}
body.xy-lobby-page .game-info .game-time b:nth-child(3){min-width:5px!important;padding:0!important;background:transparent!important;color:#778196!important}
body.xy-lobby-page .game-info .game-time b.fping{padding:0 6px!important;color:#e08b32!important}
body.xy-lobby-page .game-info .game-ico{left:auto!important;right:7px!important;top:auto!important;bottom:7px!important;z-index:3}
body.xy-lobby-page .game-info .game-ico img,body.xy-lobby-page .game-info .game-ico .game-ico-inline{width:44px!important;height:44px!important;border-radius:50%!important;object-fit:cover!important;background:#fff!important;box-shadow:0 2px 8px rgba(31,55,94,.13)!important}
body.xy-lobby-page .game-info .game-num{left:9px!important;right:54px!important;bottom:34px!important;z-index:3;display:flex!important;max-width:none!important;gap:2px!important;overflow:hidden!important}
body.xy-lobby-page .game-info .game-num span{width:15px!important;height:15px!important;margin:0!important;border-radius:50%!important;font-size:7px!important;line-height:15px!important}
body.xy-lobby-page .game-info .game-num .arcade-result-chip{width:auto!important;max-width:66px!important;padding:0 5px!important;border-radius:5px!important;background:#eef3f8!important;color:#60708b!important;line-height:15px!important}
body.xy-lobby-page .xh-hot-picks{grid-column:1/-1!important;margin:0!important;border:1px solid var(--xy-line)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}
body.xy-lobby-page .xh-game-grid{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
body.xy-lobby-page .xh-provider-card{height:112px!important;border:1px solid var(--xy-line)!important;border-radius:10px!important;box-shadow:none!important}
body.xy-lobby-page .game-category-empty{grid-column:1/-1;margin:20px 0!important;border:0!important;background:#f7f9fc!important;color:#929bac!important}
body.xy-lobby-page .footer-spacer{flex:0 0 61px!important;height:61px!important}
body.xy-lobby-page .footer_menu2{position:fixed;z-index:900;left:50%;bottom:0!important;display:flex;width:390px!important;max-width:390px!important;height:calc(58px + var(--xy-safe))!important;transform:translateX(-50%);justify-content:space-around;padding:4px 10px calc(4px + var(--xy-safe))!important;border:0!important;border-top:1px solid #e7ebf2!important;border-radius:0!important;background:rgba(255,255,255,.97)!important;box-shadow:0 -3px 12px rgba(31,55,94,.05)!important;backdrop-filter:blur(10px)!important;zoom:min(1.9230769,calc(100vw / 390px))}
body.xy-lobby-page .footer_menu2 li{position:relative;display:flex;flex:1;height:50px!important;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:0!important;background:transparent!important;color:#8d98b0!important;text-shadow:none!important}
body.xy-lobby-page .footer_menu2 li.active{color:var(--xy-blue)!important}
body.xy-lobby-page .footer_menu2 li.active:before{display:none!important}
body.xy-lobby-page .footer_menu2 li .menu-ico{width:24px!important;height:24px!important}
body.xy-lobby-page .footer_menu2 li .menu-ico img{display:block;width:25px;height:25px;object-fit:contain}
body.xy-lobby-page .footer_menu2 li.active .menu-ico img{width:29px;height:29px}
body.xy-lobby-page .footer_menu2 li .menu-text{font-size:10px!important;font-weight:700!important}

/* Finance pages */
body.xy-finance-page .deposit-page,body.xy-finance-page .page{max-width:750px;background:var(--xy-bg)!important}
body.xy-finance-page .topbar{height:54px;border-color:var(--xy-line);background:#fff}
body.xy-finance-page .topbar-title,body.xy-finance-page .top h1{color:var(--xy-ink);font-size:17px;font-weight:800}
body.xy-finance-page .top-link{color:var(--xy-blue)}
body.xy-finance-page .balance-card{border-radius:10px;background:linear-gradient(135deg,#5d9cff,#2385ff);box-shadow:0 8px 18px rgba(35,133,255,.18)}
body.xy-finance-page .section{border:1px solid #edf0f5;border-radius:10px;box-shadow:0 2px 8px rgba(31,55,94,.035)}
body.xy-finance-page .method-card{border-radius:9px}
body.xy-finance-page .method-card.active{border-color:var(--xy-blue);background:#eef5ff;box-shadow:none}
body.xy-finance-page .channel-chip.active,body.xy-finance-page .amount-btn.active{border-color:#bad7ff;background:#edf5ff;color:var(--xy-blue)}
body.xy-finance-page .custom-box{border-radius:9px}
body.xy-finance-page .custom-box.focus{border-color:var(--xy-blue);box-shadow:0 0 0 3px rgba(35,133,255,.08)}
body.xy-finance-page .submit-btn.ready,body.xy-finance-page .submit{border-radius:10px;background:var(--xy-blue);box-shadow:0 8px 18px rgba(35,133,255,.2)}
body.xy-finance-page .bottom-bar{border-color:var(--xy-line);background:rgba(255,255,255,.97)}
body.xy-finance-page .hero{border-radius:0 0 16px 16px;background:linear-gradient(135deg,#4e98ff,#2385ff)}
body.xy-finance-page .card{border-radius:12px;box-shadow:var(--xy-shadow)}
.xy-finance-notice{min-height:42px;margin:10px 14px 0;padding:10px 13px;border-radius:10px;background:#edf3ff;color:#3a4d8d;font-size:11px;line-height:22px}
.xy-finance-segments{display:grid;height:34px;margin:14px 14px 7px;padding:2px;grid-template-columns:1fr 1fr;border-radius:17px;background:#e3e5ec;color:#657087;font-size:12px}
.xy-finance-segments>a,.xy-finance-segments>span{display:grid;place-items:center;color:inherit;text-decoration:none}
.xy-finance-segments>.active{border-radius:15px;background:#fff;color:#1d2548;font-weight:800;box-shadow:0 1px 5px rgba(31,55,94,.08)}
body.xy-finance-page .deposit-page>.balance-card{margin-top:10px}

/* User center */
body.xy-account-page .uc-shell{max-width:750px;background:var(--xy-bg)!important;color:var(--xy-ink)!important}
body.xy-account-page .uc-topbar{background:#fff!important;color:var(--xy-ink)!important;border-bottom:1px solid var(--xy-line)!important;box-shadow:none!important}
body.xy-account-page .uc-topbar h1{font-size:17px!important}
body.xy-account-page .uc-identity{margin:0!important;padding:20px 16px 16px!important;border-radius:0!important;background:linear-gradient(180deg,#dcecff,#f4f8ff)!important;color:var(--xy-ink)!important;box-shadow:none!important}
body.xy-account-page .uc-profile-copy h2,body.xy-account-page .uc-profile-copy p,body.xy-account-page .uc-profile-copy span{color:var(--xy-ink)!important;text-shadow:none!important}
body.xy-account-page .uc-vanity,body.xy-account-page .uc-wallet,body.xy-account-page .uc-play-actions,body.xy-account-page .uc-shortcuts,body.xy-account-page .uc-section,body.xy-account-page .uc-account-strip{border:1px solid var(--xy-line)!important;border-radius:10px!important;background:#fff!important;box-shadow:0 3px 11px rgba(31,55,94,.045)!important}
body.xy-account-page .uc-wallet-actions .is-primary{background:var(--xy-blue)!important}
body.xy-account-page .uc-bottom-nav{border-top:1px solid var(--xy-line)!important;background:rgba(255,255,255,.97)!important;box-shadow:none!important}
body.xy-account-page .uc-bottom-nav .active{color:var(--xy-blue)!important}

@media(max-width:360px){
    .xy-home-header{grid-template-columns:106px 1fr 94px;padding:0 8px}.xy-home-logo img{width:94px}.xy-home-download{padding:0 7px;font-size:10px}
    body.xy-lobby-page .home-account-card{margin-left:7px;margin-right:7px;padding-left:8px;padding-right:8px}
    body.xy-lobby-page .home-account-actions{gap:6px}body.xy-lobby-page .home-account-actions a{width:34px}
    body.xy-lobby-page .game-browser{margin-left:7px!important;margin-right:7px!important}
    body.xy-lobby-page .game-category-item{flex-basis:49px!important;width:49px!important}
    body.xy-lobby-page .local-game-list{gap:7px}.game-info .game-name{right:42px!important}
    body.xy-roomdoor-page .room-num-input{gap:5px}body.xy-roomdoor-page .room-num-input input{height:50px}
}

/* Agent and vanity feature pages use the same blue-white application family. */
body.xy-agent-page,body.xy-vanity-page{margin:0;min-height:100dvh;background:#f4f6f9;color:var(--xy-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0}
body.xy-agent-page .agent-page{max-width:750px;background:#f4f6f9!important}
body.xy-agent-page .agent-hero{padding:0 14px 18px!important;border-radius:0!important;background:linear-gradient(135deg,#5d9cff,#2385ff)!important;box-shadow:none!important}
body.xy-agent-page .agent-hero:before,body.xy-agent-page .agent-hero:after{display:none!important}
body.xy-agent-page .topbar{height:48px!important}
body.xy-agent-page .back-btn,body.xy-agent-page .top-help{width:34px!important;height:34px!important;border-radius:8px!important;background:rgba(255,255,255,.16)!important}
body.xy-agent-page .top-title{font-size:17px!important;letter-spacing:0!important}
body.xy-agent-page .profile-avatar{border-radius:50%!important}
body.xy-agent-page .agent-badge,body.xy-agent-page .hero-balance,body.xy-agent-page .hero-split-item{border-radius:9px!important}
body.xy-agent-page .range-bar{margin:10px 0 12px!important;padding:3px!important;border-radius:18px!important;background:#e3e5ec!important;box-shadow:none!important}
body.xy-agent-page .range-btn{height:32px!important;border-radius:16px!important;background:transparent!important}
body.xy-agent-page .range-btn.active{background:#fff!important;color:#2385ff!important;box-shadow:0 1px 5px rgba(31,55,94,.08)!important}
body.xy-agent-page .metric-card,body.xy-agent-page .section-card,body.xy-agent-page .member-card{border-color:var(--xy-line)!important;border-radius:10px!important;box-shadow:0 2px 8px rgba(31,55,94,.035)!important}
body.xy-agent-page .metric-card .icon,body.xy-agent-page .quick-icon,body.xy-agent-page .record-icon{border-radius:8px!important;background:#edf5ff!important;color:#2385ff!important}
body.xy-agent-page .tab-nav{background:rgba(244,246,249,.96)!important}
body.xy-agent-page .tab-btn{border-radius:8px!important;color:#718096!important}
body.xy-agent-page .tab-btn.active,body.xy-agent-page .primary-btn,body.xy-agent-page .copy-btn{background:#2385ff!important;color:#fff!important}
body.xy-agent-page .fixed-bottom{max-width:750px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -2px 8px rgba(31,55,94,.05)!important}
body.xy-agent-page .fixed-bottom a{color:#7d8798!important}
body.xy-agent-page .fixed-bottom b{color:#2385ff!important}

body.xy-vanity-page .vn-page{max-width:750px;background:#f4f6f9}
body.xy-vanity-page .vn-head{height:55px;padding:7px 12px;border-bottom:1px solid var(--xy-line);background:#fff;color:var(--xy-ink);box-shadow:none}
body.xy-vanity-page .vn-head h1{font-size:17px}
body.xy-vanity-page .vn-head p{display:none}
body.xy-vanity-page .vn-back{width:34px;height:34px;border-radius:8px;background:transparent;color:#596579}
body.xy-vanity-page .vn-balance{color:#7a8399}
body.xy-vanity-page .vn-balance b{color:#2385ff}
body.xy-vanity-page .vn-current{margin:12px 14px;padding:16px;border-radius:10px;background:linear-gradient(135deg,#5d9cff,#2385ff);box-shadow:0 6px 16px rgba(35,133,255,.14)}
body.xy-vanity-page .vn-current-number{color:#fff;text-shadow:none;letter-spacing:0}
body.xy-vanity-page .vn-guide,body.xy-vanity-page .vn-rules{border-radius:10px}
body.xy-vanity-page .vn-filter button{border-radius:8px}
body.xy-vanity-page .vn-filter button.active{border-color:#bad7ff;background:#edf5ff;color:#2385ff}
body.xy-vanity-page .vn-search button{background:#2385ff}
body.xy-vanity-page .vn-search input:focus{border-color:#2385ff;box-shadow:0 0 0 3px rgba(35,133,255,.09)}

/* Shared five-tab pages */
body.xy-shell-page{margin:0;min-height:100%;background:#f4f6f9;color:var(--xy-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0;-webkit-tap-highlight-color:transparent}
body.xy-shell-page *{box-sizing:border-box}
body.xy-shell-page a{color:inherit;text-decoration:none}
.xy-shell{width:100%;max-width:750px;min-height:100dvh;margin:auto;padding-bottom:calc(58px + var(--xy-safe));background:#f4f6f9}
.xy-shell-icon{display:block;width:1em;height:1em;flex:0 0 auto;overflow:visible}
.xy-page-head{position:sticky;z-index:30;top:0;display:grid;height:48px;grid-template-columns:44px 1fr 84px;align-items:center;padding:0 10px;border-bottom:1px solid #edf0f4;background:#fff}
.xy-page-head h1{grid-column:2;margin:0;color:#18213a;font-size:16px;font-weight:800;text-align:center}
.xy-page-head>a{grid-column:3;justify-self:end;color:#303b51;font-size:12px}
.xy-page-head .xy-head-icon{display:grid;width:32px;height:32px;place-items:center;border:1px solid #e5e9ef;border-radius:8px;background:#f7f9fb;color:#7e899e;font-size:18px}
.xy-app-nav{position:fixed;z-index:950;left:50%;bottom:0;display:flex;width:100%;max-width:780px;height:calc(55px + var(--xy-safe));transform:translateX(-50%);padding:2px 4px var(--xy-safe);border-top:1px solid #e5e9f0;background:rgba(255,255,255,.98);box-shadow:0 -2px 8px rgba(31,55,94,.035);backdrop-filter:blur(10px)}
.xy-app-nav a{display:flex;flex:1;height:52px;align-items:center;justify-content:center;flex-direction:column;gap:1px;color:#a0acc4;font-size:10px;font-weight:700}
.xy-app-nav .xy-shell-icon{width:24px;height:24px}
.xy-app-nav a>img{display:block;width:25px;height:25px;object-fit:contain}
.xy-app-nav a.active>img{width:29px;height:29px}
.xy-app-nav a.active{color:#18aafa}

/* Wallet */
.xy-wallet-overview{padding:3px 15px 0;background:#fff}
.xy-wallet-overview>span{display:block;color:#69748a;font-size:12px}
.xy-wallet-total{display:flex;align-items:center;gap:8px}.xy-wallet-total>strong{display:block;margin-top:3px;color:#1a2340;font-size:30px;line-height:38px}.xy-wallet-total>button{display:grid;width:25px;height:25px;padding:0;place-items:center;border:0;border-radius:50%;background:#edf4ff}.xy-wallet-total>button img{width:18px;height:18px;object-fit:contain}
.xy-wallet-actions{display:grid;margin:11px 17px 4px;grid-template-columns:repeat(2,1fr)}
.xy-wallet-actions a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#323c52;font-size:12px}
.xy-wallet-actions i{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;color:#fff;font-size:21px;font-style:normal}.xy-wallet-actions i img{display:block;width:44px;height:44px;object-fit:contain}
.xy-wallet-actions i.red{background:linear-gradient(135deg,#ff8a6e,#ff5f68)}
.xy-wallet-actions i.gold{background:linear-gradient(135deg,#ffd15d,#ffac2f)}
.xy-wallet-actions i.purple{background:linear-gradient(135deg,#d261ff,#8238f5)}
.xy-wallet-row{display:flex;height:45px;align-items:center;justify-content:space-between;border-top:1px solid #f0f2f5;font-size:12px}
.xy-wallet-row b{font-size:15px}.xy-wallet-row a{color:#536079}.xy-wallet-row a span{display:inline-grid;width:17px;height:17px;margin-left:3px;place-items:center;border:1px solid #cbd3df;border-radius:2px}
.xy-wallet-empty{display:flex;height:52px;margin:12px 14px;align-items:center;justify-content:center;padding:0 18px;border-radius:10px;background:#fff;color:#8993a6;font-size:12px}
.xy-wallet-empty strong{color:#2385ff;font-size:16px}
.xy-outline-action{display:flex;height:46px;margin:0 15px;align-items:center;justify-content:center;gap:8px;border:1px solid #c9d7e7;border-radius:23px;background:#fff;color:#1f2c43;font-size:14px;font-weight:800}
.xy-outline-action .xy-shell-icon{width:17px;height:17px}

/* Conversations */
.xy-chat-shell{background:linear-gradient(180deg,#f5f8ff,#eef3ff)}
.xy-conversation-list{margin:15px 12px 0;overflow:hidden;border:1px solid #e3e9f2;border-radius:14px;background:#fff;box-shadow:0 4px 13px rgba(43,70,116,.04)}
.xy-conversation-list>a{display:grid;min-height:66px;grid-template-columns:45px 1fr 18px;align-items:center;padding:9px 13px;border-bottom:1px solid #edf0f5}
.xy-conversation-list>a:last-child{border-bottom:0}
.xy-conversation-list>a>i{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:50%;background:transparent;color:#637fb3;font-size:21px;font-style:normal}.xy-conversation-avatar{display:block;width:38px;height:38px;object-fit:contain}.xy-conversation-list b{display:flex!important;align-items:center;gap:3px}.xy-conversation-verify{display:block;width:13px;height:13px;object-fit:contain}
.xy-conversation-list>a>span{min-width:0}.xy-conversation-list b{display:block;color:#24324b;font-size:14px}.xy-conversation-list small{display:block;margin-top:4px;color:#91a0b7;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xy-conversation-list>a>.xy-shell-icon{width:15px;height:15px;color:#c0c8d5}
.xy-empty-state{display:flex;margin-top:122px;align-items:center;justify-content:center;flex-direction:column;color:#9babca}
.xy-empty-state>.xy-shell-icon{width:42px;height:42px;margin-bottom:20px;padding:9px;border:2px solid #cad6ed;border-radius:50%}
.xy-empty-state b{font-size:13px}.xy-empty-state span{margin-top:8px;font-size:11px}

@media(min-width:751px){.xy-shell{box-shadow:0 0 0 1px rgba(31,55,94,.04)}}

/* Personal center */
body.xy-account-page{padding:0 0 calc(55px + var(--xy-safe))!important;background:#f4f6f9!important}
body.xy-account-page .uc-shell{position:relative;max-width:750px;min-height:100dvh;overflow:visible!important;background:#f4f6f9!important}
body.xy-account-page .uc-person-hero{position:relative;height:210px;overflow:hidden;background:#dce3ee}
body.xy-account-page .uc-person-hero-image{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
body.xy-account-page .uc-person-hero:after{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(13,30,55,.04),rgba(8,20,43,.18));content:""}
body.xy-account-page .uc-topbar{height:48px;grid-template-columns:42px 1fr 42px;padding:0 8px;border:0!important;background:transparent!important;color:#fff!important;text-shadow:0 1px 3px rgba(11,26,48,.45)}
body.xy-account-page .uc-topbar{position:relative;z-index:2}
body.xy-account-page .uc-topbar h1{font-size:17px!important}
body.xy-account-page .uc-person-card{position:relative;z-index:5;margin:-48px 11px 0;padding:12px;border:1px solid rgba(255,255,255,.9);border-radius:12px;background:rgba(255,255,255,.97);box-shadow:0 7px 19px rgba(31,55,94,.11)}
body.xy-account-page .uc-person-profile{position:relative;display:flex;min-height:70px;align-items:center;gap:10px}
body.xy-account-page .uc-avatar-frame{flex:0 0 62px;width:62px;height:62px;padding:2px;border:2px solid #fff;box-shadow:0 4px 12px rgba(31,55,94,.14)}
body.xy-account-page .uc-avatar-frame:before,body.xy-account-page .uc-avatar-frame>span{display:none!important}
body.xy-account-page .uc-avatar-frame img{width:54px;height:54px;border:0}
body.xy-account-page .uc-person-copy{min-width:0;flex:1}
body.xy-account-page .uc-person-copy>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
body.xy-account-page .uc-person-copy h2{min-width:0;margin:0;color:#19233d;font-size:16px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.xy-account-page .uc-person-copy>div>span{flex:none;padding:2px 7px;border:1px solid #eadcae;border-radius:8px;background:#fff9df;color:#8d783d;font-size:9px}
body.xy-account-page .uc-person-copy p{display:flex;margin:4px 0 0;align-items:center;gap:7px;color:#367dd6!important;font-size:10px}
body.xy-account-page .uc-person-copy p b{padding:1px 6px;border-radius:6px;background:linear-gradient(135deg,#a7e77a,#69c450);color:#fff;font-size:9px;font-style:italic}
body.xy-account-page .uc-person-copy small{display:block;margin-top:4px;color:#8a95a8;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.xy-account-page .uc-person-profile>.uc-balance-toggle{display:grid;width:27px;height:27px;place-items:center;border:0;background:transparent;color:#bdc5d1;font-size:16px}
body.xy-account-page .uc-level-link{display:grid;height:39px;margin-top:7px;grid-template-columns:25px 1fr 15px;align-items:center;padding:0 9px;border-radius:7px;background:linear-gradient(135deg,#423b35,#2f2a27);color:#fff}
body.xy-account-page .uc-level-link>.uc-svg:first-child{width:19px;height:19px;color:#f5b75d}
body.xy-account-page .uc-level-link>span{display:flex;align-items:center;justify-content:space-between;gap:8px}
body.xy-account-page .uc-level-link b{font-size:12px}.uc-level-link small{color:#d7ccc4;font-size:9px}
body.xy-account-page .uc-level-link>.uc-svg:last-child{width:14px;height:14px;color:#c8bfb9}
body.xy-account-page .uc-person-main{padding:13px 10px 24px}
body.xy-account-page .uc-person-balance{display:grid;height:55px;margin-bottom:12px;grid-template-columns:1fr 62px 62px;align-items:center;padding:0 13px;border:1px solid #e8ecf2;border-radius:10px;background:#fff;box-shadow:0 3px 10px rgba(31,55,94,.035)}
body.xy-account-page .uc-person-balance{display:none!important}
body.xy-account-page .uc-person-balance span{display:block;color:#8b95a7;font-size:9px}.uc-person-balance strong{display:block;margin-top:2px;color:#1a2340;font-size:17px}
body.xy-account-page .uc-person-balance>a{display:grid;height:30px;margin-left:6px;place-items:center;border-radius:8px;background:#edf5ff;color:#2385ff;font-size:11px;font-weight:800}
body.xy-account-page .uc-person-list{overflow:hidden;border:1px solid #e8ecf2;border-radius:10px;background:#fff;box-shadow:0 3px 10px rgba(31,55,94,.035)}
body.xy-account-page .uc-person-list h2{height:38px;margin:0;padding:0 13px;border-left:3px solid #ff6e5d;color:#253049;font-size:14px;line-height:38px}
body.xy-account-page .uc-person-list>a{display:grid;min-height:48px;grid-template-columns:31px 1fr 15px;align-items:center;padding:6px 12px;border-top:1px solid #edf0f4;color:#263149}
body.xy-account-page .uc-person-list>a>.uc-svg:first-child{width:23px;height:23px;padding:4px;border-radius:6px;background:#edf5ff;color:#2385ff}
body.xy-account-page .uc-menu-image{display:block;width:23px;height:23px;object-fit:contain}
body.xy-account-page .uc-person-list>a:nth-of-type(2n)>.uc-svg:first-child{background:#f3ebff;color:#a15be6}
body.xy-account-page .uc-person-list span{min-width:0}.uc-person-list b{display:block;font-size:12px}.uc-person-list small{display:block;margin-top:2px;color:#9aa3b2;font-size:9px}
body.xy-account-page .uc-person-list>a>.uc-svg:last-child{width:14px;height:14px;color:#c5ccd7}
body.xy-account-page .uc-person-logout{display:flex;width:100%;height:45px;margin-top:13px;align-items:center;justify-content:center;gap:7px;border:1px solid #e6eaf0;border-radius:10px;background:#fff;color:#687386;font-size:13px}
body.xy-account-page .uc-person-logout .uc-svg{width:17px;height:17px}
body.xy-account-page .is-private [data-private-amount]{color:transparent!important;text-shadow:0 0 8px rgba(31,55,94,.35)}
html.xy-account-root,body.xy-account-page{scrollbar-width:none}html.xy-account-root::-webkit-scrollbar,body.xy-account-page::-webkit-scrollbar{display:none}
@media(min-width:751px){
    body.xy-lobby-page .mainbox,body.xy-auth-page .mainbox,body.xy-roomdoor-page .mainbox,body.xy-finance-page .deposit-page,body.xy-finance-page .page,body.xy-account-page .uc-shell{box-shadow:0 0 0 1px rgba(31,55,94,.04)}
}
@media(prefers-reduced-motion:reduce){body.xy-lobby-page *,body.xy-auth-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Measured home parity: 390px reference viewport. */
body.xy-lobby-page .notice{order:initial!important}
body.xy-lobby-page .home-account-card{flex:0 0 67px;height:67px;margin:10px 10px 11px;padding:6px 10px;border-radius:11px}
body.xy-lobby-page .home-account-actions{gap:4px}
body.xy-lobby-page .home-account-actions a{width:40px;height:55px;font-size:9px}
body.xy-lobby-page .home-account-actions a:before{width:28px;height:28px}
body.xy-lobby-page .home-account-actions a:nth-child(4):before{content:"公";background:linear-gradient(135deg,#55a9ff,#2f7ee8)}
body.xy-lobby-page .game-browser{margin:0!important;border-radius:0!important}
body.xy-lobby-page .game-category-nav{flex:0 0 44px!important;height:44px!important;max-height:44px!important;padding:0!important}
body.xy-lobby-page .game-category-item{flex:1 0 50px!important;width:auto!important;height:44px!important}
body.xy-lobby-page .game-category-item .category-label{font-size:12px!important;line-height:42px!important}
body.xy-lobby-page .gamelist{position:relative;display:block;padding:8px 9px 12px!important}
body.xy-lobby-page .game-section-head{display:none!important}
body.xy-lobby-page .lottery-filter-tabs{display:none!important}
body.xy-lobby-page .game-browser.is-lottery-mode .gamelist{display:grid;grid-template-columns:27.15% minmax(0,1fr);grid-template-rows:minmax(0,1fr);column-gap:3.48%;row-gap:8px;padding:12.5px 6.54% 10px 5.05%!important}
body.xy-lobby-page .game-browser.is-lottery-mode .lottery-filter-tabs{display:flex!important;grid-column:1;grid-row:1;min-height:0;max-height:100%;margin-top:4.2px;padding:0!important;flex-direction:column;gap:0!important;overflow-x:hidden!important;overflow-y:auto!important;border:0!important;background:#f7f9fc;scrollbar-width:none}
body.xy-lobby-page .game-browser.is-lottery-mode .lottery-filter-tab{position:relative;display:flex;flex:0 0 47px;width:100%;height:47px!important;margin:0!important;padding:0 9px!important;align-items:center;gap:7px;border:0!important;border-radius:0!important;background:transparent!important;color:#596579!important;font-size:12px!important;line-height:47px!important;text-align:left;white-space:nowrap}
body.xy-lobby-page .game-browser.is-lottery-mode .lottery-filter-tab img{display:block;flex:0 0 23px;width:23px;height:23px;object-fit:contain}
body.xy-lobby-page .game-browser.is-lottery-mode .lottery-filter-tab.active{background:#fff!important;color:#2385ff!important;font-weight:800!important}
body.xy-lobby-page .game-browser.is-lottery-mode .lottery-filter-tab.active:before{position:absolute;left:0;top:12px;width:3px;height:23px;border-radius:0 3px 3px 0;background:#2385ff;content:""}
body.xy-lobby-page .game-browser.is-lottery-mode .local-game-list{grid-column:2;grid-row:1;align-content:start;min-width:0;overflow:visible}
body.xy-lobby-page .local-game-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 4.35%!important}
body.xy-lobby-page .game-browser .game-box{height:auto!important;min-height:0!important;aspect-ratio:1.375;border:1px solid #ddd!important;border-radius:12px!important;background:#f8fafc!important;box-shadow:none!important}
body.xy-lobby-page .game-browser #game-id-14{background:#f8fafc!important}
body.xy-lobby-page .game-browser #game-id-5{background:#f8fafc url("/Style/newimg/cloudvip/lottery/jnd28.png") center/100% 100% no-repeat!important}
body.xy-lobby-page .game-browser #game-id-4,body.xy-lobby-page .game-browser #game-id-117{background:#f8fafc url("/Style/newimg/cloudvip/lottery/pcdd.png") center/100% 100% no-repeat!important}
body.xy-lobby-page .game-browser #game-id-115{background:#f8fafc url("/Style/newimg/cloudvip/lottery/ff28.png") center/100% 100% no-repeat!important}
body.xy-lobby-page .game-browser #game-id-116{background:#f8fafc url("/Style/newimg/cloudvip/lottery/oregon28.png") center/100% 100% no-repeat!important}
body.xy-lobby-page .game-browser #game-id-118{background:#f8fafc url("/Style/newimg/cloudvip/lottery/bitcoin28.png") center/100% 100% no-repeat!important}
body.xy-lobby-page .game-info .game-name{left:8px!important;top:6px!important;right:6px!important}
body.xy-lobby-page .game-info .game-name .game-name-text{font-size:12px!important;line-height:17px!important}
body.xy-lobby-page .game-info .game-sn{left:8px!important;top:24px!important;font-size:8px!important;line-height:13px!important}
body.xy-lobby-page .game-info .game-time{left:7px!important;bottom:7px!important}
body.xy-lobby-page .game-info .game-time b{height:16px!important;min-width:14px!important;font-size:7px!important;line-height:16px!important}
body.xy-lobby-page .game-info .game-ico{right:5px!important;bottom:5px!important}
body.xy-lobby-page .game-info .game-ico img,body.xy-lobby-page .game-info .game-ico .game-ico-inline{width:38px!important;height:38px!important}
body.xy-lobby-page .game-browser .game-box[data-categories~="pc28"] .game-ico{display:none!important}
body.xy-lobby-page .game-info .game-num{left:7px!important;right:45px!important;bottom:26px!important;gap:1px!important}
body.xy-lobby-page .game-info .game-num span{width:13px!important;height:13px!important;font-size:6px!important;line-height:13px!important}
body.xy-lobby-page .game-info .game-num .arcade-result-chip{max-width:58px!important;line-height:13px!important}
body.xy-lobby-page .footer-spacer{flex-basis:57px!important;height:57px!important}
body.xy-lobby-page .footer_menu2{height:calc(55px + var(--xy-safe))!important;padding:2px 5px calc(2px + var(--xy-safe))!important}
body.xy-lobby-page .footer_menu2 li{height:51px!important}
body.xy-lobby-page .footer_menu2 li .menu-ico{width:25px!important;height:25px!important}
body.xy-lobby-page .footer_menu2 li .menu-text{font-size:10px!important}

@media(max-width:360px){
    body.xy-lobby-page .home-account-card{margin-left:7px;margin-right:7px}
    body.xy-lobby-page .home-account-actions a{width:35px}
    body.xy-lobby-page .game-browser{margin-left:0!important;margin-right:0!important}
    body.xy-lobby-page .game-browser.is-lottery-mode .gamelist{grid-template-columns:27.15% minmax(0,1fr);column-gap:3.48%;padding-left:5.05%!important;padding-right:6.54%!important}
    body.xy-lobby-page .game-browser.is-lottery-mode .lottery-filter-tab{width:100%}
    body.xy-lobby-page .local-game-list{gap:9px 4.35%!important}
}

@media(min-width:751px){
    body.xy-lobby-page .xy-home-header,
    body.xy-lobby-page .roomtop,
    body.xy-lobby-page .notice,
    body.xy-lobby-page .game-browser{width:405px!important}
    body.xy-lobby-page .home-account-card{width:385px}
    body.xy-lobby-page .game-category-nav{width:405px!important}
    body.xy-lobby-page .game-browser.is-lottery-mode .gamelist{grid-template-columns:93.6px 239.2px;column-gap:19.76px;padding:12.5px 33px 10px 19.76px!important}
    body.xy-lobby-page .local-game-list{grid-template-columns:repeat(2,114.4px);column-gap:10.4px!important}
    body.xy-lobby-page .footer_menu2{width:405px!important;max-width:405px!important}
}

/* Flat service and withdrawal shells matching the outer application. */
body.xy-finance-page .page{min-height:100dvh;padding-bottom:28px!important}
body.xy-finance-page .page>.hero{height:auto;padding:0 0 14px!important;border-radius:0!important;background:#fff!important;color:var(--xy-ink)!important}
body.xy-finance-page .page>.hero .top{height:48px;padding:0 10px;border-bottom:1px solid var(--xy-line)}
body.xy-finance-page .page>.hero .back{width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#596579}
body.xy-finance-page .page>.hero .top h1{margin:0;text-align:center;flex:1}
body.xy-finance-page .page>.hero .safe{margin-left:0;padding:0 5px;background:transparent;color:#7a8399;font-size:10px}
body.xy-finance-page .page>.hero .balance{margin:14px 14px 0;padding:14px 16px;border-radius:10px;background:linear-gradient(135deg,#5d9cff,#2385ff);color:#fff}
body.xy-finance-page .page>.hero .balance{display:none!important}
body.xy-finance-page .page>.hero{padding-bottom:0!important}
body.xy-finance-page .page>.hero .balance span{font-size:11px;opacity:.9}
body.xy-finance-page .page>.hero .balance strong{margin-top:2px;font-size:28px;line-height:38px}
body.xy-finance-page .page>.card{margin:0 14px 12px;padding:16px;border:1px solid var(--xy-line);border-radius:10px;background:#fff;box-shadow:0 2px 8px rgba(31,55,94,.035)}
body.xy-finance-page .page .method{padding:11px;border-radius:9px}
body.xy-finance-page .page .method.active{border-color:#bad7ff;background:#edf5ff;box-shadow:none}
body.xy-finance-page .page input{font-size:14px}
body.xy-finance-page .page .amount-wrap input{font-size:27px}
body.xy-finance-page .page .chips button{border-radius:8px;background:#f3f6fa}
body.xy-finance-page .withdraw-account-selector{display:grid;width:100%;height:48px;grid-template-columns:34px 1fr 18px;align-items:center;padding:0;border:0;border-radius:8px;background:#f5f7fb;color:#68748c;text-align:left}
body.xy-finance-page .withdraw-account-selector i{display:grid;width:34px;height:34px;place-items:center;border-radius:7px;background:#edf1f8;color:#8190aa;font-style:normal;font-weight:800}
body.xy-finance-page .withdraw-account-selector b{padding-left:10px;font-size:12px;font-weight:600}
body.xy-finance-page .withdraw-account-selector span{font-size:19px;color:#9da8ba}
body.xy-finance-page .account-editor{margin-top:10px;padding:12px;border:1px solid var(--xy-line);border-radius:9px;background:#fafbfd}
body.xy-finance-page .account-editor[hidden]{display:none!important}
body.xy-finance-page .card>.calc{margin:12px -16px 8px;border-radius:0;background:#fff;border-top:1px solid var(--xy-line);border-bottom:1px solid var(--xy-line)}
body.xy-finance-page .card>.amount-wrap{height:46px;margin-top:8px;padding:0 10px;border:0;border-radius:8px;background:#f5f7fb}
body.xy-finance-page .card>.amount-wrap i{font-size:18px;color:#5d687d}
body.xy-finance-page .card>.amount-wrap input{min-width:0;border:0;background:transparent;font-size:13px;font-weight:600}
body.xy-finance-page .card>.amount-wrap button{height:32px;border:0;background:transparent;color:#2385ff;font-size:12px}
body.xy-finance-page .withdraw-balance-row{display:flex;height:42px;align-items:center;justify-content:space-between;color:#5f6b82;font-size:11px}
body.xy-finance-page .withdraw-balance-row b{color:#2385ff}.withdraw-balance-row button{border:0;background:transparent;color:#2385ff;font-size:11px}
body.xy-finance-page .card>.submit{height:46px;margin-top:8px;border-radius:7px;background:#91b7eb;box-shadow:none}
body.xy-finance-page .page .calc{border-radius:8px;background:#f4f7fb}
body.xy-finance-page .page>.section{margin:12px 14px;padding:15px}

body.xy-service-page{background:#f4f6f9!important}
body.xy-service-page .app{max-width:750px;min-height:100dvh;padding-bottom:22px;background:#f4f6f9}
body.xy-service-page .hero{padding:0 0 13px!important;border-radius:0!important;background:#fff!important;color:var(--xy-ink)!important}
body.xy-service-page .hero .top{height:48px;padding:0 10px;border-bottom:1px solid var(--xy-line)}
body.xy-service-page .hero .top button{width:34px;height:34px;border-radius:8px;background:transparent;color:#596579}
body.xy-service-page .hero .top h1{font-size:17px}
body.xy-service-page .hero .top span{color:#8b95a7;font-size:10px}
body.xy-service-page .welcome{margin:13px 14px 0;padding:13px 15px;border-radius:10px;background:linear-gradient(135deg,#5d9cff,#2385ff);color:#fff}
body.xy-service-page .welcome h2{font-size:18px}
body.xy-service-page .welcome p{font-size:11px}
body.xy-service-page .quick{margin:0 14px 12px;padding:11px;border:1px solid var(--xy-line);border-radius:10px;box-shadow:none}
body.xy-service-page .cat{padding:9px 2px;border-radius:8px;background:#f5f8fc;font-size:11px}
body.xy-service-page .cat i{width:30px;height:30px;border-radius:8px;line-height:30px}
body.xy-service-page>.section,body.xy-service-page .app>.section{margin:10px 14px;padding:14px;border:1px solid var(--xy-line);border-radius:10px;box-shadow:none}
body.xy-service-page .live-avatar{border-radius:10px;background:#2385ff}
body.xy-service-page .live-start,body.xy-service-page .head button,body.xy-service-page .primary,body.xy-service-page .reply button{border-radius:8px;background:#2385ff}

/* Legacy personal subpages retain their data and actions under the shared shell. */
body.xy-legacy-user{margin:0;min-height:100dvh;background:#f4f6f9;color:var(--xy-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;letter-spacing:0;-webkit-tap-highlight-color:transparent}
body.xy-legacy-user *{box-sizing:border-box}
body.xy-legacy-user .wx_cfb_container{width:100%!important;max-width:750px!important;min-height:100dvh;margin:0 auto!important;padding:0 0 28px!important;background:#f4f6f9!important}
body.xy-legacy-user .wx_cfb_account_center_wrap{width:100%!important;margin:0!important}
body.xy-legacy-user .wx_cfb_ac_fund_detail{margin:0!important;padding:0!important;border:0!important;background:#fff!important;color:var(--xy-ink)!important;box-shadow:none!important}
body.xy-legacy-user .user_info{position:relative!important;display:flex!important;width:100%!important;height:48px!important;min-height:48px!important;margin:0!important;align-items:center!important;padding:0 48px!important;border-bottom:1px solid var(--xy-line)!important;background:#fff!important;color:var(--xy-ink)!important}
body.xy-legacy-user .user_info>.back,body.xy-legacy-user .user_info>img{position:absolute!important;z-index:3;left:10px!important;top:7px!important;width:34px!important;height:34px!important;margin:0!important;padding:8px!important;object-fit:contain!important;cursor:pointer}
body.xy-legacy-user .user_info>.back img{display:block!important;width:18px!important;height:18px!important;object-fit:contain!important;filter:brightness(.45)!important}
body.xy-legacy-user .user_info .titlexb{display:block!important;width:100%!important;color:var(--xy-ink)!important;font-size:17px!important;font-weight:800!important;line-height:48px!important;text-align:center!important}
body.xy-legacy-user .wx_cfb_entry_list{width:auto!important;margin:12px 14px 0!important;padding:0!important;overflow:hidden;border:1px solid var(--xy-line)!important;border-radius:10px!important;background:#fff!important;box-shadow:0 2px 8px rgba(31,55,94,.035)!important}
body.xy-legacy-user .blockrow{display:flex!important;min-height:54px!important;margin:0!important;padding:8px 14px!important;align-items:center!important;border:0!important;border-bottom:1px solid #edf0f4!important;background:#fff!important}
body.xy-legacy-user .blockrow:last-child{border-bottom:0!important}
body.xy-legacy-user .blockrow li{margin:0!important;padding:0!important;list-style:none!important}
body.xy-legacy-user .blockrow .lefttitle{color:#263149!important;font-size:14px!important;font-weight:700!important}
body.xy-legacy-user .blockrow .headerup img{width:42px!important;height:42px!important;border-radius:50%!important;object-fit:cover!important}
body.xy-legacy-user .blockrow .rightarr img{width:14px!important;height:14px!important;opacity:.45!important}
body.xy-profile-settings .wx_cfb_entry_list{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.xy-profile-settings .blockrow{min-height:48px!important;padding:6px 13px!important}
body.xy-profile-settings .blockrow .lefttitle{flex:0 0 auto!important;font-weight:500!important}
body.xy-profile-settings .blockrow .rightvalue{min-width:0;flex:1!important;margin-left:12px!important;color:#7f8899!important;font-size:12px!important;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.xy-profile-settings .settings-lock{margin-left:8px!important;color:#b8c2d2;font-size:11px}
body.xy-profile-settings .settings-gap{height:9px;background:#f4f6f9}
body.xy-profile-settings .blockrow .headerup{margin-left:auto!important}
body.xy-legacy-user .blockrow .inputbox{min-width:0!important}
body.xy-legacy-user .blockrow .inputbox input{width:100%!important;height:42px!important;padding:0 10px!important;border:0!important;background:#fff!important;color:#283248!important;font-size:14px!important;text-align:right!important;outline:0!important}
body.xy-legacy-user .blockrow.subbt{padding:13px!important}
body.xy-legacy-user .blockrow.subbt li{display:grid!important;width:100%!important;height:44px!important;place-items:center!important;border-radius:9px!important;background:#2385ff!important;color:#fff!important;font-size:15px!important;font-weight:800!important;cursor:pointer}

body.xy-record-page .user_info:after{content:"记录明细";position:absolute;inset:0;display:grid;place-items:center;color:var(--xy-ink);font-size:17px;font-weight:800;pointer-events:none}
body.xy-record-page .user_photo,body.xy-record-page .user_txt{display:none!important}
body.xy-record-page .fund_info{padding:10px 14px 14px!important;background:#fff!important}
body.xy-record-page .fund_info>.kv_tb_list{display:grid!important;grid-template-columns:repeat(3,1fr)!important;overflow:hidden;border:1px solid var(--xy-line)!important;border-radius:10px!important;background:#f7f9fc!important}
body.xy-record-page .fund_info .kv_item{float:none!important;width:auto!important;min-width:0!important;padding:10px 5px!important;border-right:1px solid var(--xy-line)!important;text-align:center!important}
body.xy-record-page .fund_info .kv_item:last-child{border-right:0!important}
body.xy-record-page .fund_info .val{display:block!important;color:#1a2340!important;font-size:14px!important;font-weight:800!important;line-height:20px!important}
body.xy-record-page .fund_info .key{display:block!important;margin-top:2px!important;color:#8b95a7!important;font-size:9px!important}
body.xy-record-page .wx_cfb_entry_list{overflow-x:auto!important;padding:12px!important}
body.xy-record-page .wx_cfb_entry_list>br{display:none!important}
body.xy-record-page .wx_cfb_entry_list>.kv_tb_list{display:grid!important;margin:0 0 12px!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important}
body.xy-record-page .wx_cfb_entry_list>.kv_tb_list .kv_item{float:none!important;width:auto!important;height:34px!important;margin:0!important;padding:0!important;border:1px solid #e3e8ef!important;border-radius:8px!important;background:#f4f6f9!important;color:#6c778a!important;font-size:11px!important;line-height:32px!important;box-shadow:none!important}
body.xy-record-page .wx_cfb_entry_list table{width:100%!important;min-width:520px!important;margin:0!important;border-collapse:collapse!important;border:0!important;background:#fff!important;color:#344056!important;font-size:11px!important}
body.xy-record-page .wx_cfb_entry_list th{height:38px!important;padding:7px!important;border:0!important;border-bottom:1px solid var(--xy-line)!important;background:#f7f9fc!important;color:#718096!important;font-weight:700!important;white-space:nowrap!important}
body.xy-record-page .wx_cfb_entry_list td{height:42px!important;padding:7px!important;border:0!important;border-bottom:1px solid #edf0f4!important;background:#fff!important;white-space:normal!important;word-break:break-word!important}
body.xy-record-page .record-page-shell{width:100%;max-width:750px;min-height:100dvh;margin:auto;background:#f3f6fb}
body.xy-record-page .record-page-head{position:relative;display:grid;height:48px;place-items:center;border-bottom:1px solid var(--xy-line);background:#fff}
body.xy-record-page .record-page-head button{position:absolute;left:8px;top:7px;width:34px;height:34px;border:0;background:transparent;color:#4e596e;font-size:24px}
body.xy-record-page .record-page-head h1{margin:0;font-size:16px}
body.xy-record-page .record-category-tabs{display:flex;height:37px;align-items:center;justify-content:space-around;border-bottom:1px solid var(--xy-line);background:#fff;color:#28334b;font-size:10px}
body.xy-record-page .record-category-tabs b{padding:4px 12px;border-radius:14px;background:#20aef1;color:#fff}
body.xy-record-page .record-game-filter{height:36px;margin:8px 14px 5px;border-radius:18px;background:#eef0f5;color:#28334b;font-size:12px;line-height:36px;text-align:center}
body.xy-record-page .record-game-filter span{float:right;margin-right:12px;color:#8e9ab1}
body.xy-record-page .record-date-tabs{display:flex;gap:4px;padding:0 13px 6px;background:#fff}
body.xy-record-page .record-date-tabs a{flex:1;height:24px;border:1px solid #dce2eb;border-radius:12px;color:#3c475d;font-size:9px;line-height:22px;text-align:center;text-decoration:none;white-space:nowrap}
body.xy-record-page .record-date-tabs a.active{border-color:#1baaf0;background:#1baaf0;color:#fff;font-weight:800}
body.xy-record-page .record-summary{display:grid;height:48px;grid-template-columns:repeat(4,1fr);background:#fff}
body.xy-record-page .record-summary div{display:flex;align-items:center;justify-content:center;flex-direction:column;border-right:1px solid var(--xy-line)}
body.xy-record-page .record-summary div:last-child{border-right:0}.record-summary span{color:#8b95a7;font-size:9px}.record-summary b{margin-top:2px;color:#2385ff;font-size:12px}
body.xy-record-page .record-empty{display:flex;min-height:315px;align-items:center;justify-content:center;flex-direction:column;color:#a2adbf}
body.xy-record-page .record-empty i{position:relative;width:62px;height:52px;border:1px solid #cbd3df;border-radius:5px}.record-empty i:before{position:absolute;left:23px;top:13px;width:13px;height:13px;border:2px solid #adb8c8;border-radius:50%;content:""}.record-empty i:after{position:absolute;left:36px;top:28px;width:10px;height:2px;background:#adb8c8;transform:rotate(-45deg);content:""}
body.xy-record-page .record-empty b{margin-top:9px;font-size:10px;font-weight:500}
body.xy-record-page .record-table-wrap{overflow:hidden;background:#fff}.record-table-wrap table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:10px}.record-table-wrap th,.record-table-wrap td{padding:8px 4px;border-bottom:1px solid var(--xy-line);text-align:center;word-break:break-word}.record-table-wrap th{color:#718096;background:#f7f9fc}.record-table-wrap td.win{color:#1b9b6a}.record-table-wrap td.loss{color:#e14d5a}
body.xy-legacy-user .wx_cfb_fixed_btn_box{display:none!important}

@media(max-width:360px){
    body.xy-legacy-user .wx_cfb_entry_list{margin-left:9px!important;margin-right:9px!important}
    body.xy-finance-page .page>.card,body.xy-finance-page .page>.section,body.xy-service-page .quick,body.xy-service-page .app>.section{margin-left:9px!important;margin-right:9px!important}
}

/* Lobby cards: keep the original game artwork while matching the compact two-column shell. */
body.xy-lobby-page .home-balance-refresh.is-loading img{animation:xyBalanceSpin .7s linear infinite}
body.xy-lobby-page .home-balance-refresh:disabled{cursor:default;opacity:.7}
@keyframes xyBalanceSpin{to{transform:rotate(360deg)}}

body.xy-lobby-page .game-browser .lottery-game-card{position:relative;isolation:isolate;aspect-ratio:1.385!important;border:1px solid #dfe5ec!important;border-radius:7px!important;background:#fff center/cover no-repeat!important;overflow:hidden!important}
body.xy-lobby-page .game-browser .lottery-game-card.is-home-hot{order:0}
body.xy-lobby-page .game-browser .lottery-game-card.has-featured-cover{background-image:var(--lottery-cover)!important}
body.xy-lobby-page .game-browser .lottery-game-card:after{display:none!important}
body.xy-lobby-page .game-browser .lottery-game-card>img.lottery-game-card__logo{position:absolute;z-index:0;right:-3px;bottom:-3px;display:block!important;width:58%!important;height:92%!important;object-fit:contain!important;opacity:1!important;filter:drop-shadow(0 3px 5px rgba(27,52,90,.12))}
body.xy-lobby-page .lottery-game-card__shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0,rgba(255,255,255,.9) 41%,rgba(255,255,255,.18) 72%,rgba(255,255,255,0) 100%);pointer-events:none}
body.xy-lobby-page .lottery-game-card:not(.has-featured-cover) .lottery-game-card__shade{background:linear-gradient(90deg,#fff 0,rgba(255,255,255,.96) 51%,rgba(255,255,255,.12) 100%)}
body.xy-lobby-page .lottery-game-card__main{position:absolute;z-index:2;inset:0;display:flex;min-width:0;align-items:flex-start;justify-content:flex-start;flex-direction:column;padding:7px 6px;box-sizing:border-box;color:#26334d;text-align:left}
body.xy-lobby-page .lottery-game-card__name{display:block;max-width:72%;overflow:hidden;color:inherit;font-size:10px;font-weight:800;line-height:15px;text-overflow:ellipsis;text-shadow:none;white-space:nowrap}
body.xy-lobby-page .lottery-game-card__desc{display:block;margin-top:0;color:#8a94a7;font-size:7px;line-height:10px;text-shadow:none}
body.xy-lobby-page .lottery-game-card__countdown{position:absolute;left:6px;bottom:6px;display:flex;height:14px;align-items:center;gap:2px;padding:0;border-radius:0;background:transparent;color:#7e8da5;font-size:7px;font-weight:700;line-height:14px;box-shadow:none}
body.xy-lobby-page .lottery-game-card__countdown img{display:block!important;width:9px!important;height:9px!important;object-fit:contain;opacity:.55}
body.xy-lobby-page .lottery-game-card__countdown b{min-width:27px;font:inherit;letter-spacing:0}
body.xy-lobby-page .lottery-game-card__countdown b.is-closed{color:#e26066}
body.xy-lobby-page .lottery-card-runtime{display:none!important}

body.xy-lobby-page .game-browser .arcade-game-card{display:grid!important;aspect-ratio:1.22!important;grid-template-rows:minmax(0,1fr) 36px;border:1px solid #dfe4eb!important;border-radius:8px!important;background:#fff!important;box-shadow:0 2px 7px rgba(31,55,94,.05)!important;overflow:hidden!important}
body.xy-lobby-page .game-browser .arcade-game-card{order:10}
body.xy-lobby-page .game-browser .arcade-game-card.is-category-hidden,body.xy-lobby-page .game-browser #arcadeFeatured.is-category-hidden{display:none!important}
body.xy-lobby-page .game-browser .arcade-game-card:after,body.xy-lobby-page .game-browser .arcade-game-card>img{display:none!important}
body.xy-lobby-page .arcade-card-cover{position:relative;min-height:0;overflow:hidden;background:#eef2f7}
body.xy-lobby-page .arcade-card-cover:after{position:absolute;inset:auto 0 0;height:18px;background:linear-gradient(transparent,rgba(11,24,46,.24));content:"";pointer-events:none}
body.xy-lobby-page .arcade-card-cover>img{display:block!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;background:#eef2f7!important;box-shadow:none!important;object-fit:cover!important}
body.xy-lobby-page .arcade-card-cover>img.arcade-game-logo-wide{padding:7px!important;background:#eef2f7!important;object-fit:contain!important;box-sizing:border-box}
body.xy-lobby-page .arcade-card-body{position:relative;display:grid;min-width:0;height:36px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:18px 14px;align-content:center;padding:2px 6px;background:#fff;box-sizing:border-box}
body.xy-lobby-page .arcade-card-name{grid-column:1/-1;min-width:0;overflow:hidden;color:#27344d;font-size:10px;font-weight:800;line-height:17px;text-overflow:ellipsis;white-space:nowrap}
body.xy-lobby-page .arcade-card-meta{display:flex;min-width:0;align-items:center;gap:4px;overflow:hidden;color:#98a1b1;font-size:7px;line-height:12px;white-space:nowrap}
body.xy-lobby-page .arcade-card-meta .arcade-game-state{color:#2d91e8;font-weight:700}
body.xy-lobby-page .arcade-game-result{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:2px;overflow:hidden;white-space:nowrap}
body.xy-lobby-page .arcade-game-result .arcade-result-chip{display:block;max-width:50px;overflow:hidden;padding:0 4px;border-radius:3px;background:#eef5ff;color:#347dcc;font-size:7px;line-height:12px;text-overflow:ellipsis;white-space:nowrap}
body.xy-lobby-page .arcade-game-result.is-waiting .arcade-result-chip{background:#f1f3f6;color:#929cac}

/* Reference categories use a single-column horizontal provider-card rhythm. */
body.xy-lobby-page .game-browser:not(.is-lottery-mode) .gamelist{padding:12px 21px 14px!important}
body.xy-lobby-page .game-browser:not(.is-lottery-mode) .local-game-list{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
body.xy-lobby-page .game-browser:not(.is-lottery-mode) .arcade-game-card{display:grid!important;width:100%!important;height:97px!important;aspect-ratio:auto!important;grid-template-columns:44% minmax(0,1fr)!important;grid-template-rows:95px!important;border:1px solid #e7edf4!important;border-radius:7px!important;background:#fff!important;box-shadow:0 3px 10px rgba(39,76,118,.08)!important}
body.xy-lobby-page .game-browser:not(.is-lottery-mode) .arcade-game-card.is-category-hidden{display:none!important}
body.xy-lobby-page .game-browser:not(.is-lottery-mode) .arcade-card-cover{grid-column:1;grid-row:1;height:95px;background:linear-gradient(135deg,#f4f9ff,#fff)!important}
body.xy-lobby-page .game-browser:not(.is-lottery-mode) .arcade-card-cover:after{inset:0 -1px 0 auto;width:24px;height:auto;background:linear-gradient(90deg,rgba(255,255,255,0),#fff);content:""}
body.xy-lobby-page .game-browser:not(.is-lottery-mode) .arcade-card-cover>img{padding:5px!important;background:transparent!important;object-fit:contain!important;object-position:center!important;box-sizing:border-box}
body.xy-lobby-page .game-browser:not(.is-lottery-mode) .arcade-card-body{grid-column:2;grid-row:1;display:grid;height:95px;grid-template-columns:minmax(0,1fr);grid-template-rows:29px 19px 24px;align-content:center;padding:8px 10px 7px 7px;background:#fff}
body.xy-lobby-page .game-browser:not(.is-lottery-mode) .arcade-card-name{grid-column:1;grid-row:1;color:#277eb9;font-size:14px;line-height:25px}
body.xy-lobby-page .game-browser:not(.is-lottery-mode) .arcade-card-meta{grid-column:1;grid-row:2;gap:6px;color:#8493a5;font-size:8px;line-height:18px}
body.xy-lobby-page .game-browser:not(.is-lottery-mode) .arcade-card-meta .arcade-game-state{color:#21a785}
body.xy-lobby-page .game-browser:not(.is-lottery-mode) .arcade-game-result{grid-column:1;grid-row:3;justify-content:flex-start}
body.xy-lobby-page .game-browser:not(.is-lottery-mode) .arcade-game-result .arcade-result-chip{max-width:100%;padding:0 7px;border:1px solid #d9e9f8;border-radius:3px;background:#f3f8fd;color:#4e779b;font-size:8px;line-height:17px}
body.xy-lobby-page .game-browser:not(.is-lottery-mode) .arcade-game-result.is-waiting .arcade-result-chip{border-color:#e2e7ed;background:#f6f7f9;color:#8b96a4}
body.xy-lobby-page .game-browser:not(.is-lottery-mode) .lottery-game-card{width:100%!important;height:97px!important;aspect-ratio:auto!important;border:1px solid #e7edf4!important;border-radius:7px!important;background:#fff!important;box-shadow:0 3px 10px rgba(39,76,118,.08)!important}
body.xy-lobby-page .game-browser:not(.is-lottery-mode) .lottery-game-card>img.lottery-game-card__logo{left:0!important;right:auto!important;bottom:0!important;width:44%!important;height:95px!important;padding:5px!important;background:linear-gradient(135deg,#f4f9ff,#fff)!important;object-fit:contain!important;box-sizing:border-box}
body.xy-lobby-page .game-browser:not(.is-lottery-mode) .lottery-game-card__shade{display:none}
body.xy-lobby-page .game-browser:not(.is-lottery-mode) .lottery-game-card__main{inset:0 0 0 44%;padding:10px 10px 8px 7px;background:#fff;color:#27344d}
body.xy-lobby-page .game-browser:not(.is-lottery-mode) .lottery-game-card__name{max-width:100%;color:#277eb9;font-size:14px;line-height:25px}
body.xy-lobby-page .game-browser:not(.is-lottery-mode) .lottery-game-card__desc{margin-top:0;color:#8493a5;font-size:8px;line-height:18px}
body.xy-lobby-page .game-browser:not(.is-lottery-mode) .lottery-game-card__countdown{left:7px;bottom:9px;height:17px;color:#4e779b;font-size:8px;line-height:17px}

@media(max-width:360px){
    body.xy-lobby-page .lottery-game-card__main{padding:6px 5px}
    body.xy-lobby-page .lottery-game-card__name{font-size:9px}
    body.xy-lobby-page .lottery-game-card__countdown{left:5px;bottom:5px}
    body.xy-lobby-page .game-browser .arcade-game-card{grid-template-rows:minmax(0,1fr) 34px}
    body.xy-lobby-page .arcade-card-body{height:34px;padding-left:5px;padding-right:5px}
    body.xy-lobby-page .game-browser:not(.is-lottery-mode) .gamelist{padding-left:19px!important;padding-right:19px!important}
    body.xy-lobby-page .game-browser:not(.is-lottery-mode) .arcade-game-card{height:97px!important;grid-template-rows:95px!important}
    body.xy-lobby-page .game-browser:not(.is-lottery-mode) .arcade-card-cover,body.xy-lobby-page .game-browser:not(.is-lottery-mode) .arcade-card-body{height:95px}
    body.xy-lobby-page .game-browser:not(.is-lottery-mode) .lottery-game-card{height:97px!important}
    body.xy-lobby-page .game-browser:not(.is-lottery-mode) .lottery-game-card>img.lottery-game-card__logo{height:95px!important}
}