@font-face{font-family:Patrick Hand;src:local("Patrick Hand"),url(../../static/media/PatrickHand-Regular.ec54a049bdef4be52511.ttf) format("truetype")}:root{--yellow:#fae610;--gold:#e0aa3e;--input:#ebb23f;--brown:#4a1818;--black:#191a1b;--gray:#363636;--white:#f3f3f3;--green:#358600}html{overflow:hidden;touch-action:none;transition:font-size .2s}#root,body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#191a1b;background:var(--black);font-family:-apple-system,BlinkMacSystemFont,Patrick Hand,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;touch-action:none}body :not(input){-webkit-user-select:none;user-select:none}input{-webkit-user-select:auto;user-select:auto}:after,:before{box-sizing:border-box}:after,:before,img{-webkit-user-select:none;user-select:none}img{pointer-events:none;touch-action:none}.ui-container .users{background:var(--white);left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ui-container .users .player{position:relative}.ui-container .users .player.active:after{color:var(--white);content:"★";position:absolute;right:-1rem;top:0}.ui-container .actions{background:var(--white);bottom:1rem;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.websocket-container{color:#fff;font-size:3rem;left:1rem;position:absolute;top:0}.lobby{background:var(--white);border-radius:4% 96% 5% 95%/93% 3% 97% 7%;box-shadow:10px 10px 0 0 #383838;display:flex;flex-direction:column;margin:auto;max-height:80vh;max-width:35rem;padding:2rem;width:80%}.lobby .form{display:flex;gap:1.5rem}.lobby .lobbies{height:100%;overflow:auto}.lobby .lobbies .list{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.lobby .lobbies .list .row{display:grid;grid-template-columns:1fr 9fr 3fr}.lobby .lobbies .list .row .green{--dot-primary:#228400;--dot-secondary:#81e700}.lobby .lobbies .list .row .red{--dot-primary:#840000;--dot-secondary:#e76f00}.lobby .buttons{display:flex;gap:1.5rem}.user{position:relative}.user.my-user:after{border:8px solid transparent;border-right:8px solid var(--black);content:"";position:absolute;right:0;top:0}.user.host:before{content:"★";left:-1rem;position:absolute;top:0}.user.ready:before{content:"✓";left:-1rem;position:absolute;top:0}.cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.cards .card{border:3px solid transparent;display:flex;position:relative}.cards .card span{background:var(--yellow);font-weight:700;left:50%;position:absolute;text-align:center;top:1rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:90%}.cards .card img{width:14rem}.cards .card.selected{border:3px solid var(--yellow)}.cards .card .players{bottom:.5rem;display:flex;flex-direction:row;gap:.5rem;left:.5rem;position:absolute}.cards .card .players .player{background-color:var(--white);padding:.25rem}.stella .rounds-anchor{background:var(--white);border-bottom-right-radius:2rem;border-top-right-radius:2rem;color:var(--gold);display:flex;left:0;padding:.25rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1rem;z-index:5}.stella .rounds-anchor svg{height:5rem;margin:auto;width:auto}.stella .rounds{background:url(../../static/media/background.21edc6157dabe2adfe3a.jpeg);background-repeat:no-repeat;background-size:contain;border-radius:1.5em;grid-area:rounds;position:relative}.stella .rounds-info{background:var(--black);border-radius:2.5em;display:flex;flex-direction:column;gap:.5em;left:-2em;padding:.75em;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.stella .rounds-info .coin{height:4em;position:relative;width:4em}.stella .rounds-info .coin.flip{-webkit-perspective:1200px;perspective:1200px;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:.5s linear}.stella .rounds-info .coin img{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:var(--black);height:100%;left:0;position:absolute;top:0;width:100%}.stella .rounds-info .coin img:nth-child(2){-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.stella .rounds .steps .step{height:4em;position:absolute;width:4em}.stella .rounds .steps .step:first-child{bottom:3em;left:4em}.stella .rounds .steps .step:nth-child(2){bottom:7em;left:12em}.stella .rounds .steps .step:nth-child(3){bottom:12em;left:8em}.stella .rounds .steps .step:nth-child(4){bottom:19em;left:13em}.stella .rounds .steps .step:nth-child(5){bottom:24em;left:6em}.stella .rounds .steps .step:nth-child(6){bottom:28em;left:15em}.stella .rounds .steps .step:nth-child(7){bottom:33em;left:4em}.stella .rounds .steps .step:nth-child(8){bottom:37em;left:10em}.stella .rounds .steps .step:nth-child(9){bottom:41em;left:1em}.stella .rounds .steps .step:nth-child(10){bottom:46em;left:4em}.stella .rounds .steps .step:before{background:#ddd;border:.25em solid #ccc;border-radius:50%;content:"";height:100%;left:0;mix-blend-mode:color-burn;position:absolute;top:0;width:100%;z-index:1}.stella .rounds .steps .step:after{background-image:url(data:image/png;base64,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);background-repeat:no-repeat;background-size:contain;content:attr(data-step);font-size:.8em;height:2em;left:3em;padding:.35em;position:absolute;text-align:center;top:3em;width:2em;z-index:3}.stella .rounds .steps .step .player-coin{background-color:var(--player-color);border-radius:50%;height:4em;left:0;position:absolute;top:0;width:4em;z-index:2}.stella .rounds .steps .step .player-coin img{height:100%;mix-blend-mode:overlay;width:100%}.stella .steps{height:100%;left:0;position:absolute;top:0;width:100%}.stella .steps .step{height:calc(1vh + 1vw + 4%);position:absolute;width:calc(1vh + 1vw + 10%)}.stella .steps .step:first-child{bottom:3%;left:20%}.stella .steps .step:nth-child(2){bottom:12%;left:50%}.stella .steps .step:nth-child(3){bottom:20%;left:30%}.stella .steps .step:nth-child(4){bottom:30%;left:52%}.stella .steps .step:nth-child(5){bottom:40%;left:20%}.stella .steps .step:nth-child(6){bottom:50%;left:75%}.stella .steps .step:nth-child(7){bottom:62%;left:8%}.stella .steps .step:nth-child(8){bottom:70%;left:50%}.stella .steps .step:nth-child(9){bottom:80%;left:72%}.stella .steps .step:nth-child(10){bottom:88%;left:20%}.stella .steps .step:before{background:#ddd;border:.25em solid #ccc;border-radius:50%;content:"";height:100%;left:0;mix-blend-mode:color-burn;position:absolute;top:0;width:100%;z-index:1}.stella .steps .step:after{background-image:url(data:image/png;base64,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);background-repeat:no-repeat;background-size:contain;content:attr(data-step);font-size:calc(.4vw + .4vh);height:calc(.75vw + .75vh + 2.5%);left:70%;padding:.35em;position:absolute;text-align:center;top:70%;width:calc(.75vw + .75vh + 5%);z-index:3}.stella .steps .step .player-coin{background-color:var(--player-color);border-radius:50%;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.stella .steps .step .player-coin img{height:100%;mix-blend-mode:overlay;width:100%}.stella .board{display:grid;grid-area:board;grid-template-columns:20em calc(100% - 20em);grid-template-rows:100%;height:calc(100% - 2rem);padding:1rem;width:calc(100% - 2rem)}.stella .board .background{height:100%;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.stella .board .background img{height:100%;object-fit:contain;object-position:bottom left;width:100%}.stella .board .anchor{display:flex;flex-direction:column;height:100%;width:100%}.stella .board .anchor .cards-list{align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;height:90%;margin:0 auto auto;max-width:100%;padding:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.stella .board .anchor .cards-list .card{border-radius:1rem;display:flex;height:calc(100% - 2rem);overflow:hidden;padding:.5rem;position:relative;width:80%}.stella .board .anchor .cards-list .card.highlighted{-webkit-animation:highlight-card 1s linear infinite;animation:highlight-card 1s linear infinite}@-webkit-keyframes highlight-card{0%{-webkit-filter:brightness(1);filter:brightness(1)}50%{-webkit-filter:brightness(1.75);filter:brightness(1.75)}to{-webkit-filter:brightness(1);filter:brightness(1)}}@keyframes highlight-card{0%{-webkit-filter:brightness(1);filter:brightness(1)}50%{-webkit-filter:brightness(1.75);filter:brightness(1.75)}to{-webkit-filter:brightness(1);filter:brightness(1)}}.stella .board .anchor .cards-list .card.selected:before{-webkit-animation:border-rotate 6s linear infinite;animation:border-rotate 6s linear infinite;background:conic-gradient(#b88a44,#d68c02,#ffe078,#ca9126,#edc967,#ffdf88,#e0aa3e,#b88a44);content:"";height:200%;left:50%;position:absolute;top:50%;width:400%}@-webkit-keyframes border-rotate{0%{-webkit-transform:translateX(-50%) translateY(-50%) rotate(0deg);transform:translateX(-50%) translateY(-50%) rotate(0deg)}to{-webkit-transform:translateX(-50%) translateY(-50%) rotate(1turn);transform:translateX(-50%) translateY(-50%) rotate(1turn)}}@keyframes border-rotate{0%{-webkit-transform:translateX(-50%) translateY(-50%) rotate(0deg);transform:translateX(-50%) translateY(-50%) rotate(0deg)}to{-webkit-transform:translateX(-50%) translateY(-50%) rotate(1turn);transform:translateX(-50%) translateY(-50%) rotate(1turn)}}.stella .board .anchor .cards-list .card.greyed img{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.1}.stella .board .anchor .cards-list .card img{border-radius:.5em;height:100%;margin:auto;object-fit:cover;width:100%;z-index:1}.stella .board .anchor .cards-list .card .players{display:flex;flex-direction:column;font-size:1.5em;font-weight:700;gap:.25em;left:1em;position:absolute;top:1em}.stella .board .anchor button.ready{background-color:var(--gold);border:none;border-radius:94% 6% 92% 8%/9% 93% 7% 91%;box-shadow:5px 4px 0 0 var(--white);color:var(--white);cursor:pointer;font-size:1rem;font-weight:700;margin:auto;padding:.5rem 1rem;transition:box-shadow .2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.stella .board .anchor button.ready:active{box-shadow:0 0 0 0 var(--white)}.stella .chat{grid-area:chat;height:calc(100% - 2rem)}.stella .chat,.stella .chat .messages{display:flex;flex-direction:column;padding:1rem}.stella .chat .messages{background-color:var(--white);border-radius:99% 1% 99% 1%/1% 99% 1% 99%;box-shadow:10px 10px 0 0 var(--gray);flex-grow:0;flex-shrink:1;gap:.5rem;height:100%;overflow:auto}.stella .chat .messages .message{margin-right:auto;width:75%}.stella .chat .messages .message.mine{margin-left:auto;margin-right:0}.stella .chat .messages .message.mine h3{display:none}.stella .chat .messages .message.mine .text{background:var(--player-color);color:var(--player-text-color)}.stella .chat .messages .message h3{border-left:3px solid var(--player-color);color:var(--player-color);font-size:1.1rem;font-weight:gold;margin:.5rem 0;padding-left:.5rem}.stella .chat .messages .message .text{background:var(--black);border-radius:50rem 1rem 65rem 1rem/1.75rem 20rem 2rem 26rem;color:var(--white);font-size:.75rem;padding:1rem;white-space:pre-wrap}.stella .chat .textfield{display:flex;flex-direction:row;flex-shrink:0;gap:.5rem;padding:1rem}.stella .chat .textfield,.stella .chat .textfield .input{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.stella .chat .textfield .input{background-color:#fff;border-radius:1rem;flex-grow:0;flex-shrink:1;margin-top:auto;max-height:100%;overflow:auto;padding:0 1rem;-webkit-user-select:auto;user-select:auto;white-space:pre-wrap;width:calc(100% - 2.5rem)}.stella .chat .textfield .icon{color:var(--white);flex-shrink:0;height:auto;margin-bottom:-.25rem;margin-top:auto;width:2rem}.stella .leaderboard{grid-area:leaderboard;height:calc(100% - 4rem);padding:1rem;width:calc(100% - 4rem)}.stella .leaderboard .players{background-color:var(--white);border-radius:1% 2% 1% 45%/51% 94% 96% 3%;box-shadow:10px 10px 0 0 var(--gray);display:flex;flex-direction:column;height:100%;overflow:auto;padding:1rem;width:100%}.stella .leaderboard .players .player{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:2rem calc(100% - 7.5rem) 2rem 2rem}.stella .leaderboard .players .player .icon{height:auto;width:1.5rem}.stella .leaderboard .players .player span{margin:auto 0}.stella .info{grid-area:info;height:calc(100% - 4rem);padding:1rem;width:calc(100% - 4rem)}.stella .info .notifications{background-color:var(--white);border-radius:1% 99% 1% 99%/97% 2% 98% 3%;box-shadow:10px 10px 0 0 var(--gray);display:flex;flex-direction:column;height:100%;overflow:auto;padding:1rem;width:100%}.stella .info .notifications .notification{color:--notification-color}.stella .word{grid-area:word;text-align:center}.stella .word h2{color:var(--gold);font-size:3rem;margin:0;text-transform:uppercase}.stella .word span{color:var(--white);opacity:.75}.stella{display:grid;grid-template-areas:"word word word" "board board chat" "leaderboard info chat";grid-template-columns:20% 60% 20%;grid-template-rows:6rem calc(80% - 6rem) 20%;height:100%;width:100%}.App{display:flex;height:var(--client-height);overflow:hidden;width:100%}button{background-color:var(--gold);border:none;border-radius:94% 6% 92% 8%/9% 93% 7% 91%;box-shadow:5px 4px 0 0 var(--brown);color:var(--white);cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:box-shadow .2s}button:active{box-shadow:0 0 0 0 var(--brown)}input{background:var(--input);border:2px solid var(--brown);border-radius:3% 97% 2% 98%/97% 3% 97% 3%;outline:none;padding:.5rem 1rem}input::-webkit-input-placeholder{color:var(--white);font-style:italic}input::placeholder{color:var(--white);font-style:italic}::-webkit-scrollbar-track{background-color:#3a3535;border-radius:2rem}::-webkit-scrollbar{background-color:var(--white);border-radius:2rem;height:8px;width:8px}::-webkit-scrollbar-thumb{background-color:#c2bdbd;border-radius:2rem}.clash-card{height:16rem;max-height:18vw;max-width:13vw;width:12rem}.clash-card .content{height:100%;-webkit-perspective:2000px;perspective:2000px;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:100%}.clash-card .content .bottom,.clash-card .content .top{height:100%;left:0;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}.clash-card .content img{height:100%;object-fit:cover;width:100%}.clash-card .content .bottom{opacity:0}.clash-card.fight{-webkit-animation:card-fight 2s;animation:card-fight 2s}@-webkit-keyframes card-fight{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}75%{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes card-fight{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}75%{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.clash-card.ripped .top{-webkit-animation:card-ripped-top 2s forwards;animation:card-ripped-top 2s forwards}@-webkit-keyframes card-ripped-top{25%{-webkit-clip-path:url(#paper);clip-path:url(#paper)}to{-webkit-clip-path:url(#paper);clip-path:url(#paper)}}@keyframes card-ripped-top{25%{-webkit-clip-path:url(#paper);clip-path:url(#paper)}to{-webkit-clip-path:url(#paper);clip-path:url(#paper)}}.clash-card.ripped .bottom{-webkit-animation:card-ripped-bottom 2s forwards;animation:card-ripped-bottom 2s forwards;opacity:1}@-webkit-keyframes card-ripped-bottom{0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}25%{-webkit-clip-path:url(#paper-alternative);clip-path:url(#paper-alternative);-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}to{-webkit-clip-path:url(#paper-alternative);clip-path:url(#paper-alternative);-webkit-transform:translateY(3rem) rotate(35deg);transform:translateY(3rem) rotate(35deg)}}@keyframes card-ripped-bottom{0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}25%{-webkit-clip-path:url(#paper-alternative);clip-path:url(#paper-alternative);-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}to{-webkit-clip-path:url(#paper-alternative);clip-path:url(#paper-alternative);-webkit-transform:translateY(3rem) rotate(35deg);transform:translateY(3rem) rotate(35deg)}}.clash-card .info{background:transparent;bottom:0;color:#fff;-webkit-filter:drop-shadow(1px 1px 2px #000);filter:drop-shadow(1px 1px 2px black);position:absolute;right:0}.other-player .fight{-webkit-animation:other-card-fight 2s;animation:other-card-fight 2s}@-webkit-keyframes other-card-fight{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}75%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes other-card-fight{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}75%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.clash{grid-gap:5rem;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;height:100%;left:0;padding:5rem;pointer-events:none;position:absolute;top:0;touch-action:none;width:100%;z-index:100}.clash .other-player .clash-card{margin-top:auto}.clash .cards{background:orange;display:flex}.clash .masks{max-height:0;overflow:hidden}.info{background:#fff;display:flex;grid-area:info}.info .rounds{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.info .round{display:flex;flex-direction:row}.info .round .icon{height:1.25rem;margin-left:.5rem;width:auto}.card{height:10rem;max-height:10vw;max-width:8vw;-webkit-perspective:2000px;perspective:2000px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:7rem;z-index:1}.card-handler{touch-action:none;z-index:10}.card .content{height:100%;-webkit-perspective:2000px;perspective:2000px;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:100%}.card .content.flipped{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card .content .back,.card .content .front{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;left:0;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}.card .content .back{background:radial-gradient(#313233,#1e1e1e);border:.15rem solid #ff9f00;border-radius:8px;padding:.15rem;-webkit-transform:rotateY(180deg) translateZ(1px);transform:rotateY(180deg) translateZ(1px)}.card .content .back .inner{border:.15rem solid #ff9f00;border-radius:6px;height:calc(100% - .25rem)}.card .content img{height:100%;object-fit:cover;width:100%}.hand .card{margin-left:-6rem;-webkit-transform-origin:50% 300%;transform-origin:50% 300%;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.hand.player .content:hover{-webkit-transform:translateY(-15px) translateZ(10px);transform:translateY(-15px) translateZ(10px)}.field .card{margin:auto 0}.deck .card-handler{bottom:0;box-shadow:-2px 2px 2px 0 rgba(0,0,0,.627);left:0;position:absolute}.deck .card-handler:first-child{margin-bottom:.2rem;margin-left:.2rem;z-index:1}.deck .card-handler:nth-child(2){margin-bottom:.4rem;margin-left:.4rem;z-index:2}.deck .card-handler:nth-child(3){margin-bottom:.6rem;margin-left:.6rem;z-index:3}.deck .card-handler:nth-child(4){margin-bottom:.8rem;margin-left:.8rem;z-index:4}.deck .card-handler:nth-child(5){margin-bottom:1rem;margin-left:1rem;z-index:5}.deck .card-handler:after{box-shadow:inset -5px 5px 15px 0 hsla(0,0%,100%,.816);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.deck{background:gold;display:flex;grid-area:deck;height:100%;width:100%}.deck .cards{height:10rem;margin:auto;max-height:10vw;max-width:8vw;position:relative;width:7rem}.field{grid-gap:1rem;display:grid;grid-area:field;grid-template-columns:1fr;grid-template-rows:1fr 1fr;touch-action:none}.field .cards{background:orange;display:flex}.hand{background:red;display:flex;grid-area:hand;justify-content:center;-webkit-perspective:2000px;perspective:2000px;touch-action:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.other-player.hand{grid-area:other-hand;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.game{grid-gap:1rem;background-color:#333;display:grid;grid-template-areas:"other-hand other-hand other-hand other-hand" "info field field deck" "info field field deck" "hand hand hand hand";grid-template-columns:1fr 2fr 2fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;height:50rem;margin:auto;max-height:100vh;position:relative;width:100%}.game .overlay{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}
/*# sourceMappingURL=main.67b5c82a.css.map*/