*{box-sizing:border-box}a{color:#333;text-decoration:none}.btn,button{border:0;border-radius:4px;padding:5px 10px;background:#fff;cursor:pointer;font-size:14px}.btn:disabled,button:disabled{cursor:not-allowed}.btn-orange{background:#ff8000;color:#fff}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin:60px auto;width:640px}.code[data-v-49f3d22a]{font-size:50px}.modal[data-v-0e92b164]{position:fixed;z-index:4100;top:0;left:0;display:flex;justify-content:center;align-items:flex-start;padding:50px 0;width:100vw;height:100vh;overflow:auto;background:rgba(0,0,0,.3)}.modal-content[data-v-0e92b164]{width:450px;border-radius:5px;overflow:hidden}.modal-header[data-v-0e92b164]{position:relative;border-bottom:1px solid #d8d8d8;line-height:45px;text-align:center;color:#333;background:#fff}.modal-close[data-v-0e92b164]{position:absolute;top:0;right:0;display:flex;width:45px;height:45px;justify-content:center;align-items:center;z-index:4101;cursor:pointer}.modal-body[data-v-0e92b164]{padding:10px;background:#fff}.modal-footer[data-v-0e92b164]{display:flex;border-top:1px solid #d8d8d8}.modal-footer .btn[data-v-0e92b164]{display:flex;flex:1 1 50%;margin:0;border:0;padding:0;justify-content:center;align-items:center;line-height:40px;background-color:transparent}.modal-footer .btn-primary[data-v-0e92b164]{border-radius:0 0 0 5px;color:#fff;background-color:#01b3f0}.form-group[data-v-76c4b526]{display:flex;align-items:center;padding:10px 20px}.form-group .label[data-v-76c4b526]{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.form-group label+label[data-v-76c4b526]{margin-left:20px}.form-group input[type=number][data-v-76c4b526],.form-group input[type=text][data-v-76c4b526]{display:flex;align-items:center;flex-grow:1;border-radius:4px;border:1px solid #d8d8d8;padding:10px}.message[data-v-2fe9c5cc]{color:red}.home[data-v-2ec3c1f7]{margin:40px 0}.home[data-v-2ec3c1f7],.opponent[data-v-2ec3c1f7]{display:flex;flex-direction:column;align-items:center}.opponent .btn[data-v-2ec3c1f7]{margin-top:20px}.piece[data-v-08636f82]{width:40px;height:40px}.piece>div[data-v-08636f82],.piece[data-v-08636f82]{display:flex;justify-content:center;align-items:center;border-radius:100%}.piece>div[data-v-08636f82]{width:90%;height:90%;font-size:16px}.piece .none[data-v-08636f82]:hover{background:radial-gradient(farthest-corner at 13px 13px,hsla(0,0%,100%,.1) -60%,rgba(0,0,0,.1) 100%)}.piece .black[data-v-08636f82],.piece .white[data-v-08636f82]{box-shadow:1px 1px 4px #000}.piece .black[data-v-08636f82]{color:#fff;background:radial-gradient(farthest-corner at 10px 10px,#fff -60%,#000 100%)}.piece .white[data-v-08636f82]{color:#000;background:radial-gradient(farthest-corner at 10px 10px,#fff 0,#000 150%)}.piece .acitve[data-v-08636f82]{width:93%;height:93%;box-shadow:0 0 6px 2px #fff}.info-tool[data-v-287e371e]{margin:40px 0;font-size:16px}.item[data-v-287e371e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.item .col-3[data-v-287e371e]{width:33.33333333333333%}.item button+button[data-v-287e371e]{margin-left:7px}.score[data-v-287e371e]{font-size:30px}.user[data-v-287e371e]{display:flex;align-items:center}.user .time[data-v-287e371e]{margin:0 20px}.content[data-v-4faf8cc5]{padding:20px;width:640px;height:640px}.checkerboard[data-v-4faf8cc5]{position:relative;flex-shrink:0;width:600px;height:600px;background-color:#e7c29c;font-size:12px;box-shadow:3px 3px 12px}.line-row[data-v-4faf8cc5]{position:absolute;top:0;left:0;width:561px;height:1px;box-shadow:20px 20px,20px 60px,20px 100px,20px 140px,20px 180px,20px 220px,20px 260px,20px 300px,20px 340px,20px 380px,20px 420px,20px 460px,20px 500px,20px 540px,20px 580px}.line-col[data-v-4faf8cc5]{position:absolute;top:0;left:0;width:1px;height:560px;box-shadow:20px 20px,60px 20px,100px 20px,140px 20px,180px 20px,220px 20px,260px 20px,300px 20px,340px 20px,380px 20px,420px 20px,460px 20px,500px 20px,540px 20px,580px 20px}.spot[data-v-4faf8cc5]{position:absolute;top:137px;left:137px;width:7px;height:7px;background-color:#000;box-shadow:320px 0,160px 160px,320px 320px,0 320px}.num[data-v-4faf8cc5]{top:0;left:-20px;flex-direction:column;width:20px;height:100%}.letter[data-v-4faf8cc5],.num[data-v-4faf8cc5]{position:absolute;display:flex;align-items:center;justify-content:space-around}.letter[data-v-4faf8cc5]{top:-20px;left:0;width:100%;height:20px}.pieces[data-v-4faf8cc5]{position:absolute;top:0;left:0}.pieces .row[data-v-4faf8cc5]{display:flex}.log[data-v-fb89e07a]{display:flex;flex-direction:column;align-items:center;width:100%}.title[data-v-fb89e07a]{font-size:24px;margin-bottom:30px}.table[data-v-fb89e07a]{position:relative;display:table;border-collapse:collapse}.table-cell[data-v-fb89e07a]{display:table-cell;padding:10px 20px}.table-header[data-v-fb89e07a]{display:table-header-group;background-color:#efefef}.table-header .table-cell[data-v-fb89e07a]{font-weight:700}.table-row[data-v-fb89e07a]{display:table-row;border-top:1px solid #d8d8d8;background-color:#fff;cursor:pointer}.table-row[data-v-fb89e07a]:hover{background-color:#ffebcd}.menu[data-v-fb89e07a]{position:absolute;display:flex;flex-direction:column;background-color:#fff;box-shadow:1px 1px 8px #000}.menu .item[data-v-fb89e07a]{padding:10px 20px;cursor:pointer;white-space:nowrap}.menu .item[data-v-fb89e07a]:hover{background-color:#efefef}.menu .item+.item[data-v-fb89e07a]{border-top:1px solid #d8d8d8}.no-data[data-v-fb89e07a]{text-align:center}.info-tool[data-v-63508978]{display:flex;flex-direction:column;margin:20px;width:350px;height:600px;font-size:16px}.item[data-v-63508978]{display:flex;align-items:center;flex-shrink:0;margin-bottom:20px}.item button[data-v-63508978]{margin-right:10px}.score[data-v-63508978]{font-size:30px}.log[data-v-63508978]{border-radius:5px;padding:10px 20px;flex-grow:1;overflow:auto;line-height:1.5;background-color:#fff}.log>div[data-v-63508978]{display:flex;align-items:center;margin-bottom:10px}.log .time[data-v-63508978]{display:flex;justify-content:center;align-items:center;margin-right:10px;border-radius:5px;padding:0 10px;background-color:#efefef}.log-detail[data-v-40c57d42]{display:flex;flex-direction:column;align-items:center}.content[data-v-40c57d42]{display:flex;flex-wrap:wrap}.title[data-v-40c57d42]{margin-bottom:40px;font-size:24px}