:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;width:100%;height:100%;min-width:100%;min-height:100%;overflow:hidden}button{width:fit-content;height:fit-content;font-size:1em;padding:.5em 1em;border-radius:1em;cursor:pointer;background-color:#e9967a}button:hover{background-color:#ffa07a}button:active{background-color:#8b4513}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#app{width:100%;height:100%;margin:0 auto;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}.greeting-message[data-v-410c11a7]{padding:1em;font-size:2em;font-weight:800}.lobby-layout[data-v-410c11a7]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:end}.action-layout[data-v-410c11a7]{display:flex;flex-direction:row;align-items:baseline;justify-content:space-evenly;width:100%;padding-bottom:2em}.player-image[data-v-410c11a7]{height:14em;width:12em;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(/assets/wukong_stand-C2Flo26I.gif)}.input-host-id[data-v-410c11a7]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;flex-direction:column;justify-content:center}.input-host-id-box[data-v-410c11a7]{margin:auto;background-color:#fff;padding:1em;border-radius:1em}.host-id-input[data-v-410c11a7]{margin:auto auto .5em;border:1px solid darksalmon;padding:.5em;width:16em}.battle-layout[data-v-ec837494]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.card[data-v-ec837494]{width:2em;height:4em;line-height:2em;padding:.5em;margin:.5em;font-size:1em;border:tomato 2px solid;border-radius:1em;background-color:#f08080;color:#fff;font-weight:600;text-align:center;writing-mode:vertical-lr;cursor:pointer}.card[data-v-ec837494]:hover{background-color:coral}.card[data-v-ec837494]:active{background-color:#8b4513}.status-bar[data-v-ec837494]{height:20%;min-height:2em;width:100%;vertical-align:middle;background-color:#87ceeb;text-align:center}.status-bar .energy[data-v-ec837494]{font-size:2em;height:100%;min-height:2em;vertical-align:middle;line-height:2em}.battle-field[data-v-ec837494]{height:40%;min-height:6em;width:100%;background-color:beige;display:flex;flex-direction:row;justify-content:space-between}.player-container[data-v-ec837494]{width:50%}.player-container .player-img[data-v-ec837494]{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain;display:flex;flex-direction:column-reverse;align-items:end;justify-content:space-between;position:relative}.player-container .player-img .skill-card[data-v-ec837494]{cursor:default}.player-container .player-img .skill-card[data-v-ec837494]:hover,.player-container .player-img .skill-card[data-v-ec837494]:active{background-color:#f08080}.player-container .player-img.player2[data-v-ec837494]{flex-direction:column;transform:rotateY(180deg)}.player-container .player-img.player2 .skill-card[data-v-ec837494]{transform:rotateY(180deg)}.card-pool[data-v-ec837494]{height:40%;min-height:12em;width:100%;background-color:#7fff00;display:flex;flex-direction:row;flex-wrap:wrap;align-content:start}.read-the-docs[data-v-00ce6081]{color:#888}.global-message[data-v-4c4ed2bb]{position:absolute;z-index:9997;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#0000004d;display:flex;flex-direction:column;justify-content:center}.bg-cover[data-v-4c4ed2bb]{position:absolute;z-index:9998;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#0000004d;display:flex;flex-direction:column;justify-content:center}.message-box[data-v-4c4ed2bb]{z-index:9999;text-align:center;margin:auto;display:flex;flex-direction:column;justify-content:center;background-color:#00000080;font-size:2em;padding:1em;border-radius:1em;color:#fff}.skill-anim[data-v-3f259f14]{width:100%;height:100%;position:relative}.role[data-v-3f259f14]{position:relative;width:100%;height:100%;background-position:left;background-repeat:no-repeat}.skill[data-v-3f259f14]{position:absolute;top:50%;width:200px;height:33px;display:none;background-position:center;background-repeat:no-repeat;background-position:-100px -100px}.skill.skill-active[data-v-3f259f14]{display:block;animation-duration:1s;animation-name:skill-3f259f14;animation-delay:0s;animation-fill-mode:forwards}@keyframes skill-3f259f14{0%{right:80%;filter:opacity(1)}50%{right:10%;filter:opacity(1)}to{right:10%;filter:opacity(0)}}.app-layout[data-v-47db294a]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-repeat:no-repeat;background-position:center;background-clip:padding-box;background-size:cover;background-image:url(/assets/bgm00001-TPcRzB5H.png)}