#game,#game.bg1{background-image:url(../images/bg1.jpg)}@-webkit-keyframes spin{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes dead{0%,100%{-webkit-transform:translate3d(0,-5px,0) rotate(90deg)}50%{-webkit-transform:translate3d(0,25px,0) rotate(90deg)}}@keyframes dead{0%,100%{transform:translate3d(0,-5px,0) rotate(90deg)}50%{transform:translate3d(0,25px,0) rotate(90deg)}}@-webkit-keyframes waving{0%{-webkit-transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(-600px,0,0)}}@keyframes waving{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-600px,0,0)}}@-webkit-keyframes rising{0%{bottom:-100px}100%{bottom:0}}@keyframes rising{0%{bottom:-100px}100%{bottom:0}}@-webkit-keyframes fly{0%,100%{-webkit-transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,20px,0)}}@keyframes fly{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-20px,0)}}@-webkit-keyframes hinge{0%{-webkit-transform:rotate3d(0,0,0,0deg)}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg)}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg)}100%{-webkit-transform:translate3d(0,700px,0)}}@keyframes hinge{0%{transform:rotate3d(0,0,0,0deg)}20%,60%{transform:rotate3d(0,0,1,80deg)}40%,80%{transform:rotate3d(0,0,1,60deg)}100%{transform:translate3d(0,700px,0)}}@-webkit-keyframes arrow{0%,100%{-webkit-transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,15px,0)}}@keyframes arrow{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,15px,0)}}body{margin:0;font-family:Helvetica,Georgia;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pull-right{float:right}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:landscape){body{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(90deg);transform:rotate(90deg);position:absolute;left:100%}}.box.shifting,.hero .hero-p.shifting,.stick.shifting{-webkit-transition:-webkit-transform .35s linear,left .35s linear,height .35s linear;transition:transform .35s linear,left .35s linear,height .35s linear}#game{position:relative;overflow:hidden;background-repeat:no-repeat;background-size:100% 100%;margin:0 auto}.box,.box:after,.stick,.stick .hook-img{position:absolute}#game.bg2{background-image:url(../images/bg2.jpg)}#game.bg3{background-image:url(../images/bg3.jpg)}#game.bg4{background-image:url(../images/bg4.jpg)}#game.bg5{background-image:url(../images/bg5.jpg)}#game.bg6{background-image:url(../images/bg6.jpg)}#game.bg7{background-image:url(../images/bg7.jpg)}.stick{width:3px;background:#222;z-index:1;-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.stick.rotate{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-play-state:running;animation-play-state:running}.stick.rotate.stop{-webkit-animation-play-state:paused;animation-play-state:paused}.stick.stretch{-webkit-transition:height .6s linear;transition:height .6s linear}.stick.stretchUp{-webkit-transition:height .4s linear;transition:height .4s linear}.stick.hide{background-color:transparent}.stick.hide .hook-img{display:none}.stick .hook-img{height:23px;width:23px;left:-10px;top:-2px}.box{background:#222;-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease}.box:after{width:8px;height:15px;display:block;background:#e74c3c;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);content:''}.hero,.wave{height:100%;pointer-events:none}.box.init:after,.game-over,.heropick,.live-score,.total-score,.welcome,.welcome .btn-side .icon{display:none}.hero{position:relative;width:100%}.hero .hero-p,.plus-one,.wave,.welcome .btn-play,.welcome .game-title{position:absolute}.hero .hero-p.dying{-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.hero .hero-p.dead{-webkit-animation:dead 2s infinite linear;animation:dead 2s infinite linear}.hero .hero-p.shake{-webkit-animation:shake 3s infinite linear;animation:shake 3s infinite linear}.wave{width:300%;bottom:-100px;opacity:1;z-index:999;background-image:url(../images/wave.png);background-size:200px 200px;background-position:bottom;background-repeat:repeat-x;-webkit-animation:waving 8s infinite linear alternate;animation:waving 8s infinite linear alternate}.wave.dying{-webkit-animation:waving 8s infinite linear alternate,rising 6s ease-in;animation:waving 8s infinite linear alternate,rising 6s ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.plus-one{opacity:1;font-size:12px;font-weight:700;-webkit-transition:-webkit-transform 3s,opacity 3s;transition:transform 3s,opacity 3s}.plus-one.out{-webkit-transform:translate3d(0,-25px,0);transform:translate3d(0,-25px,0);opacity:0}.welcome .game-title{top:10%;width:150px;left:0;right:0;margin:0 auto;font-size:56px;line-height:1;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.welcome .game-title.hinge{-webkit-animation:hinge 2s ease-in-out;animation:hinge 2s ease-in-out}.welcome .btn-play{color:#fff;cursor:pointer;background:#d35400;border-radius:50%;text-align:center;left:0;right:0;margin:0 auto;font-size:20px;top:35%;-webkit-animation:fly 2.5s infinite linear;animation:fly 2.5s infinite linear}.welcome .btn-play>div{position:relative;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.welcome .btn-side{position:absolute;cursor:pointer;color:#fff;background:rgba(0,0,0,.4);padding:4px 10px 10px 12px;border-radius:50%;width:40px;height:40px;box-sizing:border-box;font-size:12px;right:40px;border:2px solid #222}.welcome .btn-side .icon{color:#fff;background:#e74c3c;border-radius:50%;top:-6px;right:-9px;width:20px;height:20px;position:absolute}.welcome .btn-side .icon span{font-size:10px;position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.welcome .btn-hero{top:60%}.welcome .btn-draw{top:70%}.welcome .btn-achievement{top:80%}.live-score{position:absolute;padding:5px 10px;top:30px;background:rgba(0,0,0,.3);color:#fff;border-radius:5px;font-size:30px;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.total-score{position:absolute;right:0;padding:5px 10px}.total-score img{width:25px;height:25px;margin-right:5px}.game-over .board,.instruction,.perfect{margin:0 auto;right:0;text-align:center}.total-score .total{position:relative;top:-5px}.instruction,.perfect{position:absolute;opacity:0;top:20%;width:200px;left:0;font-weight:700}.instruction.in,.perfect.in{opacity:1}.instruction{transition:opacity 3s ease}.perfect{transition:opacity 2s ease}.overlay{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000}.game-over .title{top:8%;position:absolute;left:0;right:0;text-align:center;font-size:35px;font-weight:700}.game-over .board{width:160px;background:#fff;top:20%;position:absolute;left:0;border-radius:10px;padding:10px}.game-over .board p{margin:3px 0}.app-notice .btn-notice,.game-over .actions .btn{cursor:pointer;background:#d35400;margin:5px auto}.game-over .actions{position:absolute;top:45%;color:#fff;left:0;right:0;text-align:center}.game-over .actions .btn{padding:10px;border-radius:5px;width:100px}.heropick{background:#fff;width:230px;height:auto;top:10%;left:50%;position:absolute;-webkit-transform:translate3d(-50%,250%,0);transform:translate3d(-50%,250%,0);-webkit-transition:-webkit-transform .5s ease,opacity .5s;transition:transform .5s ease,opacity .5s;opacity:0;border-radius:10px;z-index:1001;pointer-events:auto}.heropick.in{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);opacity:1}.heropick .heros{padding:0 20px 12px}.draw .draw-title,.heropick .title{padding:12px}.heropick .title img{margin-left:5px;position:relative;top:-5px}.heropick img{width:25px;height:25px;float:right}.heropick .wrapper{cursor:pointer;padding:16px 10px;display:inline-block;position:relative;width:92px;height:50px;box-sizing:border-box;border-radius:5px;margin-bottom:2px}.heropick .wrapper.combo{width:100%}.heropick .wrapper.locked{background-color:#fff200}.heropick .wrapper.locked .new{display:block;position:absolute;background:#e74c3c;padding:3px 4px 4px 5px;border-radius:50%;top:-4px;right:-6px;color:#fff;font-size:10px}.heropick .wrapper.locked .price{position:absolute;width:80%;display:block;font-size:12px;line-height:30px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.heropick .wrapper .new,.heropick .wrapper .price,.heropick .wrapper.locked .hero-c{display:none}.heropick .wrapper .hero-c{display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.achievement,.app-notice,.draw{display:none;width:225px;height:auto;background:#fff;border-radius:10px;position:absolute;opacity:0;left:50%;top:50%;-webkit-transform:translate3d(-50%,250%,0);transform:translate3d(-50%,250%,0);-webkit-transition:-webkit-transform .5s ease,opacity .5s;transition:transform .5s ease,opacity .5s;z-index:1001}.achievement.in,.app-notice.in,.draw.in{-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);opacity:1}.draw .draw-left{font-size:12px;float:right}.draw .draw-count{color:#e74c3c}.draw .drawer{padding:10px;position:relative}.copyright,.draw .draw-btn,.share .arrow,.share .like,.share .text{position:absolute}.draw .draw-btn{background:url(../images/button.png) no-repeat;background-size:100% 100%;cursor:pointer;display:block;color:#fff;height:72px;width:50px;left:85px;top:65px;z-index:10}.draw .draw-plate.start{-webkit-transition:-webkit-transform 10s cubic-bezier(.245,1,.665,.97);transition:transform 10s cubic-bezier(.245,1,.665,.97)}.draw .draw-result{opacity:0;color:#e74c3c;padding:0 12px;text-align:center;height:50px;-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}.draw .draw-result.in{opacity:1}.draw .draw-result>p{margin:0}.draw .draw-footer{font-size:10px;padding:12px;font-style:italic;margin:0}.app-notice{padding:15px}.app-notice p{font-size:12px}.app-notice .btn-notice{padding:10px;border-radius:5px;width:70%;color:#fff;text-align:center}.app-notice .btn-notice img{vertical-align:middle}.share{display:none;background:rgba(0,0,0,.7);color:#fff}.share .arrow{width:60px;right:0;-webkit-animation:arrow 1s infinite linear;animation:arrow 1s infinite linear}.share .text{top:15%;left:0;right:0;text-align:center}.share .like{text-align:center;width:100%;bottom:60px;font-size:20px}.yellow{color:#fff200}.copyright{right:0;bottom:0;color:#fff;padding:0 5px;font-size:10px;z-index:1000}.ad-banner,.ads{cursor:pointer;position:absolute;z-index:1002;bottom:0}.ads{width:100%;margin:0;padding:0;border:none;background:0 0}.ad-banner{display:none}