/* platform-ui.css */
.mini-page{--line:#273447;--muted:#899aaf;background:radial-gradient(circle at 100% 0,#193d3033,transparent 45%),#0c121c;color:#edf2f8;min-height:100%;padding:20px 16px calc(112px + env(safe-area-inset-bottom));font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mini-page *{box-sizing:border-box}.mini-page button{font:inherit;cursor:pointer}.mini-kicker{color:#88b5a1;font-size:10px;letter-spacing:2px;font-weight:800;margin-bottom:9px}.mini-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.mini-head h1{font-size:28px;letter-spacing:-.8px;margin:0}.mini-head p,.mini-sub{font-size:12px;color:var(--muted);line-height:1.8}.mini-card{background:linear-gradient(135deg,#192433,#121c29);border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:14px}.mini-card h2{font-size:17px;margin:0 0 12px}.mini-primary,.mini-secondary,.mini-back{min-height:42px;border:1px solid var(--line);border-radius:11px;padding:10px 14px;background:#1e2e40;color:#edf2f8;font-size:12px!important;font-weight:650!important}.mini-primary{background:linear-gradient(120deg,#e9cd89,#c9a65b);color:#25200f;border:0}.mini-page button:disabled{opacity:.45;cursor:default}.mini-actions{display:flex;gap:8px;margin-top:16px}.mini-actions button{flex:1}.mini-state{padding:24px 12px;border:1px dashed var(--line);border-radius:14px;text-align:center;color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:14px}.mini-pill{display:inline-block;border:1px solid #4b634e;background:#30452b55;color:#b7d4ae;border-radius:6px;padding:4px 7px;font-size:10px}.mini-tabs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:0 0 18px}.mini-tabs button{flex-shrink:0;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#152131;color:var(--muted);font-size:12px}.mini-tabs button.active{background:#e7c780;color:#28220f;border-color:transparent}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-stat{background:#0d1725;border:1px solid var(--line);border-radius:12px;padding:14px}.mini-stat strong{display:block;color:#e7c780;font-size:22px;overflow-wrap:anywhere}.mini-stat span{display:block;font-size:10px;color:var(--muted);margin-top:6px}.mini-progress{height:6px;border-radius:6px;background:#283a4b;overflow:hidden;margin-top:9px}.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,#87b6a0,#e5c780);border-radius:6px}.mini-table-wrap{overflow:auto}.mini-table{width:100%;min-width:380px;border-collapse:collapse;font-size:11px}.mini-table th,.mini-table td{padding:12px 8px;border-bottom:1px solid var(--line);text-align:left}.mini-table th{color:var(--muted);font-weight:500}.mini-table tr.current{background:#e7c7800c}.mini-rules{white-space:pre-line;color:#a3b4c6;font-size:12px;line-height:1.9;overflow-wrap:anywhere}.mini-page details{padding:14px 0;border-bottom:1px solid var(--line)}.mini-page summary{font-size:13px;cursor:pointer}.mini-page details p{color:var(--muted);font-size:12px;line-height:1.8}.mini-toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);width:max-content;max-width:340px;border-radius:12px;background:#e7edf4;color:#152334;padding:12px 18px;font-size:12px;box-shadow:0 10px 30px #0006;z-index:10000}.mini-skeleton{height:140px;background:linear-gradient(90deg,#152236,#263448,#152236);border-radius:16px;margin-bottom:14px}.vip-levels{display:flex;gap:10px;overflow:auto;scroll-snap-type:x mandatory;margin-bottom:14px}.vip-level-card{position:relative;overflow:hidden;flex:0 0 78%;min-height:158px;padding:20px;border:1px solid #354a60;border-radius:18px;background:linear-gradient(135deg,#2a3e50,#172536);color:#edf2f8;text-align:left;scroll-snap-align:center}.vip-level-card.selected{border-color:#e7c780;background:linear-gradient(135deg,#403f2c,#222c23)}.vip-level-card h2{font-size:36px;margin:18px 0 10px;color:#e7c780}.vip-level-card small{font-size:11px;color:#a6b9ce}.vip-level-card:after{content:'✦';position:absolute;right:15px;top:35px;font-size:70px;color:#e7c78022;pointer-events:none}.vip-requirement{margin:16px 0;font-size:12px;color:#a6b9ce}.vip-requirement>div:first-child{display:flex;justify-content:space-between;gap:8px}.invite-link{width:100%;background:#0f1b29;border:1px solid #2a4055;border-radius:11px;padding:12px;font-size:11px;color:#c7d8e9;overflow-wrap:anywhere}.campaign-card{padding:0;overflow:hidden}.campaign-cover{width:100%;height:130px;object-fit:cover;display:block}.campaign-body{padding:17px}.campaign-body h2{margin:12px 0 8px}.campaign-meta,.task-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:10px;color:var(--muted)}.campaign-ended{opacity:.65}.campaign-details{border:0!important}.task-reward{color:#e7c780;font-size:14px}.mini-footnote{text-align:center;padding:10px;font-size:10px;color:#6b8199;line-height:1.8}@media(max-width:350px){.mini-page{padding-left:10px;padding-right:10px}.mini-card{padding:14px}.mini-head h1{font-size:24px}.mini-stat strong{font-size:18px}}

.mini-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.mini-card-head h2{margin:0}.mini-text-link{border:0;background:transparent;color:#e7c780;font-size:12px;white-space:nowrap;padding:8px 0}.mini-actions{flex-wrap:wrap}.mini-actions button{min-width:100px}.profile-link{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:#edf2f8;padding:16px 0;text-align:left}.profile-link:last-child{border-bottom:0}.profile-link b{font-size:14px}.profile-link small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.profile-link>span{color:#e7c780;font-size:24px}.mini-page{max-width:100%;overflow-x:hidden}.mini-card{min-width:0}.mini-toast{max-width:calc(100vw - 32px)}
.mini-select{min-height:36px;border:1px solid var(--line);border-radius:10px;background:#1e2e40;color:#edf2f8;font-size:12px;padding:6px 10px}
.mini-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.mini-actions span{align-self:center;text-align:center;flex:0 0 auto;padding:0 8px}
.bet-net{font-weight:700;color:#c9d4e2}
.bet-net--win{color:#3ddc97}
.bet-net--lose{color:#ff7a7a}
.task-cover{display:block;width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:12px;margin-bottom:14px}
/* custom-override.css */
/* ============================================================
   custom-override.css —— 全局前端优化
   加载顺序在 index-*.css 之后；以下规则用于兜底与统一视觉。
   ============================================================ */

/* 1) 缩放 / 窄窗口兜底（浏览器缩放、分屏、TG 小窗、桌面浏览器） */
html, body { max-width: 100%; overflow-x: hidden; }
#app { min-width: 0 !important; max-width: 100% !important; }

/* 任何宽度都不再锁死 430px，避免窄窗口被裁切；宽屏时平滑放宽到 1024px */
#app {
  width: 100% !important;
  margin: 0 auto;
  transition: max-width .4s cubic-bezier(.22,.61,.36,1), box-shadow .4s ease;
}

/* 高度跟随“实际可见视口”，兼容桌面浏览器地址栏、TG 桌面端与内嵌窗口 */
#app, .app-container {
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;
}

main { max-width: 100% !important; }
img, video, canvas { max-width: 100%; }

@media (min-width: 600px) {
  #app { max-width: min(1024px, 100vw) !important; }
}

/* 去掉“黑边”：页面级滚动条 + 手机壳黑色光晕 */
body { overflow: hidden !important; }
html::-webkit-scrollbar,
body::-webkit-scrollbar,
#app::-webkit-scrollbar,
#app::-webkit-scrollbar-track,
#app::-webkit-scrollbar-thumb { width: 0 !important; height: 0 !important; display: none !important; background: transparent !important; }
#app { box-shadow: none !important; }

/* 底部导航始终贴在可见视口底部，避免内嵌窗口里跑到内容中间 */
#bottom-menu.menu {
  position: fixed !important;
  bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 1000 !important;
}

/* 2) 移除底部导航栏的“搜索”按钮与搜索条 */
#bottom-menu .menu__search,
#bottom-menu .menu__searching {
  display: none !important;
}

/* 底部菜单安全区：避开 iPhone 底部横条，避免贴边 */
#bottom-menu.menu {
  bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important;
}

/* 3) 全局交互手感 */
* { -webkit-tap-highlight-color: transparent; }

:focus-visible {
  outline: 2px solid rgba(255, 215, 0, .75);
  outline-offset: 2px;
  border-radius: 6px;
}

button, a {
  transition: transform .15s ease, opacity .15s ease, box-shadow .2s ease, filter .2s ease;
}

/* 可点击卡片 / 列表项按压反馈 */
.game-card:active, .recent-game-card:active, .message-item:active,
.deposit-item:active, .withdraw-item:active, .subordinate-item:active,
.task-card:active, .wallet-card:active, .stat-card:active {
  transform: scale(.985);
}

/* 4) 分区标题统一金色点缀，视觉更整齐 */
.section-title {
  font-weight: 700;
  letter-spacing: .2px;
  color: var(--Base-Accent, #f5f6f8);
}

/* 空状态 / 加载状态文字更柔和，留白更舒适 */
.empty-state, .empty-text, .loading-state, .deposit-empty, .withdraw-empty {
  color: var(--Neutral-Neutral_56, rgba(232, 231, 243, .56)) !important;
}
/* entertainment-ui.css */
.e-page{--e-bg:#181a21;--e-card:#25272f;--e-gold:#d6ba7c;--e-muted:#aaa8b5;background:var(--e-bg);color:#f4f2f7;min-height:100%;padding:0 16px calc(var(--tabbar-safe-bottom,90px) + 20px);font-size:13px;box-sizing:border-box}
.e-page *{box-sizing:border-box}.e-page button,.e-page input{font:inherit}.e-page button{cursor:pointer;transition:opacity .15s}.e-page button:disabled{opacity:.4;cursor:default}.e-page button:focus-visible{outline:2px solid #e5c782;outline-offset:3px}.e-icon{width:24px;height:24px;flex-shrink:0}.e-muted{color:var(--e-muted);font-size:12px;line-height:1.7}.e-gold{border:0;border-radius:9px;background:linear-gradient(100deg,#ac8f4c,#ddc58e);color:#28241b;padding:12px 18px;font-weight:600!important}.e-soft{border:0;border-radius:18px;background:#32343f;color:#ceccd7;padding:7px 13px}.e-text{border:0;background:none;color:var(--e-gold);padding:3px;font-size:12px!important}.e-page-title{margin:0 -16px;padding:20px 16px;background:#25272f;text-align:center}.e-page-title h1{font-size:19px;font-weight:500;margin:0}.e-section-title{font-size:19px;font-weight:500;margin:0}.e-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.e-heading h2{border-left:3px solid var(--e-gold);padding-left:9px;font-size:19px;margin:0;font-weight:500}.e-rate{font-size:10px;color:#e5c98d;border:1px solid #705f3c;border-radius:4px;padding:3px 5px;white-space:nowrap}.e-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.e-stat{background:var(--e-card);border-radius:7px;padding:15px 10px;text-align:center;min-width:0}.e-stat strong{font-size:16px;font-weight:500;display:block;overflow-wrap:anywhere}.e-stat span{display:block;color:var(--e-muted);font-size:11px;margin-top:7px}.e-referral{padding:25px 0 10px;border-top:7px solid #22242c;margin-top:20px}.e-link-label{display:flex;align-items:center;gap:8px;margin:18px 0 10px;font-size:13px}.e-link-label svg{color:var(--e-gold);width:20px}.e-link-box{display:flex;gap:10px;align-items:center;background:#25272f;border-radius:7px;padding:12px;color:#aaa8b5;font-size:12px}.e-link-box span{overflow-wrap:anywhere;flex:1;min-width:0}.e-link-box button{border:0;background:none;color:var(--e-gold);padding:2px;flex-shrink:0}.e-link-box svg{width:20px}.e-share{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.e-share svg{width:20px}.e-block{padding:25px 0}.e-block+.e-block{border-top:8px solid #22242c}.e-amount-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 10px}.e-amount{font-size:31px;font-weight:500;letter-spacing:.4px}.e-amount small{font-size:16px;margin-right:5px;color:#b8b5c1}.e-amount-caption{color:var(--e-muted);font-size:12px;margin:0 0 22px}.e-settlement{display:flex;align-items:center;justify-content:space-between;color:#d2ceda;margin-top:22px}.e-footnote{font-size:11px;line-height:1.8;color:#94919f;margin-top:14px}.e-refresh{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin:12px 0;padding:10px;background:#25272f;border:1px solid #554b36;border-radius:7px;color:var(--e-gold)}.e-refresh svg{width:17px;height:17px}.e-tier-intro{display:flex;gap:12px;align-items:center;margin:25px 0 14px;color:var(--e-gold)}.e-tier-intro svg{width:30px;height:30px}.e-tier-intro strong{font-size:16px;font-weight:500}.e-tier-intro p{margin:4px 0 0;font-size:11px;color:var(--e-muted)}.e-table-wrap{overflow-x:auto;border:1px solid #484044;border-radius:7px}.e-table{width:100%;border-collapse:collapse;text-align:center;font-size:11px}.e-table th{background:#333038;color:#d5bd8c;font-weight:500;white-space:nowrap;padding:13px 5px}.e-table td{padding:12px 5px;border-top:1px solid #36343e;color:#c1bdc9}.e-table tr.current td{background:#36312b;color:#e8ce96}.e-rule-title{background:linear-gradient(90deg,#b1965b,#dbc695);color:#29231a;text-align:center;padding:11px;border-radius:5px;font-size:15px;font-weight:500;margin:25px 0 15px}.e-rule{display:flex;gap:12px;margin:17px 0;color:#b9b5c3;line-height:1.9;font-size:12px}.e-rule b{border-radius:50%;background:#dcc28a;color:#28241b;width:22px;height:22px;flex:0 0 22px;text-align:center;line-height:22px;margin-top:2px;font-weight:500}.e-rule p{margin:0}.e-formula{background:#282a33;border:1px solid #544937;border-radius:5px;padding:14px 10px;text-align:center;font-size:12px;color:#d7c18e;margin:15px 0}.e-team{margin-top:28px}.e-team h2{font-size:17px;margin:0}.e-pager{display:flex;align-items:center;justify-content:space-between;margin:12px 0;color:#aaa8b5;font-size:11px}.e-team .e-table{min-width:370px}.e-home{padding-top:10px}.e-topbar{display:flex;justify-content:space-between;align-items:center;height:42px;margin-bottom:10px}.e-brand{font-size:15px;color:#d6ba7c;display:flex;align-items:center;gap:7px;min-width:0}.e-brand img{width:27px;height:27px;object-fit:contain}.e-top-actions{display:flex;gap:12px}.e-top-actions button{background:none;border:0;padding:0;color:var(--e-gold);font-size:10px;display:flex;flex-direction:column;align-items:center;gap:3px}.e-top-actions svg{width:22px;height:22px}.e-banner{position:relative;border-radius:9px;overflow:hidden;background:#25272f;aspect-ratio:2.45;margin-bottom:12px}.e-slide{border:0;padding:0;position:relative;display:block;width:100%;height:100%;color:#fff;text-align:left;background:linear-gradient(120deg,#665134,#25272f)}.e-slide img{width:100%;height:100%;object-fit:cover}.e-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,15,22,.75),transparent)}.e-slide-copy{position:absolute;z-index:1;left:15px;top:22px;max-width:70%}.e-slide-copy strong{font-size:21px;font-weight:600;line-height:1.3}.e-slide-copy span{display:block;margin-top:8px;font-size:11px;color:#ddd6de;line-height:1.6}.e-dots{position:absolute;z-index:2;display:flex;gap:5px;bottom:9px;left:50%;transform:translateX(-50%)}.e-dots button{border:0;padding:0;border-radius:50%;width:5px;height:5px;background:#827b80}.e-dots button.active{background:#e7dcbe}.e-notice{display:flex;align-items:center;gap:8px;font-size:11px;color:#a6a1ae;margin:13px 0 22px}.e-notice svg{width:18px;height:18px;color:var(--e-gold)}.e-notice span{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.e-notice button{white-space:nowrap;font-size:10px;padding:5px 10px;border-radius:15px}.e-account{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:15px 0 22px}.e-account-info{min-width:80px;flex:1}.e-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.e-vip{display:inline-block;background:#34313c;color:#a19baa;font-size:9px;border-radius:3px;padding:2px 4px;margin-left:5px}.e-balance{display:flex;gap:7px;align-items:center;margin-top:9px;font-size:17px}.e-coin{border:1px solid var(--e-gold);border-radius:50%;color:var(--e-gold);width:18px;height:18px;display:grid;place-items:center;font-size:11px}.e-balance button{border:0;background:none;color:#96909f;padding:0;display:flex}.e-balance svg{width:14px;height:14px}.e-quick{display:flex;gap:12px}.e-quick button{display:flex;align-items:center;flex-direction:column;gap:7px;background:none;border:0;padding:0;color:#c5c0cd;font-size:10px;white-space:nowrap}.e-quick svg{width:24px;height:24px;color:var(--e-gold)}.e-categories{display:flex;overflow:auto;gap:7px;scrollbar-width:none;padding-bottom:4px}.e-categories button{background:#292b33;color:#bab6c4;border:0;border-radius:16px;padding:8px 14px;font-size:11px;white-space:nowrap}.e-categories button.active{background:linear-gradient(100deg,#b29a65,#dec992);color:#29241b}.e-home-section{margin-top:24px}.e-home-section .e-heading{margin-bottom:15px}.e-home-section .e-heading h2{border:0;padding:0;font-size:18px}.e-count{background:#4b4030;color:#e0c389;border-radius:14px;padding:4px 10px;font-size:10px}.e-games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 9px}.e-game{background:none;border:0;color:#c9c4d1;padding:0;min-width:0}.e-game img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;display:block;background:#292b33}.e-game span{display:block;margin-top:7px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.e-lobby{display:flex;align-items:center;justify-content:space-between;background:#25272f;color:#c4bfcc;width:100%;border:0;border-radius:7px;padding:13px 14px;margin-top:20px;font-size:12px!important}.e-lobby span{color:var(--e-gold)}.e-search{display:flex;align-items:center;gap:7px;background:#25272f;padding:9px 11px;border-radius:7px;margin-top:16px}.e-search svg{width:16px;height:16px;color:#bba269}.e-search input{background:none;border:0;outline:none;min-width:0;width:100%;font-size:11px;color:#ddd}.e-providers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.e-provider{position:relative;min-height:130px;background:linear-gradient(125deg,#3e3532,#25272f);border:0;border-radius:8px;text-align:left;padding:17px 12px;overflow:hidden;color:#fff}.e-provider:nth-child(3n+2){background:linear-gradient(125deg,#2c3b4b,#25272f)}.e-provider:nth-child(3n){background:linear-gradient(125deg,#443042,#25272f)}.e-provider strong{position:relative;z-index:1;font-size:20px;font-weight:600}.e-provider small{position:relative;z-index:1;display:block;margin-top:6px;color:#b6b0bd;font-size:10px}.e-provider img{position:absolute;width:82px;height:82px;object-fit:contain;right:-4px;bottom:0;opacity:.7}.e-provider em{position:absolute;bottom:13px;left:12px;color:var(--e-gold);font-size:10px;font-style:normal;z-index:1}.e-provider .e-rate{position:absolute;top:8px;right:7px;font-size:8px}.e-winners{display:flex;gap:10px;overflow:auto;scrollbar-width:none}.e-winner{flex:0 0 115px;background:#25272f;border-radius:6px;padding:11px}.e-winner span{color:#bbb5c3;font-size:10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.e-winner strong{color:#69c784;font-size:15px;font-weight:500;display:block;margin:10px 0 4px}.e-winner small{font-size:9px;color:#8e889a}


.app-container:has(.e-page){background:#181a21}.app-container>main:has(>.e-page)>.global-logo{display:none}.e-page{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.e-home{padding-top:calc(10px + var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px))}.e-page-title{padding-top:calc(20px + var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px))}
@media(max-width:360px){.e-page{padding-left:12px;padding-right:12px}.e-page-title{margin-left:-12px;margin-right:-12px}.e-quick{gap:9px}.e-quick button{font-size:9px}.e-quick svg{width:22px}.e-game span{font-size:9px}.e-games{gap:12px 7px}.e-slide-copy strong{font-size:18px}.e-amount{font-size:27px}.e-heading h2{font-size:17px}.e-brand{font-size:13px}.e-top-actions{gap:9px}}
/* commercial-ui.css */
/* Shared design system, loaded after the legacy 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-radius:18px;color-scheme:dark}
html,body{background:#0b0e13;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.5}
#app{background:var(--bc-bg)}
button,input,select,textarea{font:inherit}button,a,input{touch-action:manipulation}button:disabled{cursor:default}
input:focus-visible,textarea:focus-visible{outline:2px solid #dbc18c88;outline-offset:2px}
:root[data-theme=black-gold]{--Accent-Accent:#dbc18c;--Accent-Accent-RGB:219,193,140;--Accent-Accent_hover:#eed9ac;--Accent-Accent_Pressed:#bea36d;--Base-Accent:#f4f1e9}
.e-page,.mini-page{--e-bg:var(--bc-bg);--e-card:var(--bc-surface);--e-gold:var(--bc-gold);--e-muted:var(--bc-muted);--line:var(--bc-line);--muted:var(--bc-muted);background:var(--bc-bg);color:var(--bc-text);font-size:13px;padding-left:18px;padding-right:18px}
.e-page{padding-bottom:calc(var(--tabbar-safe-bottom,90px) + 24px)}
.e-page button,.mini-page button{transition:background .18s,border-color .18s,opacity .18s,transform .18s}
.e-page button:active,.mini-page button:active{transform:translateY(1px)}
.e-home{padding-top:14px}
.e-topbar{height:48px;margin-bottom:18px;gap:12px}
.e-brand{gap:10px;color:var(--bc-text);min-width:0}
.e-brand-mark{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #dbc18c33;border-radius:13px;background:linear-gradient(135deg,#dbc18c26,#dbc18c05);color:var(--bc-gold)}
.e-brand-mark img{width:30px;height:30px}.e-brand strong{font-size:17px;letter-spacing:.3px;display:block;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.e-brand small{display:block;color:#8f96a5;font-size:9px;letter-spacing:1px;margin-top:2px}
.e-top-actions{gap:8px;flex-shrink:0}.e-top-actions button{min-height:38px;min-width:38px;padding:8px;border-radius:12px;border:1px solid var(--bc-line);background:var(--bc-surface);flex-direction:row;gap:5px;font-size:10px;color:var(--bc-gold)}.e-top-actions svg{width:18px;height:18px}
.e-banner{border-radius:20px;aspect-ratio:auto;height:210px;margin:0;border:1px solid #dbc18c24;isolation:isolate;background:#222a35}
.e-slide{background:radial-gradient(ellipse at 95% 15%,#82673b55,transparent 60%),linear-gradient(125deg,#29303a,#1b2029 70%);height:100%}
.e-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.58}
.e-slide::after{background:linear-gradient(90deg,#131821ed 5%,#151a22a8 55%,#151a2210)}
.e-slide-copy{left:20px;top:20px;right:20px;max-width:80%;position:absolute}
.e-slide-copy .e-hero-badge{display:inline-block;color:#e8d4a9;font-size:9px;letter-spacing:1.4px;background:#dbc18c12;border:1px solid #dbc18c33;border-radius:5px;padding:3px 7px;margin:0 0 12px}
.e-slide-copy>strong{display:block;font-size:25px;font-weight:700;line-height:1.3;max-width:260px;letter-spacing:.4px;text-wrap:balance}
.e-slide-copy>p{font-size:11px;color:#bcc0c8;line-height:1.65;margin:8px 0 13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:245px}
.e-slide-copy .e-hero-cta{display:inline-flex;align-items:center;gap:20px;border-radius:8px;background:linear-gradient(120deg,#e5d1a1,#c9aa6c);color:#2d2517;padding:8px 11px;font-size:11px;font-weight:650;margin:0}.e-hero-cta svg{width:14px;height:14px}
.e-hero-art{position:absolute;width:160px;height:190px;right:-5px;top:5px;transform:rotate(-12deg)}.e-hero-art i{position:absolute;inset:15px;border:1px solid #dbc18c55;border-radius:28px;background:linear-gradient(150deg,#e7cd9655,#33291933);transform:rotate(20deg);box-shadow:0 20px 40px #0003}.e-hero-art i:nth-child(2){inset:30px 12px 0 30px;transform:rotate(-8deg)}.e-hero-art>svg{position:absolute;width:78px;height:78px;left:48px;top:55px;color:#e8d5af;filter:drop-shadow(0 3px 10px #0005)}
.e-dots{left:auto;right:17px;bottom:14px;transform:none;gap:0}.e-dots button{width:20px;height:20px;background:none;position:relative}.e-dots button:after{content:"";position:absolute;inset:7px;border-radius:10px;background:#ffffff50}.e-dots button.active{background:none}.e-dots button.active:after{inset:7px 3px;background:var(--bc-gold)}
.e-notice{margin:13px 0;font-size:11px;min-height:35px;padding:8px 10px;background:#dbc18c07;border:1px solid #dbc18c0d;border-radius:10px;color:#aeb3bf}.e-notice svg{width:15px;height:15px}.e-notice button{border:0;background:none;color:var(--bc-gold);padding:0;display:grid;place-items:center;width:26px;height:26px}
.e-account{display:block;margin:16px 0 26px;padding:16px 16px 0;border:1px solid #dbc18c22;border-radius:var(--bc-radius);background:radial-gradient(ellipse at 95% 0,#dbc18c12,transparent 70%),linear-gradient(120deg,#20252d,#1b2028)}
.e-account-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.e-name{font-size:12px;gap:6px;min-width:0;display:flex;align-items:center}.e-name>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.e-vip{border:1px solid #dbc18c33;border-radius:5px;font-size:9px;padding:2px 5px;background:#dbc18c0b;color:var(--bc-gold);white-space:nowrap}.e-account-caption{font-size:9px;color:#9097a4;flex-shrink:0}
.e-account-main{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:17px 0 18px}.e-account-info{min-width:0}.e-balance-label{display:flex;align-items:center;gap:8px;font-size:10px;color:#a0a6b4;letter-spacing:.5px}.e-balance-label button,.e-balance button{border:0;background:none;color:#858d9b;padding:3px;display:grid;place-items:center}.e-balance-label svg{width:14px;height:14px}
.e-balance{margin-top:3px;color:#f4efe4;font-size:29px;font-weight:650;letter-spacing:.3px;display:flex;align-items:center;gap:6px;white-space:nowrap;font-variant-numeric:tabular-nums}.e-balance .e-coin{font-size:18px;width:auto;height:auto;border:0;line-height:inherit;color:var(--bc-gold);font-weight:500}.e-balance button{margin-left:3px}.e-balance button svg{width:15px;height:15px}
.e-account-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.e-account-actions button{padding:9px 12px;min-height:38px;font-size:11px!important;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.e-account-actions svg{width:14px;height:14px}.e-gold,.mini-primary{background:linear-gradient(120deg,#e1c995,#c5a66a);color:#282217;border:1px solid #dfc48b77;border-radius:10px;font-weight:650!important;box-shadow:inset 0 1px #ffffff20}.e-outline{background:#ffffff04;border:1px solid #dbc18c33;color:var(--bc-gold);border-radius:10px}
.e-quick{display:flex;justify-content:space-around;gap:6px;border-top:1px solid #ffffff09;padding:13px 0;margin:0}.e-quick button{display:flex;flex-direction:column;align-items:center;gap:7px;border:0;background:none;color:#bdc3ce;padding:3px 0;min-height:48px;flex:1;font-size:10px}.e-quick svg{color:var(--bc-gold);width:21px;height:21px}
.e-home-section{margin:27px 0;scroll-margin-top:18px}.e-heading{margin-bottom:14px;align-items:flex-end}.e-heading h2{border:0;padding:0;font-size:19px;font-weight:650;line-height:1.4;letter-spacing:.2px}.e-eyebrow{display:block;color:#808a9b;font-size:9px;letter-spacing:.8px;margin-bottom:4px}.e-count{font-size:10px;background:#ffffff05;border:1px solid var(--bc-line);color:#a1aab8;padding:4px 8px;border-radius:7px}.e-text{font-size:11px!important;padding:6px 0}.e-muted{color:#959dad;font-size:11px}
.e-search{display:flex;align-items:center;gap:9px;border:1px solid var(--bc-line);border-radius:12px;background:#1c2129;padding:9px 12px;margin:0 0 13px;height:43px}.e-search>.e-icon{width:17px;height:17px;color:#8e99aa}.e-search input{background:none;border:0;outline:none;color:var(--bc-text);min-width:0;flex:1;padding:4px 0;font-size:12px}.e-search input::placeholder{color:#798393}.e-search>span{font-size:10px;color:#717d8d;border:1px solid #ffffff0e;padding:2px 5px;border-radius:4px}.e-search button{background:none;border:0;padding:3px;color:#aab4c3;display:grid;place-items:center}.e-search button svg{width:17px;height:17px}
.e-categories{display:flex;gap:7px;overflow-x:auto;margin:0 0 15px;padding-bottom:2px;scrollbar-width:none}.e-categories button{border-radius:10px;border:1px solid var(--bc-line);background:#1c212a;min-width:57px;padding:9px 12px;color:#9aa5b6;font-size:11px;display:flex;align-items:center;gap:5px;white-space:nowrap;flex-shrink:0}.e-categories svg{width:15px;height:15px}.e-categories button.active{background:#dbc18c13;color:var(--bc-gold);border-color:#dbc18c50}
.e-game-tabs{display:flex;gap:20px;margin:0 0 16px;border-bottom:1px solid #ffffff08}.e-game-tabs button{padding:4px 0 11px;background:none;border:0;border-bottom:2px solid transparent;color:#8e98a9;font-size:11px}.e-game-tabs button.active{color:var(--bc-text);border-bottom-color:var(--bc-gold);font-weight:600}
.e-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 11px}.e-game-card{position:relative;min-width:0}.e-game{background:none;border:0;padding:0;width:100%;text-align:left;display:block;border-radius:12px;color:var(--bc-text);min-width:0}.e-game-cover{position:relative;overflow:hidden;border-radius:13px;aspect-ratio:1;background:#252c37;border:1px solid #ffffff0a}.e-game-cover>img{height:100%;width:100%;object-fit:cover;display:block;border-radius:0;aspect-ratio:auto}.e-game>strong{display:block;font-size:11px;font-weight:500;margin:8px 0 2px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.e-game>small{display:block;color:#778498;font-size:9px}.e-game-badge{position:absolute;left:6px;bottom:6px;background:#171b22bd;backdrop-filter:blur(8px);border:1px solid #dbc18c40;border-radius:4px;color:var(--bc-gold);padding:2px 4px;font-size:8px}.e-game-play{display:none;position:absolute;inset:0;background:#11182060;place-items:center}.e-game-play svg{width:25px;height:25px;color:white}.e-game:hover .e-game-play{display:grid}
.e-save{position:absolute;top:5px;right:5px;width:29px;height:29px;display:grid;place-items:center;background:#101621b8;border:1px solid #ffffff18;border-radius:8px;color:#e1e5ed;backdrop-filter:blur(8px)}.e-save svg{width:13px;height:13px}.e-save.is-saved{color:var(--bc-gold)}.e-save.is-saved svg{fill:#dbc18c55}
.e-lobby{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 12px;margin-top:18px;background:#1c222c;border:1px solid var(--bc-line);color:#b1bccd;border-radius:12px;font-size:11px}.e-lobby>span:last-child{color:var(--bc-gold);font-size:10px;display:flex;align-items:center;gap:5px}.e-lobby svg{width:14px;height:14px}
.e-providers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.e-provider{padding:12px;min-height:76px;border-radius:13px;border:1px solid var(--bc-line);background:#1c212a;display:flex;gap:10px;align-items:center;text-align:left;position:relative;color:var(--bc-text);overflow:hidden}.e-provider>img{position:static;width:43px;height:43px;flex-shrink:0;border-radius:10px;object-fit:cover;opacity:1}.e-provider>div{min-width:0}.e-provider strong{display:block;font-size:13px;margin:0}.e-provider small{display:block;font-size:9px;margin-top:3px;color:#8c99ab}.e-provider-arrow{position:absolute;top:5px;right:8px;color:#89956e;font-size:12px}
.e-winners{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--bc-line);border-radius:15px;overflow:hidden;background:#1b2028}.e-winner{display:flex;align-items:center;gap:10px;padding:12px;border-radius:0;background:transparent;border-bottom:1px solid #ffffff06;min-width:0}.e-winner:last-child{border:0}.e-winner-avatar{width:31px;height:31px;border-radius:10px;background:#dbc18c0d;display:grid;place-items:center;color:#bdab83;flex-shrink:0}.e-winner-avatar svg{width:17px;height:17px}.e-winner>div:nth-child(2){flex:1;min-width:0}.e-winner span{font-size:11px;display:block}.e-winner small{color:#7e8c9e;font-size:9px;display:block;margin-top:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.e-winner strong{font-size:13px;margin:0;color:var(--bc-gold);font-variant-numeric:tabular-nums}
.e-home-footer{border-top:1px solid var(--bc-line);padding:25px 0 8px;text-align:center;color:#637184}.e-home-footer>svg{display:block;margin:0 auto 8px;color:#a08e66;width:24px;height:24px}.e-home-footer strong{color:#9aa1ab;font-size:12px;font-weight:500}.e-home-footer p{margin:6px 0;font-size:10px}.e-home-footer>span{font-size:9px;color:#5c6a7b}
.e-game-skeleton,.mini-skeleton{background:linear-gradient(100deg,#1b212b 30%,#2c3440 50%,#1b212b 70%);background-size:300% 100%;animation:bc-shimmer 1.6s linear infinite;border-radius:13px}.e-game-skeleton{aspect-ratio:.78}.is-spinning svg{animation:bc-spin 1s linear infinite}
.mini-page{padding-top:25px}.mini-kicker{color:var(--bc-gold);font-size:10px;font-weight:500;letter-spacing:1.5px}.mini-head{margin-bottom:22px}.mini-head h1{font-size:26px;font-weight:650}.mini-head p{color:#8995a7;font-size:11px}.mini-card{background:linear-gradient(125deg,#202630,#1b212a);border-color:var(--bc-line);border-radius:18px;padding:18px;margin-bottom:15px;box-shadow:none}.mini-card h2{font-size:16px;font-weight:600}.mini-secondary,.mini-back{background:#272e39;border:1px solid #ffffff0c;color:#c4ccd8;min-height:41px;font-size:11px!important}.mini-primary{min-height:41px;font-size:11px!important}.mini-tabs{gap:8px}.mini-tabs button{background:#1d242e;color:#9ba7b8;border:1px solid var(--bc-line);font-size:11px}.mini-tabs button.active{background:#dbc18c15;border-color:#dbc18c55;color:var(--bc-gold)}.mini-stat{background:#151c25;border-color:#ffffff05}.mini-stat strong{font-size:23px;color:var(--bc-gold)}.mini-stat span{color:#8b98ac;font-size:10px}.mini-sub,.mini-rules{color:#9faab9}.mini-pill{background:#dbc18c0c;border-color:#dbc18c30;color:var(--bc-gold)}.mini-progress{background:#303844}.mini-progress i{background:linear-gradient(90deg,#a28a59,#e1c99b)}.mini-toast{border:1px solid #dbc18c44;background:#252c37;color:#efe8d8;box-shadow:0 12px 35px #0006;bottom:calc(100px + env(safe-area-inset-bottom));z-index:10010}.mini-state{border-color:#ffffff12;color:#95a3b6;background:#1b222b;margin-top:10px;padding:22px 14px;line-height:1.9}.mini-state p{margin:0 0 12px}.mini-state p:last-child{margin-bottom:0}
.campaign-cover{height:145px}.campaign-body h2{line-height:1.5}.task-reward{color:var(--bc-gold)}.profile-link{color:#e8ebef;border-color:var(--bc-line);padding:16px 0}.profile-link b{font-weight:500;font-size:13px}.profile-link small{color:#8895a7;font-size:10px}.invite-link{background:#141b24;border-color:#dbc18c24;color:#c9b789;line-height:1.8}.vip-level-card{border-color:var(--bc-line);background:linear-gradient(130deg,#313540,#1e242e)}.vip-level-card.selected{border-color:#dbc18c66;background:linear-gradient(130deg,#4a4030,#252a31)}.vip-level-card h2{color:var(--bc-gold)}
.e-page-title{background:transparent;padding-top:25px;padding-bottom:20px}.e-page-title h1{font-size:24px;font-weight:650}.e-block{border-top-color:#ffffff06!important}.e-block .e-gold{min-height:44px}.e-table-wrap{border-color:#ffffff10;border-radius:12px}.e-table th{background:#272b32;color:var(--bc-gold);padding:13px 8px}.e-table td{border-color:#ffffff07;padding:13px 8px}.e-rule-title{border-radius:10px;background:linear-gradient(100deg,#b89b63,#ddc594)}.e-rule{color:#a5adba}.e-rule b{background:#cbb27e}.e-formula{border-color:#dbc18c22;background:#202630;border-radius:10px}.e-amount{font-variant-numeric:tabular-nums}.e-footnote{color:#8895a8}
#bottom-menu.menu{position:fixed!important;bottom:calc(13px + env(safe-area-inset-bottom,0px))!important;max-width:398px!important;width:calc(100% - 28px)!important;border-radius:20px!important;gap:0!important}
#bottom-menu .menu__nav{height:65px;padding:5px 8px;gap:2px;border-radius:20px;background:#20252fee!important;border:1px solid #ffffff10;box-shadow:0 10px 35px #0005;backdrop-filter:blur(20px)}
#bottom-menu .menu__btn{min-width:0;flex:1;min-height:50px;gap:5px;border-radius:13px;padding:7px 3px}#bottom-menu .menu__label{font-size:10px;font-weight:500;color:#919cae}#bottom-menu .menu__btn.active .menu__label{color:var(--bc-gold)}#bottom-menu .menu__indicator{border-radius:13px;border:0;background:#dbc18c0f;box-shadow:none}#bottom-menu .menu__icon{width:21px;height:21px}#bottom-menu .menu__btn_promotion{transform:none!important;background:none!important;box-shadow:none!important}#bottom-menu .menu__btn_promotion:before,#bottom-menu .menu__btn_promotion:after{display:none!important}
@keyframes bc-shimmer{to{background-position:-300% 0}}@keyframes bc-spin{to{transform:rotate(360deg)}}
@media(max-width:350px){.e-page,.mini-page{padding-left:13px;padding-right:13px}.e-brand strong{max-width:165px;font-size:15px}.e-brand-mark{width:35px;height:35px;flex-basis:35px}.e-top-actions button{padding:7px;min-width:32px}.e-top-actions button span{display:none}.e-banner{height:205px}.e-slide-copy{left:16px;max-width:85%}.e-slide-copy>strong{font-size:22px}.e-account{padding:13px 12px 0}.e-account-actions button{padding:8px 10px}.e-balance{font-size:25px}.e-account-caption{font-size:8px}.e-name>span{max-width:135px}.e-games{gap:13px 8px}.e-game>strong{font-size:10px}.e-providers{gap:8px}.e-provider{padding:10px;gap:8px}.e-provider>img{width:34px;height:34px}.e-provider strong{font-size:12px}}
@media(min-width:768px){#app{box-shadow:0 0 100px #0008;border-left:1px solid #ffffff06;border-right:1px solid #ffffff06}.e-home{padding-top:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* The first screen keeps account actions and the game catalogue within reach. */
.e-topbar{height:42px;margin-bottom:13px}.e-home .e-banner{height:166px}.e-home .e-slide-copy{top:15px;left:17px}.e-slide-copy .e-hero-badge{margin-bottom:6px;font-size:8px}.e-slide-copy>strong{font-size:23px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.e-slide-copy>p{margin:5px 0 9px;-webkit-line-clamp:1}.e-slide-copy .e-hero-cta{padding:7px 10px}.e-hero-art{width:140px;height:155px;right:-7px}.e-hero-art>svg{width:63px;height:63px;left:43px;top:40px}.e-home .e-notice{margin:10px 0;min-height:32px;padding:6px 9px}.e-home .e-account{margin:12px 0 20px;padding:12px 14px 0}.e-account-main{margin:10px 0 12px}.e-balance{font-size:27px}.e-quick{padding:9px 0;gap:4px}.e-quick button{gap:4px;min-height:40px}.e-quick svg{width:19px;height:19px}.e-home .e-home-section{padding:0;margin:20px 0}.e-home-section .e-heading{margin-bottom:10px}.e-home .e-eyebrow{display:none}.e-home .e-search{height:38px;padding:7px 10px;margin:0 0 10px}.e-categories{margin-bottom:9px}.e-categories button{padding:7px 10px}.e-game-tabs{gap:19px;margin-bottom:12px}.e-game-tabs button{padding-bottom:8px}
.app-container>main:has(>.mini-page)>.global-logo{display:none}.app-container:has(.mini-page),.app-container:has(.all-games),.app-container:has(.wallet-page){background:var(--bc-bg)}
#bottom-menu .menu__indicator{background:#dbc18c10!important;border:1px solid #dbc18c20!important;box-shadow:none!important}#bottom-menu .menu__btn.active .menu__icon{color:var(--bc-gold)!important}#bottom-menu .menu__btn .menu__icon{color:#8895a9}

.funds-page{padding-top:14px}.funds-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:27px;color:#bbc4d1;font-size:12px}.funds-back,.funds-help{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--bc-line);border-radius:11px;background:var(--bc-surface);color:var(--bc-gold)}.funds-back{font-size:27px!important;line-height:1}.funds-help svg{width:17px;height:17px}.funds-page .mini-head h1{font-size:24px;line-height:1.4;letter-spacing:0}.funds-page .mini-head p{margin:8px 0 0}.funds-page .mini-tabs{margin-bottom:20px}.funds-page .mini-tabs button{flex:1;padding:10px 12px}.funds-field{display:block;margin:17px 0}.funds-field>span{display:block;font-size:11px;color:#a4b0c2;margin-bottom:9px}.funds-field input{width:100%;min-height:46px;padding:11px 13px;background:#141b24;border:1px solid #ffffff12;border-radius:11px;color:var(--bc-text);font-size:16px;line-height:1.4;outline:none;box-shadow:none}.funds-field input::placeholder{color:#657287;font-size:13px}.funds-field input:focus{border-color:#dbc18c66;box-shadow:0 0 0 3px #dbc18c0a}.funds-field input:disabled{opacity:.6}.funds-methods{display:flex;gap:8px;flex-wrap:wrap}.funds-methods button{display:flex;align-items:center;gap:6px;flex:1;min-width:84px;min-height:44px;padding:10px;background:#1b232e;color:#94a2b7;border:1px solid #ffffff0e;border-radius:10px;font-size:11px}.funds-methods button.active{border-color:#dbc18c66;color:var(--bc-gold);background:#dbc18c09}.funds-methods svg{width:16px;height:16px}.funds-methods svg:last-child:not(:first-child){width:12px;height:12px;margin-left:auto}.funds-balance{padding-bottom:18px;border-bottom:1px solid #ffffff09}.funds-balance>span{display:block;font-size:10px;color:#8a99ae}.funds-balance>strong{display:block;font-size:28px;font-weight:600;color:var(--bc-gold);margin-top:4px;font-variant-numeric:tabular-nums}.funds-balance .mini-text-link{font-size:10px;margin-top:5px;padding:0}.funds-presets{display:flex;gap:8px;margin:-5px 0 19px}.funds-presets button{flex:1;min-height:34px;border:1px solid #ffffff0a;border-radius:8px;background:#242d39;color:#b5c0d0;font-size:11px}.funds-submit{width:100%;margin-top:5px;min-height:45px;font-size:12px!important}.funds-form-note{font-size:10px;line-height:1.8;color:#728197;margin:13px 0 0}.funds-error{padding:12px 14px;border:1px solid #ed8d7130;border-radius:11px;background:#ed8d710b;color:#e9ae9c;font-size:12px;line-height:1.7;margin-bottom:15px}.funds-success{text-align:center;padding:27px 20px}.funds-success>svg{width:42px;height:42px;margin:0 auto 16px;color:var(--bc-gold);padding:9px;background:#dbc18c0c;border:1px solid #dbc18c30;border-radius:14px}.funds-success h2{margin-bottom:10px}.funds-success>button,.funds-success>a{width:100%;margin-top:13px;display:block}.funds-success>.mini-text-link{font-size:11px!important;padding:5px}.funds-payment-link{display:flex!important;align-items:center;justify-content:center;text-decoration:none}.funds-review-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;font-size:12px;padding:14px 0;border-bottom:1px solid var(--bc-line)}.funds-review-row>span{color:#8797ae;flex-shrink:0}.funds-review-row>strong{font-weight:500;color:#e0c896;overflow-wrap:anywhere;text-align:right}.funds-bot-link{display:flex;align-items:center;gap:8px;width:100%;border:1px solid var(--bc-line);border-radius:12px;background:#1a222c;color:#a4b4ca;padding:13px;font-size:10px!important;text-align:left}.funds-bot-link>svg{width:18px;height:18px;color:var(--bc-gold)}.funds-bot-link>svg:last-child{margin-left:auto;width:12px}.funds-record-stats{margin-bottom:15px}.funds-record{padding:15px 0;border-bottom:1px solid var(--bc-line)}.funds-record:first-child{padding-top:0}.funds-record:last-child{border:0;padding-bottom:0}.funds-record-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.funds-record-head strong{font-weight:600;font-size:17px}.funds-record p{margin:6px 0;color:#9aa7b9;font-size:11px}.funds-record small{color:#65758d;font-size:9px;overflow-wrap:anywhere}.funds-status{background:#dbc18c0d;border-radius:5px;color:var(--bc-gold);font-size:9px;padding:4px 6px;white-space:nowrap}.funds-status.status-1{color:#94c6a6;background:#94c6a610}.funds-status.status-2,.funds-status.status-3{color:#bd9d99;background:#bd9d9910}

/* Scope these overrides above the lazily loaded legacy styles. */
#app .all-games,#app .wallet-page{background:var(--bc-bg);color:var(--bc-text)}#app .all-games .fixed-header,#app .all-games .header,#app .wallet-fixed-header{background:var(--bc-bg);border-color:var(--bc-line);box-shadow:none}#app .all-games .header-title h1,#app .all-games h1,#app .wallet-title{font-size:24px;font-weight:650;color:var(--bc-text)}#app .all-games .category-tab,#app .all-games .supplier-tab{background:#1e2631;border:1px solid #ffffff0e;box-shadow:none;color:#93a3ba;border-radius:10px}#app .all-games .category-tab.active,#app .all-games .supplier-tab.active{background:#dbc18c14;border-color:#dbc18c50;color:var(--bc-gold)}#app .all-games .game-card{border:1px solid #ffffff0b;border-radius:13px;box-shadow:none}#app .all-games .game-card__name{background:linear-gradient(0deg,#101621f5,#10162120);font-weight:500}#app .all-games .search-icon-button{background:#1f2835;border:1px solid var(--bc-line);border-radius:10px;color:var(--bc-gold)}#app .wallet-item{background:#1d242e;border:1px solid #ffffff0a;border-radius:17px;box-shadow:none}#app .wallet-item__name{font-weight:500;font-size:14px;color:#e3e8ef}#app .wallet-item__label,#app .wallet-subtitle{color:#8595ad;font-size:11px}#app .wallet-item__balance{color:var(--bc-gold);font-size:19px;font-variant-numeric:tabular-nums}#app .wallet-item__icon{border:1px solid var(--bc-line);background:#252e3a;border-radius:12px}#app .wallet-allout-btn,#app .wallet-page .action-btn--transfer-in{background:linear-gradient(120deg,#dcc28e,#bc9d62);color:#282217;box-shadow:none;border-radius:9px;border:0}#app .wallet-page .action-btn--transfer-out{background:#293340;color:#b5c2d5;border:1px solid #ffffff0b;box-shadow:none;border-radius:9px}#app .wallet-page .action-btn{font-weight:500;font-size:11px;min-height:38px}
@media(max-width:350px){.e-home .e-banner{height:166px}.e-slide-copy>strong{font-size:21px}.e-slide-copy>p{font-size:10px}.e-slide-copy .e-hero-cta{font-size:10px}.e-home .e-account{padding-left:11px;padding-right:11px}.e-balance{font-size:25px}.funds-page .mini-head h1{font-size:22px}.funds-methods button{padding:9px 7px;font-size:10px;min-width:77px;gap:4px}}
.e-home{padding-top:calc(14px + var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px))}.mini-page{padding-top:calc(25px + var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px))}.funds-page{padding-top:calc(14px + var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px))}
/* theme-ui.css */
/* 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}
/* profile-original.css */
/* Original profile layout confirmed against 2ad2705 (2026-10-03 20:01 +08:00).
   Its geometry comes from profile-DkUtjE14.css; these rules adapt the two palettes. */
#app .app-container>main:has(>.profile-original)>.global-logo{display:none}
#app .profile-original{
 --Green-Green:var(--bc-gold);--Green-Green_Hover:var(--Accent-Accent_hover);--Green-Green_Pressed:var(--Accent-Accent_Pressed);
 --Green-Green_12:rgba(var(--Accent-Accent-RGB),.12);--Green-Green_20:rgba(var(--Accent-Accent-RGB),.2);
 background:var(--Base-Background);color:var(--Neutral-Neutral_100);font-size:16px;min-width:0;
}
#app .profile-original .appearance-row{padding:2px 10px;cursor:default}
#app .profile-original .appearance-row:hover{background:transparent}
#app .profile-original .appearance-setting{width:100%;gap:12px}
#app .profile-original .appearance-setting-copy{padding:6px 0 6px 32px}
#app .profile-original .appearance-setting-copy strong{font-size:12px;font-weight:500;color:var(--Neutral-Neutral_100)}
#app .profile-original .appearance-setting-copy p{color:var(--Neutral-Neutral_56);font-size:10px;line-height:16px;margin:2px 0 0}
#app .profile-original .appearance-switch{flex-shrink:0}
#app .profile-original button:focus-visible{outline:2px solid var(--bc-gold);outline-offset:2px}

/* Keep the centered avatar clear of the nickname on small phones. */
@media(max-width:375px){#app .profile-original .profile-card{padding-top:30px}}

/* Legacy cards and dialogs inherit a readable white / blue palette. */
:root[data-theme=white-blue] #app .profile-original{
 --color-white:var(--bc-text);--Green-Green:var(--bc-gold);--Neutral-Neutral_8:#1729450a;
 --Neutral-Neutral_12:#1729450f;--Neutral-Neutral_20:#1729451a;--Neutral-Neutral_56:#657891;
 --Neutral-Neutral_72:#3e5675;--Neutral-Neutral_100:#172945;
}
:root[data-theme=white-blue] #app .profile-original .action-btn--deposit,
:root[data-theme=white-blue] #app .profile-original .action-btn--deposit svg{color:#fff}
:root[data-theme=white-blue] #app .profile-original .action-btn--withdraw{background:#fff;color:#2469da;border-color:#2469da40}
:root[data-theme=white-blue] #app .profile-original .action-btn--withdraw svg{color:#2469da}
:root[data-theme=white-blue] #app .profile-original .icon-grid,
:root[data-theme=white-blue] #app .profile-original .function-list{background:#fff;border-color:#dce5f1;box-shadow:0 4px 16px #244d8608}
:root[data-theme=white-blue] #app .profile-original .vip-card__tip{background:#2469da08;color:#3e5675}
@media(prefers-reduced-motion:reduce){
 #app .profile-original *,#app .profile-original *:before,#app .profile-original *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
/* desktop-ui.css */
/* Desktop browser layout; narrow Mini App windows retain their existing controls. */
@media(min-width:1000px){
 #app{max-width:min(1280px,100vw)!important;border:0!important;box-shadow:none!important}
 #app main.e-home{max-width:100%!important;width:100%;margin:0}
 #app .e-home{padding-left:32px;padding-right:32px;padding-top:22px}
 #app .e-home .e-topbar{height:54px;margin-bottom:20px}
 #app .e-home .e-brand strong{max-width:none;font-size:22px}
 #app .e-home .e-brand small{font-size:12px}
 #app .e-home .e-brand-mark{width:45px;height:45px;flex-basis:45px}
 #app .e-home .e-banner{height:240px}
 #app .e-home .e-slide-copy{max-width:65%;left:32px;top:28px}
 #app .e-home .e-slide-copy>strong{font-size:34px;line-height:1.3}
 #app .e-home .e-slide-copy>p{font-size:14px;margin:12px 0}
 #app .e-home .e-account{padding:18px 22px 0;margin:22px 0 30px}
 #app .e-home .e-name>span{max-width:360px;font-size:16px}
 #app .e-home .e-account-caption{font-size:12px}
 #app .e-home .e-account-main{margin:16px 0 18px}
 #app .e-home .e-quick{justify-content:space-around;padding:14px 0}
 #app .e-home .e-quick button{font-size:12px}
 #app .e-home .e-quick svg{width:23px;height:23px}
 #app .e-home .e-games{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 18px}
 #app .e-home .e-game>strong{font-size:14px}#app .e-home .e-game>small{font-size:11px}
 #app .e-home .e-providers{grid-template-columns:repeat(4,minmax(0,1fr))}
 #app .e-home .e-search{max-width:580px;height:44px}
 #app .e-home .e-categories{gap:12px}#app .e-home .e-categories button{font-size:13px;padding:10px 17px}
 #app .mini-page,#app .e-page:not(.e-home){max-width:980px;width:100%;margin:0 auto;padding-left:28px;padding-right:28px}
 #app .funds-page{max-width:720px}
 #bottom-menu.menu{max-width:640px!important;width:calc(100% - 64px)!important}
 #bottom-menu .menu__label{font-size:12px}
 #bottom-menu .menu__nav{height:70px}
}
@media(min-width:600px) and (max-width:999px){
 #app .e-home .e-games{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px}
 #app .e-home{padding-left:24px;padding-right:24px}
}
/* layout-guard.css */
/* Keep controls reachable when browser zoom or a short viewport reduces space. */
@media (max-width: 480px) {
  .page-header.page-header { flex-wrap: wrap; }
  .page-header .page-header__user { flex: 1 1 130px; max-width: 100%; }
  .page-header .page-header__actions { flex-wrap: wrap; max-width: 100%; margin-left: auto; }
  .e-account-main { flex-wrap: wrap; }
  .e-balance { white-space: normal; overflow-wrap: anywhere; }
}
.modal-overlay .modal-container.modal-container {
  max-height: calc(100dvh - 32px);
  max-width: calc(100vw - 32px);
}
.modal-container > .modal-header { flex-shrink: 0; }
.language-modal .language-modal__content {
  max-height: calc(100dvh - 48px);
  overflow-y: auto;
  box-sizing: border-box;
}