.chess-piece{position:absolute;border-radius:50%;box-sizing:border-box}.chess-piece.is-last{box-shadow:0 0 0 2px red}.chess-piece.is-mobile.is-last{box-shadow:0 0 0 1px red}.chess-piece.black{background-color:#000}.chess-piece.white{background-color:#fff}.log[data-v-0a6d2f58]{position:relative;overflow:auto;border:5px solid #000;border-radius:20px;padding:10px;box-shadow:1px 1px 1px 1px #000;margin:0 10px;flex:2;font-size:18px}.log .line[data-v-0a6d2f58]{position:absolute;left:0;right:0;height:2px;background-color:#000}.log .title[data-v-0a6d2f58]{text-align:center;font-size:18px;padding-bottom:8px}.chat-list[data-v-6f2eba6f]{flex:3;border:5px solid #000;border-radius:20px;padding:10px;box-shadow:1px 1px 1px 1px #000;position:relative;overflow:auto}.chat-list .line[data-v-6f2eba6f]{position:absolute;left:0;right:0;height:2px;background-color:#000}.chat-list .title[data-v-6f2eba6f]{text-align:center;font-size:18px;padding-bottom:8px}.chat-list span.name[data-v-6f2eba6f]{padding-right:4px;padding-left:4px}.header{display:flex;align-items:center}.header .chess-piece{position:static;margin-left:10px;margin-right:10px}.header .online-count{text-align:right;flex:1;padding-right:20px}.header .online-count span{color:#000}.control-container[data-v-fa0fd234]{margin-bottom:5px}.control-container input[type=checkbox][data-v-fa0fd234],.control-container label[data-v-fa0fd234]{vertical-align:middle}.control-container .send-input[data-v-fa0fd234]{border:0;height:28px;line-height:28px;padding:0 0 0 10px;margin:0 0 0 6px}.control-container .send-input[data-v-fa0fd234]:focus{outline:none}.control-container .send-button[data-v-fa0fd234],.control-container .restart-button[data-v-fa0fd234]{background:#000;color:#fff;height:28px;line-height:28px;border:0;vertical-align:middle;cursor:pointer}.control-container .restart-button[data-v-fa0fd234]{margin-left:10px}.modal-wrapper[data-v-fafed84e]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.modal-wrapper .mask[data-v-fafed84e]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ff0000b3;transition:opacity 1s linear}.modal-wrapper .fade-enter-active[data-v-fafed84e],.modal-wrapper .fade-leave-active[data-v-fafed84e]{transition:opacity .5s}.modal-wrapper .fade-enter[data-v-fafed84e],.modal-wrapper .fade-leave-to[data-v-fafed84e]{opacity:0}.modal-wrapper .bounce-enter-active[data-v-fafed84e]{animation:bounceInUp-fafed84e .3s linear}.modal-wrapper .bounce-leave-active[data-v-fafed84e]{animation:bounceInUp-fafed84e .3s linear reverse}.modal-wrapper .bounce-enter[data-v-fafed84e],.modal-wrapper .bounce-leave-to[data-v-fafed84e]{opacity:0}@keyframes bounceInUp-fafed84e{0%{opacity:0;transform:translateY(1500px)}to{opacity:1;transform:translate(0)}}.modal-container[data-v-fafed84e]{width:400px;width:80vw;max-width:400px;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#fff;z-index:1;padding:20px}.modal-container__header[data-v-fafed84e]{font-size:24px;color:#000}.modal-container__content[data-v-fafed84e]{height:70%;min-height:200px;color:#000}.modal-container__bottom[data-v-fafed84e]{width:100%}.modal-container__bottom .bottom-container[data-v-fafed84e]{display:flex}.modal-container__bottom .bottom-container .left-button[data-v-fafed84e],.modal-container__bottom .bottom-container .right-button[data-v-fafed84e]{flex:1;text-align:center;height:40px;line-height:40px;color:#fff;background-color:#000}.modal-container__bottom .bottom-container .right-button[data-v-fafed84e]{margin-left:20px}body{background-color:#c7edcc;overflow:hidden}@media (max-width: 414px){body{margin:0;overflow:auto}}.header{display:flex;align-items:center}.header .chess-piece{position:static;margin-left:10px;margin-right:10px}.control-container{margin-bottom:5px}.control-container input[type=checkbox],.control-container label{vertical-align:middle}.control-container .send-input{border:0;height:28px;line-height:28px;padding:0 0 0 10px;margin:0 0 0 6px}.control-container .send-input:focus{outline:none}.control-container .send-button,.control-container .restart-button{background:#000;color:#fff;height:28px;line-height:28px;border:0;vertical-align:middle;cursor:pointer}.control-container .restart-button{margin-left:10px}.container{display:flex;height:740px}.container .board{position:relative;width:740px;height:740px;background-image:url(/go/assets/qipan.59a77304.png);background-size:100% 100%}@media (max-width: 414px){.container{display:block;height:auto}.container .board{margin:0 auto;width:370px;height:370px}}.container .chess-piece-type{padding:0 10px}