*{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{display:none}small{font-size:.5em}.loading-filter{width:100%;height:100%;background:rgba(0,0,0,.3);z-index:5}.loading-filter,.toast-wrap{position:absolute;top:0;left:0}.toast-wrap{display:inline-block;bottom:3rem;right:0;margin:auto;width:4.5rem;height:.7rem;line-height:.7rem;background:rgba(0,0,0,.5);color:#fff;border-radius:.14rem;text-align:center;z-index:6}.fade-enter-to,.fade-leave-to{transition:all .5s}.fade-enter,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave{opacity:1}.clicked{transform:translate(2px,4px)}.qr-code{position:absolute;z-index:4;top:.2rem;right:.2rem;width:1.5rem;height:1.5rem;opacity:1;transform:translateY(0);transition:all .5s}.qr-code.leave{opacity:0;transform:translateY(-100%)}.box-wrap{position:absolute;width:100%;height:2.63rem;left:0;bottom:0;font-size:0;z-index:3}.box-wrap .box{position:relative;display:inline-block;width:1.75rem;height:2.63rem;margin:0 .0625rem;color:#ddd;cursor:pointer;transition:all .15s}.box-wrap .box.selected{transform-origin:50% 100%;transform:scale(1.12);color:#fff}.box-wrap .box.blue{background:url(../img/box-blue.png) 0 0 no-repeat;background-size:cover}.box-wrap .box.blue.selected{background:url(../img/box-blue-o.png) 0 0 no-repeat;background-size:cover}.box-wrap .box.orange{background:url(../img/box-orange.png) 0 0 no-repeat;background-size:cover}.box-wrap .box.orange.selected{background:url(../img/box-orange-o.png) 0 0 no-repeat;background-size:cover}.box-wrap .box.green{background:url(../img/box-green.png) 0 0 no-repeat;background-size:cover}.box-wrap .box.green.selected{background:url(../img/box-green-o.png) 0 0 no-repeat;background-size:cover}.box-wrap .box.brown{background:url(../img/box-brown.png) 0 0 no-repeat;background-size:cover}.box-wrap .box.brown.selected{background:url(../img/box-brown-o.png) 0 0 no-repeat;background-size:cover}.box-wrap .box.gray{background:url(../img/box-gray.png) 0 0 no-repeat;background-size:cover}.box-wrap .box.gray.selected{background:url(../img/box-gray-o.png) 0 0 no-repeat;background-size:cover}.box-wrap .box.letter3 .box-label{padding-top:1em}.box-wrap .box.letter4 .box-label{padding-top:.5em}.box-wrap .box .box-label{position:absolute;top:.72rem;bottom:0;left:0;right:0;margin:auto;line-height:.36rem;width:.32rem;font-size:.32rem;box-sizing:border-box;white-space:normal;word-break:break-all;word-wrap:break-word;user-select:none}.npc{position:absolute;top:.5rem;left:-.5rem;width:2.05rem;height:4.69rem;background:url(../img/npc.png) 0 0 no-repeat;background-size:cover;transform:rotate(45deg);transition:all .6s}.npc.leave{left:-3.05rem;transform:rotate(-2deg)}.bubble{position:absolute;left:2.1rem;top:2.8rem;width:4.2rem;height:1.7rem;background:url(../img/bubble.png) 0 0 no-repeat;background-size:100% 100%;box-sizing:border-box;padding:.32rem .2rem .2rem .4rem;color:#333;font-size:.31rem;line-height:.42rem;font-weight:700;text-align:center;word-break:break-all;word-wrap:break-word;white-space:pre-wrap;opacity:1;transition:all .6s}.bubble.leave{left:1rem;opacity:0}.btns{position:absolute;z-index:4;top:5rem;left:0;padding-left:1.75rem}.btns .btn{width:4rem;height:1.14rem;line-height:1.14rem;margin-bottom:.3rem;text-align:center;color:#fff;font-weight:700;font-size:.5rem;text-shadow:#333 0 0 6px;cursor:pointer}.btns .btn.btn1{background:url(../img/button1.png) 0 0 no-repeat;background-size:100% 100%}.btns .btn.btn2{background:url(../img/button2.png) 0 0 no-repeat;background-size:100% 100%}.btns .btn.btn3{background:url(../img/button3.png) 0 0 no-repeat;background-size:100% 100%}.btns .btn.btn4{background:url(../img/button4.png) 0 0 no-repeat;background-size:100% 100%}.btns .btn.btn5{background:url(../img/button5.png) 0 0 no-repeat;background-size:100% 100%}.btns .btn.btn6{background:url(../img/button6.png) 0 0 no-repeat;background-size:100% 100%}.btns .btn.btn7{background:url(../img/button7.png) 0 0 no-repeat;background-size:100% 100%}.btns{opacity:1;transform:translateX(0);transition:all .5s}.btns.leave{opacity:0;transform:translateX(-100%)}.btns a{margin-top:-.2rem;font-size:.32rem;color:#888;text-decoration:underline}.items{position:absolute;height:100%;padding:4.6rem .8rem 0;width:100%;box-sizing:border-box;text-align:center;font-size:0;z-index:2}.items .item,.items .item-wrap{display:inline-block}.items .item{width:.84rem;height:.84rem;margin:.12rem;cursor:pointer}.items .item.ok{cursor:default}.items.fake-items{z-index:1}.items.fake-items .fake-item{position:absolute}.shaking{animation:a .3s linear infinite}@keyframes a{0%,50%,to{transform:translateX(0)}25%{transform:translateX(12%)}75%{transform:translateX(-12%)}}.score-bar{width:7rem;padding-top:.2rem;padding-left:.25rem;transform:translateY(0);opacity:1;transition:all .5s}.score-bar.leave{transform:translateY(-150%);opacity:0}.score-bar .time-left{position:relative;height:.46rem;line-height:.28rem;box-sizing:border-box;border:.1rem solid #fff;border-radius:.25rem;text-align:center;font-size:.24rem;box-shadow:0 0 12px #888}.score-bar .time-left .num{position:absolute;padding:0 .2em;z-index:3;color:#555;background:hsla(0,0%,100%,.4);font-weight:700}.score-bar .time-left .time-process{position:absolute;top:0;left:0;height:100%;border-radius:.25rem}