@font-face{font-family:"MStiffHeiHK-UltraBold";src:url("/CdnRedirect/Web.Portal/_Common/fonts/MStiffHeiHK-UltraBold.eot");src:url("/CdnRedirect/Web.Portal/_Common/fonts/MStiffHeiHK-UltraBold.eot?#iefix") format("embedded-opentype"),url("/CdnRedirect/Web.Portal/_Common/fonts/MStiffHeiHK-UltraBold.woff2") format("woff2"),url("/CdnRedirect/Web.Portal/_Common/fonts/MStiffHeiHK-UltraBold.woff") format("woff"),url("/CdnRedirect/Web.Portal/_Common/fonts/MStiffHeiHK-UltraBold.ttf") format("truetype"),url("/CdnRedirect/Web.Portal/_Common/fonts/MStiffHeiHK-UltraBold.svg#MStiffHeiHK-UltraBold") format("svg")}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}[ng-click]{cursor:pointer}#CompetitionGame.container{padding:0;margin:0}.h-full{height:100%}.d-flex{display:flex}.flex-column{flex-direction:column}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.align-center{align-items:center}.wrapper{width:1000px;margin:0 auto;padding:0 32px}.position-relative{position:relative}header{position:relative;z-index:1;height:100px;border-bottom:1px solid #ad8566;background:linear-gradient(180deg,#25191b 10%,#301e14 100%)}header .game-name{margin:0;font-family:"MStiffHeiHK-UltraBold";font-size:48px;font-style:normal;font-weight:400;line-height:normal;background:linear-gradient(305deg,#d9d9d9 42.31%,#d5d5d5 67.63%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}header .top-countdown{padding:9px 12px;color:#fff;font-family:"Inter";font-size:18px;font-style:normal;font-weight:700;line-height:normal;border:1px solid #ff1a1a;background:linear-gradient(90deg,rgba(255,0,0,0) -41.02%,red 100.24%,rgba(255,0,0,0) 141.02%)}.game-nav{bottom:0;z-index:10;background:rgba(65,53,47,.85)}.game-nav ul{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;width:100%;padding:20px 0 0 0;margin:0;gap:50px}.game-nav ul li{position:relative;width:183px}.game-nav ul li.active .active-bg,.game-nav ul li:hover .active-bg{position:absolute;top:0;left:0;height:115px;width:255px;background:url('/CdnRedirect/Web.Portal/_Common/Content/Views/CompetitionGame/images/active.png') no-repeat center;background-size:contain;z-index:0}.game-nav ul li .hot-icon{position:absolute;top:0;left:0;height:55px;width:55px;background:url('/CdnRedirect/Web.Portal/_Common/Content/Views/CompetitionGame/images/hot-game.png') no-repeat center;background-size:contain;z-index:0}.game-nav ul li .hot-text{position:absolute;top:11px;left:0;color:#fff;font-size:15px;font-weight:700;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:0}.game-nav ul li.active .game-detail,.game-nav ul li:hover .game-detail{color:#fff;padding-left:50px}.game-nav ul li .game-detail{padding-bottom:8px;position:relative;z-index:1;display:flex;height:115px;flex-direction:column;justify-content:center;align-items:center;color:#7a706b;font-size:20px;font-style:normal;font-weight:700;line-height:normal}.game-nav ul li+li:before{position:absolute;top:-25px;left:10px;right:10px;content:'';display:block;height:1px;background:#7a706b}.game-nav ul li:last-child:after{position:absolute;bottom:-25px;left:10px;right:10px;content:'';display:block;height:1px;background:#7a706b}.content{display:flex}.content:before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:url('/CdnRedirect/Web.Portal/_Common/Content/Views/CompetitionGame/images/bg.png') no-repeat center bottom;background-size:cover}.content .wrapper{position:relative;z-index:1;min-height:calc(100vh - 100px);padding-bottom:50px;background:linear-gradient(180deg,rgba(39,26,26,0) 0%,rgba(39,26,26,.5) 42.63%,rgba(28,28,28,.5) 101.46%,rgba(28,28,28,0) 120.08%)}.content .banner{position:relative;font-size:0}.content .banner .countdown-timer-wrap{display:flex;flex-direction:column;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8)}.content .banner .countdown-timer-wrap h3{text-align:center;font-family:Inter;font-size:38px;font-style:normal;font-weight:700;line-height:normal;background:linear-gradient(90deg,#c99133 0%,#d9b54a 41.5%,#eddf68 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.content .banner .countdown-timer-wrap countdown-timer{display:flex;align-items:center;justify-content:center;font-size:15px}.content .banner .countdown-timer-wrap .end{margin-top:auto;margin-bottom:auto;font-size:60px}.content .account-bar{border-bottom:1px solid #ad8566;background:linear-gradient(180deg,#25191b 10%,#301e14 100%);padding:15px 20px;color:#fff;font-size:20px;font-family:Inter;font-style:normal;font-weight:700;line-height:normal}.content .account-bar div{gap:23px;align-items:center;justify-content:flex-start}.content .account-bar .account{overflow:hidden}.content .account-bar .balance{padding:2px 10px;color:#ffdb57;border-radius:50px;background:#6a4838}.content .account-bar .betrecord-btn{color:#ffe8c5;text-decoration:underline}.content .rule-area{margin-top:22px;margin-bottom:17px}.content .rule-btn{color:#ffe8c5;font-size:20px;font-family:Inter;font-style:normal;font-weight:700;line-height:normal;text-decoration:underline}.content .betting-areas{position:relative;display:flex;gap:5px;-webkit-justify-content:space-between;justify-content:space-between;padding-bottom:50px}.content .betting-areas:before{content:"";position:absolute;top:-50px;left:0;right:0;bottom:-20px;background:url(/CdnRedirect/Web.Portal/_Common/Content/Views/CompetitionGame/images/vs.png) no-repeat center 50%;background-size:32%;z-index:4;pointer-events:none}.content .betting-areas .betting-area{position:relative;flex:1;height:230px}.content .betting-areas .betting-area .detail{height:100%;position:relative;display:flex;flex-direction:column;padding:15px 20px;z-index:1;gap:4px;font-family:"Barlow Condensed";font-size:36px;font-style:normal;font-weight:700;line-height:normal;pointer-events:none}.content .betting-areas .betting-area .detail.mask{opacity:.5}.content .betting-areas .betting-area .detail .odds{background:linear-gradient(180deg,#fff 31.5%,#ead9bf 78.83%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.content .betting-areas .betting-area .detail .name{background:linear-gradient(180deg,#fff 31.5%,#ead9bf 78.83%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:32px}.content .betting-areas .betting-area .chip-wrap{position:absolute;bottom:-50px;left:70px;z-index:1}.content .betting-areas .betting-area .chip-wrap.chip-1{left:auto;right:70px}.content .betting-areas .betting-area .chip-wrap .chip{display:flex;justify-content:center;align-items:center;width:100px;height:100px;background-size:cover;background-repeat:no-repeat;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.content .betting-areas .betting-area .chip-wrap .chip b{font-size:25px;background:linear-gradient(180deg,#ffd724 27.08%,#c98d16 83.33%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.content .betting-areas .bg{position:absolute;top:0;left:0;height:100%;width:100%;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.content .betting-areas .bg .cursor-pointer{position:absolute;top:0;left:0;bottom:0;right:100px;z-index:2}.content .betting-areas .bg .cursor-pointer .current-state-2{cursor:pointer}.content .betting-areas .betting-area .image{position:absolute;top:0;left:0;right:0;bottom:0;background-position:center;background-repeat:no-repeat}.content .betting-areas .betting-area .bg .mask{position:relative;display:block;width:100%;height:100%;background:rgba(0,0,0,.5);border-radius:5px}.content .betting-areas .betting-area-1 .bg{background:linear-gradient(180deg,#ac1e29 0%,#c3070d 59.5%,#600808 100%);clip-path:polygon(0 0,100% 0,85% 100%,0 100%)}.content .betting-areas .betting-area-1 .image{background:no-repeat 120% -80px;background-size:75%}.content .betting-areas .betting-area-2{margin-left:-5.5%}.content .betting-areas .betting-area-2 .bg{background:linear-gradient(0deg,#311eac 0%,#362cff 51%,#0f0860 100%);clip-path:polygon(15% 0,100% 0,100% 100%,0% 100%)}.content .betting-areas .betting-area-2 .detail{align-items:flex-end}.content .betting-areas .betting-area-2 .image{background:no-repeat 9% 215%;background-size:62%}.content .betting-areas .betting-area .winner-icon{position:absolute;top:-45px;left:50%;transform:translateX(-50%);width:130px;height:130px;background:url('/CdnRedirect/Web.Portal/_Common/Content/Views/CompetitionGame/images/win.png') no-repeat center;background-size:contain}.content .betting-areas .tips{position:absolute;left:5px;bottom:20px;color:#fff}.betting-ratio{text-align:center}.betting-ratio h3{color:#fff;font-size:24px;font-weight:bold;margin-bottom:60px}.betting-ratio .ratio-wrap{display:flex;margin:0 20px;color:#fff;height:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:flex;justify-content:center}.betting-ratio .ratio-wrap .ratio-1{background:linear-gradient(270deg,#ff2320 8.47%,#ff1000 13.87%,#ff7c25 49.58%,#ff2320 85.3%,#ff0300 91.53%);box-shadow:0 0 4px #ff7300}.betting-ratio .ratio-wrap .ratio-2{background:linear-gradient(90deg,#2d1dff 9.04%,#333fcd 24.77%,#33b6ff 51.13%,#333fcd 80.04%,#2d1dff 94.07%);box-shadow:0 0 8px 0 rgba(30,169,254,.9)}.betting-ratio .ratio-wrap .ratio span{position:relative;top:-35px;text-shadow:0 1px 2px rgba(38,9,9,.25);font-size:24px;font-style:normal;font-weight:700;line-height:normal;white-space:nowrap}.btn-area{display:flex;justify-content:center;gap:50px;margin-top:30px}.btn-area .btn{flex:1;padding:10px 0;color:#593712;font-family:"Noto Sans";font-size:24px;font-style:normal;font-weight:700;line-height:normal;border:none;background:linear-gradient(180deg,#f6efe7 0%,#d4bea6 75.5%)}.btn-area .btn[disabled]{cursor:not-allowed;border-radius:5px;border:1px solid #5a2e0c;background:linear-gradient(0deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.4) 100%),linear-gradient(180deg,#f6efe7 0%,#d4bea6 75.5%)}.btn-area .btn[disabled] i{opacity:.5}.btn-area .btn .fa-times{color:#8c0707}.btn-area .btn .fa-sync{color:#e56903}.btn-area .btn .fa-check{color:#1a8623;margin-right:5px}.chips{margin:50px 0;display:flex;justify-content:space-between}.chips .chip{position:relative;color:#fff;font-family:"Barlow Condensed";font-size:42px;font-style:normal;font-weight:700;line-height:normal;display:flex;justify-content:center;align-items:center;width:150px;height:150px;background-size:cover;background-repeat:no-repeat;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;cursor:pointer}.current-state-2 .chips .chip.active{text-shadow:0 1px 2px rgba(38,9,9,.25);box-shadow:0 0 20px 0 #ffca57,0 1px 10px 0 #ffca57}.current-state-2 .chips .chip.active span{font-size:46px;background:linear-gradient(180deg,#ffd724 27.08%,#c98d16 83.33%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.current-state-1 .chips .chip,.current-state-8 .chips .chip{cursor:not-allowed}.current-state-1 .chips .chip:before,.current-state-8 .chips .chip:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);border-radius:50%}.limit-tip{text-align:center;color:#fff;font-size:24px;font-weight:bold}.countdown{max-width:1000px;margin:0 auto;display:flex;gap:50px}.countdown .bloc-time{display:flex;flex-wrap:wrap;flex-direction:column;text-align:center;justify-content:center;gap:8px;flex:1}.countdown .bloc-time .number{display:flex;justify-content:center;align-items:center;gap:10px}.countdown .bloc-time:last-child{margin-right:0}.countdown .count-title{display:block;margin-top:8px;color:#fff;text-transform:uppercase;font-size:20px;font-weight:bold}.countdown .figure{position:relative;float:left;height:110px;width:70px;background-color:#fff;border-radius:8px;-moz-box-shadow:0 3px 4px 0 rgba(0,0,0,.2),inset 2px 4px 0 0 rgba(255,255,255,.08);-webkit-box-shadow:0 3px 4px 0 rgba(0,0,0,.2),inset 2px 4px 0 0 rgba(255,255,255,.08);box-shadow:0 3px 4px 0 rgba(0,0,0,.2),inset 2px 4px 0 0 rgba(255,255,255,.08)}.countdown .figure>span{position:absolute;left:0;right:0;margin:auto;font:normal 5.94em/107px "Lato";font-weight:700;color:#de4848}.countdown .figure .top:after,.countdown .figure .bottom-back:after{content:"";position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:100%;border-bottom:1px solid rgba(0,0,0,.1)}.countdown .figure .top{z-index:3;background-color:#f7f7f7;transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;border-top-left-radius:10px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;border-top-right-radius:10px;-moz-transform:perspective(200px);-ms-transform:perspective(200px);-webkit-transform:perspective(200px);transform:perspective(200px)}.countdown .figure .bottom{z-index:1}.countdown .figure .bottom:before{content:"";position:absolute;display:block;top:0;left:0;width:100%;height:50%;background-color:rgba(0,0,0,.02)}.countdown .figure .bottom-back{z-index:2;top:0;height:50%;overflow:hidden;background-color:#f7f7f7;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;border-top-left-radius:10px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;border-top-right-radius:10px}.countdown .figure .bottom-back span{position:absolute;top:0;left:0;right:0;margin:auto}.countdown .figure .top,.countdown .figure .top-back{height:50%;overflow:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.countdown .figure .top-back{z-index:4;bottom:0;background-color:#fff;-webkit-transform-origin:50% 0;transform-origin:50% 0;-moz-transform:perspective(200px) rotateX(180deg);-ms-transform:perspective(200px) rotateX(180deg);-webkit-transform:perspective(200px) rotateX(180deg);transform:perspective(200px) rotateX(180deg);-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;border-bottom-right-radius:10px}.countdown .figure .top-back span{position:absolute;top:-100%;left:0;right:0;margin:auto}.modal{overflow:auto}.modal.in{display:block}.modal-dialog{margin-top:10vh;width:520px}.modal-dialog .modal-content{display:flex;flex-direction:column;padding:0 20px;border-radius:5px;min-height:50vh;max-height:80vh;background:linear-gradient(0deg,rgba(106,72,56,.8) 0%,rgba(106,72,56,.8) 100%)}.modal-dialog .modal-content .modal-header,.modal-dialog .modal-content .modal-body,.modal-dialog .modal-content .modal-footer{background:transparent;border:none;padding-left:0;padding-right:0}.modal-dialog .modal-content .modal-header{min-height:auto;border-bottom:2px solid #fff;display:flex;justify-content:space-between;align-items:center}.modal-dialog .modal-content .modal-header .modal-title{color:#ffe8c5;font-family:"Noto Sans";font-size:24px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.24px}.modal-dialog .modal-content .modal-header .close-btn{display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.3);color:#fff;font-size:25px;padding:0;border:none;border-radius:5px;height:25px;width:25px}.modal-dialog .modal-content .modal-body{flex:1;color:#ffe8c5;font-family:"Noto Sans";font-size:20px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.2px;overflow:auto}.modal-dialog .modal-content .modal-body::-webkit-scrollbar-track{border-radius:4px;background-color:transparent}.modal-dialog .modal-content .modal-body::-webkit-scrollbar{width:6px;background-color:transparent}.modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background:rgba(0,0,0,.3)}.modal-dialog .modal-content .modal-body img{max-width:100%}.modal-dialog .modal-content .modal-footer{margin:0;padding:10px 0}.modal-dialog .modal-content .modal-footer button{padding:5px 12px;width:auto;height:auto;color:#593712;font-family:"Noto Sans";font-size:24px;font-style:normal;font-weight:700;line-height:normal;border:none;background:linear-gradient(180deg,#f6efe7 0%,#d4bea6 75.5%)}.modal-dialog .modal-content .modal-footer button .fa-times{color:#8c0707}.modal-dialog .modal-content .modal-footer button .fa-check{color:#1a8623;margin-right:5px}.modal-dialog .modal-content .modal-footer button[disabled]{cursor:not-allowed;border-radius:5px;border:1px solid #5a2e0c;background:linear-gradient(0deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.4) 100%),linear-gradient(180deg,#f6efe7 0%,#d4bea6 75.5%)}#bet-modal .modal-dialog .modal-content,#bet-success-modal .modal-dialog .modal-content{min-height:280px}table{width:100%;border-collapse:collapse;border-spacing:0;border-radius:5px;overflow:hidden}table tr td{padding:10px}table thead{border-radius:0 0 5px 5px;border:.8px solid #8d6b51;background:linear-gradient(180deg,#d4bea6 0%,#f1e8de 100%)}table thead td{color:#593712;font-family:Inter;font-size:16px;font-style:normal;font-weight:700;text-transform:uppercase}table tbody{border-radius:0 0 5px 5px;border:.8px solid #ad8566;background:radial-gradient(96.76% 96.76% at 50% 3.24%,#2e1d15 0%,#25191b 79%)}table tbody tr:last-child td:first-child{-moz-border-radius:0 0 0 5px;-webkit-border-radius:0 0 0 5px;border-radius:0 0 0 5px}table tbody tr:last-child td:last-child{-moz-border-radius:0 0 5px 0;-webkit-border-radius:0 0 5px 0;border-radius:0 0 5px 0}table tbody tr td{color:#fff;text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;text-transform:uppercase}table tbody tr{border-bottom:.8px solid #ad8566;box-shadow:0 -1px 1px #000}table td{text-align:center}table tr:hover{background:rgba(255,255,255,.1)}