/* Original menu measurements in the shell's 360 px design coordinates. */
#dialogLayer{right:auto;bottom:auto;font-family:"PingFang SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif}
.profile-panel{background:#282832}
.dialog-header{min-height:74px;font-size:17px;background:#30303c}
.close{right:18px;padding:0;width:40px;height:40px;font-size:0;color:#fff}
.close:before,.close:after{content:"";position:absolute;left:12px;top:19px;width:17px;height:2px;background:#fff;border-radius:1px;transform:rotate(45deg)}
.close:after{transform:rotate(-45deg)}
.panel-content{padding:0;line-height:normal;background:#282832}
.panel-content:has(.demo-help),.detail-dialog .panel-content{padding:20px}
.panel-nav{height:104px;padding:24px 18px 30px;gap:0;background:#30303c;justify-content:space-between}
.panel-nav button{width:60px;padding:0;font-size:11px;gap:5px;color:#999}
.panel-nav .nav-original{width:32px;height:32px;opacity:1}
.panel-nav .active .nav-original{filter:none;opacity:1}
.panel-nav button.active{color:#b47850}
.paytableContent,.rulesContent{font-size:11px;line-height:normal;width:100%;padding-bottom:20px}
.paytableContent *,.rulesContent *{box-sizing:content-box}
.panel-content .rulesContent li,.panel-content .paytableContent p{font-size:inherit;color:inherit;line-height:inherit}
.panel-content .rulesContent ul{padding-left:0}
.sheet{border-radius:20px 20px 0 0;background:#30303c;box-shadow:none}
.sheet .dialog-header{min-height:53px;font-size:16px}
.sheet .sheet-content{background:#282833}
.shade{background:#0008}
/* Wallet uses the original bottom sheet, distinct from the full-height rules. */
.account-dialog.sheet{height:280px;overflow:visible}
.account-dialog .dialog-header{height:60px;min-height:60px;border-radius:20px 20px 0 0}
.account-avatar{position:absolute;left:50%;top:-38.4px;transform:translateX(-50%);width:76.8px;height:76.8px;pointer-events:none}
.account-dialog .close{right:15px;top:27px}
.account-content{height:114px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#282832;color:#b47850}
.account-name{margin:0;font-size:14px;font-weight:400;line-height:20px}
.account-balance{margin:0;font-family:Arial,sans-serif;font-size:26px;font-weight:700;line-height:31px;font-variant-numeric:tabular-nums}
.account-dialog .panel-nav{height:106px;padding:24px 18px 30px}
.wallet-footer{height:35px;padding:0 3.6px 4px;gap:3px;background:#30303c}
.wallet-footer span{height:31px;padding:0;display:flex;align-items:center;justify-content:center;position:relative;font-size:14px;color:#b47850;background:#202028;line-height:1}
.wallet-footer span:first-child{padding-left:12px}
.wallet-footer span:last-child{padding-right:12px}
.wallet-footer img{position:absolute;left:0;width:32px;height:32px;opacity:.5}
.wallet-footer span:last-child img{left:auto;right:4px;width:20px;height:20px}
.wallet-footer small{position:absolute;font-size:9px;top:-3px;left:0;width:100%;color:#8b8b91}
.auto-dialog .dialog-header{min-height:51px}
.auto-dialog .sheet-content{height:121px;padding:24px 20px 0;flex:none}
.auto-dialog .auto-description{margin:0 0 12px;text-align:left;font-size:14px;color:#888}
.auto-options{gap:8px;margin:0;grid-template-columns:repeat(5,1fr)}
.auto-options button{border:0;border-radius:30px;background:#30303d;color:#ffffff4d;height:38px;padding:0;font-size:14px}
.auto-options button.selected{background:#b4785033;color:#b47850}
.auto-dialog>.actions{height:86px;padding:24px 0;margin:0;justify-content:center}
.auto-dialog .primary{flex:none;width:191.512px;height:38px;padding:0;font-size:14px;border:0;background:#b47850;color:#fffc}
.bet-dialog .sheet-content{padding:0;overflow:visible;flex:none}
.bet-labels{height:34px;display:grid;grid-template-columns:74.3px 79.3px 75.5px 94.9px;gap:0;margin:0 18px;align-items:center;font-size:11px;color:#ffffff4d}
.bet-labels span:last-child{color:#b47850}
.bet-selectors{height:170px;padding:0 18px 10px;gap:0;margin:0;grid-template-columns:74px 16.2px 63px 16.2px 59px 16.2px 79.4px;font-size:16px}
.bet-selectors>span{font-size:11px;color:#888}
.bet-selectors>b{font-weight:400}
.bet-selectors:before{top:62px;height:36px;left:8px;right:8px;background:#30303d;border-radius:30px}
.wheel{height:160px;mask-image:linear-gradient(transparent,#000 28%,#000 72%,transparent)}
.wheel button,.wheel>span{flex-basis:32px;height:32px;font-size:16px}
.wheel button.selected{font-size:18px}
.bet-dialog .actions{height:85.6px;padding:24px 10px;gap:8px;background:#30303c}
.bet-dialog .actions button{height:37.6px;padding:0;border-radius:30px;font-size:14px}
.bet-dialog .secondary{width:104px;border-color:#b47850;color:#b47850}
.bet-dialog .primary{background:#b47850;border:0;color:#fffc}
.history-dialog .panel-content{background:#2d2d38}
.history-tabs{height:40px;background:#282832}
.history-tabs button{padding:0;font-size:12px;flex:1}
.history-table{font-size:11px}
.history-table th{height:38px;padding:6px 12px;background:#30303c}
.history-table td{padding:12px}
.history-summary{background:#30303c}
.empty{font-size:13px}
.load-track{position:relative;width:212px;height:13px;padding:0;border:0;border-radius:3.5px;background:transparent;overflow:visible}
.load-track>div{box-shadow:none;transition:none;background:none;height:auto;width:auto;border-radius:0}
.load-track .progress-bar-background{background:#111;border-radius:3.5px;height:100%;position:absolute;width:100%}
.progress-bar-outline{border-radius:3.5px;position:absolute;inset:0;transform:translateZ(0)}
.border-inner{border:1.7px solid #272727}
.border-outer{border:.85px solid #111}
.progress-bar-fill-container{position:absolute;inset:.87px}
.progress-bar-fill{backface-visibility:hidden;background-color:#eb1313;background-size:8.7px 100%;border-radius:3.5px;height:100%;position:absolute;width:0}
.stripes{animation:animate-stripes 1s linear infinite;background-image:linear-gradient(-75deg,#fff0 35%,#ffffff1a 0,#ffffff1a 75%,#fff0 0,#fff0)}
.front-highlight{background-image:linear-gradient(90deg,#fff0,#fff);border-radius:0 3.5px 3.5px 0;height:100%;max-width:20px;right:0;width:50%;position:absolute;transform:translateZ(0)}
.top-highlight{background:#fff3;border-radius:3.5px 3.5px 0 0;height:50%;width:100%;position:absolute;transform:translateZ(0)}
@keyframes animate-stripes{from{background-position:0 0}to{background-position:34.7px 0}}
@media(prefers-reduced-motion:reduce){.stripes{animation:none}}