@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";@import"https://fonts.googleapis.com/css2?family=Pacifico&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@900&display=swap";*{margin:0;padding:0}body{background-color:#181818;color:#ccc;font-family:Roboto,sans-serif}#root{overflow-y:scroll;height:100vh}:root{--theme-color: #5BB6FF}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background-color:#0ff}.ScoreHeading{text-align:center;letter-spacing:.5em;font-size:4em;font-family:Pacifico,cursive;margin:10px auto}.ScoreHeading>.SlashSpan{position:relative}.ScoreHeading>.SlashSpan:after{content:"";position:absolute;top:44px;left:-16px;rotate:45deg;background-color:#ccc;width:1.5em;height:10px;border-radius:10px}.StartGameBtn{display:block;font-size:2em;border-radius:10px;border:none;padding:15px 40px;margin:10px auto;background-color:var(--theme-color, aqua);position:relative;overflow:hidden}.StartGameBtn>p{position:relative;z-index:1;color:#ccc;transition:1s ease-in-out}.StartGameBtn:after,.StartGameBtn:before{content:"";position:absolute;left:-20px;width:200px;height:200px;bottom:var(--bottom, 30%);border-radius:40%;background-color:#181818;animation:rotateWave 3s linear infinite;transition:1s ease-in-out}.StartGameBtn:after{bottom:var(--bottom, 15%);border-radius:35%;opacity:.6;animation:rotateWave 4s linear infinite}.StartGameBtn:hover{--bottom: 110% }.StartGameBtn:hover>p{color:#000}.roomIdShareDiv{display:flex;justify-content:center;align-items:center;gap:1em}.roomIdShareDiv>strong{color:#0f0}.roomIdShareDiv>button{padding:10px;border-radius:10px;border:none;background-color:#333;color:#ccc;font-size:1.2em}@keyframes rotateWave{0%{rotate:0deg}to{rotate:360deg}}body{height:100svh;overflow:hidden}.JoiningPageheading{font-size:5em;text-align:center;font-family:Cinzel Decorative,cursive;margin:50px auto}.JoinMeetingDiv{display:grid;border-radius:10px;padding:20px;background-color:#333;gap:1em;width:300px;min-height:300px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.JoinMeetingDiv>p{display:none;color:#c00;background-color:#ff9a9a;border-radius:10px;padding:10px 10px 10px 30px}.JoinMeetingDiv>input{background-color:#444;border:none;font-size:1.2em;padding:10px 20px;color:#ccc;outline:none;border-radius:10px;text-align:center}.JoinMeetingDiv>.linkBtn,.JoinMeetingDiv>button{border-radius:10px;padding:10px;border:none;background-color:#444;color:#ccc;font-size:1.2em;text-decoration:none;text-align:center;transition:.2s ease-in-out}.JoinMeetingDiv>button:hover{scale:.95}.JoinMeetingDiv>.orSeprator{display:flex;align-items:center;justify-content:space-evenly}.JoinMeetingDiv>.orSeprator>hr{width:33%}.wave{position:fixed;bottom:0;width:100vw;display:flex;align-items:center;justify-content:center}#glow{position:absolute;top:0;filter:blur(50px)}.BingoGridDiv{position:relative;display:grid;grid-template-columns:repeat(5,75px);width:400px;height:400px;margin:10px auto;text-align:center;justify-content:space-between}.BingoGridDiv>.GridBox{padding:10px;background-color:#333;border-radius:15px;width:75px;height:75px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;font-size:2em;-webkit-user-select:none;user-select:none;transition:.1s ease-in-out}.BingoGridDiv>.GridBox:hover{opacity:.9;scale:.9}.BingoGridDiv>.CompleteLine{position:absolute;width:0%;opacity:0;box-sizing:border-box;border-radius:10px;padding:5px;background-color:#ccc;top:calc(var(--top, 0px) * 35px);left:calc(var(--left) * 35px);transform-origin:left;transition:.3s ease-in-out}.BingoGridDiv>.vr{rotate:90deg;top:-6px!important}.BingoGridDiv>.hr1{--top: 1}.BingoGridDiv>.hr2{--top: 3.3}.BingoGridDiv>.hr3{--top: 5.5}.BingoGridDiv>.hr4{--top: 7.8}.BingoGridDiv>.hr5{--top: 10}.BingoGridDiv>.vr1{--left: 1}.BingoGridDiv>.vr2{--left: 3.4}.BingoGridDiv>.vr3{--left: 5.7}.BingoGridDiv>.vr4{--left: 8}.BingoGridDiv>.vr5{--left: 10.4}.cr1{top:35px!important;left:35px!important;rotate:45deg;width:0%!important}.cr2{top:35px!important;left:90%!important;rotate:135deg;width:0%!important}.showLine:not(.cr1,.cr2){width:100%!important;opacity:1!important}.showLine:is(.cr1,.cr2){width:115%!important;opacity:1!important}.UserListDiv{border-top:1px solid #ccc;display:grid;gap:1em;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:30px 0;margin:30px 0}.UserListDiv>.activeTurn{background-color:var(--theme-color, aqua)!important;color:#000}.UserListDiv>.UserDiv{background-color:#333;border-radius:60px;display:flex;height:50px;text-align:center;align-items:center}.UserListDiv>.UserDiv>.UserImg{width:60px}.UserListDiv>.UserDiv>.userDetail{width:100%;display:flex;flex-direction:column;justify-content:space-evenly}.ResultModelDiv{position:fixed;top:-100%;left:50%;transform:translate(-50%,-50%);width:300px;padding:20px;border-radius:10px;border:50vh solid #000;background-color:#333;z-index:10;transition:.3s ease-in-out;display:grid;gap:1em}.ResultModelDiv>button{padding:1em;border-radius:10px;border:none;background-color:var(--theme-color, aqua)}.showResultModelDiv{top:50%!important}.PreLoader{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000000c5;display:flex;align-items:center;justify-content:center;z-index:10}.PreLoader .loadingAnimation{display:flex;gap:1em}.PreLoader .loadingAnimation>.animationSphere{border-radius:50%;background-color:var(--theme-color, aqua);padding:.5em;animation:sphereAnimate 1s ease-in-out calc(var(--i) * .1s) infinite}.hideLoading{display:none}@keyframes sphereAnimate{0%{transform:translateY(0)}50%{transform:translateY(-1em)}to{transform:translateY(0)}}