html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:#000;-webkit-tap-highlight-color:transparent}body{font-family:'Poiret One',Helvetica,Georgia,Microsoft YaHei;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@font-face{font-family:'Poiret One',Microsoft YaHei}@-webkit-keyframes walk{0%{-webkit-transform:rotate(30deg)}50%{-webkit-transform:rotate(-30deg)}100%{-webkit-transform:rotate(30deg)}}@keyframes walk{0%{transform:rotate(30deg)}50%{transform:rotate(-30deg)}100%{transform:rotate(30deg)}}@-webkit-keyframes ribbonup{0%{-webkit-transform:rotate(10deg)}50%{-webkit-transform:rotate(25deg);border-top-width:2px}100%{-webkit-transform:rotate(10deg)}}@keyframes ribbonup{0%{transform:rotate(10deg)}50%{transform:rotate(20deg);border-top-width:2px}100%{transform:rotate(10deg)}}@-webkit-keyframes ribbondown{0%{-webkit-transform:rotate(-20deg)}50%{-webkit-transform:rotate(-40deg)}100%{-webkit-transform:rotate(-20deg)}}@keyframes ribbondown{0%{transform:rotate(-20deg)}50%{transform:rotate(-40deg)}100%{transform:rotate(-20deg)}}@-webkit-keyframes shaking{0%{-webkit-transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,3px,0)}100%{-webkit-transform:translate3d(0,0,0)}}@keyframes shaking{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,3px,0)}100%{transform:translate3d(0,0,0)}}@-webkit-keyframes bounce{0%,100%{-webkit-transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-5px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,5px,0)}}@keyframes bounce{0%,100%{transform:translate3d(0,0,0)}20%,60%{transform:translate3d(0,-3px,0)}40%,80%{transform:translate3d(0,3px,0)}}@-webkit-keyframes arrow{0%{-webkit-transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,15px,0)}100%{-webkit-transform:translate3d(0,0,0)}}@keyframes arrow{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,15px,0)}100%{transform:translate3d(0,0,0)}}.hero1{display:none;border-radius:5px;background:#fff;border:3px solid #000;position:absolute;left:0;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.hero1 .ba{width:3px;height:9px;border-radius:10px;background:#000;position:absolute;top:2px}.hero1 .ba.left{-webkit-transform:rotate(40deg);transform:rotate(40deg);left:2px}.hero1 .ba.right{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);right:2px}.hero1 .mouse{height:5px;border:3px solid #000;position:absolute;top:11px;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.hero1 .foot{position:absolute;width:3px;height:10px;bottom:-13px;background:#000}.hero1 .foot.left{left:2px}.hero1 .foot.right{right:2px}.hero2{display:none;border-radius:5px;background:#000;position:absolute;left:0;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.hero2 .hat{width:20px;background:#ffcae6;height:10px;position:absolute;left:-1px;top:-1px;border-top-left-radius:6px;border-top-right-radius:6px;z-index:2}.hero2 .eye{width:4px;height:4px;background:#fff;border-radius:50%;position:absolute;right:2px;top:8px}.hero2 .ear-left{background:#ff97c8;width:8px;height:20px;z-index:1;top:-12px;left:6px;position:absolute;border-radius:100%;-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}.hero2 .ear-right{background:#ff97c8;width:8px;height:20px;z-index:3;top:-13px;left:-6px;position:absolute;border-radius:100%;-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}.hero2 .nose{background:#000;position:absolute;width:5px;height:5px;border-radius:50%;right:-4px;top:10px}.hero2 .hand{background:#000;position:absolute;border-radius:10px;width:3px;height:12px;top:10px;left:0;-webkit-transform:rotate(30deg);transform:rotate(30deg)}.hero2 .foot{position:absolute;width:3px;height:5px;bottom:-5px;border-radius:3px;background:#000}.hero2 .foot.left{left:4px}.hero2 .foot.right{right:4px}.hero3{display:none;border-radius:10px;background:#000;position:absolute;left:0;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.hero3 .hat-up{position:absolute;background:#843cc3;width:18px;height:5px;border-radius:50%;top:-3px;left:1px}.hero3 .hat-down{position:absolute;background:#843cc3;width:28px;height:7px;border-radius:60%;left:-4px}.hero3 .eye{width:4px;height:4px;background:#fff;border-radius:50%;position:absolute;right:2px;top:8px}.hero3 .hand{position:absolute;width:2px;background:#000;height:10px;-webkit-transform:rotate(50deg);transform:rotate(50deg);top:8px;left:0}.hero3 .foot{position:absolute;width:2px;height:15px;bottom:-14px;border-radius:3px;background:#000}.hero3 .foot.left{left:4px}.hero3 .foot.right{right:4px}.hero4{display:none;border-radius:5px;position:absolute;background:#000;left:0;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.hero4 .hat{width:20px;height:4px;background:#843cc3;position:absolute;left:-1px;top:3px}.hero4 .ribbon-down,.hero4 .ribbon-up{border-top-color:#843cc3}.hero4 .eye{width:4px;height:4px;background:#fff;border-radius:50%;position:absolute;right:1px;top:7px}.hero4 .eyeball{position:absolute;background:#000;width:2px;height:2px;border-radius:50%;right:1px}.hero4 .mouse{width:33px;height:31px;border-radius:50%;box-shadow:4px 8px 0 -7px #fff;position:absolute;top:-16px;left:-4px;-webkit-transform:rotate(20deg);transform:rotate(20deg)}.hero4 .body{position:absolute;background:#000;border-radius:40%}.hero4 .foot{position:absolute;width:3px;height:2px;bottom:-7px;background:#000}.hero4 .foot.left{left:2px}.hero4 .foot.right{right:0}.hero5{display:none;background:#000;position:absolute;border-radius:5px;left:0;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.hero5 .hair-up{border-radius:50%;position:absolute;background:#000;top:-10px;left:-4px;-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}.hero5 .hair-down{border-radius:70%;position:absolute;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);background:#000;top:-6px;left:-7px}.hero5 .eye{width:3px;height:3px;background:#fff;border-radius:50%;position:absolute;right:2px;top:8px}.hero5 .ribbon{width:0;height:0;border-top:3px solid transparent;border-right:20px solid orange;border-bottom:2px solid transparent;-webkit-transform:translate3d(-4px,3px,0) rotate(-20deg);transform:translate3d(-4px,3px,0) rotate(-20deg)}.hero5 .hand{position:absolute;background:#000;width:2px;height:10px;top:10px;-webkit-transform:rotate(50deg);transform:rotate(50deg)}.hero5 .foot{position:absolute;width:2px;height:10px;bottom:-10px;border-radius:3px;background:#000}.hero5 .foot.left{left:4px}.hero5 .foot.right{right:4px}.hero7{display:none;border-radius:5px;background:#004b79;position:absolute;left:0;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.hero7 .hat{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:12px solid #fb0a2a;position:absolute;top:-11px}.hero7 .eye{width:7px;height:6px;background:#fff;border-radius:50%;position:absolute;right:2px;top:8px}.hero7 .eyeball{position:absolute;background:#000;width:3px;height:3px;border-radius:50%;right:1px;top:1px}.hero7 .nose{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #ffd900;position:absolute;right:-6px;top:9px}.hero7 .foot{position:absolute;width:2px;height:15px;bottom:-15px;border-radius:3px;background:#004b79}.hero7 .foot.left{left:4px}.hero7 .foot.right{right:4px}.hero8{display:none;border-radius:5px;background:#000;position:absolute;left:0;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.hero8 .hat{width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:14px solid #68217a;position:absolute;top:-11px;left:-4px}.hero8 .eye{width:5px;height:5px;border-radius:50%;background:#fff;position:absolute;right:3px;top:6px}.hero8 .mouse{width:7px;height:3px;background:#fff;border-radius:4px;-webkit-transform:rotate(10deg);transform:rotate(10deg);position:absolute;right:0;top:20px}.hero8 .sword{width:12px;height:4px;background:#21759b;border-radius:5px;-webkit-transform:rotate(20deg);transform:rotate(20deg);position:absolute;top:12px;left:-10px;z-index:-1}.hero8 .foot{position:absolute;width:5px;height:9px;bottom:-8px;border-radius:3px;background:#000}.hero8 .foot.left{left:2px}.hero8 .foot.right{right:2px}.hero9{display:none;position:absolute;left:0;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.hero9 .body{border:1px solid #000;background:#fff}.hero9 .head{position:absolute;border:1px solid #000;background:#fff;top:-9px;left:3px}.hero9 .eye-left{width:3px;height:3px;border-radius:50%;background:#000;left:3px;top:6px;position:absolute}.hero9 .eye-right{width:3px;height:3px;border-radius:50%;background:#000;right:3px;top:6px;position:absolute}.hero9 .eye-line{width:10px;height:1px;background:#000;position:absolute;top:7px;left:3px}.hero9 .hand{border-radius:5px/10px;background:#fff;position:absolute;border:1px solid #000;top:7px;z-index:-1}.hero9 .hand.left{left:-4px;-webkit-transform:rotate(20deg);transform:rotate(20deg)}.hero9 .hand.right{right:-6px;-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}.hero9 .heart{height:5px;background:#fff;border:1px solid #6441a5;position:absolute;top:10px}.hero9 .foot{width:5px;height:8px;bottom:-8px;background:#fff;border:1px solid #000;border-radius:5px/8px;position:absolute;z-index:-1}.hero9 .foot.left{left:3px}.hero9 .foot.right{right:1px}.hero10{display:none;border-radius:5px;background:#fe7a15;position:absolute;left:0;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.hero10 .leaf{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:8px solid #0f0;position:absolute;top:-6px}.hero10 .leaf.left{-webkit-transform:rotate(-50deg);transform:rotate(-50deg);left:1px}.hero10 .leaf.right{-webkit-transform:rotate(50deg);transform:rotate(50deg);right:1px}.hero10 .ball1{width:8px;height:8px;background:#ffe100;border-radius:50%;position:absolute;top:-8px;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.hero10 .ball2{width:5px;height:5px;background:#ffe100;border-radius:50%;position:absolute;top:-13px;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.hero10 .eye{width:8px;height:9px;background:#fff;border-radius:50%;position:absolute;right:2px;top:5px}.hero10 .eyeball{position:absolute;background:#000;width:3px;height:3px;border-radius:50%;right:1px;top:3px}.hero10 .mouse{background:#fd0;position:absolute;right:0;bottom:4px}.hero10 .foot{position:absolute;width:3px;height:7px;bottom:-7px;border-radius:3px;background:#fe7a15}.hero10 .foot.left{left:2px}.hero10 .foot.right{right:2px}.hero11{display:none;border-radius:5px;background:#000;position:absolute;left:0;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.hero11 .hat{width:20px;height:4px;background:red;position:absolute;left:-1px;top:5px}.hero11 .ribbon-down,.hero11 .ribbon-up{border-top-color:red}.hero11 .eye{width:4px;height:4px;background:#fff;border-radius:50%;position:absolute;right:2px;top:8px}.hero11 .foot{position:absolute;width:3px;height:5px;bottom:-5px;border-radius:3px;background:#000}.hero11 .foot.left{left:4px}.hero11 .foot.right{right:4px}.hero12{display:none;position:absolute;left:0;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.hero12 .body{background:#136ad5;border-radius:50%;position:absolute;border:1px solid #000;box-sizing:border-box}.hero12 .inside{border-radius:50%;position:absolute;border:1px solid #000;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);background:#fff}.hero12 .pocket{width:6px;height:4px;top:8px;position:absolute;border:1px solid #000;border-bottom-left-radius:50%;border-bottom-right-radius:50%;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.hero12 .head{background:#136ad5;border-radius:50%;position:absolute;border:1px solid #000;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);box-sizing:border-box;z-index:10}.hero12 .face{bottom:0;background:#fff;border-radius:50%;border:1px solid #000;position:absolute;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.hero12 .eye{width:4px;height:8px;top:-4px;border:1px solid #000;background:#fff;position:absolute;border-radius:50%}.hero12 .eye.left{left:4px}.hero12 .eye.left .eyeball{right:0}.hero12 .eye.right{right:4px}.hero12 .eye.right .eyeball{left:0}.hero12 .eye .eyeball{width:2px;height:2px;top:3px;position:absolute;background:#000}.hero12 .nose{width:4px;height:4px;top:6px;border:1px solid #000;border-radius:50%;position:absolute;background:red;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.hero12 .nose-line{width:1px;height:8px;top:12px;background:#000;position:absolute;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);z-index:10}.hero12 .mouse{height:5px;background:#fff;border:1px solid #000;border-top:none;bottom:2px;position:absolute;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.hero12 .m{height:1px;background:#000;position:absolute;z-index:10}.hero12 .m.m1,.hero12 .m.m2,.hero12 .m.m3{right:15px}.hero12 .m.m4,.hero12 .m.m5,.hero12 .m.m6{left:15px}.hero12 .m.m1{-webkit-transform:rotate(20deg);transform:rotate(20deg);top:7px}.hero12 .m.m2,.hero12 .m.m5{top:11px}.hero12 .m.m3{-webkit-transform:rotate(-20deg);transform:rotate(-20deg);top:15px}.hero12 .m.m4{-webkit-transform:rotate(-20deg);transform:rotate(-20deg);top:7px}.hero12 .m.m6{-webkit-transform:rotate(20deg);transform:rotate(20deg);top:15px}.hero12 .hand{width:5px;height:5px;top:7px;position:absolute;background:#136ad5;border:1px solid #000;border-radius:50%;z-index:-1}.hero12 .hand.left{left:-5px}.hero12 .hand.right{right:-5px}.hero12 .foot{width:5px;height:5px;bottom:-4px;background:#136ad5;border:1px solid #000;border-radius:80%;position:absolute;z-index:-1}.hero12 .foot.left{left:3px}.hero12 .foot.right{right:3px}.hero13{display:none;position:absolute;left:0;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.hero13 .head{border-radius:20px 20px 16px 16px;border:1px solid #000;background:#fff;right:-3px;top:-22px;position:absolute;z-index:10}.hero13 .head .hat-top{width:16px;height:6px;top:-12px;background:#fff;border:1px solid #000;position:absolute;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.hero13 .head .dot{width:6px;height:6px;border:1px solid #000;background:#ff0;border-radius:50%;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);box-sizing:border-box}.hero13 .head .hat{width:16px;height:5px;background:red;top:-4px;position:absolute;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.hero13 .head .half{border-radius:10px 10px 0 0;background:#000;top:0;position:absolute}.hero13 .head .eye{width:6px;height:7px;border-radius:50%;background:#ff0;top:5px;position:absolute}.hero13 .head .eye.left{left:6px}.hero13 .head .eye.right{right:6px}.hero13 .head .eyeball{width:4px;height:4px;border-radius:50%;background:#000;top:2px;left:1px;position:absolute}.hero13 .head .eyeball2{width:1px;height:2px;background:#fff;position:absolute;border-radius:50%;top:1px;left:1px}.hero13 .head .nose{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #fff;position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.hero13 .head .mouse{width:8px;height:3px;border:1px solid #000;border-top:none;border-radius:0 0 5px 5px;background:#fff;position:absolute;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.hero13 .head .m{height:1px;background:#000;position:absolute}.hero13 .head .m.left{left:-6px;-webkit-transform:rotate(30deg);transform:rotate(30deg)}.hero13 .head .m.right{right:-6px;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}.hero13 .head .ear{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #000;top:-4px;position:absolute}.hero13 .head .ear.left{left:-4px;-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}.hero13 .head .ear.right{right:-4px;-webkit-transform:rotate(40deg);transform:rotate(40deg)}.hero13 .body{background:#000;border-radius:5px;position:absolute}.hero13 .body .strip1{height:3px;background:#fff;border-radius:5px;position:absolute;bottom:7px}.hero13 .body .strip2{height:3px;background:#fff;border-radius:5px;position:absolute;bottom:14px;-webkit-transform:rotate(30deg);transform:rotate(30deg)}.hero13 .body .hand{width:5px;height:20px;background:#000;top:-1px;position:absolute;z-index:-1}.hero13 .body .hand.left{left:-4px;-webkit-transform:rotate(40deg);transform:rotate(40deg)}.hero13 .body .hand.right{right:-4px;-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}.hero13 .body .foot{width:5px;height:14px;bottom:-13px;position:absolute;background:#000}.hero13 .body .foot.left{left:2px}.hero13 .body .foot.right{right:2px}#game-bg{position:fixed;left:0;top:0;right:0;bottom:0;z-index:0;background-repeat:no-repeat;background-position:center center;background-size:cover;pointer-events:none}#game-bg.bg1{background-image:url(../images/bg1.jpg)}#game-bg.bg2{background-image:url(../images/bg2.jpg)}#game-bg.bg3{background-image:url(../images/bg3.jpg)}#game-bg.bg4{background-image:url(../images/bg4.jpg)}#game-bg.bg5{background-image:url(../images/bg5.jpg)}#game-bg.bg6{background-image:url(../images/bg6.jpg)}#game-fit{position:fixed;left:50%;top:50%;width:320px;height:480px;margin:0;z-index:1;transform-origin:center center;-webkit-transform-origin:center center;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}#game{position:relative;width:100%;height:100%;overflow:hidden;background:transparent;touch-action:none;-ms-touch-action:none}#game.bounce{-webkit-animation:bounce .5s linear;animation:bounce .5s linear}.stick{width:4px;background:#3a3a3a;position:absolute;z-index:1;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease;-webkit-transform-origin:bottom right;transform-origin:bottom right}.stick.rotate{-webkit-transform:translate3d(0,1px,0) rotate(90deg);transform:translate3d(0,1px,0) rotate(90deg)}.box{background:#000;position:absolute;bottom:0;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.box.welcome-grow{-webkit-transition:height .5s ease,-webkit-transform .5s ease;transition:height .5s ease,transform .5s ease}.hero-p{z-index:2}.hero-p.welcome-grow{-webkit-transition:bottom .5s ease,-webkit-transform .5s ease;transition:bottom .5s ease,transform .5s ease}.box.init:after{display:none}.box:after{width:6px;height:6px;display:block;position:absolute;background:red;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);content:''}.plus-one{opacity:1;position:absolute;font-size:12px;font-weight:700;font-family:Microsoft YaHei;-webkit-transition:-webkit-transform 2s,opacity 2s;transition:transform 2s,opacity 2s}.plus-one.out{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);opacity:0}.plus-score{position:absolute;left:100%;top:50%;margin-left:6px;margin-top:-8px;z-index:2;font-size:13px;font-weight:700;line-height:1;color:#fff;pointer-events:none;opacity:1;white-space:nowrap;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .6s ease,opacity .6s ease;transition:transform .6s ease,opacity .6s ease}.plus-score.out{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);opacity:0}.hero{position:relative;width:100%;height:100%;pointer-events:none}.hero.shake{-webkit-animation:shaking .3s infinite linear;animation:shaking .3s infinite linear}.hero .foot{-webkit-transform-origin:top center;transform-origin:top center}.hero .foot.left.walk{-webkit-animation:walk .4s infinite linear;animation:walk .4s infinite linear}.hero .foot.right.walk{-webkit-animation:walk .4s infinite linear .2s;animation:walk .4s infinite linear .2s}.hero .ribbon-up{position:absolute;width:0;height:0;border-left:6px solid transparent;border-right:3px solid transparent;border-top-width:5px;border-top-style:solid;left:-10px;top:6px;-webkit-transform-origin:10px 5px;transform-origin:10px 5px;-webkit-animation:ribbonup .4s infinite ease;animation:ribbonup .4s infinite ease}.hero .ribbon-down{position:absolute;width:0;height:0;border-left:6px solid transparent;border-right:4px solid transparent;border-top-width:3px;border-top-style:solid;left:-8px;top:7px;-webkit-transform-origin:10px 5px;transform-origin:10px 5px;-webkit-animation:ribbondown .4s infinite ease;animation:ribbondown .4s infinite ease}.welcome{display:none;pointer-events:none}.welcome .game-title{position:absolute;top:clamp(10%,12%,15%);left:0;right:0;width:68%;max-width:220px;margin:0 auto;pointer-events:none;-webkit-transform-origin:center center;transform-origin:center center}.welcome .game-title.is-enter{-webkit-animation:title-in .78s linear both;animation:title-in .78s linear both}.welcome .game-title.is-idle{overflow:hidden;-webkit-animation:title-sway 4.6s ease-in-out infinite;animation:title-sway 4.6s ease-in-out infinite}.welcome .game-title img{position:relative;z-index:1;display:block;width:100%;height:auto}.welcome .game-title.is-idle::after{content:'';position:absolute;z-index:2;top:50%;left:0;width:25px;height:280px;margin-top:-140px;pointer-events:none;background:-webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,.92) 50%,rgba(255,255,255,0));background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.92) 50%,rgba(255,255,255,0));-webkit-mask-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 22%,#000 30%,#000 70%,rgba(0,0,0,0) 78%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,transparent 0%,transparent 22%,#000 30%,#000 70%,transparent 78%,transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-transform:translate3d(-140px,0,0) rotate(45deg);transform:translate3d(-140px,0,0) rotate(45deg);-webkit-animation:title-shine 6s linear infinite;animation:title-shine 6s linear infinite}.welcome .game-title.is-idle::before{content:'';position:absolute;z-index:2;top:50%;left:0;width:12.5px;height:280px;margin-top:-140px;pointer-events:none;background:-webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,.92) 50%,rgba(255,255,255,0));background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.92) 50%,rgba(255,255,255,0));-webkit-mask-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 22%,#000 30%,#000 70%,rgba(0,0,0,0) 78%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,transparent 0%,transparent 22%,#000 30%,#000 70%,transparent 78%,transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-transform:translate3d(-180px,0,0) rotate(45deg);transform:translate3d(-180px,0,0) rotate(45deg);-webkit-animation:title-shine-tail 6s linear infinite;animation:title-shine-tail 6s linear infinite}.welcome.is-dropping .game-title{overflow:visible;-webkit-animation:title-out .28s ease-in forwards;animation:title-out .28s ease-in forwards}.welcome.is-dropping .game-title::before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;background:url(../images/stickhero.png) center / 100% 100% no-repeat;pointer-events:none;-webkit-filter:blur(1px);filter:blur(1px);-webkit-animation:title-trail .28s ease-in forwards;animation:title-trail .28s ease-in forwards}.welcome.is-dropping .game-title::after{-webkit-animation:none;animation:none;opacity:0}@-webkit-keyframes title-in{0%{opacity:0;-webkit-transform:translate3d(0,-120px,0) scale(1,1)}36%{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1,1)}52%{-webkit-transform:translate3d(0,1px,0) scale(1.14,.76)}70%{-webkit-transform:translate3d(0,-6px,0) scale(.98,1.05)}86%{-webkit-transform:translate3d(0,1px,0) scale(1.02,.98)}100%{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1,1)}}@keyframes title-in{0%{opacity:0;transform:translate3d(0,-120px,0) scale(1,1)}36%{opacity:1;transform:translate3d(0,0,0) scale(1,1)}52%{transform:translate3d(0,1px,0) scale(1.14,.76)}70%{transform:translate3d(0,-6px,0) scale(.98,1.05)}86%{transform:translate3d(0,1px,0) scale(1.02,.98)}100%{opacity:1;transform:translate3d(0,0,0) scale(1,1)}}@-webkit-keyframes title-sway{0%,100%{-webkit-transform:translate3d(0,1px,0) rotate(0deg)}25%{-webkit-transform:translate3d(-2px,-1px,0) rotate(-.4deg)}50%{-webkit-transform:translate3d(0,-2.5px,0) rotate(0deg)}75%{-webkit-transform:translate3d(2px,0,0) rotate(.4deg)}}@keyframes title-sway{0%,100%{transform:translate3d(0,1px,0) rotate(0deg)}25%{transform:translate3d(-2px,-1px,0) rotate(-.4deg)}50%{transform:translate3d(0,-2.5px,0) rotate(0deg)}75%{transform:translate3d(2px,0,0) rotate(.4deg)}}@-webkit-keyframes title-shine{0%{-webkit-transform:translate3d(-140px,0,0) rotate(45deg)}12.5%,49.9%{-webkit-transform:translate3d(300px,0,0) rotate(45deg)}50%{-webkit-transform:translate3d(-140px,0,0) rotate(45deg)}62.5%,100%{-webkit-transform:translate3d(300px,0,0) rotate(45deg)}}@keyframes title-shine{0%{transform:translate3d(-140px,0,0) rotate(45deg)}12.5%,49.9%{transform:translate3d(300px,0,0) rotate(45deg)}50%{transform:translate3d(-140px,0,0) rotate(45deg)}62.5%,100%{transform:translate3d(300px,0,0) rotate(45deg)}}@-webkit-keyframes title-shine-tail{0%{opacity:1;-webkit-transform:translate3d(-180px,0,0) rotate(45deg)}12.5%,49.9%{opacity:1;-webkit-transform:translate3d(260px,0,0) rotate(45deg)}50%,100%{opacity:0;-webkit-transform:translate3d(260px,0,0) rotate(45deg)}}@keyframes title-shine-tail{0%{opacity:1;transform:translate3d(-180px,0,0) rotate(45deg)}12.5%,49.9%{opacity:1;transform:translate3d(260px,0,0) rotate(45deg)}50%,100%{opacity:0;transform:translate3d(260px,0,0) rotate(45deg)}}@-webkit-keyframes title-out{0%{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1,1)}100%{opacity:0;-webkit-transform:translate3d(0,-320px,0) scale(.88,1.12)}}@keyframes title-out{0%{opacity:1;transform:translate3d(0,0,0) scale(1,1)}100%{opacity:0;transform:translate3d(0,-320px,0) scale(.88,1.12)}}@-webkit-keyframes title-trail{0%{opacity:0;-webkit-transform:translate3d(0,3px,0) scale(1,1)}35%{opacity:.14;-webkit-transform:translate3d(0,7px,0) scale(1,1.04)}100%{opacity:0;-webkit-transform:translate3d(0,14px,0) scale(1,1.08)}}@keyframes title-trail{0%{opacity:0;transform:translate3d(0,3px,0) scale(1,1)}35%{opacity:.14;transform:translate3d(0,7px,0) scale(1,1.04)}100%{opacity:0;transform:translate3d(0,14px,0) scale(1,1.08)}}.hero-p.is-start{z-index:5;pointer-events:auto;cursor:pointer}.hero-p.is-start:after{content:'';position:absolute;left:-14px;right:-14px;top:-14px;bottom:-8px}.welcome .btn-side{position:absolute;cursor:pointer;color:#fff;background:rgba(0,0,0,.5);padding:10px 8px;border-radius:50%;width:40px;height:40px;box-sizing:border-box;font-weight:900;font-size:12px;right:40px}.welcome .btn-side .icon{display:none;color:#fff;background:red;border-radius:50%;top:1px;right:1px;width:10px;height:10px;position:absolute}.welcome .btn-side .icon.new{font-size:8px}.welcome .btn-side .icon span{position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.welcome .btn-hero{top:auto}.welcome-actions{position:absolute;left:50%;right:auto;bottom:48px;z-index:2;width:-webkit-max-content;width:max-content;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:8px;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform-origin:center bottom;transform-origin:center bottom;pointer-events:auto}.welcome.is-dropping .welcome-actions{visibility:hidden}.welcome-actions .cap{position:relative;width:auto;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;margin:0;padding:11px 18px;border:0;border-radius:980px;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);-webkit-box-shadow:0 8px 20px rgba(0,0,0,.16),inset 0 -1px 0 rgba(255,255,255,.85);box-shadow:0 8px 20px rgba(0,0,0,.16),inset 0 -1px 0 rgba(255,255,255,.85);color:#1c1c1e;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Microsoft YaHei,sans-serif;font-size:15px;font-weight:600;letter-spacing:.01em;line-height:1.15;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-transition:background .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}@media (hover:hover){.welcome-actions .cap:hover{background:rgba(255,255,255,.94);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);-webkit-box-shadow:0 12px 26px rgba(0,0,0,.22),inset 0 -1px 0 rgba(255,255,255,.95);box-shadow:0 12px 26px rgba(0,0,0,.22),inset 0 -1px 0 rgba(255,255,255,.95)}}.welcome-actions .cap:active{background:rgba(255,255,255,.58);-webkit-transform:scale(.96);transform:scale(.96);-webkit-box-shadow:0 2px 8px rgba(0,0,0,.14),inset 0 -1px 0 rgba(255,255,255,.7);box-shadow:0 2px 8px rgba(0,0,0,.14),inset 0 -1px 0 rgba(255,255,255,.7)}.welcome-actions .btn-start{background:#f08080;color:#fff;-webkit-box-shadow:0 8px 20px rgba(196,72,72,.32),inset 0 -1px 0 rgba(255,255,255,.45);box-shadow:0 8px 20px rgba(196,72,72,.32),inset 0 -1px 0 rgba(255,255,255,.45)}.welcome-actions .btn-hero{background:#5b93e6;color:#fff;-webkit-box-shadow:0 8px 20px rgba(48,96,176,.32),inset 0 -1px 0 rgba(255,255,255,.45);box-shadow:0 8px 20px rgba(48,96,176,.32),inset 0 -1px 0 rgba(255,255,255,.45)}.welcome-actions .btn-more{background:#3aaa8a;color:#fff;-webkit-box-shadow:0 8px 20px rgba(28,120,96,.32),inset 0 -1px 0 rgba(255,255,255,.45);box-shadow:0 8px 20px rgba(28,120,96,.32),inset 0 -1px 0 rgba(255,255,255,.45)}@media (hover:hover){.welcome-actions .btn-start:hover{background:#f49797;-webkit-box-shadow:0 12px 26px rgba(196,72,72,.36),inset 0 -1px 0 rgba(255,255,255,.55);box-shadow:0 12px 26px rgba(196,72,72,.36),inset 0 -1px 0 rgba(255,255,255,.55)}.welcome-actions .btn-hero:hover{background:#7aabef;-webkit-box-shadow:0 12px 26px rgba(48,96,176,.36),inset 0 -1px 0 rgba(255,255,255,.55);box-shadow:0 12px 26px rgba(48,96,176,.36),inset 0 -1px 0 rgba(255,255,255,.55)}.welcome-actions .btn-more:hover{background:#55c4a2;-webkit-box-shadow:0 12px 26px rgba(28,120,96,.36),inset 0 -1px 0 rgba(255,255,255,.55);box-shadow:0 12px 26px rgba(28,120,96,.36),inset 0 -1px 0 rgba(255,255,255,.55)}}.welcome-actions .btn-start:active,.welcome-actions .btn-start.is-pressed{background:#d86e6e;-webkit-transform:scale(.96);transform:scale(.96);-webkit-box-shadow:0 2px 8px rgba(196,72,72,.28),inset 0 -1px 0 rgba(255,255,255,.35);box-shadow:0 2px 8px rgba(196,72,72,.28),inset 0 -1px 0 rgba(255,255,255,.35)}.welcome-actions .btn-hero:active,.welcome-actions .btn-hero.is-pressed{background:#4a7ecc;-webkit-transform:scale(.96);transform:scale(.96);-webkit-box-shadow:0 2px 8px rgba(48,96,176,.28),inset 0 -1px 0 rgba(255,255,255,.35);box-shadow:0 2px 8px rgba(48,96,176,.28),inset 0 -1px 0 rgba(255,255,255,.35)}.welcome-actions .btn-more:active,.welcome-actions .btn-more.is-pressed{background:#2f9276;-webkit-transform:scale(.96);transform:scale(.96);-webkit-box-shadow:0 2px 8px rgba(28,120,96,.28),inset 0 -1px 0 rgba(255,255,255,.35);box-shadow:0 2px 8px rgba(28,120,96,.28),inset 0 -1px 0 rgba(255,255,255,.35)}.welcome-actions .icon{display:none;position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:#f08080}.run-hud{display:none;position:absolute;left:0;right:0;top:0;bottom:0;z-index:20;pointer-events:none;--hud-size:30px}@supports (width:1cqh){#game{container-type:size}.run-hud{--hud-size:clamp(30px,5cqh,36px)}}.hud-actions{position:absolute;right:calc(var(--hud-size) * .4);top:calc(var(--hud-size) * .4);display:-webkit-box;display:-webkit-flex;display:flex;gap:calc(var(--hud-size) * .28)}.hud-cap{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:auto;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;padding:calc(var(--hud-size) * .18) calc(var(--hud-size) * .42);border-radius:999px;background:rgba(0,0,0,.28);color:#fff;font-size:calc(var(--hud-size) * .46);line-height:1;white-space:nowrap;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-transition:background .2s ease,-webkit-transform .2s ease;transition:background .2s ease,transform .2s ease}@media (hover:hover){.hud-cap:hover{background:rgba(0,0,0,.46)}}.hud-cap:active{background:rgba(0,0,0,.58);-webkit-transform:scale(.96);transform:scale(.96)}.hud-actions .hud-cap{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:auto;min-width:var(--hud-size);max-width:var(--hud-size);height:var(--hud-size);padding:0;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;background:rgba(0,0,0,.28);-webkit-transition:max-width .28s ease,padding .28s ease,border-radius .28s ease,background .2s ease;transition:max-width .28s ease,padding .28s ease,border-radius .28s ease,background .2s ease}@media (hover:hover){.hud-actions .hud-cap:hover{background:rgba(0,0,0,.46)}}.hud-actions .hud-cap:active{background:rgba(0,0,0,.58)}.hud-actions .hud-cap.is-open{max-width:calc(var(--hud-size) * 5.4);padding:0 calc(var(--hud-size) * .18) 0 calc(var(--hud-size) * .36);border-radius:999px;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-transform:none;transform:none}.hud-label{display:inline-block;max-width:0;margin-right:0;opacity:0;overflow:hidden;font-size:calc(var(--hud-size) * .46);line-height:1;white-space:nowrap;-webkit-transition:max-width .28s ease,margin .28s ease,opacity .2s ease;transition:max-width .28s ease,margin .28s ease,opacity .2s ease}.hud-actions .hud-cap.is-open .hud-label{max-width:calc(var(--hud-size) * 3.3);margin-right:calc(var(--hud-size) * .16);opacity:1}.hud-ico{width:calc(var(--hud-size) * .64);height:calc(var(--hud-size) * .64);display:block}.diamond{position:absolute;left:calc(var(--hud-size) * .4);top:calc(var(--hud-size) * .4);height:var(--hud-size);-webkit-box-sizing:border-box;box-sizing:border-box}.diamond img{width:calc(var(--hud-size) * .64);height:calc(var(--hud-size) * .64);display:block;margin-right:calc(var(--hud-size) * .16)}.run-stage{position:absolute;left:0;right:0;font-size:var(--hud-size);top:calc(1.4em + 16px);text-align:center}.live-stage{font-family:Helvetica,Georgia,Microsoft YaHei;font-size:48px;font-weight:700;line-height:1;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.28)}.run-score{position:absolute;left:50%;top:106px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.live-score{display:block;font-family:Helvetica,Georgia,Microsoft YaHei;font-size:13px;font-weight:700;line-height:1;color:rgba(255,255,255,.82)}.instruction{position:absolute;opacity:0;top:calc(48px + 20px);width:82%;left:0;right:0;margin:0 auto;text-align:left;font-size:14px;line-height:1.25;pointer-events:none}.instruction p{margin:0}.instruction p + p{margin-top:.75em}.perfect{position:absolute;bottom:34%;left:0;right:0;z-index:4;margin:0 auto;text-align:center;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Microsoft YaHei,sans-serif;font-size:28px;font-weight:700;color:#fff;-webkit-text-stroke:2px rgba(0,0,0,.55);paint-order:stroke fill;opacity:0;pointer-events:none}@-webkit-keyframes perfect-pop{0%{opacity:0;-webkit-transform:scale(.55)}18%{opacity:1;-webkit-transform:scale(1.18)}32%{opacity:1;-webkit-transform:scale(1)}72%{opacity:1;-webkit-transform:scale(1)}100%{opacity:0;-webkit-transform:scale(1.06) translateY(-18px)}}@keyframes perfect-pop{0%{opacity:0;transform:scale(.55)}18%{opacity:1;transform:scale(1.18)}32%{opacity:1;transform:scale(1)}72%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.06) translateY(-18px)}}.perfect.in{-webkit-animation:perfect-pop 1.6s ease both;animation:perfect-pop 1.6s ease both}.instruction.in{opacity:1}.instruction{transition:opacity 2s ease}.overlay{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000}.game-over.overlay{position:fixed;z-index:2000}.game-over{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:rgba(0,0,0,0.55);-webkit-box-sizing:border-box;box-sizing:border-box;--over-scale:1}.game-over-inner{position:absolute;left:50%;top:50%;width:320px;height:480px;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding-top:28px;-webkit-transform:translate3d(-50%,-50%,0) scale(var(--over-scale));transform:translate3d(-50%,-50%,0) scale(var(--over-scale));-webkit-transform-origin:center center;transform-origin:center center}.game-over .title{position:static;width:100%;margin:0 0 16px;text-align:center;font-size:35px;font-weight:700;color:#f60}.game-over .title.is-hidden{visibility:hidden}.game-over .board{position:relative;width:200px;background:#fff;border-radius:20px;margin:0;padding:18px 16px 14px;text-align:center}.game-over .board-share{position:absolute;top:8px;right:8px;width:28px;height:28px;padding:4px;color:#f08080;cursor:pointer;-webkit-tap-highlight-color:transparent}.game-over .board-share svg{display:block;width:100%;height:100%}.game-over .board-stage strong{display:block;font-size:48px;font-weight:700;line-height:1;color:#333}.game-over .board-stage span{display:block;margin-top:4px;font-size:12px;font-weight:700;color:#aaa}.game-over .board-scores{margin-top:12px;padding-top:10px;border-top:1px solid #eee;font-size:12px;font-weight:700;color:#999}.game-over .board-scores span + span{margin-left:16px}.game-over .board-scores strong{color:#333;font-size:14px}.game-over .actions{position:static;width:100%;margin-top:36px;color:#fff;text-align:center}.game-over .actions .btn{cursor:pointer;border:0;border-radius:980px;margin:0 auto 12px;padding:10px;width:140px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Microsoft YaHei,sans-serif;font-size:16px;font-weight:600;letter-spacing:.01em;color:#fff;white-space:nowrap;-webkit-tap-highlight-color:transparent;-webkit-transition:background .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.game-over .actions .btn:last-child{margin-bottom:0}.game-over .actions .btn-playagain{background:#f08080;-webkit-box-shadow:0 8px 20px rgba(196,72,72,.32),inset 0 -1px 0 rgba(255,255,255,.45);box-shadow:0 8px 20px rgba(196,72,72,.32),inset 0 -1px 0 rgba(255,255,255,.45)}.game-over .actions .btn-home{background:#5b93e6;-webkit-box-shadow:0 8px 20px rgba(48,96,176,.32),inset 0 -1px 0 rgba(255,255,255,.45);box-shadow:0 8px 20px rgba(48,96,176,.32),inset 0 -1px 0 rgba(255,255,255,.45)}.game-over .actions .btn-more{background:#3aaa8a;-webkit-box-shadow:0 8px 20px rgba(28,120,96,.32),inset 0 -1px 0 rgba(255,255,255,.45);box-shadow:0 8px 20px rgba(28,120,96,.32),inset 0 -1px 0 rgba(255,255,255,.45)}@media (hover:hover){.game-over .actions .btn-playagain:hover{background:#f49797;-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);-webkit-box-shadow:0 12px 26px rgba(196,72,72,.36),inset 0 -1px 0 rgba(255,255,255,.55);box-shadow:0 12px 26px rgba(196,72,72,.36),inset 0 -1px 0 rgba(255,255,255,.55)}.game-over .actions .btn-home:hover{background:#7aabef;-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);-webkit-box-shadow:0 12px 26px rgba(48,96,176,.36),inset 0 -1px 0 rgba(255,255,255,.55);box-shadow:0 12px 26px rgba(48,96,176,.36),inset 0 -1px 0 rgba(255,255,255,.55)}.game-over .actions .btn-more:hover{background:#55c4a2;-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);-webkit-box-shadow:0 12px 26px rgba(28,120,96,.36),inset 0 -1px 0 rgba(255,255,255,.55);box-shadow:0 12px 26px rgba(28,120,96,.36),inset 0 -1px 0 rgba(255,255,255,.55)}}.game-over .actions .btn-playagain:active,.game-over .actions .btn-playagain.is-pressed{background:#d86e6e;-webkit-transform:scale(.96);transform:scale(.96);-webkit-box-shadow:0 2px 8px rgba(196,72,72,.28),inset 0 -1px 0 rgba(255,255,255,.35);box-shadow:0 2px 8px rgba(196,72,72,.28),inset 0 -1px 0 rgba(255,255,255,.35)}.game-over .actions .btn-home:active,.game-over .actions .btn-home.is-pressed{background:#4a7ecc;-webkit-transform:scale(.96);transform:scale(.96);-webkit-box-shadow:0 2px 8px rgba(48,96,176,.28),inset 0 -1px 0 rgba(255,255,255,.35);box-shadow:0 2px 8px rgba(48,96,176,.28),inset 0 -1px 0 rgba(255,255,255,.35)}.game-over .actions .btn-more:active,.game-over .actions .btn-more.is-pressed{background:#2f9276;-webkit-transform:scale(.96);transform:scale(.96);-webkit-box-shadow:0 2px 8px rgba(28,120,96,.28),inset 0 -1px 0 rgba(255,255,255,.35);box-shadow:0 2px 8px rgba(28,120,96,.28),inset 0 -1px 0 rgba(255,255,255,.35)}.game-over .actions .btn a{text-decoration:none;color:inherit}.heropick{display:none;background:#fff;width:280px;height:auto;top:50%;left:50%;position:absolute;-webkit-transform:translate3d(-50%,120%,0) scale(.78);transform:translate3d(-50%,120%,0) scale(.78);-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform .5s ease,opacity .5s;transition:transform .5s ease,opacity .5s;opacity:0;border-radius:18px;z-index:1001;pointer-events:auto;box-sizing:border-box;overflow:hidden;box-shadow:0 10px 32px rgba(0,0,0,.2)}.heropick.in{-webkit-transform:translate3d(-50%,-50%,0) scale(.78);transform:translate3d(-50%,-50%,0) scale(.78);opacity:1}.heropick-mask{background:rgba(0,0,0,.55);opacity:0;pointer-events:none;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.heropick.in~.heropick-mask{opacity:1;pointer-events:auto}.heropick-hd{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:10px 12px 8px}.heropick-hd-main{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:8px;min-width:0;-webkit-box-flex:1;-webkit-flex:1;flex:1}.heropick-short{display:inline;visibility:hidden;opacity:0;font-size:11px;font-weight:700;color:#e85d4c;white-space:nowrap}.heropick-short.in{visibility:visible;opacity:1}.heropick-short.in.is-flash{-webkit-animation:pick-flash-short .8s ease 1;animation:pick-flash-short .8s ease 1}@-webkit-keyframes pick-flash-short{0%,12%,38%,50%,62%,88%,100%{opacity:.2}18%,32%,68%,82%{opacity:1}}@keyframes pick-flash-short{0%,12%,38%,50%,62%,88%,100%{opacity:.2}18%,32%,68%,82%{opacity:1}}.heropick-balance.is-flash{-webkit-animation:pick-flash-balance .8s ease 1;animation:pick-flash-balance .8s ease 1}@-webkit-keyframes pick-flash-balance{0%,12%,38%,50%,62%,88%,100%{background:#fff5f3}18%,32%,68%,82%{background:#ffc4bc}}@keyframes pick-flash-balance{0%,12%,38%,50%,62%,88%,100%{background:#fff5f3}18%,32%,68%,82%{background:#ffc4bc}}.heropick-balance{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:4px;font-size:15px;font-weight:700;color:#e85d4c;background:#fff5f3;border-radius:999px;padding:4px 10px 4px 7px}.heropick-balance img{width:16px;height:16px;display:block;float:none}.heropick-close{position:relative;width:28px;height:28px;border-radius:50%;background:#f2f2f2;cursor:pointer;-webkit-flex-shrink:0;flex-shrink:0}.heropick-close:before,.heropick-close:after{content:'';position:absolute;top:50%;left:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:#8a8a8a;border-radius:1px}.heropick-close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.heropick-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.heropick-body{padding:10px 12px 12px;overflow:hidden}.heropick-sec{font-size:11px;font-weight:700;color:#999;letter-spacing:.08em;margin:8px 2px 6px}.heropick-free,.heropick-shop,.heropick-special{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.heropick .wrapper{margin:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column;position:relative;box-sizing:border-box;border-radius:12px;background:#fff8e8;border:2px solid transparent;cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent;outline:none}.heropick .wrapper.locked:active{background:#fff5f3}.heropick-free .wrapper,.heropick-shop .wrapper{height:72px;padding:2px 0 0}.heropick-free .wrapper{width:100%}.heropick-shop .wrapper{width:calc(25% - 6px)}.heropick-special .wrapper{width:calc(50% - 4px);height:84px;padding:2px 0 0}.heropick .wrapper.locked{background:#f6f6f6}.heropick .wrapper.is-on{border-color:#f6cd6d;background:#fff8e8}.heropick .wrapper.locked.is-wait,.heropick .wrapper.locked.is-wait:active{background:#f0ffdf}.heropick .wrapper.locked.is-flash{-webkit-animation:pick-flash-card .8s ease 1;animation:pick-flash-card .8s ease 1}@-webkit-keyframes pick-flash-card{0%,12%,38%,50%,62%,88%,100%{background:#f6f6f6}18%,32%,68%,82%{background:#fff5f3}}@keyframes pick-flash-card{0%,12%,38%,50%,62%,88%,100%{background:#f6f6f6}18%,32%,68%,82%{background:#fff5f3}}.heropick .hero-stage{position:relative;-webkit-box-flex:0;-webkit-flex:0 0 50px;flex:0 0 50px;width:100%;height:50px;overflow:hidden}.heropick-special .hero-stage{-webkit-flex:0 0 62px;flex:0 0 62px;height:62px}.heropick .wrapper .hero-c{display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:none;transition:none;pointer-events:none}.heropick .wrapper.locked .hero-c{opacity:.92}.heropick .wrapper .price{display:block;position:relative;left:auto;right:auto;bottom:auto;z-index:2;height:12px;line-height:12px;-webkit-flex:0 0 12px;flex:0 0 12px;margin:4px 0 0;font-size:9px;text-align:center;pointer-events:none;overflow:hidden;white-space:nowrap}.heropick .wrapper .price.is-using{color:#f08080}.heropick .wrapper .price.is-owned{color:#8a8a8a}.heropick .wrapper .price img{width:11px;height:11px;vertical-align:-1px;float:none;display:inline-block;margin-right:1px}.heropick-special .wrapper .price{font-size:10px;padding:0 4px}.heropick-special .wrapper .price.is-cost{color:#7c3aed}.heropick-combo-hint{display:none;position:absolute;left:0;right:0;top:0;bottom:0;z-index:3;box-sizing:border-box;padding:10px 8px;background:rgba(246,246,246,.96);color:#e85d4c;font-size:11px;font-weight:700;line-height:1.4;text-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.heropick .wrapper.is-hint .heropick-combo-hint{display:-webkit-box;display:-webkit-flex;display:flex}.heropick-combo-hint span{display:block;width:100%}.heropick .wrapper .new{display:none}.heropick-confirm{display:none;position:absolute;left:0;right:0;top:0;bottom:0;z-index:5;box-sizing:border-box;padding:18px 16px;background:rgba(0,0,0,.55);-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.heropick-confirm.in{display:-webkit-box;display:-webkit-flex;display:flex}.heropick-confirm-box{position:relative;width:100%;left:auto;right:auto;top:auto;-webkit-transform:none;transform:none;background:#fff;border-radius:14px;padding:14px 12px 12px;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.28)}.heropick-confirm-hero{position:relative;width:72px;height:72px;margin:0 auto 12px;border-radius:18px;background:#fff8e8;overflow:hidden}.heropick-confirm-hero .hero-stage{position:absolute;left:0;right:0;top:4px;bottom:4px;width:auto;height:auto;-webkit-flex:none;flex:none}.heropick-confirm-hero .hero-c{display:block;position:absolute;left:0;top:0;margin:0;-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none}.heropick-confirm-text{margin:0 0 14px;font-size:13px;font-weight:700;color:#333;line-height:1.45}.heropick-confirm-btns{display:-webkit-box;display:-webkit-flex;display:flex;gap:10px}.heropick-confirm-cancel,.heropick-confirm-ok{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:8px 0;border-radius:20px;font-size:13px;font-weight:700;cursor:pointer}.heropick-confirm-cancel{background:#f2f2f2;color:#666}.heropick-confirm-ok{background:#f08080;color:#fff}.share{display:none;background:rgba(0,0,0,.7);color:#fff}.share .arrow{width:60px;position:absolute;right:0;-webkit-animation:arrow 1s infinite linear;animation:arrow 1s infinite linear}.share .text{position:absolute;top:12%;left:0;right:0;text-align:center}.share .like{position:absolute;text-align:center;width:100%;bottom:60px;font-size:20px}.yellow{color:#f1c40f}.copyright{position:absolute;right:0;bottom:0;background:rgba(0,0,0,.5);color:#fff;font-size:10px;z-index:1000}.copyright__heart{color:red}.ads{margin:0;padding:0;border:none;background:0 0;position:absolute;z-index:1002;bottom:0;height:50px}.shareicon{display:none;position:fixed;right:calc(15px * var(--over-scale,1) + env(safe-area-inset-right,0px));top:calc(10px * var(--over-scale,1) + env(safe-area-inset-top,0px));width:calc(60px * var(--over-scale,1));height:calc(67px * var(--over-scale,1));background-image:url(../images/share.png);background-repeat:no-repeat;background-size:100% 100%;z-index:3}.shareicon.is-on{display:block}.shareicon-tip{position:absolute;right:calc(100% + 8px);top:calc(32px * var(--over-scale,1));width:max-content;font-size:calc(13px * var(--over-scale,1));font-weight:700;line-height:1.35;color:#fff;text-align:right;text-shadow:0 1px 3px rgba(0,0,0,.55)}