.piece-item[data-v-0fb67818]{--size: 60px;--color: #000;--bg-color: #fff;font-size:calc(var(--size) / 2);width:var(--size);height:var(--size);line-height:var(--size);border-radius:50%;text-align:center;box-sizing:border-box;text-transform:uppercase;color:var(--color);background:var(--bg-color);cursor:grab;box-shadow:0 0 6px 0 var(--color);display:flex;justify-content:center;align-items:center;aspect-ratio:1;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.piece-item .piece-image[data-v-0fb67818]{--size: 40px;width:var(--size);height:var(--size);object-fit:contain}.piece-item .piece-text[data-v-0fb67818]{--size: 40px;font-size:var(--size)}.piece-item-empty[data-v-0fb67818]{border:1px dashed #dee1e9;cursor:no-drop;box-shadow:none}.piece-item-selected[data-v-0fb67818]{border:1px solid var(--color);box-shadow:0 0 10px 2px var(--color) inset,0 0 10px 0 var(--color)}.piece-item-can-move[data-v-0fb67818]{border:1px solid #35ca17;transition:border ease-in-out .15s,box-shadow ease-in-out .15s}.piece-item-gossip[data-v-0fb67818]:before{content:attr(data-gossip-symbol);position:absolute;top:0;left:0;width:100%;height:100%;color:#0000001a;font-size:30px}.piece-item-size-large[data-v-0fb67818]{--size: 100px}.piece-item-size-small[data-v-0fb67818]{--size: 40px}.player-info[data-v-0c5af17f]{display:flex}.player-avatar[data-v-0c5af17f]{position:relative;width:40px;height:40px;border-radius:50%;margin:0 10px 0 0}.player-avatar .turn-icon[data-v-0c5af17f]{display:block;position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:50%;background:chartreuse}.player-avatar img[data-v-0c5af17f]{width:100%;height:100%;object-fit:contain;width:40px;height:40px;border-radius:50%}.player-name h3[data-v-0c5af17f]{font-weight:400;font-size:18px;max-width:200px;overflow:hidden;text-overflow:ellipsis;text-align:left;height:24px;line-height:24px;white-space:nowrap}.camp-info[data-v-0c5af17f]{display:flex;justify-content:space-between;align-items:center;padding:0 10px}.hint-info[data-v-0c5af17f]{display:flex;justify-content:center;align-items:center;text-align:center}.hint-info .hint-item[data-v-0c5af17f]:not(:first-child){margin-left:10px}.hint-item[data-v-0c5af17f]{display:flex;flex-direction:column;align-items:center;cursor:pointer}.hint-item .piece[data-v-0c5af17f]{margin:0 auto}.hint-item p[data-v-0c5af17f]{font-size:14px;letter-spacing:1px;margin-top:6px}.retweet.icon[data-v-0c5af17f]{color:var(--text-color);position:relative;width:28px;height:28px;border-radius:15px;border:solid 1px currentColor;transition:transform 1s ease-in-out 0s}.skipon[data-v-0c5af17f]{transform:rotate(180deg)}.retweet.icon[data-v-0c5af17f]:before{content:"";position:absolute;left:-3px;top:6px;width:0;height:0;border-top:solid 3px var(--bg-color);border-bottom:solid 3px currentColor;border-left:solid 3px var(--bg-color);border-right:solid 3px var(--bg-color)}.retweet.icon[data-v-0c5af17f]:after{content:"";position:absolute;right:-3px;bottom:6px;width:0;height:0;border-top:solid 3px currentColor;border-bottom:solid 3px var(--bg-color);border-left:solid 3px var(--bg-color);border-right:solid 3px var(--bg-color)}@keyframes spin-0c5af17f{0%{transform:rotate(0)}to{transform:rotate(0)}}.resign-item[data-v-0c5af17f]{opacity:.6}.resign-icon[data-v-0c5af17f]{display:block;width:30px;height:30px;line-height:30px}.pieces-board[data-v-b44e90fa]{display:flex;justify-content:space-around;align-items:center;position:relative;z-index:1}.piece-item[data-v-b44e90fa]{margin:0 6px}.toast[data-v-3a09bb5f]{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10}.toast-content[data-v-3a09bb5f]{padding:10px 20px;color:#fff;word-break:break-all;background-color:#000000b3;border-radius:10px}.scale-enter-active[data-v-3a09bb5f],.scale-leave-active[data-v-3a09bb5f]{transition:transform .2s}.scale-enter-from[data-v-3a09bb5f],.scale-leave-to[data-v-3a09bb5f]{transform:scale(0)}.play[data-v-63dc1218]{overflow:hidden;height:calc(100vh - 50px);width:100vw;position:relative;display:flex;flex-direction:column;justify-content:space-between}.player-piecesboard[data-v-63dc1218]{width:100%;margin:30px auto 20px}@media screen and (min-width: 480px){.player-piecesboard[data-v-63dc1218]{max-width:480px}}.yin-yang-checkerboard[data-v-63dc1218]{position:relative;--width: 300px;--height: 300px;--piece-width: 60px;--piece-height: 60px;width:var(--width);height:var(--height);margin:0 auto;transition:transform 1s linear .3s}.checkerboard[data-v-63dc1218]{position:absolute;width:var(--width);height:var(--height);transition:transform 1s linear .3s}.checkerboard .piece-item[data-v-63dc1218]{position:absolute;top:0;left:0;cursor:grab;user-select:none;transform:translate(calc(var(--piece-width) / -2),calc(var(--piece-width) / -2));touch-action:none}.checkerboard .piece-item-center[data-v-63dc1218]{top:calc(var(--height) / 2 - var(--piece-height) / 2);left:calc(var(--width) / 2 - var(--piece-width) / 2);transform:none}.yin-yang[data-v-63dc1218]{position:absolute;width:var(--width);height:var(--height);border-radius:50%;border:2px dashed #dee1e9;background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%);transform:rotate(90deg);transition:transform 1s linear .3s}.yin-yang[data-v-63dc1218]:before{content:"";width:calc(var(--width) / 2);height:calc(var(--height) / 2);border-radius:50%;position:absolute;top:calc(var(--height) / 4);left:0;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 24%,rgba(0,0,0,1) 24%)}.yin-yang[data-v-63dc1218]:after{content:"";width:calc(var(--width) / 2);height:calc(var(--height) / 2);border-radius:50%;position:absolute;top:calc(var(--height) / 4);right:0;background:radial-gradient(circle,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 24%,rgba(255,255,255,1) 24%)}@keyframes spin-63dc1218{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.against-board[data-v-63dc1218]{display:flex;justify-content:space-between;align-items:center;padding:10px;width:100%}@media screen and (min-width: 480px){.against-board[data-v-63dc1218],.camp-info[data-v-63dc1218]{max-width:480px;margin:0 auto}}.against-board .player-info[data-v-63dc1218]{display:flex;flex-direction:row-reverse}.against-board .player-avatar[data-v-63dc1218]{position:relative;width:40px;height:40px;border-radius:50%;margin:0 0 0 10px}.against-board .player-avatar .turn-icon[data-v-63dc1218]{display:block;position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:50%;background:chartreuse}.against-board .player-avatar img[data-v-63dc1218]{width:100%;height:100%;object-fit:contain;width:40px;height:40px;border-radius:50%}.against-board .player-name[data-v-63dc1218]{text-align:right;font-size:12px;font-weight:400;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.against-board .player-name h3[data-v-63dc1218]{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;margin-bottom:6px}.game-time .icon-time[data-v-63dc1218]{width:30px;height:30px}.game-time .player-time[data-v-63dc1218]{font-size:12px;background:var(--bg-dark-color);margin-top:4px;padding:4px 8px}.countdown[data-v-63dc1218]{display:flex;align-items:center}.countdown .countdown-icom[data-v-63dc1218]{width:22px;height:22px}.countdown span[data-v-63dc1218]{margin-left:4px}.rotation-arrow[data-v-63dc1218]{width:40px;height:40px;border-radius:100% 0 0;border:2px solid #000;border-width:4px 0 0 0}.rotation-arrow[data-v-63dc1218]:after{content:"";position:absolute;width:0;height:0;top:13px;right:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid teal}.retweet.icon[data-v-63dc1218]{color:#000;position:absolute;bottom:-40px;right:-15px;width:30px;height:30px;border-radius:15px;border:solid 1px currentColor;animation-name:spin-63dc1218;animation-duration:6s;animation-iteration-count:infinite;animation-timing-function:linear}.retweet.icon[data-v-63dc1218]:before{content:"";position:absolute;left:-3px;top:6px;width:0;height:0;border-top:solid 3px white;border-bottom:solid 3px currentColor;border-left:solid 3px white;border-right:solid 3px white}.retweet.icon[data-v-63dc1218]:after{content:"";position:absolute;right:-3px;bottom:6px;width:0;height:0;border-top:solid 3px currentColor;border-bottom:solid 3px white;border-left:solid 3px white;border-right:solid 3px white}.score-item[data-v-12acee4e]{text-align:center;margin:30px}.value[data-v-12acee4e]{font-weight:700;font-size:30px}.text[data-v-12acee4e]{opacity:.5}.title[data-v-6a750ab8]{margin:60px auto 20px}.score-list[data-v-6a750ab8]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:30px auto}.share[data-v-2dc73ac1]{padding:30px 0}.share-text[data-v-2dc73ac1]{line-height:20px;letter-spacing:1px;outline:2px solid transparent;outline-offset:2px;text-align:center;padding:10px;background-color:#6b72800d;border-radius:4px;resize:none;user-select:text;width:80%;margin:30px auto}.share-btn[data-v-2dc73ac1]{display:flex;justify-content:center;align-items:center;margin:0 auto 20px;background:var(--color-success-light);padding:10px 20px;border-radius:10px;color:var(--bg-color);font-size:14px}.close-btn[data-v-2dc73ac1]{position:absolute;top:20px;right:20px}.title[data-v-2dc73ac1]{font-size:20px}.title[data-v-5aba5622]{margin:30px auto}.game-state p[data-v-5aba5622]{font-size:12px}.game-state h2[data-v-5aba5622]{margin:10px auto}.btn[data-v-5aba5622]{display:inline-block;cursor:pointer;border-radius:.25rem;letter-spacing:.025em;opacity:.9;padding:10px 20px;margin:40px auto;font-size:16px}.share[data-v-5aba5622]{display:flex;justify-content:center;align-items:center;width:100px;padding:10px;font-size:14px;margin:20px auto 0;color:var(--text-color);background:var(--bg-light-color)}.share span[data-v-5aba5622]{margin-left:10px}.restart-btn[data-v-5aba5622]{color:#fff;background-color:var(--color-success-light)}.setting[data-v-681dad22]{color:#666}.title[data-v-681dad22]{margin:20px auto}.set-group[data-v-681dad22]{margin:30px auto}.set-group-title[data-v-681dad22]{line-height:30px;color:gray}.set-list[data-v-681dad22]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:10px}.set-item[data-v-681dad22]{--color: #999;padding:0 10px;margin:10px;line-height:30px;cursor:pointer;border:1px solid var(--bg-light-color);color:var(--color)}.set-item-on[data-v-681dad22]{--color: rgb(14, 160, 45)}.set-item-toggle[data-v-681dad22]{--color: rgb(14, 160, 45);border:1px solid var(--bg-light-color)}.set-item-toggle span[data-v-681dad22]{--color: #999;cursor:pointer;color:var(--color)}.set-item-toggle span[data-v-681dad22]:not(:first-child){padding-left:10px}.set-item-toggle span[data-v-681dad22]:not(:last-child){padding-right:10px;border-right:1px solid #eee}.set-item-toggle span.on[data-v-681dad22]{--color: rgb(14, 160, 45)}.yin-yang-checkerboard[data-v-9832e914]{position:relative;--width: 300px;--height: 300px;--piece-width: 60px;--piece-height: 60px;width:var(--width);height:var(--height);margin:30px auto;transition:transform 1s linear .3s}.checkerboard[data-v-9832e914]{position:absolute;width:var(--width);height:var(--height);transition:transform 1s linear .3s}.checkerboard .piece-item[data-v-9832e914]{position:absolute;top:0;left:0;cursor:grab;user-select:none;transform:translate(calc(var(--piece-width) / -2),calc(var(--piece-width) / -2));touch-action:none}.checkerboard .piece-item-center[data-v-9832e914]{top:calc(var(--height) / 2 - var(--piece-height) / 2);left:calc(var(--width) / 2 - var(--piece-width) / 2);transform:none}.yin-yang[data-v-9832e914]{position:absolute;width:var(--width);height:var(--height);border-radius:50%;border:2px dashed #dee1e9;background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%);transform:rotate(90deg);transition:transform 1s linear .3s;animation-name:spin-9832e914;animation-duration:6s;animation-iteration-count:infinite;animation-timing-function:linear}.yin-yang[data-v-9832e914]:before{content:"";width:calc(var(--width) / 2);height:calc(var(--height) / 2);border-radius:50%;position:absolute;top:calc(var(--height) / 4);left:0;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 24%,rgba(0,0,0,1) 24%)}.yin-yang[data-v-9832e914]:after{content:"";width:calc(var(--width) / 2);height:calc(var(--height) / 2);border-radius:50%;position:absolute;top:calc(var(--height) / 4);right:0;background:radial-gradient(circle,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 24%,rgba(255,255,255,1) 24%)}@keyframes spin-9832e914{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.welcome[data-v-48314b27]{display:flex;flex-direction:column;align-items:center;margin:60px auto 10px}.theme[data-v-48314b27]{position:absolute;top:20px;left:20px}.setting[data-v-48314b27]{position:absolute;top:20px;right:20px}.title[data-v-48314b27]{font-size:20px}.desc[data-v-48314b27]{margin:30px auto;font-size:16px;color:var(--text-dark-color);padding:0 20px;text-align:left}.rule[data-v-48314b27]{padding:0 20px;text-align:left}.rule h3[data-v-48314b27]{text-align:center;margin:30px auto 20px}.desc p[data-v-48314b27],.rule p[data-v-48314b27]{line-height:30px}.rule img[data-v-48314b27]{width:100%}.piecesboard[data-v-48314b27]{width:300px;margin:10px auto}.start-btn[data-v-48314b27]{display:inline-block;cursor:pointer;border-radius:.25rem;background-color:var(--color-success);letter-spacing:.025em;--un-text-opacity: 1;color:var(--color-white);opacity:.9;padding:10px 20px;margin:30px auto;font-size:16px}.feedback[data-v-48314b27]{margin:60px auto;text-align:center}.links[data-v-48314b27]{display:flex;align-items:center;margin:20px auto 0}.link[data-v-48314b27]{display:flex;align-items:center;margin:0 20px}.link span[data-v-48314b27]{margin-left:10px}a[data-v-48314b27]{color:var(--text-light-color)}.modal[data-v-53c73fb2]{position:fixed;top:0rem;right:0rem;left:0rem;bottom:0;z-index:10}.modal-bg[data-v-53c73fb2]{transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.2s;transition-property:opacity;opacity:.5;position:absolute;top:0rem;right:0rem;left:0rem;bottom:0;--un-bg-opacity: 1;background-color:rgba(255,255,255,var(--un-bg-opacity))}.modal-base[data-v-53c73fb2]{transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.2s;transition-property:all;border-width:0;border-color:#9ca3af1a;border-bottom-width:1px;border-style:solid;max-width:100vw;max-height:100vh;position:absolute;top:0rem;right:0rem;left:0rem;overflow:auto;--un-bg-opacity: 1;background-color:rgba(255,255,255,var(--un-bg-opacity));background:var(--bg-color);text-align:center}.pointer-events-none[data-v-53c73fb2]{pointer-events:none}.opacity-0[data-v-53c73fb2]{opacity:0}.opacity-50[data-v-53c73fb2]{opacity:.5}nav[data-v-6cd6283d]{--nav-height: 50px;position:relative;border-bottom:1px solid rgba(156,163,175,.1);height:var(--nav-height)}.nav-title[data-v-6cd6283d]{height:var(--nav-height);line-height:var(--nav-height);font-size:18px;font-weight:700;text-align:center}.nav-bar[data-v-6cd6283d]{width:100%;height:var(--nav-height);display:flex;justify-content:space-between;align-items:center}@media screen and (min-width: 480px){.nav-bar[data-v-6cd6283d]{max-width:480px;margin:0 auto}}.icon-btn[data-v-6cd6283d]{padding:0 6px;color:var(--text-color)}.login[data-v-b8f8b384]{display:flex;align-items:center;flex-direction:column;padding:40px 60px}.login h3[data-v-b8f8b384]{margin:20px auto}.login-input[data-v-b8f8b384]{width:100%}.login-input input[data-v-b8f8b384]{display:block;width:100%;padding:8px 10px;border-radius:4px;border:1px solid lightgrey;box-shadow:0 1px 2px #0000000d}.player-own[data-v-b8f8b384]{display:flex;align-items:center}button[data-v-b8f8b384]{padding:10px 20px;border-radius:4px;color:var(--color-white);font-weight:600;transition:background-color ease-in-out .15s,opacity .15s ease-in-out;margin-bottom:0}.correct[data-v-b8f8b384],.ready-button[data-v-b8f8b384],.play-button[data-v-b8f8b384],.ready-button[data-v-b8f8b384]:disabled,.ready-button[data-v-b8f8b384]:active{background-color:#1bb238}.waiting-player-ready[data-v-b8f8b384]{color:#1bb238}.ready-button[data-v-b8f8b384]:hover{background-color:#26d34a}.present[data-v-b8f8b384],.unready-button[data-v-b8f8b384],.unready-button[data-v-b8f8b384]:disabled,.unready-button[data-v-b8f8b384]:active{background-color:#d2a207}.waiting-player-waiting[data-v-b8f8b384]{color:#d2a207}.dark .correct[data-v-b8f8b384],.dark .ready-button[data-v-b8f8b384],.dark .play-button[data-v-b8f8b384],.dark .ready-button[data-v-b8f8b384]:disabled,.dark .ready-button[data-v-b8f8b384]:active{background-color:#15a62f}.dark .waiting-player-ready[data-v-b8f8b384]{color:#15a62f}.dark .ready-button[data-v-b8f8b384]:hover{background-color:#1eb73b}.dark .present[data-v-b8f8b384],.dark .unready-button[data-v-b8f8b384],.dark .unready-button[data-v-b8f8b384]:disabled,.dark .unready-button[data-v-b8f8b384]:active{background-color:#be9403}.dark .waiting-player-waiting[data-v-b8f8b384]{color:#be9403}.dark .unready-button[data-v-b8f8b384]:hover{background-color:#be9403}.divider[data-v-b8f8b384]{background:lightgrey;height:1px;display:block;width:100%;margin:10px 0}.copy-button[data-v-b8f8b384]{display:flex;align-items:center;justify-content:center;background-color:#898989}.copy-button[data-v-b8f8b384],.unready-button[data-v-b8f8b384],.ready-button[data-v-b8f8b384]{margin:20px auto}.present[data-v-b8f8b384],.unready-button .small-center-message[data-v-b8f8b384]{margin:10px auto;color:#999;font-size:14px}.player-list-wrapper[data-v-b8f8b384]{width:100%}.player-list-wrapper .title[data-v-b8f8b384]{margin:20px auto}.player-list[data-v-b8f8b384]{max-height:500px;overflow-y:auto}.player-item[data-v-b8f8b384]{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.player-info[data-v-b8f8b384],.player-operate[data-v-b8f8b384]{display:flex;align-items:center}.play-button[data-v-b8f8b384]{margin-left:10px}.count-down[data-v-e7605c04]{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;z-index:20}.second[data-v-e7605c04]{font-size:120px}*{margin:0;padding:0;box-sizing:border-box;list-style-type:none;border:none}a,img{border:0;text-decoration:none}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.icon-btn{cursor:pointer;user-select:none;font-size:1.2em;opacity:.75;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s;-webkit-appearance:button;background-color:transparent;background-image:none;border:none}:root{--font-family: Inter,Apple System,"SF Pro SC","SF Pro Display","Helvetica Neue","Arial","PingFang SC","Hiragino Sans GB","STHeiti","Microsoft YaHei","Microsoft JhengHei","Source Han Sans SC","Noto Sans CJK SC","Source Han Sans CN",sans-serif;--color-black: #000;--color-white: #fff;--brand-color: #1c1b29;--brand-gradient: linear-gradient(90deg,#8ea1e1,#7289da);--greyple: #99aab5;--text-color: #252531;--text-light-color: #3D3D4B;--text-dark-color: #1c1b29;--bg-color: #fff;--bg-light-color: #f4f4f4;--bg-dark-color: #e6e6e6;--color-success-light: #3db86d;--color-success: #2da55d;--color-success-dark: #1d964e;--color-success-background: rgba(45,165,93,.1);--color-warning-light: #ffae4e;--color-warning: #fba238;--color-warning-dark: #e89430;--color-warning-background: rgba(243,167,76,.1);--color-error-light: #e05f42;--color-error: #d44e30;--color-error-dark: #ca4021;--color-error-background: rgba(212,78,48,.1);--color-magic-light: #b174ff;--color-magic: #9b68ff;--color-magic-dark: #812aef;--color-magic-background: rgba(146,66,248,.1)}:root.dark{--text-color: #fff;--text-light-color: #f4f4f4;--text-dark-color: #e6e6e6;--bg-color: #252531;--bg-light-color: #3D3D4B;--bg-dark-color: #1c1b29}body{font-family:var(--font-family);background:var(--bg-color);color:var(--text-color)}.icon-btn{color:var(--text-color)}@media screen and (min-width: 480px){.modal-content{max-width:480px;margin:0 auto}}