@import"https://fonts.googleapis.com/css2?family=Caveat&family=Reggae+One&display=swap";header[data-v-6c1312e3]{position:relative;z-index:9}footer[data-v-6c1312e3]{position:fixed;bottom:0;width:100%;max-width:800px;background-color:#8b008b;color:#fff;font-family:Shrikhand,cursive}#action[data-v-6c1312e3]{position:relative;z-index:1}#score[data-v-6c1312e3]{position:relative;height:calc(100vh - 420px);overflow-y:auto;overflow-x:hidden;clear:both;z-index:1}.dialog .error[data-v-6c1312e3]{font-size:smaller;color:red}.dialog .message[data-v-6c1312e3]{font-size:smaller;color:green}.area[data-v-6c1312e3]{z-index:0;height:calc(100vh - 60px);overflow:hidden;background-image:url(../../image/bg.jpg);background-size:cover}.circles[data-v-6c1312e3]{position:relative;top:-100vh;left:0;width:100%;height:100vh;overflow:hidden;z-index:1}.circles li[data-v-6c1312e3]{position:relative;display:block;list-style:none;width:min(100%,800px);height:calc(100vh + 50px);font-family:Shrikhand,cursive;z-index:-1;color:#ffffe0;text-shadow:0 0 5px yellow,0 0 10px gold,0 0 15px orange;animation:animate-6c1312e3 25s linear infinite;bottom:-120vh}.circles li[data-v-6c1312e3]:nth-child(1){left:25%;width:80px;height:80px;font-size:80px;animation-delay:0s}.circles li[data-v-6c1312e3]:nth-child(2){left:10%;width:20px;height:20px;font-size:20px;animation-delay:2s;animation-duration:12s}.circles li[data-v-6c1312e3]:nth-child(3){left:70%;width:30px;height:30px;font-size:30px;animation-delay:4s}.circles li[data-v-6c1312e3]:nth-child(4){left:40%;width:60px;height:60px;font-size:60px;animation-delay:0s;animation-duration:18s}.circles li[data-v-6c1312e3]:nth-child(5){left:65%;width:20px;height:20px;font-size:20px;animation-delay:0s}.circles li[data-v-6c1312e3]:nth-child(6){left:75%;width:110px;height:110px;font-size:110px;animation-delay:3s}.circles li[data-v-6c1312e3]:nth-child(7){left:35%;width:150px;height:150px;font-size:150px;animation-delay:7s}.circles li[data-v-6c1312e3]:nth-child(8){left:50%;width:25px;height:25px;font-size:25px;animation-delay:15s;animation-duration:45s}.circles li[data-v-6c1312e3]:nth-child(9){left:20%;width:15px;height:15px;font-size:15px;animation-delay:2s;animation-duration:35s}.circles li[data-v-6c1312e3]:nth-child(10){left:85%;width:150px;height:150px;font-size:150px;animation-delay:0s;animation-duration:11s}@keyframes animate-6c1312e3{0%{transform:translateY(0) rotate(0);opacity:.6;border-radius:0}to{transform:translateY(-150vh) rotate(720deg);opacity:.3;border-radius:50%}}#app[data-v-6c1312e3]{position:relative;max-width:1024px;height:100%;margin:0 auto;font-family:Reggae One,cursive;background-size:auto 100%;background-position:center}#players[data-v-6c1312e3]{margin:5px;padding:5px;background-color:#20202080;border-radius:10px}#players .player[data-v-6c1312e3]{margin:5px;position:relative;width:min(15vw,15vh);height:min(15vw,15vh);max-width:130px;max-height:130px}#players .player .icon[data-v-6c1312e3]{width:min(12vw,12vh);height:min(12vw,12vh);max-width:104px;max-height:104px;border-radius:50%;cursor:pointer}#players .player .done[data-v-6c1312e3]{border:solid thin lightgreen}#players .player .dead[data-v-6c1312e3]{filter:grayscale(1)}#players .player .attacked[data-v-6c1312e3]{position:absolute;top:30%;left:center;width:100%;height:100%;filter:drop-shadow(10px 10px 5px red);z-index:99}#players .player .roleShortName[data-v-6c1312e3]{position:absolute;width:100%;height:100%;left:center;font-size:35px;text-shadow:gray 1px 0 5px;z-index:9;opacity:.6;cursor:pointer}#players .player .votenum[data-v-6c1312e3]{position:absolute;right:0;width:25px;height:25px;background-color:#ff000080;border-radius:50%}#players .player .hide[data-v-6c1312e3]{transition:all .5s 0s ease;transition-timing-function:cubic-bezier(.46,-.57,.6,1.57);transform:scale(0)}#players .player .show[data-v-6c1312e3]{transition:all .5s 0s ease;transition-timing-function:cubic-bezier(.46,-.57,.6,1.57);transform:scale(1.5)}#roles[data-v-6c1312e3]{overflow-y:auto}#information[data-v-6c1312e3]{position:absolute;bottom:175px;height:60px;width:100%;padding-top:10px;background-color:#0009;color:#ff0;overflow-y:auto}#controll[data-v-6c1312e3]{position:absolute;bottom:15px;height:160px;width:100%;padding-top:10px;background-color:#000c}#controll .actionResult[data-v-6c1312e3]{position:absolute;bottom:10px;width:100%;color:#fff}#controll .actionResult .message[data-v-6c1312e3]{background-color:#0f0c}#controll .actionResult .error[data-v-6c1312e3],#controll .error[data-v-6c1312e3]{background-color:#f00c}#roledescription[data-v-6c1312e3]{position:absolute;top:20;left:0;border-radius:5px;border:solid 1px yellow;background-color:#000000bf;padding:5px;margin:10px;font-size:smaller;z-index:9}.role[data-v-6c1312e3]{position:relative;width:75px;height:120px;border-radius:5px;background-size:contain;margin:3px}.role .num[data-v-6c1312e3]{position:absolute;text-align:center;top:-5;right:-5;width:25px;height:25px;background-color:#ff000080;border-radius:50%}.role .name[data-v-6c1312e3]{position:absolute;left:0;right:0;text-align:center;background-color:#333;bottom:30px}.jail[data-v-6c1312e3]{background-image:url(../image/jail.jpg);background-position:50% 50%;background-size:cover;overflow-y:auto}.jail .icon[data-v-6c1312e3]{width:100px;height:100px;border-radius:50%;filter:drop-shadow(2px 2px 2px gray)}.win[data-v-6c1312e3]{background-color:#fff6;background-position:50% 50%;background-size:cover;overflow-y:auto;color:#000}.win .icon[data-v-6c1312e3]{width:100px;height:100px;border-radius:50%;filter:drop-shadow(2px 2px 2px gray)}.confine[data-v-6c1312e3]{border-radius:10px;padding:5px;margin:5px;background-image:url(../image/confine.jpg);background-position:50% 50%;background-size:cover;overflow-y:auto}.confine .icon[data-v-6c1312e3]{width:60px;height:60px;border-radius:50%;filter:drop-shadow(2px 2px 2px gray)}.freedom[data-v-6c1312e3]{border-radius:10px;padding:5px;margin:5px;background-image:url(../image/freedom.jpg);background-position:50% 50%;background-size:cover;overflow-y:auto}.freedom .icon[data-v-6c1312e3]{width:60px;height:60px;border-radius:50%;filter:drop-shadow(2px 2px 2px lightyellow)}.dialog[data-v-6c1312e3]{font-family:Reggae One,cursive}.scaleShow[data-v-6c1312e3]{transition:all .5s 0s ease;zoom:1}.scaleHide[data-v-6c1312e3]{transition:all .5s 0s ease;zoom:1;transform:scaleX(0);transform-origin:0px 0px;position:absolute;transform-origin-y:0px}.selectedOn[data-v-6c1312e3]{transition:all .5s 0s ease;transform:scale(1.5);position:relative;z-index:1;text-shadow:0 0 5px lightyellow;filter:drop-shadow(2px 2px 2px lightyellow)}.selectedOff[data-v-6c1312e3]{transition:all .5s 0s ease;transform:scale(1);position:relative;z-index:0}.btn,a.btn,button.btn{font-size:1.6rem;font-weight:700;line-height:1.5;position:relative;display:inline-block;padding:1rem 4rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s;transition:all .3s;text-align:center;vertical-align:middle;text-decoration:none;letter-spacing:.1em;color:#212529;border-radius:.5rem}.btn-border-gradient-wrap{display:inline-block;padding:.2rem;border-radius:.5rem}.btn-border-gradient-wrap--gold{background-image:-webkit-linear-gradient(315deg,#700843 0%,#ff08ce 37%,#feb2fe 47%,#fad6fa 50%,#feb2fe 53%,#e108ce 63%,#700843 100%);background-image:linear-gradient(135deg,#700843 0%,#ff08ce 37%,#feb2fe 47%,#fadafa 50%,#feb2fe 53%,#e108ce 63%,#700843 100%)}.btn-border-gradient-wrap--gold:hover a.btn{text-shadow:0 0 15px rgba(250,250,214,.5),0 0 15px rgba(250,250,214,.5),0 0 15px rgba(250,250,214,.5),0 0 15px rgba(250,250,214,.5)}a.btn-border-gradient{font-size:2rem;background:#000}.btn-text-gradient--gold{font-family:Shrikhand,cursive;background:-webkit-gradient(linear,left bottom,left top,from(#ffdbff),to(#a12264));background:-webkit-linear-gradient(bottom,#ffdbff,#a12264);background:linear-gradient(to top,#ffdbff,#a12264);-webkit-background-clip:text;-webkit-text-fill-color:transparent}