/* Appearance and full-card artwork. Keep this after the shared page styles. */
:root{--bc-bg:#11141a;--bc-surface:#1c2028;--bc-raised:#252a34;--bc-line:#ffffff0e;--bc-text:#f4f1e9;--bc-muted:#a0a6b4;--bc-gold:#dbc18c;--bc-soft:#dbc18c10;color-scheme:dark}
:root[data-theme=white-blue]{
 --bc-bg:#f4f7fc;--bc-surface:#fff;--bc-raised:#edf3fd;--bc-line:#dce5f1;--bc-text:#172945;--bc-muted:#657891;--bc-gold:#2469da;--bc-soft:#2469da0d;color-scheme:light;
 --Base-Background:#f4f7fc;--Base-Background-RGB:244,247,252;--Base-Background_Dark:#edf3fd;--Base-Background_Dark_0:#edf3fd00;--Base-Background_Light:#fff;--Base-Background_Light_0:#ffffff00;--Base-Accent:#172945;--Base-Inverse:#fff;--Depressed:#172945a8;
 --Accent-Accent:#2469da;--Accent-Accent-RGB:36,105,218;--Accent-Accent_hover:#397de9;--Accent-Accent_Pressed:#1c54b4;--Accent-Tonal-Bright:#edf3fd;--Neutral-Neutral_48:#657891;--Neutral-Neutral_56:#657891;--Neutral-Neutral_72:#3e5675;--Neutral-Neutral_100:#172945;
}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--bc-gold);outline-offset:3px}
#app .e-page button:focus-visible{outline:2px solid var(--bc-gold);outline-offset:3px}

/* The artwork fills the entire card. Names sit on a small bottom gradient. */
#app .e-game{position:relative;aspect-ratio:.82;overflow:hidden;border-radius:13px;isolation:isolate}
#app .e-game-cover{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:inherit}
#app .e-game-cover>img,#app .e-provider>img,#app .all-games .game-card__image,#app .recent-game-card__image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none;max-height:none;object-fit:cover;object-position:center;padding:0;margin:0;display:block;border-radius:0}
#app .e-game:after{content:"";position:absolute;inset:auto 0 0;height:48px;background:linear-gradient(0deg,#07101ae8,#07101a85 52%,transparent);pointer-events:none;z-index:1}
#app .e-game>strong,#app .e-game>small{position:absolute;left:9px;right:9px;margin:0;z-index:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px #0007}
#app .e-game>strong{bottom:19px;font-size:11px;font-weight:600;color:#fff;line-height:1.4}
#app .e-game>small{bottom:6px;font-size:9px;line-height:1.3;color:#d4deed}
#app .e-game-badge{top:6px;bottom:auto;z-index:2;margin:0;backdrop-filter:none;background:#101621d9;color:#f2d79f;border-color:#e9d09855}
#app .e-game-play{display:none;position:absolute;inset:0;margin:0;place-items:center;background:#11182045}
#app .e-game:hover .e-game-play,#app .e-game:focus-visible .e-game-play{display:grid}
#app .e-save{z-index:3;backdrop-filter:none}
#app .e-save.is-saved{color:#f3d795}
#app .e-save.is-saved svg{fill:#f3d79555}
#app .e-provider{min-height:112px;align-items:flex-end;padding:12px;border:0;background:#24344e;isolation:isolate}
#app .e-provider>img{opacity:1}
#app .e-provider:after{content:"";position:absolute;inset:auto 0 0;height:65px;background:linear-gradient(0deg,#07101ae8,#07101a66 65%,transparent);z-index:1;pointer-events:none}
#app .e-provider>div{position:relative;z-index:2}
#app .e-provider strong{color:#fff;font-weight:650;line-height:1.3}
#app .e-provider small{color:#d4deed;margin-top:3px}
#app .e-provider-arrow{z-index:2;display:grid;place-items:center;top:8px;right:8px;width:24px;height:24px;border-radius:7px;background:#101621b8;color:#fff}
#app .all-games .game-card{overflow:hidden;border:0;border-radius:13px;isolation:isolate}
#app .all-games .category-tab.active{background:var(--bc-soft)!important}
#app .all-games .game-card__image-wrapper{aspect-ratio:.82;overflow:hidden;contain:layout paint;border-radius:inherit}
#app .recent-game-card__image-wrapper{overflow:hidden}
#app .all-games .game-card__title-overlay,#app .recent-game-card__title-overlay{height:42px;padding:16px 8px 7px;background:linear-gradient(0deg,#07101ae8,#07101a73 55%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}
#app .all-games .game-card__title-overlay:before,#app .recent-game-card__title-overlay:before{display:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#app .all-games .game-card__title,#app .recent-game-card__title{color:#fff!important;font-size:11px;font-weight:600;text-shadow:0 1px 3px #0007}

