.textInput{height:1.8rem;width:200px;border:solid 1px grey;border-radius:.4rem;font-size:1.2rem}.textInputContainer{display:flex;width:clamp(300px,300px,100vw);align-items:center;justify-content:space-between;margin:0 auto}.textInputLabel{font-size:20px}.form{display:flex;flex-direction:column;gap:.5rem;margin-block:1rem}.buttonDiv{display:flex;margin:0 auto;justify-content:center;gap:1rem;flex-wrap:wrap;padding:1rem;width:95%}button{border:solid 1px grey;font-size:18px;border-radius:.5rem;padding:.8rem 1.6rem;width:fit-content}button:hover{cursor:pointer}.primaryButton{background-color:#0055cdd9;color:#efefef;min-width:120px}.logo{width:100px;border-radius:50%;float:left}.loginPage{display:flex;flex-direction:column;align-items:center;margin-top:10vh}.loginPage .textInputContainer{gap:1rem;justify-content:flex-end}.loginPage .textInputContainer input{padding-inline:.2rem}.secondaryButton{background-color:#efefef;border-color:#6a6a6a;font-size:16px;min-width:120px}.secondaryButton:hover{border-color:#00f}.gamePage .buttonDiv .secondaryButton{min-width:160px}.modalInner .secondaryButton{min-width:120px}.gameListItem{display:grid;width:100%;grid-template-columns:1fr 1fr;padding:.1rem;align-items:center;text-align:center}.gameListItem .buttonDiv{padding:0;gap:.3rem;min-width:250px;transform:scale(.6);height:fit-content}.gameListItem p{margin:0;font-size:20px;color:#3c1067}.closeModalButton{position:absolute;top:10px;right:10px;padding:.1rem!important;height:28px;width:28px;font-size:12px;animation:fadeIn;animation-duration:1s}.closeModalButton:hover{transform:scale(1.1);border-color:#0f2aaf}.modalOuter{display:flex;padding-block:1rem;height:100vh;width:100vw;background-color:#808080eb;position:fixed;z-index:11;top:0;left:0;overflow:scroll}.modalInner{margin:0 auto;display:flex;width:clamp(70%,80%,90%);position:relative;align-items:center;justify-content:center;flex-direction:column;background-color:beige;padding:2rem;border-radius:1rem;height:fit-content}.modalInner h2{margin:0}.modalInner .secondaryButton{min-width:120px!important}.modalInner .buttonDiv{transform:scale(1);padding:0}.modalInner p{margin:1rem 0 1.5rem;color:#000;font-size:18px}.gamelist{display:flex;margin:0 auto;flex-direction:column;justify-content:space-between;align-items:center;background-color:#efefef;padding-block:1rem;border-radius:1rem;width:95%;border:solid 2px #3c1067}nav a{text-decoration:none;float:right;top:0;line-height:100px;height:100px;width:100px;text-align:center;color:#720d4a}nav a:hover{transform:scale(1.2);color:#00f}.homePage{display:flex;flex-direction:column;align-items:center}.playerboard{display:flex;flex-direction:column;background-color:beige;transition:background-color;transition-duration:.5s;padding:1rem;align-items:center;border-radius:.5rem;width:120px;min-height:120px;position:relative;box-shadow:4px 4px 2px #7c745bb0}h4{margin:0}.playerScore{color:#939393;transform:scale(.8)}.radioButtonDiv{display:flex;gap:.4rem}.frozen{background-color:#d5d5d5;transition:background-color;transition-duration:.7s}.stats{background-color:#ebf2ff}.frozen button,.playerboard label{animation:fadeIn;animation-duration:.7s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes flip{0%{opacity:0}to{opacity:1;transform:rotateY(180deg)}}.statsDiv{display:grid;animation:fadeIn;animation-duration:.7s;grid-template-columns:1fr 1fr;padding-top:.5rem}.freezePlayer{position:absolute;padding:.1rem}.freezePlayer:hover{transform:scale(1.1);border-color:#0f2aaf}.unfreeze{top:75px;height:50px;width:50px}.freeze{top:10px;left:10px;height:28px;width:28px}.radioLabel{display:flex;flex-direction:column;align-items:center;position:relative;text-align:center;font-size:14px;background-color:#e5e0c9;color:#3c1067;padding:.3rem;border-radius:.3rem;margin-top:.7rem;box-shadow:2px 2px 1px #77706354}input[type=radio]{display:none}.radioLabel:before{content:"";height:2em;width:2em;border:2px solid #3c1067;border-radius:50%}input[type=radio]:checked+.radioLabel:before{height:1em;width:1em;border:.65em solid #e5e0c9;background-color:#3c1067}input[type=radio]:disabled+.radioLabel{opacity:.6}input[type=radio]:checked+.radioLabel{background-color:#3c1067;color:#e5e0c9}.gameboard{display:flex;justify-content:center;width:95%;background-color:#47cf18bf;border-radius:1rem;margin:1rem auto;border:grey solid 1px;position:relative;animation:fadeIn;animation-duration:1s}.gameboard form{flex-direction:row!important;flex-wrap:wrap;justify-content:space-evenly}.gameTitle{text-align:center;padding-block:1rem .5rem}.potTotal{width:100%;padding:.3rem;text-align:center}.potTotal h3,h2{margin:0}.potTotal h3{font-size:14px;color:#6a6a6a}.total{font-size:20px;color:#3c1067}#statsButton{position:absolute;min-width:50px;height:50px;padding:0;top:10px;left:10px}.loader{width:50px;padding:8px;aspect-ratio:1;border-radius:50%;background:#3c1067;--_m: conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear}.buedButton{background-color:red}@keyframes l3{to{transform:rotate(1turn)}}.undoButton{width:50px;height:50px;font-size:30px;font-weight:700;padding:0;position:absolute;top:10px;right:10px;background-color:#efefef;border-color:#6a6a6a}.undoButton:hover{transform:scale(1.1);border-color:#0f2aaf}.numberInput{height:1.8rem;width:75px;border:solid 1px grey;border-radius:.4rem;font-size:1.2rem;text-align:end}.scoreboard{margin-top:1rem;padding:.3rem;border:solid black 2px;border-radius:.5rem;background-color:#efefef;font-size:.6rem;animation:fadeIn;animation-duration:1s}th{color:#720d4a}.SBPotTotal{color:#0f2aaf}.addPlayerDiv{padding:1rem}.buyIn{margin:0 auto;text-align:center;color:#6a6a6a;font-size:14px}span{font-weight:700}.gamePage,.gameDetailsPage,.homePage{animation:fadeIn;animation-duration:2s}body{margin:0}.alert{position:fixed;z-index:100;top:30px;right:30px;display:flex;align-items:center;justify-content:center;background-color:#efefef;border:#3c1067 solid 2px;color:#3c1067;padding:2rem;border-radius:1rem;animation:pop-up;animation-duration:.5s}.alert .closeModalButton{transform:scale(.8)}@keyframes pop-up{0%{transform:scale(0)}to{transform:scale(1)}}.playerInput{display:flex;width:fit-content;margin:0 auto;gap:1rem}.playerScoreInput{width:fit-content!important}.gameDetailsPage{display:flex;flex-direction:column;align-items:center}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}