body{margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh;background-color:#1a1a1a;overflow:hidden;--border-radius: 20px;--text-color: #fff}body:after{content:"";position:fixed;top:0;right:0;width:100%;height:100%;transition:backdrop-filter .2s ease-in;-webkit-backdrop-filter:brightness(1) blur(0px);backdrop-filter:brightness(1) blur(0px)}body.drag:after{-webkit-backdrop-filter:brightness(.8) blur(1px);backdrop-filter:brightness(.8) blur(1px);z-index:80}#app{width:100%;height:100%;box-shadow:0 0 20px 7px #000;border-radius:16px;display:flex;justify-content:center}.card{background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:2px;transition:all .2s ease-in;touch-action:none;position:absolute;width:4.2em;height:6em}.card:hover{filter:brightness(90%)}.card.active{z-index:100;box-shadow:0 0 10px 2px #fff5}a.button{padding:.5em;background-color:#fff;border-radius:100px}a,p,li,h1,h2,h3,h4,h5,h6,body{font-family:Arial,Helvetica,sans-serif}.ctxContent[data-v-46897e80]{top:40%;left:0;width:calc(75% - .6em);margin:.3em;position:absolute;-webkit-backdrop-filter:blur(19px);backdrop-filter:blur(19px);background:#5c5c5c3d;padding:.7em;z-index:6;border-radius:8px;box-shadow:0 4px 8px #0000004d;display:flex;flex-direction:row;align-items:center;gap:10px;animation:fadeIn-46897e80 .3s ease forwards}.ctxContent.fade-out[data-v-46897e80]{animation:fadeOut-46897e80 .3s ease forwards}@keyframes fadeIn-46897e80{0%{opacity:0}to{opacity:1}}@keyframes fadeOut-46897e80{0%{opacity:1}to{opacity:0}}.stats[data-v-46897e80]{margin-left:10px;padding-top:10px;color:#bdbdbd;font-weight:500}.closeBtn[data-v-46897e80]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);position:relative;border-radius:50%;width:1.7rem;height:1.7rem;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;margin-bottom:20px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.closeBtn[data-v-46897e80]:hover{background:#fff3;transform:scale(1.1)}.playerAvatar[data-v-46897e80]{width:55px;height:55px;border-radius:50%;background-size:cover;background-position:center;border:2px solid #fff;flex-shrink:0}.playerName[data-v-46897e80]{margin-left:10px;color:#bdbdbd;font-size:18px;font-weight:500}.nameAndStats[data-v-46897e80]{display:flex;flex-direction:column;flex-grow:1}@media (max-width: 395px){.ctxContent[data-v-46897e80]{top:30%}.closeBtn[data-v-46897e80]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);position:relative;border-radius:50%;width:1.7rem;height:1.7rem;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;margin-bottom:20px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.closeBtn[data-v-46897e80]:hover{background:#fff3;transform:scale(1.1)}}@media (max-width: 375px){.ctxContent[data-v-46897e80]{top:30%}}@media (max-width: 365px){.ctxContent[data-v-46897e80]{top:40%;left:0;width:calc(75% - .6em);margin:.3em;position:absolute;-webkit-backdrop-filter:blur(19px);backdrop-filter:blur(19px);background:#5c5c5c3d;padding:1em;border-radius:8px;box-shadow:0 4px 8px #0000004d;display:flex;flex-direction:row;align-items:center;gap:7px}.stats[data-v-46897e80]{margin-left:2px;padding-top:3px;color:#bdbdbd;font-weight:500}.playerAvatar[data-v-46897e80]{width:45px;height:45px;border-radius:50%;background-size:cover;background-position:center;border:2px solid #fff;flex-shrink:0}.playerName[data-v-46897e80]{margin-left:3px;color:#bdbdbd;font-size:14px;font-weight:700}.nameAndStats[data-v-46897e80]{display:flex;flex-direction:column;flex-grow:1}}@media (max-width: 380px){.ctxContent[data-v-46897e80]{top:35%}}@media (max-width: 440px){.ctxContent[data-v-46897e80]{top:30%}}@media (max-width: 290px),(max-height: 700px){.ctxContent[data-v-46897e80]{top:30%;font-size:13px}}@media (max-width: 290px),(max-height: 670px){.ctxContent[data-v-46897e80]{top:30%;font-size:13px}}@media (max-width: 450px),(max-height: 800px){.ctxContent[data-v-46897e80]{top:44%;font-size:13px}}@media (max-width: 390px),(max-height: 700px){.ctxContent[data-v-46897e80]{top:40%;font-size:13px}}@media (max-height: 700px){.ctxContent[data-v-46897e80]{top:40%;-webkit-backdrop-filter:blur(19px);backdrop-filter:blur(19px);background:#c9c9c918;padding:.7em;border-radius:8px;box-shadow:0 4px 8px #0000004d;display:flex;flex-direction:row;align-items:center;margin:.3em;gap:10px}.playerAvatar[data-v-46897e80]{width:45px;height:45px;border-radius:50%;background-size:cover;background-position:center;border:2px solid #bdbdbd;flex-shrink:0}.playerName[data-v-46897e80]{color:#bdbdbd;font-size:15px;font-weight:700}.stats[data-v-46897e80]{padding-top:10px;color:#bdbdbd;font-weight:500;font-size:12px}}.modal[data-v-9c62bf02]{left:10%;position:relative;width:100%;display:flex;justify-content:center;align-items:center;margin-top:10%}.player[data-v-9c62bf02]{display:flex;flex-direction:column;align-items:center;position:relative}.ctx[data-v-9c62bf02]{top:-18%}a[data-v-9c62bf02]{color:#fff}.bito[data-v-9c62bf02]{color:#fff9;text-shadow:#fc0 1px 0 10px}.avatar[data-v-9c62bf02]{position:relative;aspect-ratio:1;width:50px;background:var(--avatar);background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:50px;border:var(--border);z-index:3}.avatar[data-v-9c62bf02]:before{content:"";position:absolute;width:100%;height:100%;border-radius:50px;background-image:var(--borderImage)}.cards[data-v-9c62bf02]{position:relative;transform:translateY(-30px);z-index:1}.card[data-v-9c62bf02]{width:2.1em;height:3em;z-index:2}@media (max-height: 780px){.ctx[data-v-9c62bf02]{top:-14%}}@media (max-height: 670px){.ctx[data-v-9c62bf02]{top:-13%}}@media (max-height: 570px){.ctx[data-v-9c62bf02]{top:-8%}}@media (max-height: 530px){.ctx[data-v-9c62bf02]{top:1%}}.cards[data-v-b44a7b3d]{position:relative;z-index:1}.cozirName[data-v-2c01247a]{position:relative;transform:translate(2em) translateY(2em);color:#fff;width:2em;margin-top:-6vh;height:2em;background-position:center;background-repeat:no-repeat;background-size:cover}.cards[data-v-2c01247a]{position:relative;right:85%}.cards .card[data-v-2c01247a]{width:3.15em;height:4.5em;margin-bottom:-1em}.cards .card.Cozir[data-v-2c01247a]{transform:rotate(90deg) translateY(-30px);z-index:2}.cards .card.one[data-v-2c01247a]{transform:rotate(15deg);z-index:2}.cards .card.two[data-v-2c01247a]{transform:rotate(0);z-index:2}.cards .card.three[data-v-2c01247a]{transform:rotate(-15deg);z-index:2}.cards p[data-v-2c01247a]{position:absolute;z-index:100;color:#fff;left:35%;padding:0;margin-top:14vh;font-size:24px;text-shadow:0px 0px 4px #000}.cards[data-v-d979d0aa]{position:relative}.cards .card[data-v-d979d0aa]{width:3.15em;height:4.5em}.cards .card.Cozir[data-v-d979d0aa]{transform:rotate(90deg) translateY(-30px);z-index:2}.cards .card.one[data-v-d979d0aa]{transform:rotate(15deg);z-index:2}.cards .card.two[data-v-d979d0aa]{transform:rotate(0);z-index:2}.cards .card.three[data-v-d979d0aa]{transform:rotate(-15deg);z-index:2}.cards .card.four[data-v-d979d0aa]{z-index:1;top:30%;transform:rotateY("");transform:rotate("")}.bord-cards[data-v-6cb27605]{position:relative;height:4.5em}.bord-cards .card[data-v-6cb27605]{width:3.15em;height:4.5em}.bord-cards_top-card[data-v-6cb27605]{transform:translateY(10%) translate(20%) rotate(60deg)}.bord[data-v-3a3e5c67]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;padding:1em 4em;gap:1em;height:calc(100% - 2em)}.bord-cards[data-v-3a3e5c67]{position:relative;height:4.5em}.bord-cards .card[data-v-3a3e5c67]{width:3.15em;height:4.5em}.bord-cards_top-card[data-v-3a3e5c67]{transform:translateY(10%) translate(20%) rotate(60deg)}.state[data-v-6a143b86]{position:absolute;width:50%;left:25%;opacity:0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:50px;font-weight:500;z-index:0;transform:translateY(0)}.active[data-v-6a143b86]{animation:inOut-6a143b86 2.5s ease-in}@keyframes inOut-6a143b86{0%{opacity:0;transform:translateY(0)}20%{opacity:.75}80%{opacity:.75;transform:translateY(-19.5vh)}to{opacity:0;transform:translateY(-19.5vh)}}.game-container[data-v-d490ac6e]{display:flex;flex-direction:column;overflow:hidden;max-height:100vh;position:relative}.g-c[data-v-d490ac6e]{height:25%}.top[data-v-d490ac6e]{display:grid;grid-template-columns:var(--gtc)}.center[data-v-d490ac6e]{height:50%;position:relative}.center-coloda[data-v-d490ac6e]{position:absolute;left:0;bottom:50%}.center-coloda__fromCard[data-v-d490ac6e]{position:absolute;left:-1em;transform:translateY(1em)}.center-bita[data-v-d490ac6e]{position:absolute;right:10%;bottom:50%}.center .bord[data-v-d490ac6e]{height:100%}.bottom[data-v-d490ac6e]{display:flex;flex-direction:column;width:100%;flex-wrap:wrap;justify-content:space-between;align-items:center}.bottom-tocard[data-v-d490ac6e]{position:fixed;top:calc(100% + 1em)}.bottom-timer[data-v-d490ac6e]{display:flex;align-items:flex-end;justify-content:center;border-radius:12px;border:none;background-color:transparent;color:#fff;padding:.5em 1em}.bottom-timer.with-border[data-v-d490ac6e]{border:1px solid #fff}.bottom-timer.with-border.low-time[data-v-d490ac6e]{background-color:#f009}.bottom-timer p[data-v-d490ac6e]{color:#fff;font-size:18px;margin:0}.bottom-action[data-v-d490ac6e]{display:flex;justify-content:flex-end;align-items:flex-end;flex-direction:column}.bottom-action button[data-v-d490ac6e]{font-size:18px;padding:.5em 1em;border-radius:12px;border:1px solid #fff;background-color:transparent;color:#fff;transition:all .1s ease-in}.bottom-action button[data-v-d490ac6e]:hover{box-shadow:0 0 10px 1px #fff5}.bottom-action button.active[data-v-d490ac6e]{background-color:#ba85}.title[data-v-d490ac6e]{color:#ffffff80;font-size:18px}.bottom-info[data-v-d490ac6e]{border:1px solid #fff;border-radius:8px;width:95%;display:flex;justify-content:space-around;align-items:center;z-index:10;background-color:#000}.flying-card[data-v-d490ac6e]{position:fixed;width:60px;height:90px;border-radius:5px;border:1px solid #ccc;box-shadow:0 2px 10px #0000004d;transform:translate(-50%,-50%);left:var(--from-x);top:var(--from-y);transition:none;pointer-events:none;transition:all var(--duration) ease-in}.flying-card.flying[data-v-d490ac6e]{left:var(--to-x);top:var(--to-y);transform:translate(-50%,-50%) rotate(var(--rotation))}.end[data-v-4d497fe5]{height:100%;display:flex;flex-direction:column;position:relative;z-index:1}h1[data-v-4d497fe5]{color:var(--text-color, #fff);text-align:center}.content[data-v-4d497fe5]{display:flex;width:200%;height:100%;transition:all .5s cubic-bezier(.59,.05,.86,.26);overflow:auto;scrollbar-width:1px;scrollbar-track-color:transparent;scrollbar-color:#777575}.content[data-v-4d497fe5]::-webkit-scrollbar{width:1px}.content[data-v-4d497fe5]::-webkit-scrollbar-track{background:transparent}.content[data-v-4d497fe5]::-webkit-scrollbar-thumb{background-color:#777575}.content .window[data-v-4d497fe5]{width:calc(50% - 4em);padding:1em 2em;height:max-content}.players[data-v-4d497fe5]{display:grid;grid-template-columns:1fr 1fr;gap:1.5em}.player[data-v-4d497fe5]{--color: #fff;border-radius:var(--border-radius, 8px);background-color:var(--color, #fff);display:flex;flex-direction:column;align-items:center;box-shadow:0 0 11px 1px var(--color, #fff);padding:.1em;gap:.2em}.player.win[data-v-4d497fe5]{--color: #f3ed95}.player.lose[data-v-4d497fe5]{--color: #f58181}.player.left[data-v-4d497fe5]{--color: #777575}.player .avatar[data-v-4d497fe5]{background:var(--img, #000);background-position:center;background-size:cover;border-radius:var(--border-radius, 8px);aspect-ratio:1;width:100%}.player p[data-v-4d497fe5]{color:#000;margin:0;font-size:18px}.result h2[data-v-4d497fe5]{margin-top:0;color:#fc0;font-size:1.2rem}.game-status[data-v-4d497fe5]{text-align:center;font-size:1.3rem;font-weight:700;margin:15px 0;padding:10px;border-radius:8px}.game-status.draw[data-v-4d497fe5]{background:#cdcdcd4d;color:#fff}.game-status.win[data-v-4d497fe5]{background:#4caf504d;color:#4caf50}.game-status.lose[data-v-4d497fe5]{background:#f443364d;color:#f44336}.points-gained[data-v-4d497fe5],.rating-gained[data-v-4d497fe5]{display:flex;justify-content:space-between;align-items:center;margin:10px 0;padding:8px 12px;background:#ffffff1a;border-radius:8px}.label[data-v-4d497fe5]{font-size:.9rem;color:#fff}.value[data-v-4d497fe5]{font-weight:700;font-size:1.1rem;color:#f6c90e}.positive[data-v-4d497fe5]{color:#4caf50}.negative[data-v-4d497fe5]{color:#f44336}.level-progress[data-v-4d497fe5]{margin:15px 0;padding:12px;background:#ffffff0d;border-radius:8px}.level-info[data-v-4d497fe5]{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem}.level[data-v-4d497fe5]{font-weight:700;color:#fc0}.exp[data-v-4d497fe5]{color:#fff}.exp b[data-v-4d497fe5]{color:#fc0}.progress-bar[data-v-4d497fe5]{height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;position:relative}.progress-bar.small[data-v-4d497fe5]{height:6px;width:100%}.progress-fill[data-v-4d497fe5]{position:relative;background:#adadad6b;animation:widthAnimate-4d497fe5 1s ease-in;height:100%;border-radius:6px;width:var(--width)}.progress-fill[data-v-4d497fe5]:after{content:"";position:absolute;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer-4d497fe5 3s infinite;top:0;left:0;right:0;bottom:0}.progress-fill[data-v-4d497fe5]:before{content:"";position:absolute;background:linear-gradient(90deg,#fc0,#f90);animation:widthBeforeAnimate-4d497fe5 1.2s ease-in;top:0;left:0;right:0;bottom:0;z-index:1;border-radius:6px;width:var(--widthBefore)}@keyframes shimmer-4d497fe5{0%{transform:translate(-100%)}to{transform:translate(600%)}}@keyframes widthAnimate-4d497fe5{0%{width:0%}to{width:var(--width)}}@keyframes widthBeforeAnimate-4d497fe5{0%{width:0%}to{width:var(--widthBefore)}}.tasks h3[data-v-4d497fe5]{margin:20px 0 10px;color:#fc0;font-size:1.1rem}.task-category h4[data-v-4d497fe5]{margin:15px 0 8px;color:#aaa;font-size:1rem}.task[data-v-4d497fe5]{display:flex;align-items:center;padding:10px;margin-bottom:8px;background:#ffffff0d;border-radius:8px;animation:slideIn-4d497fe5 .5s ease-out forwards;opacity:0;transform:translateY(20px)}.task.complate[data-v-4d497fe5]{background:#ffae0033;box-shadow:0 0 20px #ffbc0040;animation:task-complate-4d497fe5 1.5s ease-in forwards}@keyframes task-complate-4d497fe5{0%{background:#ffffff0d;box-shadow:0 0 0 0 transparent}32.5%{opacity:1;transform:translateY(0)}to{background:#ffae0033;box-shadow:0 0 20px #ffbc0040;opacity:1;transform:translateY(0)}}@keyframes slideIn-4d497fe5{to{opacity:1;transform:translateY(0)}}.task-icon[data-v-4d497fe5]{font-size:1.2rem;margin-right:10px}.task-content[data-v-4d497fe5]{flex:1}.task-title[data-v-4d497fe5]{font-weight:700;font-size:.9rem;margin-bottom:4px}.task-description[data-v-4d497fe5]{font-size:.8rem;color:#ccc;margin-bottom:6px}.task-progress[data-v-4d497fe5]{display:flex;align-items:center;gap:8px}.progress-text[data-v-4d497fe5]{font-size:.75rem;color:#aaa;min-width:50px}.task-reward[data-v-4d497fe5]{font-weight:700;color:#fc0;font-size:.9rem}@media (max-width: 350px){.end[data-v-4d497fe5]{padding:10px}.player[data-v-4d497fe5]{width:70px}.avatar[data-v-4d497fe5]{width:40px;height:40px}h1[data-v-4d497fe5]{font-size:1.3rem}}.start[data-v-e302523d]{height:100%;display:flex;flex-direction:column;align-items:center}h1[data-v-e302523d]{color:var(--text-color, #fff)}.players[data-v-e302523d]{display:grid;grid-template-columns:1fr 1fr;width:calc(100% - 4em);height:max-content;padding:1em 2em;gap:1em}.player[data-v-e302523d]{border-radius:var(--border-radius, 8px);padding:.5em;background-color:var(--text-color, #fff);display:flex;flex-direction:column;align-items:center;gap:.5em}.player .avatar[data-v-e302523d]{background:var(--img, #000);background-position:center;background-size:cover;border-radius:var(--border-radius, 8px);aspect-ratio:1;width:100%}.player p[data-v-e302523d]{color:#000;margin:0;font-size:18px}.earth-loader[data-v-47b8c6b2]{--watercolor: #3344c1;--landcolor: #7cc133;width:var(--size, 7.5em);height:var(--size, 7.5em);background-color:var(--watercolor);position:relative;overflow:hidden;border-radius:50%;box-shadow:inset 0 .5em #ffffff40,inset 0 -.5em #00000040;border:solid .15em white;animation:startround-47b8c6b2 1s;animation-iteration-count:1;transition:all .1s ease-in}.earth-loader[data-v-47b8c6b2]:active{width:calc(var(--size, 7.5em) + 1em);height:calc(var(--size, 7.5em) + 1em)}.earth[data-v-47b8c6b2]{position:relative}.earth .text[data-v-47b8c6b2]{position:absolute;top:35%;left:5px;font-size:12px}.earth p[data-v-47b8c6b2]{color:#fff;display:flex;justify-content:center;align-items:center;margin:0;padding-top:.25em;font-size:1.25em;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.earth-loader svg[data-v-47b8c6b2]:nth-child(1){bottom:-2em;animation:round1-47b8c6b2 5s infinite linear .75s}.earth-loader svg[data-v-47b8c6b2]:nth-child(2){top:-3em;animation:round1-47b8c6b2 5s infinite linear}.earth-loader svg[data-v-47b8c6b2]:nth-child(3){top:-2.5em;animation:round2-47b8c6b2 5s infinite linear}.earth-loader svg[data-v-47b8c6b2]:nth-child(4){bottom:-2.2em;animation:round2-47b8c6b2 5s infinite linear .75s}.earth-loader svg[data-v-47b8c6b2]{position:absolute;height:auto;width:calc(var(--size, 7.5em) - .5em);transition:width .3s ease-in}.earth-loader svg[data-v-47b8c6b2]:hover{width:8em}@keyframes startround-47b8c6b2{0%{filter:brightness(500%);box-shadow:none}75%{filter:brightness(500%);box-shadow:none}to{filter:brightness(100%);box-shadow:inset 0 .5em #ffffff40,inset 0 -.5em #00000040}}@keyframes round1-47b8c6b2{0%{left:-2em;opacity:100%;transform:skew(0) rotate(0)}30%{left:-6em;opacity:100%;transform:skew(-25deg) rotate(25deg)}31%{left:-6em;opacity:0%;transform:skew(-25deg) rotate(25deg)}35%{left:7em;opacity:0%;transform:skew(25deg) rotate(-25deg)}45%{left:7em;opacity:100%;transform:skew(25deg) rotate(-25deg)}to{left:-2em;opacity:100%;transform:skew(0) rotate(0)}}@keyframes round2-47b8c6b2{0%{left:5em;opacity:100%;transform:skew(0) rotate(0)}75%{left:-7em;opacity:100%;transform:skew(-25deg) rotate(25deg)}76%{left:-7em;opacity:0%;transform:skew(-25deg) rotate(25deg)}77%{left:8em;opacity:0%;transform:skew(25deg) rotate(-25deg)}80%{left:8em;opacity:100%;transform:skew(25deg) rotate(-25deg)}to{left:5em;opacity:100%;transform:skew(0) rotate(0)}}.game[data-v-2f9c1cb8]{display:flex;position:relative;flex-direction:column;justify-content:center;width:100%;height:100%;border-radius:16px;background-color:#000;overflow:hidden;max-width:500px}.game[data-v-2f9c1cb8]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/sharkdurak-BtUsXHkJ.png);background-position:center;background-repeat:no-repeat;background-size:contain;opacity:.2;pointer-events:none}.game-container[data-v-2f9c1cb8]{width:100%;height:calc(100% - 4px);overflow:hidden}.connecting[data-v-2f9c1cb8]{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;--size: 7.5em}.connecting.endGame[data-v-2f9c1cb8]{justify-content:flex-start;align-items:flex-start;--size: 5.5em}.connecting p[data-v-2f9c1cb8]{color:#fff}