@font-face{font-family:DS DIGIB;src:url(../fonts/ds-digib.5eca8f4b.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box}html{overflow:hidden}img{max-width:100%;height:auto;-o-object-fit:contain;object-fit:contain}#app{overflow:hidden;max-width:100vw;max-height:100vh}main{background:url(../img/bg.b20b2ce6.png);background-size:cover;width:100%;height:100svh}main .center-wrapper{height:100%;top:0;position:absolute;left:50%;transform:translate(-50%);width:100%;overflow:hidden}main .center-wrapper .header-wrapper{height:25.5%;width:calc(100% - 40px);margin:0 20px}main .center-wrapper .header-wrapper .header-inner{max-width:1035px;height:100%;margin:0 auto;position:relative;overflow:visible;max-height:275px}main .center-wrapper .header-wrapper .header-inner .oval{position:absolute;transform:translate(-50%);left:50%;min-width:1035px;opacity:.8;bottom:31%;width:100%;-o-object-fit:none;object-fit:none;overflow:visible;z-index:1}@media screen and (max-width:685px){main .center-wrapper .header-wrapper .header-inner .oval{-o-object-fit:cover;object-fit:cover}}main .center-wrapper .header-wrapper .header-inner .fade-cont{position:relative;width:100%;height:100%;z-index:10000000}main .center-wrapper .header-wrapper .header-inner .header-top{z-index:10;position:absolute;left:0;right:0;margin:0 auto;top:7.5%;height:17.5%;width:100%;max-width:488px;max-height:48px}main .center-wrapper .header-wrapper .header-inner .header-main{z-index:10;position:absolute;margin:0 auto;left:0;right:0;top:30%;height:38%;width:100%;max-width:399px;max-height:103px}main .center-wrapper .header-wrapper .header-inner .header-down{z-index:10;position:absolute;margin:0 auto;left:0;right:0;bottom:5%;height:18.9%;width:100%;max-width:534px;max-height:54px}main .center-wrapper .header-wrapper.stage2{transition:all .5s ease-out .3s;height:30%}main .center-wrapper .header-wrapper.stage2 .header-inner{transition:all .5s ease-out .3s;max-height:375px}main .center-wrapper .header-wrapper.stage2 .header-inner .oval{transition:all .5s ease-out .3s;bottom:8%}main .center-wrapper .header-wrapper .new-cont .win-top{z-index:10;position:absolute;left:0;right:0;margin:0 auto;top:10%;height:30.3%;width:100%;max-width:408px;max-height:114px}main .center-wrapper .header-wrapper .new-cont .win-text{z-index:10;position:absolute;left:0;right:0;margin:0 auto;top:48%;height:23%;width:100%;max-width:533px;max-height:84px}main .center-wrapper .timer-wrapper{width:100%;height:9.17%;background-color:rgba(0,5,56,.8)}main .center-wrapper .timer-wrapper .timer-inner{max-width:720px;height:100%;margin:0 auto;position:relative;padding:0 10px;display:flex;justify-content:space-between;align-items:center}main .center-wrapper .timer-wrapper .timer-inner .img-rest{max-width:154px;max-height:27px;height:32%;width:22%}main .center-wrapper .timer-wrapper .timer-inner .rules-container{max-width:230px;max-height:27px;height:28%;width:32.9%;display:flex;right:10px;justify-items:center;align-items:center}main .center-wrapper .timer-wrapper .timer-inner .timer-bg{max-width:240px;height:100%;width:34.3%;background-color:#000;margin:0 auto;position:relative}main .center-wrapper .timer-wrapper .timer-inner .timer-bg .timer{color:red;font-family:DS DIGIB;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10cqmin}main .center-wrapper .main-wrapper{align-items:center;max-width:756px;margin:0 auto;height:65.33%;width:100%}main .center-wrapper .main-wrapper .main-container{max-width:756px;position:relative;width:100%;height:100%;padding:0 10px}main .center-wrapper .main-wrapper .main-container .game-container{height:100%;width:100%}main .center-wrapper .main-wrapper .main-container .inner-wrapper{position:relative;flex-direction:column;overflow:hidden;width:100%;height:100%}main .center-wrapper .main-wrapper .main-container .inner-wrapper .line{z-index:-1;height:91%;width:1.5px;background-color:#fff;position:absolute;left:.3cqw;margin-top:5%}@media screen and (max-width:768px){main .center-wrapper .main-wrapper .main-container .inner-wrapper .line{left:.5cqw}}@media screen and (max-width:425px){main .center-wrapper .main-wrapper .main-container .inner-wrapper .line{left:.8cqw}}main .center-wrapper .main-wrapper .main-container .inner-wrapper .game-grid{display:grid;grid-template-columns:17.4% 35.4% 1fr 35.4%;grid-template-rows:repeat(8,1fr);grid-column-gap:2.5%;grid-row-gap:2.1%;height:100%;aspect-ratio:378/419;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;max-height:750px;max-width:100%}main .center-wrapper .main-wrapper .main-container .inner-wrapper .game-grid>div{display:flex;justify-content:center;align-items:center}main .center-wrapper .main-wrapper .main-container .inner-wrapper .game-grid img{max-height:100%;display:block;width:100%;height:auto}main .center-wrapper .main-wrapper .main-container .inner-wrapper .game-grid .droppable{width:99%;height:-moz-fit-content;height:fit-content;position:relative;display:inline-block;border:2px dashed #fff200;border-radius:8px;overflow:hidden}main .center-wrapper .main-wrapper .main-container .inner-wrapper .game-grid .droppable.highlight{filter:brightness(1.5)}main .center-wrapper .main-wrapper .main-container .inner-wrapper .game-grid .droppable.success{z-index:1000}main .center-wrapper .main-wrapper .main-container .inner-wrapper .game-grid .droppable.success img{opacity:0}main .center-wrapper .main-wrapper .main-container .inner-wrapper .game-grid .draggable{z-index:100;display:inline-block;touch-action:none;width:-moz-fit-content;width:fit-content;-webkit-user-select:none;-moz-user-select:none;user-select:none}.full-screen-overlay{position:absolute;width:100vw;height:100svh;background-color:rgba(0,0,0,.5);z-index:10000000000000;top:0;left:0}.full-screen-overlay .badge-container{max-width:420px;max-height:420px;top:50%;left:50%;position:absolute;transform:translate(-50%,-50%);width:80%;height:33%;z-index:100000}.full-screen-overlay .badge-container img{transition:transform .3s ease-in-out;cursor:pointer}.full-screen-overlay .badge-container img:hover{transform:scale(1.1)}.main-wrapper2{aspect-ratio:480/616;top:22%;position:absolute;left:0;right:0;margin:0 auto;height:100%;max-height:616px;width:100%}.main-wrapper2 .main-container{position:relative}.main-wrapper2 .gold-bars,.main-wrapper2 .main-container{max-width:480px;max-height:400px;z-index:1000;left:0;right:0;margin:0 auto;aspect-ratio:480/400}.main-wrapper2 .gold-bars{position:absolute}.main-wrapper2 .gold-bars .bar1,.main-wrapper2 .gold-bars .bar2{position:absolute;max-width:334px;max-height:206px;height:52.6%;z-index:1000;width:70%}.main-wrapper2 .gold-bars .bar1{left:0;top:0}.main-wrapper2 .gold-bars .bar2{right:0;bottom:0}.main-wrapper2 .gold-bars .plus{position:absolute;left:0;right:0;margin:0 auto;z-index:1500;top:36%;height:25%;max-height:96px}.main-wrapper2 .gold-bars .shine1{position:absolute;right:10%;z-index:1500;top:-10%;height:58%;max-height:225px}.main-wrapper2 .gold-bars .shine2{position:absolute;right:-20%;z-index:1500;top:44%;height:58%;max-height:225px}.main-wrapper2 .gold-bars .gold{max-width:106px;max-height:87px;height:21.8%;width:23%;position:absolute;top:47%;left:8%}.banner{width:100%;background-color:rgba(0,5,56,.8);max-height:115px;position:relative;height:18.7%}.banner .price{position:absolute;top:50%;transform:translateY(-50%);max-height:69px;max-width:348px;height:60%}.banner .price,.button-cont{left:0;right:0;margin:0 auto}.button-cont{position:relative;max-width:726px;width:100%;max-height:59px;top:5%;height:10%}.button-cont .arr{position:absolute;max-width:83px;max-height:49px;height:84%;width:12%;top:50%}.button-cont .arr.right{right:0;transform:translateY(-50%) rotate(180deg)}.button-cont .arr.left,.button-cont .button{left:0;transform:translateY(-50%)}.button-cont .button{max-width:529px;max-height:59px;height:100%;margin:0 auto;position:absolute;width:73%;right:0;top:50%}.header-main{animation:show .6s ease-out .2s 1 forwards;opacity:0}.header-top{animation:down .6s ease-out 0s 1 forwards;opacity:0}@keyframes down{0%{opacity:0;transform:translateY(20px);animation-timing-function:ease-out}to{opacity:1;transform:translateY(0)}}.header-down{animation:up .6s ease-out .8s 1 forwards;opacity:0}.win-top{animation:show .55s ease-out .3s 1 normal forwards;opacity:0}@keyframes show{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.win-text{animation:up .55s ease-out .8s 1 normal forwards;opacity:0}.bar1{animation:left-slide .55s ease-out .5s 1 normal forwards;opacity:0}@keyframes left-slide{0%{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:translateX(0)}}.bar2{animation:right-slide .55s ease-out .5s 1 normal forwards;opacity:0}.plus{animation:right-slide .55s ease-out 1s 1 normal forwards;opacity:0}@keyframes right-slide{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.gold{animation:roll .6s ease-out 1.5s 1 normal forwards;transform:translateY(-60px);opacity:0}@keyframes roll{0%{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:translateY(0)}}.shine1{animation:shine 4.6s linear 1.5s infinite}.shine1,.shine2{opacity:0;transform-origin:center center}.shine2{animation:shine 4.6s linear 2.5s infinite}@keyframes shine{0%{opacity:0;transform:scale(0) rotate(0deg)}14%{opacity:1;transform:scale(1) rotate(37deg)}42%{opacity:1;transform:scale(1) rotate(113deg)}58%{opacity:0;transform:scale(0) rotate(151deg)}to{opacity:0;transform:scale(0) rotate(0deg)}}.banner{animation:up .55s ease-out 1s 1 normal forwards;opacity:0}.button-cont{animation:up .55s ease-out 1.3s 1 normal forwards;opacity:0}@keyframes up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.button{animation:bump 3s linear 2s infinite;animation-delay:2s}@keyframes bump{0%{transform:translateY(-50%) scaleX(1);-webkit-transform:translateY(-50%) scaleX(1);-moz-transform:translateY(-50%) scaleX(1);animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in}10%{transform:translateY(-50%) scale3d(1.05,1.05,1.05);-webkit-transform:translateY(-50%) scale3d(1.05,1.05,1.05);-moz-transform:translateY(-50%) scale3d(1.05,1.05,1.05);animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out}25%{transform:translateY(-50%) scaleX(1);-webkit-transform:translateY(-50%) scaleX(1);-moz-transform:translateY(-50%) scaleX(1);animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in}35%{transform:translateY(-50%) scale3d(1.05,1.05,1.05);-webkit-transform:translateY(-50%) scale3d(1.05,1.05,1.05);-moz-transform:translateY(-50%) scale3d(1.05,1.05,1.05);animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in}50%{transform:translateY(-50%) scaleX(1);-webkit-transform:translateY(-50%) scaleX(1);-moz-transform:translateY(-50%) scaleX(1);animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in}to{transform:translateY(-50%) scaleX(1);-webkit-transform:translateY(-50%) scaleX(1);-moz-transform:translateY(-50%) scaleX(1);animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in}}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .2s linear}.slide-fade-enter-from,.slide-fade-leave-to{opacity:0}.fade-up-enter-active,.fade-up-leave-active{transition:all .3s linear}.fade-up-enter-from,.fade-up-leave-to{opacity:0;transform:translateY(-20px)}.ios-fix{-webkit-user-select:none;-webkit-touch-callout:none}