:root{font-family:Arial,Helvetica,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#3a3e41;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;margin:0;background-image:url(/assets/background-CadhNoFN.jpg)}body{margin:0}.bg{display:flex;align-items:flex-start;justify-content:center;overflow:hidden;width:100svw;height:100svh}.cont{position:relative;z-index:10;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100vw;height:100vh;overflow:hidden}.bgImg{position:absolute;top:0%;left:0%;animation:pulseAni 15s ease-in-out infinite both;z-index:0}.bgFrost{position:absolute;top:0%;left:0%;width:100vw;height:100vh;background-color:#fff;filter:blur(2px);z-index:3}@keyframes pulseAni{0%{scale:1.03}50%{scale:1}to{scale:1.03}}.title{font-size:5em;font-weight:700;margin-top:.2em}.titleTitle{font-size:6em;font-weight:800;margin-bottom:1em;margin-top:1em}.loginCont{display:flex;align-items:center;justify-content:space-between;flex-direction:column;background-color:#ffffff3d;border-color:#fffb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-width:1px;border-style:solid;border-radius:.5em;width:30em;height:30em;overflow:hidden;animation:appear .4s ease-in-out both}.inputCont{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:1em;width:80%}.namePrompt{font-size:1.2em;margin-left:1em;text-align:start;width:94%}.errorText{font-size:1.2em;margin-left:1.8em;text-align:start;width:93%;color:#ff0000a8;padding-top:.4em}.nameInput{width:80%;border-radius:.4em;border-width:1px;border-style:solid;font-size:2em;padding:.5em;background-color:#615d6e;border-color:#fffb}.loginButton{width:15em;height:3em;background-color:#8966f2;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:100em;font-weight:700;margin:2em;font-size:1.5em}.loginButton:active{opacity:.5}.homeCont{display:flex;align-items:center;justify-content:center;flex-direction:row;height:100svh;flex-wrap:wrap;animation:appear .4s ease-in-out both}@keyframes appear{0%{opacity:0}to{opacity:1}}.welcomeTitle{font-size:5em;font-weight:700;margin:.4em;line-height:1.4em}.yapping{text-wrap:wrap;width:100%;max-width:40em;font-size:1.3em}.leftCont{display:flex;align-items:start;justify-content:center;flex-direction:column;margin:3em}.rightCont{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:3em}.matchmakeButton{width:15em;height:3em;background-color:#8966f2;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:100em;font-size:2em;margin-bottom:1em;margin-left:1em;margin-right:1em}.matchmakeButton:active{opacity:.8}.matchmakeCont{display:flex;align-items:start;justify-content:center;flex-direction:column;margin-top:2em}.matchmakingStatus{font-size:1.2em;font-weight:800;padding-left:3em;text-align:start;margin-top:1em}.logoutButton{margin:0;width:10em;height:3em;text-align:center;align-self:center;display:flex;align-items:center;justify-content:center;border-radius:100em;font-size:.8em;background-color:#8966f2;font-weight:700}.logoutButton:active{opacity:.5}.statsCont{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:.5fr 1fr 1fr;align-items:center;justify-content:center;flex-direction:column;background-color:#ffffff3d;border-color:#fffb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-width:1px;border-style:solid;border-radius:.5em;padding:1em}.statsTitle{width:100%;text-align:start;margin-left:.4em;font-weight:700;font-size:3em}.statCont{background-color:#0ff;border-radius:1em;display:flex;padding:1em;align-items:start;justify-content:center;flex-direction:column;margin:.5em}.statTitle{font-weight:500;font-size:1.4em}.stat{font-size:2.5em;font-weight:700}.c1{background-color:#ffb429}.c2{background-color:#02c802}.c3{background-color:#ca1dcad5}.c4{background-color:#ff2929da}.mobileCont{display:flex;align-items:center;justify-content:space-between;flex-direction:column;height:100svh}.faceCont{display:flex;align-items:center;justify-content:center;background-color:#ffffff3d;border-color:#fffb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-width:1px;border-style:solid;border-radius:100em;padding:.5em;margin:1em}.faceSelectorImg{width:3em;height:3em;border-radius:100em;padding:1em}.selected{background-color:#808080c3}.gameCont{height:100svh;display:flex;align-items:center;justify-content:space-between;flex-direction:column;z-index:100}.cardsCont{z-index:100;width:30em;height:100svh;position:absolute}.myInfoBut{display:flex;align-items:center;justify-content:center;flex-direction:column}.infoCont{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-left:2.5em}.faceImg{width:5em;height:5em;margin:1em}.myInfo{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;background-color:#ffffff3d;border-color:#fffb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-width:1px;border-style:solid;border-radius:.5em;width:30em;height:19vh;margin:1em}.opInfo{margin:1em;width:30em;height:19vh;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;background-color:#ffffff3d;border-color:#fffb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-width:1px;border-style:solid;border-radius:.5em}.name{font-size:2em;font-weight:800;margin:.1em}.playMoveButton{z-index:300;width:17em;background-color:#8966f2;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:100em;font-size:1.4em;padding:1em;margin:1em}.cardIMG{width:5em;aspect-ratio:9/13;top:0%;left:0%;border-radius:.8em;border-width:.1em;border-style:solid;border-color:#000}.cardCont{left:30%;top:45%;position:absolute;transition:left .4s,top .4s}.GameEndCont{background-color:#ffffff3d;border-color:#fffb;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-width:1px;border-style:solid;width:30em;height:20em;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;border-radius:1em;position:absolute;top:25%;z-index:80;transition:opacity .4s}.GameEndTitle{font-size:4em;font-weight:700;margin:.3em}.GameEndDesc{font-size:1.2em;margin:1em}.leaveButton{width:5em;height:5em;background-color:#8966f2;border-radius:.8em;margin:1em;display:flex;align-items:center;justify-content:center;z-index:1000}.unactive{opacity:.3}.leaveButtonImg{width:50%}.gameButtonCont{margin:1em;display:flex;justify-content:flex-end}.newGameButton{width:5em;height:5em;background-color:#8966f2;border-radius:.5em;margin:1em}