:root{--light:#bad1d9;--grey:#bad1d9;--dark:#101a29;--darker:#0e1421;--blue:#5288ba;--blueDarker:#4276a7;--yellow:#e6b424;--yellowDarker:#bb8f0d;--cyan:#0aa4bd;--cyanDarker:#0a8fa3;--red:#c12f2f;--redDarker:#a22;--pink:#c93e71;--pinkDarker:#a82a58;--purple:#b97cb1;--purpleDarker:#975b8f;--orange:#e35535;--orangeDarker:#c54528;--green:#a9dc6a;--greenDarker:#84b14c;--borderRadius:14px;--containerWidth:95%}.lds-ellipsis{display:inline-block;height:80px;margin:0 auto;position:relative;width:80px}.lds-ellipsis div{animation-timing-function:cubic-bezier(0,1,1,0);background:#fff;border-radius:50%;height:13px;position:absolute;top:33px;width:13px}.lds-ellipsis div:first-child{animation:lds-ellipsis1 .6s infinite;left:8px}.lds-ellipsis div:nth-child(2){animation:lds-ellipsis2 .6s infinite;left:8px}.lds-ellipsis div:nth-child(3){animation:lds-ellipsis2 .6s infinite;left:32px}.lds-ellipsis div:nth-child(4){animation:lds-ellipsis3 .6s infinite;left:56px}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-name:headShake;animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}@keyframes fadeInUp{0%{opacity:.25;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.fadeInUp{animation:fadeInUp .5s ease-in forwards}body,html{margin:0;padding:0}body{background:var(--dark);color:var(--blue);font-family:sans-serif;font-size:22px;text-align:center}:disabled{cursor:not-allowed;opacity:.5}code{background:#fff2f412;color:var(--pink)}a{color:var(--cyan)}label{display:block;margin-bottom:25px}input{background:transparent;border:3px solid var(--cyan);border-radius:var(--borderRadius);color:var(--light);font-size:2rem;padding:20px 30px}input:focus{border:3px solid var(--light);box-shadow:0 0 8px var(--light);outline:none}.button,button{background:var(--cyan);border:none;border-radius:var(--borderRadius);color:var(--dark);cursor:pointer;display:inline-block;font-size:2rem;margin-bottom:25px;outline:none;padding:20px;text-decoration:none}.button:hover,button:hover{background:var(--cyanDarker);color:var(--darker)}.bg-light{background-color:var(--light)}.bg-dark{background-color:var(--dark)}.bg-darker{background-color:var(--darker)}.bg-blue{background-color:var(--blue)}.bg-yellow{background-color:var(--yellow)}.bg-cyan{background-color:var(--cyan)}.bg-cyanDarker{background-color:var(--cyanDarker)}.bg-red{background-color:var(--red)}.bg-pink{background-color:var(--pink)}.bg-purple{background-color:var(--purple)}.bg-orange{background-color:var(--orange)}.bg-green{background-color:var(--green)}.bg-light:hover{background-color:var(--light);background-color:var(--grey)}.bg-dark:hover{background-color:var(--darker)}.bg-darker:hover{background-color:#000}.bg-blue:hover{background-color:var(--blueDarker)}.bg-yellow:hover{background-color:var(--yellowDarker)}.bg-cyan:hover{background-color:var(--cyanDarker)}.bg-cyanDarker:hover{background-color:var(--cyanDarkerDarker)}.bg-red:hover{background-color:var(--redDarker)}.bg-pink:hover{background-color:var(--pinkDarker)}.bg-purple:hover{background-color:var(--purpleDarker)}.bg-orange:hover{background-color:var(--orangeDarker)}.bg-green:hover{background-color:var(--greenDarker)}.text-light{color:var(--light)}.text-dark{color:var(--dark)}.text-darker{color:var(--darker)}.text-blue{color:var(--blue)}.text-yellow{color:var(--yellow)}.text-cyan{color:var(--cyan)}.text-cyanDarker{color:var(--cyanDarker)}.text-red{color:var(--red)}.text-pink{color:var(--pink)}.text-purple{color:var(--purple)}.text-orange{color:var(--orange)}.text-green{color:var(--green)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.d-none{display:none}.d-inline-block{display:inline-block}.container{display:block;margin:0 auto;max-width:var(--containerWidth);width:100%}body.home h1{font-size:6rem}body.game header{display:grid;grid-template-areas:"gameId miniPlayers roundStatus";margin-bottom:30px;padding:15px 0;width:100%}body.game header h1,body.game header h2,body.game header p{margin:0}#game-settings{justify-content:center}#game-settings,#playing-field{align-items:center;display:flex;flex-direction:column}body.game header h1{grid-area:gameId}#round-status{grid-area:roundStatus}#mini-players{display:flex;font-size:2.2rem;grid-area:miniPlayers;justify-content:space-around}#alive{grid-gap:30px;display:grid;grid-template-columns:repeat(3,1fr);width:100%}.player{background:var(--darker);border-radius:var(--borderRadius);display:grid;grid-template-areas:"playerCard      playerCard" "playerName      playerName" "decisionSpinner decisionSpinner" "countDown       countDown" "stayButton      passButton";grid-template-columns:1fr}.player-card{grid-area:playerCard}.player-name{grid-area:playerName}.card{align-items:center;color:var(--light);display:flex;flex-direction:column;font-size:92px;justify-content:center;margin-top:15px}.card .symbol{font-size:62px;line-height:62px}.decision{color:var(--dark);padding:2px 10px}.decision.PASS{background:var(--orange)}.decision.BLOCKED{background:var(--red)}.decision.STAY{background:var(--green)}.decision-button{border-top-left-radius:0;border-top-right-radius:0;display:inline;font-size:1.4rem;margin-bottom:0}#stay-button{border-bottom-right-radius:0;grid-area:stayButton}#pass-button{border-bottom-left-radius:0;grid-area:passButton}#decision-spinner{grid-area:decisionSpinner}.lives{color:var(--pink);display:block;font-size:3rem;margin-bottom:15px}.player.K,.player.winner{background-color:var(--yellow)!important;color:var(--dark)}.winner{grid-template-columns:1fr}.winner .player-card{display:none}.lost-life{background-color:var(--red)!important;border-color:var(--red)}#alive>.K .lives,#alive>.K .symbol,#alive>.winner .lives,#alive>.winner .symbol,.lost-life,.lost-life .lives,.lost-life .symbol{color:var(--dark)}#dead .lives{font-size:1.8rem}#logs{background:var(--darker);display:none;font-size:.8rem;max-height:auto;overflow-y:auto;padding:15px}#logs>*{margin-bottom:10px;margin-top:0}#logs>:first-child{border-bottom:1px dashed var(--blue);color:var(--light);display:inline-block;font-size:1.8rem;margin-bottom:15px}#countdown{animation:countdownAnimation 25s ease-out 1 forwards;background-color:var(--cyan);grid-area:countDown;height:5px;max-width:100%}@keyframes countdownAnimation{0%{background-color:var(--green);width:100%}40%{background-color:var(--yellow)}75%{background-color:var(--red)}to{background-color:var((--redDarker));width:0}}@media(max-width:767px){.lds-ellipsis{height:40px}.lds-ellipsis div{top:18px}body.home h1{font-size:4rem}body.game{font-size:15px}body.game header{display:grid;grid-template-areas:"gameId      roundStatus" "miniPlayers miniPlayers";margin-bottom:13px}body.game header h1{font-size:1.5rem}body.game header h2{font-size:1.25rem}body.game main{display:block;margin:0 auto;max-width:var(--containerWidth)}.button,button,input{font-size:1.25rem}#mini-players{font-size:1.75rem;margin-top:20px}#alive{display:block}.card{font-size:35px;margin-top:5px}.player h3{font-size:1.25rem}.lives{font-size:1.5rem;margin-bottom:5px}.player{display:grid;grid-template-areas:"playerName playerCard";margin-bottom:10px}.player,.player.deciding{grid-template-columns:1fr 1fr}.player.deciding{grid-template-areas:"playerName decisionSpinner"}.player.deciding.me{grid-template-areas:"stayButton playerCard      passButton" "stayButton decisionSpinner passButton" "stayButton countDown       passButton";grid-template-columns:1fr 3fr 1fr}.player.deciding.me .player-name,.player.deciding:not(.me) .card{display:none}.decision-button{text-orientation:upright;writing-mode:vertical-rl}#stay-button{border-top-left-radius:var(--borderRadius)}#pass-button{border-top-right-radius:var(--borderRadius)}.card{align-items:center;flex-direction:row;font-size:52px;justify-content:center}.card .symbol{font-size:36px}#alive h3{margin:0 0 5px}#logs{border-radius:var(--borderRadius);height:auto}}
/*# sourceMappingURL=style.min.css.map*/