@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800;900&display=swap);.container-fluid[data-v-21af65d2]{overflow:hidden}textarea[data-v-3f890962]{width:100%;max-width:100%;padding:10px;box-sizing:border-box;border:0;border-radius:18px;font-family:inherit;outline:none}.messagefield[data-v-0ef12d3e]{display:flex}.message_info[data-v-0ef12d3e]{width:100%}.ownmessage[data-v-0ef12d3e]{width:80%}.created-at[data-v-0ef12d3e]{display:block;color:#777;font-size:12px;margin-bottom:4px}.name[data-v-0ef12d3e]{font-weight:700;margin-right:6px}.icon[data-v-0ef12d3e]{display:block}img[data-v-0ef12d3e]{border:1px solid #000}img.owned[data-v-0ef12d3e]{border:3px solid #1f0ffd}img[data-v-0ef12d3e]:hover{transform:scale(1.1);z-index:2;cursor:pointer}.deletemessage[data-v-0ef12d3e]{background-color:rgba(197,24,24,.8);border-radius:10px;cursor:pointer;position:relative;width:40px;height:40px;margin:auto}.sign[data-v-0ef12d3e]{margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.new_message{margin:10px;border-radius:20px;border:2px solid #575757;background-color:#fff}.single{margin:18px 0;display:flex}.messages{height:80%;overflow:auto;background-color:hsla(0,0%,100%,.8);box-shadow:11px 8px 7px 3px rgb(0 0 0/35%)}@media only screen and (max-width:575px){.messages{margin-left:20px}}.name[data-v-2e55e2da]{font-weight:700;margin-right:6px}img[data-v-2e55e2da]{border:1px solid #000}img.owned[data-v-2e55e2da]{border:3px solid #1f0ffd}td[data-v-2e55e2da],th[data-v-2e55e2da]{text-align:left;text-align:center;font-size:large}.shown[data-v-2e55e2da]{border:1px solid #ddd;height:70px}img[data-v-2e55e2da]:hover{transform:scale(1.1);z-index:2;cursor:pointer}.ranking[data-v-75a5ec60]{height:90%;overflow:auto;background-color:hsla(0,0%,100%,.8);box-shadow:11px 8px 7px 3px rgb(0 0 0/35%)}table[data-v-75a5ec60]{font-family:arial,sans-serif;border-collapse:collapse;width:100%}td[data-v-75a5ec60],th[data-v-75a5ec60]{border:1px solid #ddd;text-align:left;padding:8px;font-size:large}table tr td[data-v-75a5ec60]:first-child{width:46px}@media only screen and (max-width:575px){.ranking[data-v-75a5ec60]{margin-left:20px}}.img[data-v-2862ac9a]{background-image:url(../img/stos.23217916.png);background-size:cover}.cover[data-v-2862ac9a]{background-color:hsla(0,0%,100%,.5);padding:40px 20px}h1{text-align:center;padding:1rem;font-size:70px}.information[data-v-7df9f15d]{display:flex;justify-content:center;align-items:center;margin-top:10px}img[data-v-7df9f15d]{border:2px solid #0f068a}.rp[data-v-7df9f15d]{margin-left:15px}h3[data-v-7df9f15d]{color:#0003b3}.h3{font-size:100px}.menu{text-align:center}.btn__bottom{margin-top:100px;margin-bottom:50px;width:50%}.logout{background-color:#df5353}.logout:hover{background-color:#641010;color:#fefeff}.account{background-color:#51cf66}.account:hover{background-color:#2b8a3e;color:#fefeff}.page{margin-top:50px;display:block;margin-left:auto;margin-right:auto}.btn--resize,.page{width:50%}.img[data-v-4659e83a]{background-image:url(../img/stos.23217916.png);width:100%;height:100%;background-size:cover}.btn-guest[data-v-2295a4f6]{margin-top:.5rem;background-color:#ced4da;width:8rem;text-align:center;padding:.4rem;border-radius:.5rem;cursor:pointer}.btn-guest[data-v-2295a4f6]:hover{background-color:#868e96;color:#fff}.btn-guest-disabled[data-v-2295a4f6]{background-color:#868e96;color:#fff;cursor:default}.description[data-v-9ea768c6]{border:1px solid #b8b8b8}.words[data-v-9ea768c6]{margin-bottom:40px}button[data-v-9ea768c6]{margin-bottom:5px}img[data-v-3893f40d]{border:4px solid #040122;cursor:pointer}.icon[data-v-3893f40d]{border:1px solid #b8b8b8;padding:3px}.allicons[data-v-3893f40d]{display:flex;flex-wrap:wrap}.single_icon[data-v-3893f40d]{padding:1px}.inuse img[data-v-3893f40d]{border:4px solid #2716e9}button[data-v-3893f40d]{margin-right:5px;margin-bottom:5px}.notyours[data-v-3893f40d]{cursor:default}img.owned[data-v-3893f40d]{border:5px solid #1f0ffd}img.allicons[data-v-3893f40d]:hover,img.owned[data-v-3893f40d]:hover{transform:scale(1.1);z-index:2;cursor:pointer}.friend{display:block;margin-left:auto;margin-right:auto;width:50%;background-color:#a7ffa4}.friend:hover{background-color:#1a680a;color:#fefeff}.profile[data-v-539da8d4]{margin-top:50px;margin-bottom:50px;text-align:center;margin-left:5%;margin-right:5%}.page[data-v-539da8d4]{margin-top:10px;margin-bottom:0}.singletable{background-color:hsla(0,0%,100%,.8);border:1px solid #040122;width:100%;border-radius:8px;margin:auto}.singletable,.table__name{padding-left:1rem}.users{margin-left:1rem}.notfull{cursor:pointer}.alltables{overflow:auto;height:50%;width:70%;margin:auto}.line{overflow:auto;display:flex}.users{border:1px solid #040122;border-radius:8px}.name{overflow:auto}.password{margin-left:auto;overflow:visible}.search[data-v-29203b99]{display:flex;width:70%;margin:auto;background-color:#fff;margin-bottom:10px;margin-top:10px;overflow:auto}.messagefield[data-v-74f09fe0]{display:flex}.message_info[data-v-74f09fe0]{width:100%}.system_info[data-v-74f09fe0]{margin-left:2rem}.ownmessage[data-v-74f09fe0]{width:80%}.created-at[data-v-74f09fe0]{display:block;color:#777;font-size:12px;margin-bottom:4px}.name[data-v-74f09fe0]{font-weight:700;margin-right:6px}.icon[data-v-74f09fe0]{display:block;padding-left:5px}img[data-v-74f09fe0]{border:1px solid #000}img.owned[data-v-74f09fe0]{border:3px solid #1f0ffd}.deletemessage[data-v-74f09fe0]{background-color:rgba(197,24,24,.8);border-radius:10px;cursor:pointer;position:relative;width:40px;height:40px;margin:auto}.sign[data-v-74f09fe0]{margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.messages[data-v-fe72c526]{margin-top:1rem;height:45%}.messageinput{margin-top:10px}h1[data-v-466eb43c]{padding:0;margin:0;margin-top:.5rem}.background[data-v-466eb43c]{background-image:url(../img/stos.23217916.png);background-size:cover}.cover[data-v-466eb43c]{background-color:hsla(0,0%,100%,.7);padding:5px 20px}.userlist[data-v-466eb43c]{overflow:auto;margin-top:30px;height:18%}.names[data-v-466eb43c]{margin-left:15px}.ready[data-v-466eb43c]{display:flex}.readysign[data-v-466eb43c]{margin-left:15px;color:#8ae08a}.aces[data-v-1a5452b8]{display:flex;margin-left:10%;flex-wrap:wrap;-moz-column-gap:45px;column-gap:45px;row-gap:20px;overflow:auto;height:70%}.titl[data-v-1a5452b8]{color:#fff8dc;text-align:center;padding-top:20px;padding-bottom:20px;font-size:xx-large}img[data-v-1a5452b8]{border:none}.accept[data-v-1a5452b8]{padding-top:20px;text-align:center}.inuse[data-v-1a5452b8]{border:4px solid #07f}@media only screen and (max-height:692px),only screen and (max-width:505px){img[data-v-1a5452b8]{width:150px}.aces[data-v-1a5452b8]{-moz-column-gap:15px;column-gap:15px;row-gap:10px;margin-left:5%}}@media only screen and (max-height:420px),only screen and (max-width:394px){img[data-v-1a5452b8]{width:100px}.aces[data-v-1a5452b8]{-moz-column-gap:15px;column-gap:15px;row-gap:5px;margin-left:1%}}.cards[data-v-1675ab54]{display:flex;margin-left:10%;-moz-column-gap:10%;column-gap:10%;overflow:auto;height:75%}.alldemand[data-v-1675ab54],.suit[data-v-1675ab54]{display:flex;flex-direction:column;row-gap:10px}.alldemand[data-v-1675ab54]{left:0;right:0}.demand[data-v-1675ab54]{display:flex;flex-wrap:wrap;-moz-column-gap:20px;column-gap:20px;row-gap:10px}.titl[data-v-1675ab54]{color:#fff8dc;text-align:center;padding-top:20px;padding-bottom:20px;font-size:xx-large}img[data-v-1675ab54]{border:none}.accept[data-v-1675ab54]{padding-top:30px;text-align:center}.inuse[data-v-1675ab54]{border:4px solid #07f}@media only screen and (max-width:545px){.cards[data-v-1675ab54]{-moz-column-gap:5%;column-gap:5%}}@media only screen and (max-width:447px){.cards[data-v-1675ab54]{-moz-column-gap:1%;column-gap:1%}}@media only screen and (max-height:480px){.cards[data-v-1675ab54]{height:60%}}@media only screen and (max-height:350px){.cards[data-v-1675ab54]{height:50%}}.cards[data-v-7f4edfb0]{height:70%;padding-top:20px;display:flex;flex-direction:column;row-gap:20px;overflow:auto;text-align:center;position:relative}.value[data-v-7f4edfb0]{background-color:#fff;font-size:xx-large;width:50px;left:0;right:0;margin:auto;border:3px solid #000;cursor:pointer}.titl[data-v-7f4edfb0]{color:#fff8dc;text-align:center;padding-top:10px;padding-bottom:10px;font-size:xx-large}.accept[data-v-7f4edfb0]{margin-top:30px;text-align:center}.inuse[data-v-7f4edfb0]{border:5px solid #07f}@media only screen and (max-width:545px){.cards[data-v-7f4edfb0]{-moz-column-gap:5%;column-gap:5%}}@media only screen and (max-width:447px){.cards[data-v-7f4edfb0]{-moz-column-gap:1%;column-gap:1%}}@media only screen and (max-height:480px){.cards[data-v-7f4edfb0]{height:60%}}@media only screen and (max-height:350px){.cards[data-v-7f4edfb0]{height:50%}}.demandscreen{position:absolute;top:0;width:110px;height:85px;background-color:#000;border-bottom:6px solid #a13838;border-right:6px solid #a13838;border-left:0;border-top:0;border-style:ridge}.demand{font-size:large;margin-left:5px;position:absolute;bottom:0;width:100px}.playerinfo{color:#f0f8ff}.throwp[data-v-7e1683a8]{padding-left:10px}.card[data-v-7e1683a8]{overflow:hidden;width:80px}.card[data-v-7e1683a8]:hover,.card[data-v-7e1683a8]:last-child{overflow:visible}.draw[data-v-7e1683a8]{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background-color:#0e570e}.currentturn[data-v-7e1683a8]{color:#da3c3c}.mainplayer[data-v-7e1683a8]{margin-right:10px}.leftplayer[data-v-7e1683a8]{margin-bottom:10px}.frontplayer[data-v-7e1683a8]{margin-right:10px}.rightplayer[data-v-7e1683a8]{margin-bottom:10px}.playercards[data-v-7e1683a8]{padding-bottom:1%;bottom:0}.playercards[data-v-7e1683a8],.playerfrontcards[data-v-7e1683a8]{display:flex;justify-content:center;position:absolute;margin:auto;left:0;right:0}.playerfrontcards[data-v-7e1683a8]{padding-top:1%;top:0}.playerleftcards[data-v-7e1683a8]{padding-left:1%;left:0}.playerleftcards[data-v-7e1683a8],.playerrightcards[data-v-7e1683a8]{display:flex;flex-direction:column;justify-content:center;position:absolute;margin:auto;top:0;bottom:0}.playerrightcards[data-v-7e1683a8]{padding-right:1%;right:0}img[data-v-7e1683a8]{border:none}img.owned[data-v-7e1683a8]:hover{transform:scale(1.3);z-index:2;cursor:pointer}img.drawpile[data-v-7e1683a8]:hover{transform:scale(1.1);cursor:pointer}img.drawpile[data-v-7e1683a8]{margin-right:25px}.makao[data-v-7e1683a8]{position:absolute;margin:auto;bottom:140px;left:50%}.stop-makao-front[data-v-7e1683a8]{position:absolute;margin:auto;top:140px;left:50%}.stop-makao-left[data-v-7e1683a8]{left:100px}.stop-makao-left[data-v-7e1683a8],.stop-makao-right[data-v-7e1683a8]{position:absolute;margin:auto;top:50%;white-space:normal;word-wrap:break-word;width:88px}.stop-makao-right[data-v-7e1683a8]{right:120px}@media only screen and (max-height:400px),only screen and (max-width:575px){.stop-makao-left[data-v-7e1683a8],.stop-makao-right[data-v-7e1683a8]{width:30px}.playerfrontcards[data-v-7e1683a8]{left:25%}img[data-v-7e1683a8]{width:60px}img.owned[data-v-7e1683a8]{width:70px}.card[data-v-7e1683a8]{overflow:hidden;width:60px}.playerrightcards[data-v-7e1683a8]{align-items:center}.makao[data-v-7e1683a8]{font-size:small}.stop-makao-front[data-v-7e1683a8]{top:110px;font-size:small}.stop-makao-left[data-v-7e1683a8]{left:80px;font-size:small}.stop-makao-right[data-v-7e1683a8]{right:100px;font-size:small}}.tablebackground{background-color:#0e570e;border:6px solid #a13838;border-style:ridge}.notinprogress{display:flex;align-items:center;justify-content:center}.gametable{position:relative}.searchbuttons{margin-top:10px;width:70%;display:block;margin-left:auto;margin-right:auto}.wholefriend[data-v-7ff063bc]{display:flex}.singlefriend[data-v-7ff063bc]{background-color:hsla(0,0%,100%,.8);border:1px solid #040122;width:90%;border-radius:8px;margin:auto;display:flex;align-content:center;position:relative;cursor:pointer}.icon[data-v-7ff063bc]{padding-left:5px;padding-top:5px}.name[data-v-7ff063bc]{font-size:x-large;padding-top:15px;padding-bottom:15px}.delete[data-v-7ff063bc]{width:10%;background-color:rgba(197,24,24,.8);border-radius:10px;cursor:pointer;position:relative}.times[data-v-7ff063bc]{margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}img[data-v-7ff063bc]{border:3px solid #0b6e02}.singlefriend[data-v-2a2e9977]{background-color:hsla(0,0%,100%,.8);border:1px solid #040122;width:100%;border-radius:8px;margin:auto;display:flex;align-content:center;position:relative}.icon[data-v-2a2e9977]{padding-left:5px;padding-top:5px}.name[data-v-2a2e9977]{font-size:large;padding-top:15px;padding-bottom:15px}.options[data-v-2a2e9977]{display:flex;right:0;position:absolute;width:20%;height:100%}.opt[data-v-2a2e9977]{width:50%}.check[data-v-2a2e9977]{background-color:rgba(15,219,15,.8);cursor:pointer;position:relative}.times[data-v-2a2e9977]{background-color:rgba(197,24,24,.8);border-radius:0 7px 7px 0;cursor:pointer;position:relative}.sign[data-v-2a2e9977]{margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.allfriends[data-v-21d1fd9a]{overflow:auto;height:50%;width:70%;margin:auto}.messageinput[data-v-714cf7cb]{margin-top:10px;position:relative}textarea[data-v-714cf7cb]{width:75%;position:absolute;margin:auto;left:0;right:0}.messages[data-v-6e4381d4]{height:70%;width:90%;margin:auto;left:0;right:0}.img[data-v-24fcca12]{background-image:url(../img/stos.23217916.png);background-size:cover}.cover[data-v-24fcca12]{background-color:hsla(0,0%,100%,.5);padding:40px 20px}.exit[data-v-24fcca12]{margin-bottom:20px;margin-top:20px}.friendbuttons{margin-top:10px;width:70%;display:block;margin-left:auto;margin-right:auto}:root{--primary:#4f515a;--secondary:#a7b4cc;--warning:#da0f41}#app{min-height:100vh}*{margin:0;padding:0;font-family:Nunito,sans-serif;color:var(--primary)}a{text-decoration:none}body,html{height:100%;margin:0}button{background:var(--secondary);border-radius:8px;border:0;padding:8px 12px;font-weight:600;cursor:pointer;display:inline-block}button:hover{background:var(--primary);color:#fff}button:disabled{opacity:.5;color:var(--primary);background:var(--secondary);cursor:not-allowed}form{max-width:600px;margin:0 auto;padding:30px;border-radius:8px;box-shadow:1px 2px 3px rgba(50,50,50,.05);border:1px solid var(--secondary);background:#fff;margin-top:10%;box-shadow:11px 8px 7px 3px rgb(0 0 0/35%)}input{border:0;border-bottom:1px solid var(--secondary);padding:10px;outline:none;display:block;width:100%;box-sizing:border-box;margin:20px auto}input:disabled{opacity:.3}textarea{border:0;border-bottom:1px solid var(--secondary);outline:none;width:100%;margin:auto}.w{color:green}.l{color:red}textarea{resize:none}.route{padding:5px;text-decoration:underline}.error{color:var(--warning);font-size:14px;margin:16px 0;text-align:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.surrender{margin:0 auto;display:block!important}.icon{margin-right:20px}@media (min-width:576px){body{background:#f7f7f7;min-height:100%}}@media only screen and (max-width:575px){body{background-image:url(../img/stos.23217916.png)}.row{background-color:hsla(0,0%,100%,.8)}}