/* Sprite-based layout reconstructed from the Cocos game assets. */
.bet-zone{height:108px}
.odds-grid{grid-template-rows:repeat(2,53px);gap:3px;margin:4px 5px 0}
.odd{border:1px solid #565866;background:#1b1c27;gap:0}
.odd b{font-size:11px;line-height:14px;text-shadow:0 1px 1px #000}
.balls{height:23px;display:flex;gap:1px;align-items:center}
.ball{width:20px;height:20px;display:grid;place-items:center;background:url('assets/image-no-zip_game_betPanel_white.png') center/contain no-repeat;color:#182034;font-size:11px;font-style:normal;font-weight:bold;line-height:1}
.ball.red{background-image:url('assets/image-no-zip_game_betPanel_red.png')}
.ball.numbered.red{color:white}
.double-balls{width:84px;height:37px;display:grid;grid-template-columns:repeat(4,20px);grid-template-rows:repeat(2,18px);column-gap:1px;row-gap:0;align-items:center;justify-items:center}
.double-balls .ball{width:18px;height:18px}
.money-row{position:relative;height:20px;background:#151621;display:block;font-size:11px;font-weight:bold}
.money-row div{position:absolute;top:2px;height:16px;display:flex;align-items:center;gap:2px;white-space:nowrap}
.money-row .balance-display{left:72px;font-size:10px}
.money-row .bet-display{left:auto;right:10px;font-size:10px}
.money-row img{width:13px;height:13px}
.money-row b{margin-left:1px}
.chip-panel{height:64px;padding:0;display:block;background:url('assets/image-no-zip_ui_bet_panel_background.png') center center/385px 75px no-repeat}
.avatar{left:9px;bottom:8px;width:68px;height:55px}
.nickname{left:9px;bottom:1px;width:68px;height:14px;line-height:14px;background:#082c72;font-size:10px}
.chips{position:absolute;left:78px;top:5px;display:flex;align-items:center;gap:0}
.chip{width:47px;height:52px;opacity:.48;filter:none}
.chip:not(:first-child){margin-left:-4px}
.chip.active{width:55px;height:55px;opacity:1;filter:drop-shadow(0 0 2px #ffe5a1)}
.chip.active img{transform:none}
.chip span{font-size:15px;text-shadow:0 1px 2px #6f516a}
.small-round,.action{position:absolute;top:16px;border:0;background:none;padding:0;display:grid;place-items:center;cursor:pointer}
.small-round{left:262px;width:27px;height:27px;top:21px}
.small-round img{width:27px;height:27px;object-fit:contain}
.action{width:45px;height:39px}
.action img{width:100%;height:100%;object-fit:contain}
.action.reset{left:290px}
.action.confirm{left:338px;background:none;border:0}
#game:not(.has-bet) .action img{opacity:.5}
.history{height:126px;padding:0;position:relative;background:#0b2763 url('assets/sprites/image_statistic_roadmap_bg.png') center top/385px 108px no-repeat}
.history-title{height:30px;padding:5px 8px 0;display:flex;align-items:flex-start;justify-content:space-between;color:#e1e9fb;font-size:10px;font-weight:bold}
.history-title>span{flex:0 0 88px;line-height:18px}
.history-totals{display:flex;gap:1px;align-items:center;justify-content:flex-end;flex:1;height:20px}
.summary-pill{display:flex;align-items:center;justify-content:flex-end;width:38px;height:20px;padding-right:5px;color:#e8eefe;font-size:10px;font-weight:bold;background-position:center;background-repeat:no-repeat;background-size:100% 100%;text-shadow:0 1px 2px #071126}
.summary-pill.even{background-image:url('assets/sprites/image_statistic_even_bg.png')}
.summary-pill.odd{background-image:url('assets/sprites/image_statistic_odd_bg.png')}
.summary-pill[class*="red"]{background-image:url('assets/sprites/image_statistic_0red_bg.png')}
.summary-pill.\31 red{background-image:url('assets/sprites/image_statistic_1red_bg.png')}
.summary-pill.\32 red{background-image:url('assets/sprites/image_statistic_2red_bg.png')}
.summary-pill.\33 red{background-image:url('assets/sprites/image_statistic_3red_bg.png')}
.summary-pill.\34 red{background-image:url('assets/sprites/image_statistic_4red_bg.png')}
.history-charts{height:72px;display:flex;gap:6px;padding-left:8px}
.history-dots{width:143px;height:72px;display:grid;grid-template-columns:repeat(8,16px);grid-template-rows:repeat(4,16px);gap:2px 2px;overflow:hidden}
.history-dots img{width:16px;height:16px;object-fit:contain}
.roadmaps{width:219px;height:71px;display:flex;flex-direction:column;gap:3px}
.road-panel{position:relative;width:219px;height:34px;background:url('assets/sprites/image_statistic_roadmap_frame.png') center/100% 100% no-repeat;overflow:hidden}
.road-panel>span{position:absolute;right:4px;bottom:1px;font-size:6px;color:#ced9ed;text-shadow:0 1px 1px #000;pointer-events:none}
.roadmap{position:relative;top:2px;left:4px;width:208px;height:30px;display:grid;grid-template-columns:repeat(20,10px);grid-template-rows:none;gap:0;background:none;overflow:hidden}
.road-column{width:10px;height:30px;display:flex;flex-direction:column;align-items:center;gap:0}
.road-column img{width:10px;height:10px;object-fit:contain}
.road-column img.road-slash{height:9px;width:9px}
.flying-chips{inset:0;overflow:hidden}