/* Theme settings live in My Account, with a single accessible switch. */
#app .e-brand{flex:1;min-width:0}
#app .e-brand>div:last-child{min-width:0}
#app .e-brand strong{max-width:100%}
.appearance-setting{display:flex;align-items:center;justify-content:space-between;gap:16px}
.appearance-setting-copy{min-width:0}
.appearance-setting-copy strong{font-size:12px;font-weight:500}
.appearance-setting-copy p{margin:3px 0 0;font-size:10px;color:var(--bc-muted);line-height:1.6}
.appearance-switch{position:relative;flex:0 0 44px;width:44px;min-height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--bc-gold);cursor:pointer}
.appearance-track{position:absolute;left:4px;top:12px;width:36px;height:20px;border:1px solid var(--bc-line);border-radius:20px;background:var(--bc-raised);transition:background .2s,border-color .2s}
.appearance-thumb{position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#f4f1e9;box-shadow:0 1px 3px #0002;transition:transform .2s}
.appearance-switch.is-on .appearance-track{background:var(--bc-gold);border-color:var(--bc-gold)}
.appearance-switch.is-on .appearance-thumb{transform:translateX(16px);background:#fff}
.auth-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:40px}
.auth-topbar .auth-brand{margin:0;min-width:0}
.auth-topbar .auth-brand>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.auth-brand-mark{flex-shrink:0}

/* White / blue palette for the shared shell and every maintained page. */
:root[data-theme=white-blue] body{background:#e9eef7;color:var(--bc-text)}
:root[data-theme=white-blue] #app{background:var(--bc-bg);border-color:#dce5f1;box-shadow:0 0 90px #244d8612}
:root[data-theme=white-blue] .e-brand-mark{border-color:#2469da30;background:linear-gradient(135deg,#2469da14,#2469da04)}
:root[data-theme=white-blue] .e-brand small{color:var(--bc-muted)}
:root[data-theme=white-blue] .e-banner{border-color:#2469da25;background:#e9f0fc}
:root[data-theme=white-blue] .e-slide{background:radial-gradient(ellipse at 95% 15%,#78a9f54d,transparent 65%),linear-gradient(120deg,#e9f1fe,#e1ebfc)}
:root[data-theme=white-blue] .e-slide:after{background:linear-gradient(90deg,#eaf2fef5 5%,#eaf2febd 55%,#eaf2fe20)}
:root[data-theme=white-blue] .e-slide-copy>strong{color:#153764}
:root[data-theme=white-blue] .e-slide-copy>p{color:#516f94}
:root[data-theme=white-blue] .e-slide-copy .e-hero-badge{background:#2469da08;border-color:#2469da33;color:#2469da}
:root[data-theme=white-blue] .e-slide-copy .e-hero-cta,:root[data-theme=white-blue] .e-gold,:root[data-theme=white-blue] .mini-primary{background:linear-gradient(120deg,#397de9,#2469da);color:#fff;border-color:#2469da55;box-shadow:0 3px 8px #2469da10}
:root[data-theme=white-blue] .e-hero-art i{border-color:#2469da40;background:linear-gradient(150deg,#719feb33,#2469da0b);box-shadow:0 15px 30px #2469da12}
:root[data-theme=white-blue] .e-hero-art>svg{color:#2469da;filter:drop-shadow(0 3px 10px #2469da10)}
:root[data-theme=white-blue] .e-dots button:after{background:#2469da40}
:root[data-theme=white-blue] .e-notice{background:#2469da05;border-color:#2469da10;color:#5d7391}
:root[data-theme=white-blue] .e-account{background:radial-gradient(ellipse at 100% 0,#2469da07,transparent 70%),#fff;border-color:#d5e1f2;box-shadow:0 6px 20px #244d8605}
:root[data-theme=white-blue] .e-vip{border-color:#2469da30;background:#2469da08}
:root[data-theme=white-blue] .e-balance{color:#172945}
:root[data-theme=white-blue] .e-account-caption,:root[data-theme=white-blue] .e-balance-label,:root[data-theme=white-blue] .e-balance-label button,:root[data-theme=white-blue] .e-balance button{color:var(--bc-muted)}
:root[data-theme=white-blue] .e-outline{background:#2469da04;border-color:#2469da30}
:root[data-theme=white-blue] .e-quick{border-color:#e5edf8}
:root[data-theme=white-blue] .e-quick button{color:#5f7290}
:root[data-theme=white-blue] .e-count{background:#edf3fd;color:#657891}
:root[data-theme=white-blue] .e-muted,:root[data-theme=white-blue] .e-eyebrow{color:var(--bc-muted)}
:root[data-theme=white-blue] .e-search{background:#fff}
:root[data-theme=white-blue] .e-search>.e-icon,:root[data-theme=white-blue] .e-search button{color:#6b83a2}
:root[data-theme=white-blue] .e-search input::placeholder{color:#7c8fa8}
:root[data-theme=white-blue] .e-search>span{border-color:#dce5f1;color:#7c8fa8}
:root[data-theme=white-blue] .e-categories button{background:#fff;color:#5f7492}
:root[data-theme=white-blue] .e-categories button.active{background:#2469da0d;border-color:#2469da40;color:#2469da}
:root[data-theme=white-blue] .e-game-tabs{border-color:#dce5f1}
:root[data-theme=white-blue] .e-game-tabs button{color:#6a7e99}
:root[data-theme=white-blue] .e-game-tabs button.active{color:#2469da}
:root[data-theme=white-blue] .e-lobby{background:#fff;color:#526d90}
:root[data-theme=white-blue] .e-winners{background:#fff}
:root[data-theme=white-blue] .e-winner{border-color:#edf2fa}
:root[data-theme=white-blue] .e-winner-avatar{background:#2469da0b;color:#2469da}
:root[data-theme=white-blue] .e-winner small{color:var(--bc-muted)}
:root[data-theme=white-blue] .e-home-footer,:root[data-theme=white-blue] .e-home-footer>span{color:#7185a0}
:root[data-theme=white-blue] .e-home-footer>svg{color:#2469da}
:root[data-theme=white-blue] .e-home-footer strong{color:#4f688b}
:root[data-theme=white-blue] .e-game-skeleton,:root[data-theme=white-blue] .mini-skeleton{background:linear-gradient(100deg,#e8effa 30%,#d6e3f7 50%,#e8effa 70%);background-size:300% 100%}
:root[data-theme=white-blue] .mini-head p{color:var(--bc-muted)}
:root[data-theme=white-blue] .mini-card{background:linear-gradient(125deg,#fff,#fbfcff);border-color:#dce5f1;box-shadow:0 6px 20px #244d8605}
:root[data-theme=white-blue] .mini-secondary,:root[data-theme=white-blue] .mini-back{background:#edf3fd;border-color:#dce5f1;color:#4a668b}
:root[data-theme=white-blue] .mini-tabs button{background:#fff;color:#657891}
:root[data-theme=white-blue] .mini-tabs button.active{background:#2469da0d;border-color:#2469da40;color:#2469da}
:root[data-theme=white-blue] .mini-stat{background:#f4f7fd;border-color:#e5edf8}
:root[data-theme=white-blue] .mini-stat span,:root[data-theme=white-blue] .mini-sub,:root[data-theme=white-blue] .mini-rules,:root[data-theme=white-blue] .mini-footnote{color:var(--bc-muted)}
:root[data-theme=white-blue] .mini-pill{background:#2469da0b;border-color:#2469da30}
:root[data-theme=white-blue] .mini-progress{background:#e2ebf8}
:root[data-theme=white-blue] .mini-progress i{background:linear-gradient(90deg,#7ea8ee,#2469da)}
:root[data-theme=white-blue] .mini-toast{background:#fff;border-color:#2469da40;color:#244c83;box-shadow:0 12px 35px #244d8620}
:root[data-theme=white-blue] .mini-state{background:#f7faff;border-color:#cbdaf0;color:#657891}
:root[data-theme=white-blue] .mini-text-link,:root[data-theme=white-blue] .profile-link>span{color:#2469da}
:root[data-theme=white-blue] .mini-table tr.current{background:#2469da08}
:root[data-theme=white-blue] .profile-link{color:#172945}
:root[data-theme=white-blue] .profile-link small{color:var(--bc-muted)}
:root[data-theme=white-blue] .invite-link{background:#f4f8ff;border-color:#ccdcf5;color:#2469da}
:root[data-theme=white-blue] .vip-level-card{background:linear-gradient(130deg,#f5f8fe,#e4edfc);border-color:#dce5f1;color:#172945}
:root[data-theme=white-blue] .vip-level-card.selected{background:linear-gradient(130deg,#edf4ff,#d4e4fc);border-color:#2469da60}
:root[data-theme=white-blue] .vip-level-card small,:root[data-theme=white-blue] .vip-requirement{color:#5e7798}
:root[data-theme=white-blue] .vip-level-card:after{color:#2469da20}
:root[data-theme=white-blue] .e-block{border-top-color:#e5edf8!important}
:root[data-theme=white-blue] .e-table-wrap{border-color:#dce5f1}
:root[data-theme=white-blue] .e-table th{background:#edf3fd}
:root[data-theme=white-blue] .e-table td{border-color:#e5edf8}
:root[data-theme=white-blue] .e-rule-title{background:linear-gradient(100deg,#397de9,#2469da);color:#fff}
:root[data-theme=white-blue] .e-rule{color:#657891}
:root[data-theme=white-blue] .e-rule b{background:#2469da;color:#fff}
:root[data-theme=white-blue] .e-formula{border-color:#2469da25;background:#edf3fd}
:root[data-theme=white-blue] .e-footnote{color:#657891}

/* Funding forms, records and wallet use the same palette. */
:root[data-theme=white-blue] .funds-topbar,:root[data-theme=white-blue] .funds-field>span{color:#5f7492}
:root[data-theme=white-blue] .funds-field input{background:#f7faff;border-color:#d5e1f2}
:root[data-theme=white-blue] .funds-field input:focus{border-color:#2469da80;box-shadow:0 0 0 3px #2469da0c}
:root[data-theme=white-blue] .funds-field input::placeholder{color:#7c8fa8}
:root[data-theme=white-blue] .funds-methods button{background:#f4f7fd;color:#657891;border-color:#dce5f1}
:root[data-theme=white-blue] .funds-methods button.active{border-color:#2469da60;background:#2469da08;color:#2469da}
:root[data-theme=white-blue] .funds-balance{border-color:#e5edf8}
:root[data-theme=white-blue] .funds-balance>span{color:#657891}
:root[data-theme=white-blue] .funds-presets button{border-color:#dce5f1;background:#edf3fd;color:#4a668b}
:root[data-theme=white-blue] .funds-form-note,:root[data-theme=white-blue] .funds-record p,:root[data-theme=white-blue] .funds-record small,:root[data-theme=white-blue] .funds-review-row>span{color:#657891}
:root[data-theme=white-blue] .funds-error{border-color:#cf544e30;background:#fff4f3;color:#a5443e}
:root[data-theme=white-blue] .funds-success>svg{background:#2469da08;border-color:#2469da30}
:root[data-theme=white-blue] .funds-review-row>strong{color:#244c83}
:root[data-theme=white-blue] .funds-bot-link{background:#f4f8ff;color:#526d90}
:root[data-theme=white-blue] .funds-status{background:#2469da0b}
:root[data-theme=white-blue] .funds-status.status-1{color:#34734b;background:#34734b0d}
:root[data-theme=white-blue] .funds-status.status-2,:root[data-theme=white-blue] .funds-status.status-3{color:#9c574e;background:#9c574e0d}
:root[data-theme=white-blue] #app .all-games .all-games-fixed-header,:root[data-theme=white-blue] #app .all-games .all-games-header,:root[data-theme=white-blue] #app .wallet-fixed-header{background:var(--bc-bg)}
:root[data-theme=white-blue] #app .all-games .category-tab,:root[data-theme=white-blue] #app .all-games .supplier-tab{background:#fff;border-color:#dce5f1;color:#657891}
:root[data-theme=white-blue] #app .all-games .category-tab.active,:root[data-theme=white-blue] #app .all-games .supplier-tab.active{background:#2469da0d;border-color:#2469da40;color:#2469da}
:root[data-theme=white-blue] #app .all-games .search-icon-button{background:#fff}
:root[data-theme=white-blue] #app .all-games .search-box{background:#fff;border-color:#dce5f1}
:root[data-theme=white-blue] #app .wallet-item{background:#fff;border-color:#dce5f1}
:root[data-theme=white-blue] #app .wallet-item__name{color:#172945}
:root[data-theme=white-blue] #app .wallet-item__label,:root[data-theme=white-blue] #app .wallet-subtitle{color:#657891}
:root[data-theme=white-blue] #app .wallet-item__icon{background:#edf3fd}
:root[data-theme=white-blue] #app .wallet-allout-btn,:root[data-theme=white-blue] #app .wallet-page .action-btn--transfer-in{background:linear-gradient(120deg,#397de9,#2469da);color:#fff}
:root[data-theme=white-blue] #app .wallet-page .action-btn--transfer-out{background:#edf3fd;border-color:#dce5f1;color:#4a668b}
:root[data-theme=white-blue] #bottom-menu .menu__nav{background:#fffffff2!important;border-color:#dce5f1!important;box-shadow:0 8px 25px #244d861a!important}
:root[data-theme=white-blue] #bottom-menu .menu__indicator{background:#2469da0c!important;border-color:#2469da22!important}
:root[data-theme=white-blue] #bottom-menu .menu__btn:not(.active) .menu__label{color:#657891!important}
:root[data-theme=white-blue] #bottom-menu .menu__btn .menu__icon{color:#657891}

/* The standalone Telegram login page shares the same remembered preference. */
:root[data-theme=white-blue] body:has(.auth-shell){background:radial-gradient(ellipse at 50% 15%,#2469da0a,transparent 65%),#f4f7fc}
:root[data-theme=white-blue] .auth-brand-mark{border-color:#2469da30;background:#2469da08;color:#2469da}
:root[data-theme=white-blue] .auth-card{background:radial-gradient(circle at 50% 10%,#2469da08,transparent 45%),#fff;border-color:#d5e1f2;box-shadow:0 20px 70px #244d8610}
:root[data-theme=white-blue] .auth-illustration span{border-color:#2469da40;background:linear-gradient(140deg,#2469da1a,#2469da03)}
:root[data-theme=white-blue] .auth-illustration span:nth-child(2){background:linear-gradient(145deg,#2469da20,#edf3fd)}
:root[data-theme=white-blue] .auth-illustration svg,:root[data-theme=white-blue] .auth-kicker{color:#2469da}
:root[data-theme=white-blue] .auth-description,:root[data-theme=white-blue] .auth-config-state,:root[data-theme=white-blue] .auth-features span,:root[data-theme=white-blue] .auth-footer{color:#657891}
:root[data-theme=white-blue] .auth-telegram-link{border-color:#2469da30;background:#2469da08;color:#2469da}
:root[data-theme=white-blue] .auth-telegram-link>span,:root[data-theme=white-blue] .auth-features b,:root[data-theme=white-blue] .auth-footer a{color:#2469da}
:root[data-theme=white-blue] .auth-divider{color:#7c8fa8}
:root[data-theme=white-blue] .auth-divider:before,:root[data-theme=white-blue] .auth-divider:after{background:#e5edf8}
@media(max-width:350px){#app .e-game>strong{font-size:10px;left:7px;right:7px}#app .e-game>small{left:7px;right:7px}#app .e-provider{min-height:104px;padding:10px}.auth-topbar{margin-bottom:25px}}

/* Blue-white theme: remove remaining dark surfaces in the home lobby. */
:root[data-theme=white-blue] .app-container:has(.e-page),:root[data-theme=white-blue] .e-page{background:#f4f7fc;color:#172945}
:root[data-theme=white-blue] .e-winner-carousel .e-winners-viewport{overflow:hidden;margin:0 -16px;padding:0 16px;mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%)}
:root[data-theme=white-blue] .e-winner-carousel .e-winners{display:flex;flex-direction:row;width:max-content;gap:10px;background:transparent;overflow:visible;animation:e-winner-scroll-x 42s linear infinite;will-change:transform}
:root[data-theme=white-blue] .e-winner-carousel .e-winners:hover{animation-play-state:paused}
:root[data-theme=white-blue] .e-winner-carousel .e-winner{display:flex;align-items:center;gap:10px;width:220px;min-height:64px;padding:8px 10px;border:1px solid #dce5f1;border-radius:10px;background:#fff;box-shadow:0 5px 16px #244d860a;flex:0 0 220px}
:root[data-theme=white-blue] .e-winner-carousel .e-winner-image{width:46px;height:46px;flex:0 0 46px;border-radius:10px;object-fit:cover;background:#edf3fd}
:root[data-theme=white-blue] .e-winner-carousel .e-winner-copy{min-width:0;flex:1;text-align:left}
:root[data-theme=white-blue] .e-winner-carousel .e-winner-copy span{color:#172945;font-size:12px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:root[data-theme=white-blue] .e-winner-carousel .e-winner-copy small{display:block;margin-top:4px;color:#657891;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:root[data-theme=white-blue] .e-winner-carousel .e-winner>strong{flex:0 0 auto;color:#2469da;font-size:13px;font-weight:700}
@keyframes e-winner-scroll-x{from{transform:translateX(0)}to{transform:translateX(-50%)}}
:root[data-theme=white-blue] .e-provider{background:linear-gradient(135deg,#edf4ff,#fff);border:1px solid #dce5f1}
:root[data-theme=white-blue] .e-provider:after{background:linear-gradient(0deg,#ffffffe6,#ffffff80 65%,transparent)}
:root[data-theme=white-blue] .e-provider strong{color:#172945}
:root[data-theme=white-blue] .e-provider small{color:#657891}
:root[data-theme=white-blue] .e-provider-arrow{background:#2469da12;color:#2469da}
:root[data-theme=white-blue] .e-game-badge{background:#2469dae6;color:#fff;border-color:#2469da99}

/* Blue-white is the light theme for the whole Mini App, including icons and media overlays. */
:root[data-theme=white-blue] body,:root[data-theme=white-blue] #app,:root[data-theme=white-blue] .app-container{background:#f4f7fc;color:#172945}
:root[data-theme=white-blue] .e-page{--e-bg:#f4f7fc;--e-card:#fff;--e-gold:#2469da;--e-muted:#657891;background:#f4f7fc;color:#172945}
:root[data-theme=white-blue] .e-brand{color:#2469da}
:root[data-theme=white-blue] .e-brand small{color:#657891}
:root[data-theme=white-blue] .e-top-actions button{color:#2469da}
:root[data-theme=white-blue] .e-coin{color:#2469da;border-color:#2469da}
:root[data-theme=white-blue] .e-page-title{background:#fff;color:#172945}
:root[data-theme=white-blue] .e-soft{background:#edf3fd;color:#4a668b}
:root[data-theme=white-blue] .e-referral{border-top-color:#e5edf8}
:root[data-theme=white-blue] .e-link-box{background:#f4f8ff;color:#657891}
:root[data-theme=white-blue] .e-refresh,:root[data-theme=white-blue] .e-formula{background:#edf3fd;border-color:#dce5f1;color:#2469da}
:root[data-theme=white-blue] .e-amount small{color:#657891}
:root[data-theme=white-blue] .e-settlement{color:#3e5675}
:root[data-theme=white-blue] .e-game:after{background:linear-gradient(0deg,#fffffff2,#ffffffa3 55%,transparent)}
:root[data-theme=white-blue] .e-game>strong{color:#172945;text-shadow:none;font-weight:700}
:root[data-theme=white-blue] .e-game>small{color:#657891;text-shadow:none}
:root[data-theme=white-blue] .e-game-play{background:#2469da24;color:#2469da}
:root[data-theme=white-blue] .e-game-play svg{color:#2469da}
:root[data-theme=white-blue] .e-save{background:#fffffff2;border:1px solid #dce5f1;color:#657891;box-shadow:0 3px 10px #244d861a}
:root[data-theme=white-blue] .e-save.is-saved{color:#2469da}
:root[data-theme=white-blue] .e-save.is-saved svg{fill:#2469da33}

/* Dual brand assets: dark/gold for dark theme, blue/light for white-blue. */
.brand-logo-light{display:none}
:root[data-theme=white-blue] .brand-logo-dark{display:none!important}
:root[data-theme=white-blue] .brand-logo-light{display:block!important}
:root[data-theme=white-blue] .e-brand-mark,:root[data-theme=white-blue] .auth-brand-mark{background:#fff;border:1px solid #dce5f1;box-shadow:0 4px 14px #2469da14}
:root[data-theme=white-blue] .global-logo{content:url('/vue/images/platform-logo-light.svg')}

/* ============================================================
   首页 / 游戏大厅紧凑化 + 手机→桌面自适应
   ============================================================ */

/* ---------- 首页：压缩顶部，首屏直接看到第一行游戏 ---------- */
#app .e-home .e-topbar{height:34px;margin-bottom:6px}
#app .e-home .e-brand img{width:22px;height:22px}
#app .e-home .e-brand strong{font-size:13px}
#app .e-home .e-brand small{display:none}
#app .e-home .e-banner{aspect-ratio:3.2;margin-bottom:8px}
#app .e-home .e-slide-copy{top:12px;left:13px;max-width:78%}
#app .e-home .e-slide-copy>strong{font-size:16px}
#app .e-home .e-slide-copy>p{margin:3px 0 0;font-size:10px;line-height:1.5}
#app .e-home .e-slide-copy>span{margin-top:5px;font-size:10px}
#app .e-home .e-hero-cta{padding:4px 9px}
#app .e-home .e-dots{bottom:6px}
#app .e-home .e-notice{margin:8px 0}
#app .e-home .e-account{margin:8px 0 10px;gap:8px}
#app .e-home .e-name{font-size:12px}
#app .e-home .e-balance{font-size:15px;margin-top:5px}
#app .e-home .e-gold,#app .e-home .e-outline{padding:8px 13px;font-size:11px}
#app .e-home .e-quick{gap:10px}
#app .e-home .e-quick button{gap:4px;font-size:9px}
#app .e-home .e-quick svg{width:20px;height:20px}
#app .e-home .e-home-section{margin-top:12px}
#app .e-home .e-home-section .e-heading{margin-bottom:8px}
#app .e-home .e-home-section .e-heading h2{font-size:16px}
#app .e-home .e-search{margin-top:8px;padding:7px 10px}
#app .e-home .e-categories button{padding:6px 12px;font-size:11px}
#app .e-home .e-game-tabs{margin-top:8px}
#app .e-home .e-games{gap:10px 8px}
#app .e-home .e-lobby{margin-top:12px;padding:11px 13px}
#app .e-home .e-home-footer{margin-top:14px;padding-top:12px}

/* ---------- 游戏大厅：顶部更矮，分类一进来就全部可见 ---------- */
#app .all-games .all-games-header{padding:2px 0}
#app .all-games .all-games-title{font-size:17px;font-weight:650}
#app .all-games .all-games-fixed-header{padding-bottom:8px}
#app .all-games .category-tabs{flex-wrap:wrap;overflow:visible;gap:6px;margin-bottom:8px}
#app .all-games .category-tab{padding:6px 11px;font-size:12px;gap:5px}
#app .all-games .category-tab__icon svg{width:15px;height:15px}
#app .all-games .supplier-search-row{margin-bottom:8px;gap:8px}
#app .all-games .supplier-tabs{margin-bottom:8px;gap:6px}
#app .all-games .supplier-tab{padding:5px 11px;font-size:12px}
#app .all-games .all-games-toolbar{margin-bottom:8px}
#app .all-games .search-icon-button{width:34px;height:34px}

/* ---------- 手机→桌面：网格随宽度增加列数 ---------- */
@media (min-width:600px){
  #app .e-home .e-games{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}
  #app .e-home .e-banner{aspect-ratio:4.2}
  #app .e-home .e-slide-copy>strong{font-size:19px}
  #app .e-home .e-slide-copy>p{font-size:11px}
  #app .all-games .all-games-title{font-size:20px}
}
@media (min-width:760px){
  #app .e-home .e-games{grid-template-columns:repeat(auto-fill,minmax(126px,1fr))}
  #app .all-games .virtual-games-list .virtual-scroll-item{width:calc((100% - 24px)/4)}
}
@media (min-width:1000px){
  #app .e-home .e-games{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
  #app .all-games .virtual-games-list .virtual-scroll-item{width:calc((100% - 32px)/5)}
  #app .all-games .all-games-title{font-size:22px}
}
#app .e-home .e-games{transition:grid-template-columns .35s ease}
#app .all-games .virtual-games-list .virtual-scroll-item{transition:width .35s ease}

/* ---------- 修正：首页在 flex 列布局里被压缩（轮播被挤成一条线） ---------- */
#app main.e-home > *{flex-shrink:0}
#app main.e-home .e-banner{flex:0 0 auto}
/* 桌面端内容列收窄居中，避免横向拉得过宽 */
@media (min-width:900px){
  #app main.e-home{max-width:820px!important;margin-left:auto;margin-right:auto}
  #app .e-home .e-quick{justify-content:space-between}
}

/* ---------- 启动页：品牌名 + 主题自适应 logo ---------- */
#app .loading-brand,.loading-brand{margin-top:14px;font-size:19px;font-weight:650;letter-spacing:.5px;color:var(--bc-text,#172945);text-align:center}
:root[data-theme=white-blue] .loading-page{background:#f4f7fc}
:root[data-theme=white-blue] .loading-page .logo{filter:none}

/* ---------- 游戏跳转提示 ---------- */
.game-open-tip{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#0b1220f2;color:#e8f1ff;font-size:14px;text-align:center;padding:24px}
.game-open-tip p{margin:0;line-height:1.7}
.game-open-tip__hint{font-size:12px;color:#9fb3cc}
.game-open-tip__hint a{color:#5aa2ff;text-decoration:underline}

/* ---------- 加载页：保证进度条始终有可见动效 ---------- */
.loading-page .progress-bar{position:relative;overflow:hidden}
.loading-page .progress-bar:after{content:"";position:absolute;top:0;bottom:0;width:35%;border-radius:999px;background:linear-gradient(90deg,#397de9,#2469da);animation:bc-loading-indeterminate 1.2s ease-in-out infinite}
@keyframes bc-loading-indeterminate{0%{left:-35%}100%{left:100%}}
:root[data-theme=white-blue] .loading-page .status-text{color:#3e5675}
:root[data-theme=white-blue] .loading-page .progress-bar{background:#e3ebf7}
:root[data-theme=white-blue] .loading-page .progress-fill{background:linear-gradient(90deg,#397de9,#2469da)}
/* ---------- 近期投注：横向滚动轮播（深色主题与浅色主题通用） ---------- */
.e-winner-carousel .e-winners-viewport{overflow:hidden;margin:0 -16px;padding:0 16px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%)}
.e-winner-carousel .e-winners{display:flex;flex-direction:row;width:max-content;gap:10px;border:0;border-radius:0;background:transparent;overflow:visible;animation:e-winner-scroll-x 42s linear infinite;will-change:transform}
.e-winner-carousel .e-winners:hover{animation-play-state:paused}
.e-winner-carousel .e-winner{display:flex;align-items:center;gap:10px;width:220px;min-height:64px;flex:0 0 220px;padding:8px 10px;border:1px solid var(--bc-line,#2b3140);border-radius:10px;background:#1b2028}
.e-winner-carousel .e-winner:last-child{border:1px solid var(--bc-line,#2b3140)}
.e-winner-carousel .e-winner-image{width:46px;height:46px;flex:0 0 46px;border-radius:10px;object-fit:cover;background:#12161d}
.e-winner-carousel .e-winner-copy{min-width:0;flex:1;text-align:left}
.e-winner-carousel .e-winner-copy span{display:block;font-size:12px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.e-winner-carousel .e-winner-copy small{display:block;margin-top:4px;color:#7e8c9e;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.e-winner-carousel .e-winner>strong{flex:0 0 auto;font-size:13px;font-weight:700}