:root{
  --main-color:#0CD781;--main-gradient:linear-gradient(90deg,#0CD781 0%,#00E989 100%);--main-gradient-v:linear-gradient(180deg,#0CD781 0%,#00E989 100%);
  --red:#D23838;--green:#18B660;--orange:#F5A036;--violet:#B859FE;--blue:#5088D3;
  --text1:#223935;--text2:#6B8F7F;--text3:#B6C8BF;--white:#fff;--bg1:#F2F2F1;--bg2:#fff;--bg3:#eee;--line:#D8EBE4;
}
html{font-size:clamp(32px,10vw,40px)!important;background:#9195a3}
body{margin:0!important;background:#9195a3!important;font-family:Roboto,Inter,Arial,sans-serif!important;color:var(--text1);font-size:12px!important;display:flex;justify-content:center;min-height:100vh}
*{box-sizing:border-box}button{font:inherit}
#app.app-shell{position:relative!important;width:10rem!important;max-width:100vw!important;min-height:100vh!important;margin:0 auto!important;background:var(--bg1)!important;overflow-x:hidden!important;box-shadow:none!important}
#app .winGo3{width:100%;min-height:100vh;background:var(--bg1)}
#app .lottery-info{position:relative}
#app .lottery-info.padding{padding:.48rem .34667rem 0;margin-bottom:.34667rem}
#app .official-bg{position:absolute;inset:0 auto auto 0;width:100%;height:9rem;background:var(--main-gradient);border-radius:0 0 1.6rem 1.6rem;z-index:0}

/* exact header sizing from official source */
#app .navbar{height:1.22667rem;position:relative;z-index:100}
#app .navbar-fixed{position:fixed;top:0;left:50%;width:10rem;max-width:100vw;transform:translateX(-50%);z-index:101;background:var(--main-gradient)}
#app .navbar__content{position:relative;height:1.22667rem;display:flex;align-items:center;justify-content:center;color:#fff}
#app .navbar__content-left{position:absolute;left:.32rem;top:0;height:100%;width:.64rem;display:flex;align-items:center;justify-content:center;background:none!important;border:0;color:#fff!important;font-size:.8rem!important;font-weight:200;line-height:1;padding:0}
#app .navbar__content-center .headLogo{width:2.98667rem;height:1.12rem;background:url('/assets/official-logo.png') center/contain no-repeat}
#app .navbar__content-right{position:absolute;right:.32rem;top:50%;transform:translateY(-50%);display:flex;gap:.26667rem}
#app .more-icon{width:.64rem;height:.64rem;border:0;padding:0;background:transparent center/contain no-repeat}
#app .more-icon.support{background-image:url('/assets/official-support.png')}
#app .more-icon.voice{background-image:url('/assets/official-voice.png')}

/* wallet */
#app .Wallet__C{position:relative;z-index:1;padding:0}
#app .Wallet__C-balance{min-height:3.57333rem;background-color:var(--bg2);background-image:url('/assets/official-wallet-bg.png');background-repeat:no-repeat;background-size:contain;border-radius:.53333rem;padding:.46667rem .54667rem .4rem;position:relative}
#app .Wallet__C-balance-l1{min-height:.58667rem;line-height:.58667rem;text-align:center;font-weight:700;font-size:.48rem;color:var(--text1);overflow:hidden}
#app .Wallet__C-balance-l1>div{position:relative;word-break:break-all;width:fit-content;margin:auto;display:inline-block;padding-right:.86rem}
#app .refresh-hit{position:absolute;right:0;top:.05333rem;width:.48rem;height:.48rem;border:0;background:url('/assets/official-refresh.png') center/.48rem no-repeat;padding:0}
#app .Wallet__C-balance-l2{height:.53333rem;display:flex;justify-content:center;align-items:center;margin-top:.18667rem;font-size:.34667rem;color:var(--text1)}
#app .Wallet__C-balance-l2>img{width:.53333rem;height:.53333rem;margin-right:.13333rem}
#app .Wallet__C-balance-l3{display:flex;justify-content:space-between;margin-top:.46667rem}
#app .Wallet__C-balance-l3>button{border:0;width:3.46667rem;height:.93333rem;line-height:.93333rem;border-radius:.53333rem;font-weight:600;font-size:.4rem;color:#fff;text-align:center;padding:0}
#app .Wallet__C-balance-l3>button:first-child{background:var(--red)}
#app .Wallet__C-balance-l3>button:last-child{background:var(--green)}

/* notice */
#app .noticeBar__container{display:flex;align-items:center;width:100%;height:1.06667rem;color:var(--text2);font-size:.32rem;border-radius:.26667rem;border:.02667rem solid #C2EFF9;padding:0 .21333rem;background:linear-gradient(180deg,#fff,#edfff6);position:relative;z-index:1;margin:.45333rem auto}
#app .notice-speaker{width:.42667rem;height:.42667rem;flex:none;margin-right:.22667rem}
#app .noticeBar__container-body{flex:1;min-width:0;height:.8rem;overflow:hidden;display:flex;align-items:center;line-height:1.06667rem}
#app .noticeBar__container-body-text{width:100%;max-height:1.06667rem;line-height:.49333rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
#app .noticeBar__container .hotIcon{flex:none;width:1.28rem;height:.54667rem;padding:0;border:0;border-radius:.66667rem;background:var(--main-gradient-v);color:#fff;font-size:.32rem;display:flex;align-items:center;justify-content:center}

/* mode tabs */
#app .timer-cards{display:grid;grid-template-columns:repeat(4,1fr);background:var(--bg3);border-radius:.32rem;box-shadow:0 .05333rem .10667rem #c5c5da40;position:relative;z-index:1;overflow:hidden}
#app .timer-card{display:flex;align-items:center;justify-content:center;flex-direction:column;width:2.33333rem;height:2.4rem;background:var(--bg3);border-radius:.32rem;border:none;cursor:pointer;padding:0;color:var(--text2)}
#app .timer-card.active{background:linear-gradient(180deg,#0CD781 0%,#00E989 100%);color:#fff}
#app .timer-card .clock-icon{width:1.17333rem;height:1.17333rem;margin:.18667rem 0 0}
#app .timer-card .timeIcon{width:1.17333rem;height:1.17333rem;object-fit:contain}
#app .timer-card .card-title{font-size:.32rem;font-weight:400;color:var(--text2);text-align:center;padding:0 .12rem;line-height:.4rem}
#app .timer-card.active .card-title{color:#fff}

/* green period panel */
#app .TimeLeft__C{width:calc(100% - .69333rem);height:2.66667rem;margin:.48rem auto 0;background:url('/assets/official-wingo-panel.png') .01333rem center/100% 100% no-repeat;display:flex;align-items:center;justify-content:center;position:relative;color:#fff}
#app .TimeLeft__C-rule{position:absolute;top:.29333rem;left:.29333rem;height:.61333rem;width:4rem;font-size:.29333rem;text-align:center;border:.01333rem solid #fff;border-radius:.8rem;display:flex;justify-content:center;align-items:center;gap:.06667rem;background:transparent;color:#fff;padding:0}
#app .rule-icon{font-size:.42rem;line-height:1}
#app .TimeLeft__C-name{position:absolute;top:.96rem;left:.29333rem;height:.66667rem;line-height:.66667rem;border-radius:.13333rem;font-size:.29333rem;padding:0 .16rem}
#app .TimeLeft__C-num{position:absolute;height:.66667rem;display:flex;left:.29333rem;bottom:.30667rem}
#app .TimeLeft__C-num .mini-ball{width:.66667rem;height:.66667rem;display:block}
#app .TimeLeft__C-num .mini-ball+ .mini-ball{margin-left:.16rem}
#app .TimeLeft__C-num img{display:block;width:.66667rem;height:.66667rem;object-fit:contain}
#app .TimeLeft__C-id{position:absolute;bottom:.22667rem;right:.29333rem;font-weight:700;font-size:.37333rem;height:.52rem;line-height:.52rem;color:#d7f4e9;white-space:nowrap}
#app .TimeLeft__C-text{height:.4rem;line-height:.4rem;font-weight:700;font-size:.32rem;position:absolute;top:.34667rem;right:.32rem}
#app .TimeLeft__C-time{height:.8rem;line-height:.8rem;position:absolute;bottom:1.01333rem;right:.34667rem;display:flex;align-items:center}
#app .TimeLeft__C-time>span,#app .TimeLeft__C-time>i{background:#fff;color:var(--text1);font-weight:700;font-size:.48rem;text-align:center;padding:0 .10667rem;width:.53333rem;height:.8rem;line-height:.8rem;font-style:normal;display:block}
#app .TimeLeft__C-time>*+*{margin-left:.12rem}
#app .TimeLeft__C-time>span:first-child{clip-path:polygon(0 30%,30% 0,100% 0,100% 100%,0 100%)}
#app .TimeLeft__C-time>span:last-child{clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%)}
#app .TimeLeft__C-time>i{width:.4rem;padding:0}

/* betting board exact source dimensions */
#app .Betting__C{height:7.61333rem;width:calc(100% - .69333rem);margin:.29333rem auto .32rem;background:#fff;border-radius:.26667rem;padding:.18667rem .26667rem .25333rem .18667rem;position:relative;box-shadow:0 .05333rem .12rem #0000000a}
#app .Betting__C-head{height:.93333rem;display:flex;justify-content:space-between}
#app .Betting__C-head>button{border:0;width:calc((100% - .8rem)/3);height:.93333rem;line-height:.93333rem;font-weight:500;font-size:.37333rem;color:#fff;text-align:center;padding:0}
#app .Betting__C-head-green{background:var(--green);border-radius:0 .26667rem}
#app .Betting__C-head-violet{background:var(--violet);border-radius:.13333rem}
#app .Betting__C-head-red{background:var(--red);border-radius:.26667rem 0}
#app .Betting__C-numC{height:3.46667rem;margin:.34667rem auto;background:var(--bg1);border-radius:.26667rem;padding:.17333rem .26667rem;display:flex;flex-wrap:wrap;justify-content:space-between}
#app .Betting__C-numC .num-ball{width:1.46667rem;height:50%;border:0;padding:0;background:transparent;display:flex;align-items:center;justify-content:center}
#app .Betting__C-numC .num-ball img{width:1.46667rem;height:1.46667rem;object-fit:contain;display:block}
#app .Betting__C-numC .num-ball:active{transform:scale(.9)}
#app .Betting__C-multiple{margin-top:.29333rem;height:.90667rem;display:flex;align-items:center;justify-content:space-between}
#app .Betting__C-multiple-l{width:2.13333rem;height:.90667rem;line-height:.90667rem;text-align:center;border:.02667rem solid var(--red);border-radius:.21333rem;font-size:.37333rem;color:var(--red);background:#fff;padding:0}
#app .Betting__C-multiple-r{height:.8rem;width:.98667rem;line-height:.8rem;font-size:.32rem;color:var(--text2);background:var(--bg1);border-radius:.21333rem;text-align:center;border:0;padding:0}
#app .Betting__C-multiple-r.active{background:var(--green);color:#fff}
#app .Betting__C-foot{height:.96rem;display:flex;margin-top:.26667rem;justify-content:center}
#app .Betting__C-foot>button{border:0;width:4.13333rem;height:.96rem;line-height:.96rem;text-align:center;font-size:.42667rem;color:#fff;padding:0}
#app .Betting__C-foot-b{background:var(--orange);border-radius:.53333rem 0 0 .53333rem}
#app .Betting__C-foot-s{background:var(--blue);border-radius:0 .53333rem .53333rem 0}
#app .Betting__C-mark{width:100%;height:100%;background:#0009;position:absolute;z-index:99;top:0;left:0;color:var(--main-color);border-radius:.26667rem;display:flex;justify-content:center;align-items:center}
#app .Betting__C-mark>div{display:inline-flex;align-items:center;justify-content:center;border-radius:.4rem;padding:0 .4rem;background:#fff;font-weight:700;font-size:3.73333rem;height:4rem;min-width:2.16rem}
#app .Betting__C-mark>div+div{margin-left:1.04rem}

/* history navigation */
#app .history{width:100%}
#app .history .nav{padding-left:.34667rem;overflow:hidden;white-space:nowrap}
#app .history .nav>.nav-container{display:inline-flex;justify-content:space-between;margin-bottom:.4rem}
#app .history .nav>.nav-container.noScroll>button{width:2.93333rem}
#app .history .nav>.nav-container>button{flex:0 0 auto;height:.96rem;text-align:center;font-size:.37333rem;color:#929292;display:flex;background:#fff;align-items:center;justify-content:center;border-radius:.21333rem;margin:0 .13333rem;border:0;box-shadow:0 .05333rem .05333rem #00000029;padding:0}
#app .history .nav>.nav-container>button:first-child{margin-left:0}
#app .history .nav>.nav-container>button.active{font-weight:500;color:#fff;background:var(--main-gradient)}
#app .history .nav-box{padding:0 .34667rem}
#app .history-card{background:transparent!important;border-radius:0!important;box-shadow:none!important;margin:0!important;overflow:visible!important}

/* game history exact */
#app .hist-table{font-size:.32rem;text-align:center}
#app .hist-head{height:1.06667rem;border-radius:.13333rem .13333rem 0 0;background:var(--main-color);font-weight:500;font-size:.32rem;color:#fff;display:grid;grid-template-columns:10fr 5fr 5fr 4fr;align-items:center}
#app .hist-row{height:1.06667rem;line-height:1.06667rem;display:grid;grid-template-columns:10fr 5fr 5fr 4fr;align-items:center;background:#fff;color:var(--text1)}
#app .hist-period{text-align:center;white-space:nowrap}
#app .hist-number{height:.8rem;line-height:.8rem;font-weight:700;font-size:.66667rem;align-self:center}
#app .hist-number.green-n{color:#47ba7c}#app .hist-number.red-n{color:#f23f3f}
#app .hist-number.n0-text{background:linear-gradient(180deg,#f23f3f 50.96%,#b659fe 50.97%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#app .hist-number.violet-n{background:linear-gradient(180deg,#47ba7c 50%,#ec4cdf 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#app .color-dots{display:flex;justify-content:center;align-items:center;gap:.26667rem}
#app .color-dot{width:.26667rem;height:.26667rem;border-radius:50%;display:block}.dot-red{background:#f23f3f}.dot-green{background:#47ba7c}.dot-violet{background:#ec4cdf}

/* shared pager exact */
#app .record-foot{height:1.86667rem;padding:0 2.37333rem;display:flex;justify-content:space-between;align-items:center;background:#fff;color:var(--text2);margin-bottom:.93333rem}
#app .record-foot-page{font-size:.32rem;color:var(--text2)}
#app .record-foot-previous,#app .record-foot-next{width:.93333rem;height:.93333rem;border-radius:.13333rem;background:var(--main-color);color:#fff;display:flex;align-items:center;justify-content:center;border:0;font-size:.72rem;line-height:1;padding:0}
#app .record-foot-previous:disabled,#app .record-foot-next:disabled{background:var(--bg3);color:var(--text2)}

/* chart exact source geometry */
#app .chart-wrap{width:100%;text-align:center;font-size:.32rem;padding:0 0 .32rem}
#app .chart-head{height:1.06667rem;line-height:1.06667rem;font-weight:500;font-size:.34667rem;color:#fff;border-radius:.13333rem .13333rem 0 0;background:var(--main-color);display:flex}
#app .chart-head span:first-child{width:30%;text-align:center}#app .chart-head span:last-child{width:70%;text-align:center}
#app .stat-box{background:#fff;padding-bottom:.37333rem}
#app .stat-row{display:flex;font-size:.34667rem;color:var(--text1);min-height:.48rem;margin-top:.26667rem;align-items:center}
#app .stat-row:first-child{padding-top:.34667rem;margin-top:0;height:.76rem}
#app .stat-label{width:3.70667rem;padding-left:.26667rem;text-align:left;font-weight:400;white-space:nowrap}
#app .stat-row:first-child .stat-label{font-weight:500;font-size:.37333rem}
#app .stat-values{display:grid;grid-template-columns:repeat(10,.48rem);justify-content:space-between;flex:1;padding-right:.2rem;align-items:center}
#app .stat-values>span{width:.48rem;height:.48rem;line-height:.48rem;font-size:.34667rem;color:#9da7b3;text-align:center}
#app .stat-values.win-circles>span{border-radius:50%;line-height:.42667rem;border:.01333rem solid #fd565c;color:#fd565c}
#app .trend-list{position:relative;font-size:.32rem;background:#fff;padding:0 0 .13333rem;margin-bottom:.48rem}
#app .trend-row{position:relative;height:1.33333rem;padding:.45333rem .26667rem;border-bottom:.01333rem solid #e1e3f2;display:flex;align-items:center}
#app .trend-row:last-of-type{border-bottom:none}
#app .trend-period{width:3.70667rem;flex:none;color:var(--text1);text-align:left;font-size:.32rem;white-space:nowrap}
#app .trend-numbers{display:flex;position:relative;height:.42667rem;flex:1;z-index:2}
#app .trend-num{width:.4rem;height:.4rem;line-height:.4rem;text-align:center;border-radius:50%;border:.01333rem solid #e1e3f2;color:#bbb;margin-right:.10667rem;font-size:.32rem;background:#fff;flex:none}
#app .trend-num.hit{border:none;color:#fff;position:relative;z-index:10}.trend-num.hit.green{background:#47ba7c}.trend-num.hit.red{background:#fd565c}.trend-num.hit.dual0{background:linear-gradient(135deg,#fd565c 0 50.37%,#ec4cdf 50.38%)}.trend-num.hit.dual5{background:linear-gradient(to bottom right,#47ba7c 50%,#ec4cdf 0)}
#app .trend-size{width:.4rem;height:.4rem;line-height:.4rem;text-align:center;border-radius:50%;color:#fff;margin-left:.18667rem;font-size:.32rem;flex:none;position:relative;z-index:3}.trend-size.B{background:#f3bd14}.trend-size.S{background:#609dec}
#app .trend-lines{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}

/* my history exact source geometry */
#app .mine-list{padding:0 .26667rem .13333rem;margin-bottom:.48rem;background:#fff}
#app .mine-detail-top{display:flex;justify-content:flex-end;background:#fff;padding:.32rem 0 0}
#app .history-detail-btn{border:.01333rem solid var(--main-color);height:.8rem;line-height:.8rem;border-radius:.26667rem;padding:0 .24rem;color:var(--main-color);font-size:.32rem;background:#fff}
#app .mine-row{height:1.76rem;display:flex;align-items:center}
#app .mine-select-tile{height:1.09333rem;width:1.22667rem;line-height:1.09333rem;text-align:center;border-radius:.26667rem;color:#fff;font-size:.64rem;margin-right:.29333rem;flex:none;overflow:hidden;display:block}
#app .tile-red{background:var(--red)}#app .tile-green{background:var(--green)}#app .tile-violet{background:var(--violet)}#app .tile-orange{background:var(--orange);font-size:.29333rem}#app .tile-blue{background:var(--blue);font-size:.29333rem}#app .tile-dual0{background:linear-gradient(to bottom right,var(--red) 50%,var(--violet) 0)}#app .tile-dual5{background:linear-gradient(to bottom right,var(--green) 50%,var(--violet) 0)}
#app .mine-main{flex:none;height:fit-content;min-width:0}#app .mine-main b{height:.56rem;line-height:.56rem;font-size:.37333rem;font-weight:500;color:var(--text1);display:block;white-space:nowrap}#app .mine-main small{height:.48rem;line-height:.48rem;font-size:.32rem;color:#929292;display:block}
#app .mine-side{flex:1;font-size:.32rem;height:fit-content;display:flex;align-items:flex-end;justify-content:center;flex-direction:column;color:var(--red);min-width:0}
#app .mine-status{color:var(--red);border:.01333rem solid var(--red);border-radius:.13333rem;width:2rem;text-align:center;height:.64rem;line-height:.64rem;font-size:.29333rem;margin-bottom:.08rem}#app .mine-status.WIN{color:var(--green);border-color:var(--green)}#app .mine-status.PENDING{color:var(--text2);border-color:var(--text3)}
#app .mine-pnl{height:.48rem;line-height:.64rem;color:var(--red)}#app .mine-pnl.win{color:#13c164}
#app .order-details{display:flex;flex-direction:column}#app .order-details h3{font-size:.37333rem;color:var(--text1);font-weight:500;line-height:.52rem;padding-bottom:.16rem;margin:0}
#app .detail-line{min-height:.66667rem;line-height:.66667rem;padding:0 .06667rem;background:var(--bg3);color:var(--text2);font-size:.37333rem;border-radius:.13333rem;margin-bottom:.21333rem;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
#app .detail-line>span:first-child{color:var(--text1)}#app .detail-line .value{display:flex;align-items:center;max-width:70%;text-align:right;justify-content:flex-end;overflow-wrap:anywhere}#app .detail-line .red{color:var(--red)}#app .detail-line .green{color:var(--green)}
#app .result-pieces{display:flex;align-items:center;gap:.16rem}.res-red{color:#f23f3f}.res-green{color:#13c164}.res-violet{color:#a043e8}.res-big{color:#f8b460}.res-small{color:#609dec}
#app .copy-mark{font-size:.4rem;margin-left:.06667rem}

/* floating private tool: same scale/position as official customer bubble */
#app .tool-float{position:fixed!important;right:max(0px,calc((100vw - 10rem)/2 - .12rem))!important;bottom:4.26667rem!important;width:1.49333rem!important;height:1.49333rem!important;border:0!important;border-radius:50%!important;background:transparent!important;padding:0!important;z-index:99!important;box-shadow:none!important;overflow:visible!important}
#app .official-tool-icon,#app .tool-float .tool-logo-img{display:block;width:1.49333rem;height:1.49333rem;object-fit:contain;border-radius:50%}
#app .tool-float .tool-logo-img{background:#fff;border:.08rem solid #0cd781;padding:.08rem}

/* betting sheet rebuilt from official source values */
#betModal.modal{position:fixed!important;inset:0!important;background:#0009!important;z-index:1000!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;padding:0!important}
#betModal.modal.hidden{display:none!important}
#betModal .lottery-container{width:10rem;max-width:100vw;height:8.66667rem;background:var(--bg2);font-size:.18667rem;position:relative;overflow:hidden}
#betModal .header{position:relative;height:2.53333rem;background:var(--bet-gradient);clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);text-align:center;padding-top:.4rem;margin-bottom:.8rem;border-radius:.26667rem .26667rem 0 0}
#betModal .header h1{color:#fff;font-size:.32rem;margin:0 0 .21333rem;line-height:.44rem;font-weight:500}
#betModal .header .selection-text{margin:0 auto;width:7.46667rem;height:.66667rem;text-align:center;line-height:.66667rem;background:#fff;border-radius:.13333rem;font-size:.34667rem;color:#222}
#betModal .content{padding:0 .34667rem;background:transparent!important}
#betModal .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.21333rem;min-height:.74667rem}
#betModal .section-header .label{font-size:.42667rem;color:var(--text1)}
#betModal .amount-buttons{display:flex;gap:.10667rem}
#betModal .amount-buttons button,#betModal .multiplier-buttons button{border:0;padding:.18667rem .32rem;color:#262626;font-size:.32rem;font-weight:400;text-align:center;border-radius:.13333rem;background:var(--bg3);min-width:0;height:.74667rem;line-height:.37333rem}
#betModal button.primary,#betModal .base-amount.active,#betModal .sheet-mul.active{color:#fff!important;background:var(--bet-gradient)!important}
#betModal .multiplier-section{margin-top:.32rem}
#betModal .multiplier-input{display:flex;align-items:center;gap:.10667rem}
#betModal .m{display:flex;gap:.16rem;height:.74667rem;line-height:.74667rem;font-size:.42667rem}
#betModal .qty-control button{width:.74667rem;height:.74667rem;border:0;border-radius:.13333rem;background:var(--bet-gradient);color:#fff;font-size:.56rem;line-height:.74667rem;padding:0}
#betModal .qty-control b{border:.01333rem solid var(--bg3);background:#fff;width:2.10667rem;margin:0 .16rem;text-align:center;font-size:.37333rem;font-weight:400;height:.74667rem;line-height:.74667rem}
#betModal .multiplier-buttons{display:flex;justify-content:flex-end;gap:.16rem;margin-top:.21333rem}
#betModal .agreement{margin-top:.32rem;font-size:.32rem;display:flex;align-items:center;gap:.16rem;color:var(--text2);position:relative}
#betModal .agreement input{position:absolute;opacity:0;pointer-events:none}#betModal .fake-check{display:flex;width:.48rem;height:.48rem;border-radius:50%;align-items:center;justify-content:center;background:#0cd781;color:#fff;font-size:.32rem}#betModal .agreement .rules{color:#fd565c;font-size:.32rem;font-style:normal}
#betModal .footer{position:absolute;height:.96rem;bottom:0;left:0;right:0;display:flex}
#betModal .footer button{border:none;border-radius:0;height:.96rem;font-size:.34667rem}
#betModal .cancel{width:3.33333rem;background:var(--bg3);color:var(--text2)}
#betModal .bet-amount{width:calc(100% - 3.33333rem);background:var(--bet-gradient);color:#fff}
#betModal .msg{position:absolute;left:.34667rem;bottom:1.02rem;color:#d23838;font-size:.28rem}

/* result popup keep previous mechanics but make reference-like proportions */
#resultModal.result-overlay{position:fixed!important;inset:0!important;background:#0009!important;z-index:1100!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:.4rem!important}
#resultModal.result-overlay.hidden{display:none!important}
#resultModal .result-card{width:7.2rem;min-height:9.2rem;border-radius:.4rem;position:relative;padding:2.5rem .55rem .5rem;text-align:center;box-shadow:0 .16rem .5rem #0004}
#resultModal .lose-card{background:linear-gradient(180deg,#cfe5fb,#acd0f3)}#resultModal .win-card{background:linear-gradient(160deg,#ff9b31 0%,#ff4d38 45%,#ff324d 100%)}
#resultModal .result-medal{position:absolute;top:-1.05rem;left:50%;transform:translateX(-50%);width:5.8rem;height:2.7rem}.result-coin{position:absolute;left:50%;top:.1rem;transform:translateX(-50%);width:2.15rem;height:2.15rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#fff7 0 28%,transparent 29%),linear-gradient(#fff7,#fff2);border:.18rem solid #ffffff88;color:#fff;font-size:.9rem}.win-card .result-coin{background:radial-gradient(circle,#fff7 0 28%,transparent 29%),linear-gradient(#ffbb18,#ff8c00)}
#resultModal .result-headline{font-size:.58rem;color:#fff;margin-bottom:1rem}.lottery-line{display:flex;justify-content:center;align-items:center;gap:.18rem;font-size:.32rem;color:#fff}.lottery-tags{display:flex;gap:.12rem}.lottery-tag{padding:.08rem .18rem;border-radius:.12rem;background:#0dbb68;color:#fff}.win-card .lottery-tag{background:#ff4352}
#resultModal .result-ticket{margin:.55rem auto .45rem;background:#fff;width:5.9rem;min-height:2.1rem;padding:.25rem;box-shadow:0 .18rem .22rem #315b7b40;color:#5c9982;clip-path:polygon(0 0,100% 0,94% 100%,6% 100%)}#resultModal .ticket-label{font-size:.6rem;line-height:.72rem}.win-card .ticket-label{font-size:.36rem!important;color:#ff5260}.result-bonus{font-size:.65rem;font-weight:700;color:#ff3f4f}.result-period-line{font-size:.3rem;margin-top:.1rem}.result-ticket strong{font-size:.3rem;display:block}.result-auto{color:#fff;font-size:.34rem;text-align:left;margin-left:.35rem}.auto-check{display:inline-flex;border:.02rem solid #fff;border-radius:50%;width:.52rem;height:.52rem;align-items:center;justify-content:center;margin-right:.14rem}.result-close{position:absolute;left:50%;bottom:-1.1rem;transform:translateX(-50%);width:.82rem;height:.82rem;border:.03rem solid #fff;border-radius:50%;background:transparent;color:#fff;font-size:.7rem;line-height:.7rem;padding:0}

.safe-bottom{height:.4rem}
@media(max-width:500px){html{font-size:10vw!important}body{background:var(--bg1)!important}#app.app-shell{width:100%!important}.navbar-fixed{width:100%!important}}

/* source-match finishing details */
#app .timer-card.active{position:relative;overflow:visible}
#app .timer-card.active:after{content:"";position:absolute;left:50%;bottom:-.08rem;transform:translateX(-50%);width:.8rem;height:.16rem;border-radius:.16rem .16rem 0 0;background:#fff;z-index:3}
#app .record-foot-previous.disabled,#app .record-foot-next.disabled,#app .record-foot button:disabled{background:var(--bg3)!important;color:var(--text2)!important;pointer-events:none!important;opacity:1!important}