@font-face{font-family:BitFont;src:url(../assets/font/8BitMadness.ttf)}body,html{padding:0;margin:0;width:100%;height:100%;-webkit-user-select:none;-webkit-touch-callout:none;background:#000}.hidden{display:none}#game-rank .box .lists ol li,.game-wrap .game-btns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.game-wrap{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;font-family:BitFont,Arial,sans-serif}.game-wrap *{-webkit-box-sizing:border-box;box-sizing:border-box}.game-wrap .game-btns{position:absolute;top:5px;right:5px;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.game-wrap .game-btn{position:relative;width:50px;height:50px;margin:5px;-webkit-border-radius:5px;border-radius:5px;opacity:.5;background-color:#000;-webkit-transition:.5s opacity;-o-transition:.5s opacity;transition:.5s opacity;display:none}.game-wrap .game-btn:hover{opacity:.8}.game-wrap .game-btn i{display:block;position:absolute;top:10px;bottom:10px;left:10px;right:10px;pointer-events:none}.game-wrap .game-btn i:before{content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;border:0;color:#FFF;font-style:normal;text-align:center}#game-nick .box,#game-rank .box{-webkit-border-radius:7px;-webkit-box-shadow:#000 0 0 0 2px}.game-wrap .game-btn.intro i{top:0;bottom:0;left:0;right:0}.game-wrap .game-btn.intro i:before{content:'i';font-weight:700;line-height:50px;font-size:64px}.game-wrap .game-btn i.pause:before{border-left:12px;border-right:12px;border-style:solid;border-color:#FFF}.game-wrap .game-btn i.go:before{border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:0;border-left:25px solid #FFF;left:3px}.mask{position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.5)}#game-rank{color:#FFF}#game-rank .title{font-size:20px;text-align:center;margin-bottom:20px;white-space:nowrap}#game-rank>.title{position:absolute;top:0;left:0;right:0;margin:10px auto;max-width:340px;height:250px;background-image:url(../assets/images/rank-top2.png);-webkit-background-size:contain;background-size:contain;background-position:center top;background-repeat:no-repeat;z-index:10;pointer-events:none}#game-rank .box{position:relative;margin:162px auto 40px;height:-webkit-calc(100% - 210px);height:calc(100% - 210px);max-width:420px;color:#FFF;opacity:.9;padding:30px 20px;border-radius:7px;border:5px solid #FFF;background:rgba(120,120,120,.7);box-shadow:#000 0 0 0 2px}#game-rank .box .tip{position:absolute;bottom:20px;left:20px;right:20px;font-size:18px;text-align:center;line-height:200%;cursor:pointer;-webkit-animation:shine 2s infinite;animation:shine 2s infinite;pointer-events:auto;color:#5ccfc2}#game-intro .content-img,#game-intro .intro-obe{pointer-events:none;background-repeat:no-repeat}#game-rank .box .lists{position:absolute;top:60px;bottom:30px;left:20px;right:20px;overflow-x:hidden;overflow-y:auto}.hide-scrollbar::-webkit-scrollbar{width:0!important;height:0!important;background:0 0!important}#game-rank .box .tip.hidden+.lists{bottom:20px}#game-rank .box .lists ol{list-style:none;margin:10px 0;padding:0 10px;font-size:18px}#game-rank .box .lists ol .title{font-size:32px}#game-rank .box .lists ol li{margin:12px 0;line-height:120%;opacity:.7;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#game-intro .container,#game-nick .box,#game-nick .container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}#game-rank .box .lists ol li.self{color:#ffe35f;text-shadow:1px 1px 0 #000}#game-rank .box .lists ol li:nth-of-type(1){font-size:1.4em;opacity:1}#game-rank .box .lists ol li:nth-of-type(2){font-size:1.2em;opacity:.9}#game-rank .box .lists ol li:nth-of-type(3){font-size:1.1em;opacity:.8}#game-rank .box .lists ol li .no{width:60px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0}#game-rank .box .lists ol li .nick{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}#game-rank .box .lists ol li .score{width:4em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;text-align:right}.top-bar{position:fixed;top:0;left:0;right:0;height:50px;line-height:50px;text-align:center;background-color:rgba(0,0,0,.8);color:#fff}#game-intro .container,#game-nick .container{display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100vh}#game-intro .box,#game-nick .box{color:#FFF;opacity:.9;text-align:center;line-height:200%;-webkit-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal}#game-nick .box{min-height:200px;width:500px;max-width:90%;padding:30px 20px;border-radius:7px;border:5px solid #FFF;background:rgba(120,120,120,.7);box-shadow:#000 0 0 0 2px;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}#game-nick .box .title{font-weight:700;font-size:1.5em}#game-nick .box input[type=text]{width:80%;height:2.4em;font-size:inherit;text-align:center}#game-nick .box .button{background:rgba(0,0,0,.2);padding:6px 40px;font-size:1.2em;cursor:pointer;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:0 auto}#game-nick .box .button:hover{background:rgba(255,255,255,.2)}#game-intro .box{height:80%;width:75%;padding:30px 20px;-webkit-border-radius:7px;border-radius:7px;border:5px solid #FFF;background:rgba(120,120,120,.7);-webkit-box-shadow:#000 0 0 0 2px;box-shadow:#000 0 0 0 2px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:relative}#game-intro .box.hidden{display:none}#game-intro .game-intro-close{position:absolute;top:-15px;right:-15px;width:40px;height:40px;-webkit-border-radius:50%;border-radius:50%;border:1px solid #000;background-color:#FFF;background-image:url(../assets/images/close.png);background-position:center center;background-repeat:no-repeat;-webkit-background-size:54% 54%;background-size:54%;cursor:pointer}#game-intro .intro-obe{position:absolute;left:0;bottom:0;width:300px;height:320px;max-width:60%;max-height:50%;background-image:url(../assets/images/intro-obe1.png);background-position:left bottom;-webkit-background-size:contain;background-size:contain;z-index:-1}#game-intro .content,#game-intro .content-img{position:absolute;top:10px;bottom:10px;left:10px;right:10px;z-index:0}#game-intro .intro-obe.type2{background-image:url(../assets/images/intro-obe2.png)}#game-intro .intro-obe.type3{background-image:url(../assets/images/intro-obe3.png)}#game-intro .content-img{background-image:url(../assets/images/intro_n.png);background-position:center;-webkit-background-size:contain;background-size:contain}#game-intro .content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;overflow-x:hidden;overflow-y:scroll}#game-intro .content .main{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;text-align:left;padding:40px 0}#game-intro .content-img.page1{background-image:url(../assets/images/intro-m1n.png)}#game-intro .content-img.page2{background-image:url(../assets/images/intro-m2.png)}#game-intro .content-img.page3{background-image:url(../assets/images/intro-m3.png)}@media screen and (max-width:480px){#game-rank .title{font-size:16px}#game-rank>.title{margin-left:40px;margin-right:40px;max-width:unset}#game-rank>.title:after{border-width:12px}#game-rank .box{margin:-webkit-calc((100vw - 80px)/ 1044 * 450 + 10px) 20px 0;margin:calc((100vw - 80px)/ 1044 * 450 + 10px) 20px 0}#game-rank .box .tip{font-size:14px}#game-rank .box .lists ol .title{font-size:24px;margin-bottom:10px}#game-rank .box .lists ol{font-size:15px;padding:0 2px}#game-rank .box .lists ol li .no{width:45px}#game-intro .box{height:85%;width:85%}}@-webkit-keyframes shine{0%,100%{opacity:.1}40%,60%{opacity:1}}@keyframes shine{0%,100%{opacity:.1}40%,60%{opacity:1}}