*{margin:0;padding:0}body,html{background:#000;font-family:Arial;overflow:hidden;overscroll-behavior-x:none;position:fixed;-webkit-user-select:none;user-select:none}div{box-sizing:border-box}.wh{height:100%;width:100%}.jc{align-items:center;display:flex;justify-content:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.game{background:#5e3231;position:relative}.lock-ui,.win-ui{background:rgba(0,0,0,.72);color:#fff;font-size:100px;position:absolute;z-index:10}.lock-ui.hide,.win-ui.hide{display:none}.win-ui{animation:bounceIn .5s both;z-index:8}.win-ui span{font-size:60px;font-weight:700;text-align:center;transform:rotate(-90deg);width:200px}.win-ui.r{background:hsla(18,63%,65%,.92)}.win-ui.b{background:rgba(63,124,172,.92)}#exit,.score{background:#fff;border-radius:0 0 30px 30px;font-size:20px;font-weight:700;height:53px;left:-30px;padding:10px 20px;position:absolute;top:47%;transform:rotate(-90deg);width:100px}.score span{display:block;margin:5px}.score span:first-child{color:#ff6158}.score span:nth-child(2){color:#00a0f1}#exit{border:none;border-radius:30px 30px 0 0;cursor:pointer;height:auto;left:auto;right:-32px;transform:rotate(-90deg);z-index:9}#arrow-1,#arrow-2{display:none}#control{-webkit-tap-highlight-color:rgba(255,255,255,0);bottom:0;cursor:grab;height:210px;position:absolute;width:100%}#control:active{cursor:grabbing}.arrow{pointer-events:none;position:absolute;transition:transform .14s ease;width:18px}.arrow.hide{animation:bounceOut .3s both}.bow{transition:all .14s ease}.bow,.case{position:absolute;width:60px}.case{border:4px solid #000;height:80px;z-index:2}.case.bottom{bottom:-40px;left:10px}.case.top{right:10px;top:-40px;transform:rotate(180deg)}.case,.case .arrow{pointer-events:none}.case:after{content:"";height:100%;position:absolute;width:100%}.case.bottom:after{background:#de906e}.case.top:after{background:#3f7cac}.targets{position:relative}.targets.a{animation:rotation var(--s) normal linear infinite}.target{animation:bounceIn 1s both;background-blend-mode:multiply;background-image:radial-gradient(circle at center center,#de906d,#fff),repeating-radial-gradient(circle at center center,#de906d,#de906d,4px,transparent 8px,transparent 0);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);height:35px;position:absolute;width:35px}.target.hide{animation:bounceOut .2s both}.target-spe{height:35px;position:absolute;width:100%}.target-spe.left{--init:-50px;--end:50px}.target-spe.left,.target-spe.right{animation:shake 4s linear infinite normal}.target-spe.right{--init:50px;--end:-50px}@keyframes rotation{0%{transform:rotate(var(--i))}to{transform:rotate(var(--f))}}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(var(--init),0,0)}20%,40%,60%,80%{transform:translate3d(var(--end),0,0)}}.lobby{align-items:center;background:#deeefa;display:flex;flex-direction:column;position:relative}h1{background:#5e3231;color:#fff;font-size:50px;padding:70px;text-align:center;text-shadow:3px 3px 1px #000}.lobby-btn{background:#fff;border-radius:20px;box-shadow:0 20px 30px rgba(0,0,0,.2);flex-direction:column;height:400px;padding:30px;transform:translateY(-40px);width:80%}.lobby-btn p{font-size:18px;font-weight:700}.lobby-btn div{flex-direction:column;margin-top:40px}.lobby-btn button{background:linear-gradient(#007dc1,#0061a7);border-color:#124d77;border-radius:10px;border-width:1px;box-shadow:inset 0 1px 0 0 #54a3f7;color:#fff;cursor:pointer;font-size:20px;font-weight:700;height:60px;margin-bottom:20px;text-shadow:inset 0 1px 0 #154682;width:180px}.lobby-btn button:hover{background:linear-gradient(#0061a7,#007dc1)}.lobby-pe{bottom:-8px;display:flex;height:150px;justify-content:space-between;position:absolute;width:100%}.lobby-pe .pe{width:35%}.lobby-ab,.lobby-so{background:none;border:none;cursor:pointer;font-size:40px;height:50px;position:absolute;right:10px;top:10px;width:50px}.lobby-ab{left:10px}.lobby-ab,.lobby-ab:visited{color:#5e3231}.lobby-co{bottom:40px;font-weight:700;position:absolute;z-index:20px}.lobby-co,.lobby-co:visited{color:#000}.pe{position:relative}.pe-sco{color:#fff;font-size:40px;font-weight:700;left:33px;position:absolute;text-align:center;top:20px;width:80px;z-index:10}