@import url(https://fonts.googleapis.com/css2?family=Inter:wght@900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;800;900&display=swap);.CardComponent_card__jGw\+T{--width:100px;--height:138px;cursor:pointer;font-family:Inter,sans-serif;perspective:500px;position:relative;width:var(--width);z-index:5}.CardComponent_card__jGw\+T .CardComponent_inner__hS4Hs{height:var(--height);transform-style:preserve-3d;transition:transform .6s}.CardComponent_card__jGw\+T:not(.CardComponent_shown__ipmZ0) .CardComponent_inner__hS4Hs{transform:rotateY(180deg)}.CardComponent_card__jGw\+T:not(.CardComponent_mine__nWhUX){cursor:not-allowed}.CardComponent_card__jGw\+T .CardComponent_back__RZrvi,.CardComponent_card__jGw\+T .CardComponent_front__kqt6T{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#f9fcfa;border-radius:4px;height:var(--height);left:0;padding:8px 0;position:absolute;top:0;width:100%}.CardComponent_card__jGw\+T .CardComponent_back__RZrvi{align-items:center;background-color:#511b20;box-shadow:0 10px 15px #0003;color:#fff;display:flex;flex-direction:column;justify-content:center;transform:rotateY(180deg)}.CardComponent_card__jGw\+T .CardComponent_back__RZrvi p{margin-bottom:5px}.CardComponent_card__jGw\+T .CardComponent_back__RZrvi p:first-child{transform:rotate(180deg)}@media screen and (max-width:650px){.CardComponent_card__jGw\+T{--width:80px;--height:105px}.CardComponent_card__jGw\+T .CardComponent_front__kqt6T{border-radius:3px;padding:6px 0}.CardComponent_card__jGw\+T .CardComponent_back__RZrvi{border-radius:3px;font-size:12px}}.Shape_shape__mwPQB{--width:50px;background-color:#511b20;height:var(--width);width:var(--width)}.Shape_shape__mwPQB:not(.Shape_small__KayZk){margin:10px auto}.Shape_circle__4bK4C{border-radius:50%}.Shape_triangle__L-CFC{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.Shape_cross__6NYFQ{background-color:initial;position:relative}.Shape_cross__6NYFQ:after,.Shape_cross__6NYFQ:before{background-color:#511b20;content:"";position:absolute}.Shape_cross__6NYFQ:before{height:100%;left:50%;transform:translateX(-50%);width:calc(var(--width)/2)}.Shape_cross__6NYFQ:after{height:calc(var(--width)/2 - 6.25%);left:50%;top:50%;transform:translate(-50%,-50%);width:115%}.Shape_star__RtAYX{background-color:initial;display:block}.Shape_shape__mwPQB.Shape_small__KayZk{--width:7px}@media screen and (max-width:650px){.Shape_shape__mwPQB{--width:40px}.Shape_shape__mwPQB:not(.Shape_small__KayZk){margin:4px auto}}.Number_number__0\+1xr{padding-left:6px}.Number_number__0\+1xr p{color:#000!important;font-size:12px;margin-bottom:3px;text-align:none!important}.Number_reverse__40DeI{align-items:flex-end;transform:rotate(180deg)}@media screen and (max-width:650px){.Number_number__0\+1xr p{font-size:9px}}.CardNumber_number__VTM65{--width:30px;background-color:#e9c256;color:#000;font-weight:800;height:var(--width);line-height:var(--width);margin-top:15px;text-align:center;width:-webkit-fit-content;width:fit-content;width:var(--width)}@media screen and (max-width:650px){.CardNumber_number__VTM65{--width:20px;border-radius:50%;font-size:12px;margin-top:15px}}.CenterArea_center_area__XiVbX{display:grid;grid-auto-flow:column;margin:50px auto;max-width:500px;place-items:center}@media screen and (max-width:650px){.CenterArea_center_area__XiVbX{margin:90px auto}}.InfoButton_button__Fn8Qh{all:unset;align-items:center;background-color:#fff;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.InfoText_text__aqwhJ{background-color:#fff;color:#000;left:-70px;margin-bottom:20px;min-height:90px;opacity:1;padding:10px;position:relative;transform:translateY(0);transition:transform .3s,opacity .3s;width:200px}.InfoText_text__aqwhJ.InfoText_hidden__CT5yR{opacity:0;transform:translateY(10px)}.InfoText_text__aqwhJ:before{border:10px solid #0000;border-top-color:#fff;bottom:-19.5px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}@media screen and (max-width:900px){.InfoText_text__aqwhJ{font-size:14px;left:-60px;min-height:70px;width:150px}}@media screen and (max-width:650px){.InfoText_text__aqwhJ{font-size:13px;font-weight:600;min-height:60px;padding:9px}}.InfoArea_info_area__r7OMv{left:120px;position:absolute;top:100px}@media screen and (max-width:1180px){.InfoArea_info_area__r7OMv{top:220px}}@media screen and (max-width:900px){.InfoArea_info_area__r7OMv{bottom:30px;left:auto;right:-55px;top:auto}}@media screen and (max-width:650px){.InfoArea_info_area__r7OMv{left:10%;top:40%}}.GameOver_game_over__gllVN{background-color:#ffffffb3;color:#fff;height:100%;left:0;opacity:1;position:fixed;top:0;transform:translateY(0);transition:transform .4s,opacity .4s;width:100%;z-index:998}.GameOver_game_over__gllVN.GameOver_hidden__4VgHg{opacity:0;transform:translateY(10px);z-index:-1}.GameOver_inner__Ckzwb{background-color:#1f2833;border-radius:5px;box-shadow:0 7px 7px #0003;left:50%;min-width:290px;padding:20px;position:absolute;text-align:center;top:150px;transform:translateX(-50%)}.GameOver_title__7\+vsZ{color:#fff;font-weight:800;margin-bottom:5px}.GameOver_btn__L5Wtq{all:unset;background-color:#1098f7;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-bottom:30px;margin-top:18px;padding:5px 30px;text-align:center;width:100px}.Preloader_preloader__TnsD9{align-items:center;animation:Preloader_disappear__Y-1eK 1s 3s 1 forwards;background-color:#1f2833;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;overflow:hidden;padding:10px;position:fixed;top:0;width:100%;z-index:999}.Preloader_preloader__TnsD9>p{color:#fff;font-weight:700;margin-top:50px;text-align:center}.Preloader_stopBtn__OvtcN{bottom:10px;position:absolute;right:10px}.Preloader_animation_area__dUm2a{animation:Preloader_move__Y\+3lr 1.2s ease-in-out 8 alternate;transform:scale(1.2) translateX(0)}@keyframes Preloader_move__Y\+3lr{0%{transform:translateX(-100%) scale(1.2)}50%{transform:translateX(100%) scale(1.2)}to{transform:translateX(-100%) scale(1.2)}}@keyframes Preloader_disappear__Y-1eK{to{opacity:0;transform:translateY(110%)}}.Footer_footer__Zp-c-{bottom:50px;color:#000c;left:0;position:fixed;right:0;text-align:center}.Footer_footer__Zp-c- a{color:inherit}@media screen and (max-width:460px){.Footer_footer__Zp-c-{bottom:20px;font-size:.9em}}.ErrorPage_error__Us2kz{align-items:center;display:flex;flex-direction:column;gap:8px;height:100vh;justify-content:center;left:0;overflow:hidden;padding:10px;position:fixed;top:0;width:100%;z-index:12}.ErrorPage_error__Us2kz p{color:#fff;font-size:1.1em;font-weight:700;max-width:450px;text-align:center}.ErrorPage_error__Us2kz .ErrorPage_btn__O9S-D{all:unset;background-color:#66fcf1;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:30px;margin-top:18px;padding:5px 30px;text-align:center;width:100px}.OnlineIndicator_indicator__\+\+kw8{align-items:center;color:#fff;display:flex;font-size:.9em;gap:8px;padding:8px 15px;position:relative;z-index:1}.OnlineIndicator_indicator__\+\+kw8:after{background:linear-gradient(180deg,#ffffffa1,hsla(0,0%,100%,.385));border:.6x solid #fff;border-radius:5px;bottom:0;box-shadow:0 5px 38px #0009;content:"";filter:blur(.2px);left:0;position:absolute;right:0;top:0;z-index:-1}.OnlineIndicator_indicator__\+\+kw8:before{--size:10px;background-color:#fff;border-radius:50%;content:"";display:inline-block;height:var(--size);width:var(--size)}.OnlineIndicator_indicator__\+\+kw8.OnlineIndicator_online__wOBdz:before{background-color:#b2f466}.OnlineIndicators_indicators__MEwf0{bottom:0;display:flex;flex-direction:column;justify-content:space-between;padding:40px 0;position:fixed;right:120px;top:0;width:-webkit-max-content;width:max-content;z-index:3}@media screen and (max-width:900px){.OnlineIndicators_indicators__MEwf0{left:20px;right:auto}}.ConnectionLoader_loader__Njkml{align-items:center;background-color:#1f2833;display:flex;flex-direction:column;gap:8px;height:100vh;justify-content:center;left:0;overflow:hidden;padding:10px;position:fixed;top:0;width:100%;z-index:12}.ConnectionLoader_loader__Njkml p{font-size:1.1em;font-weight:700;max-width:450px;text-align:center}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif}.App{background-color:#1f2833;height:100vh;overflow:hidden;padding:60px 40px 10px}.scroll-container{margin:0 auto;max-width:650px;position:relative}.user{bottom:-5px;display:flex;height:-webkit-fit-content;height:fit-content;position:absolute;right:0}.user-opponent{left:0!important;top:-40px!important}.user img{width:30px}.user .username{color:#fff;font-size:13px;font-weight:700;margin-left:10px;padding-top:3px}.scroll-container .grid{grid-gap:10px;display:grid;grid-auto-flow:column;overflow:auto;padding-bottom:15px}.timer{display:flex;justify-content:center;margin-bottom:45px;margin-top:-100px;width:100%}.timer h6{color:#fff;font-size:20px;font-weight:700}@media screen and (min-width:700px){.scroll-container .grid::-webkit-scrollbar{border-radius:15px;height:4px}.scroll-container .grid::-webkit-scrollbar-track{background-color:initial}.scroll-container .grid::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:15px}}@media screen and (max-width:650px){.App{padding:170px 30px 10px}.scroll-container .grid{padding-bottom:7px}.scroll-container .grid::-webkit-scrollbar{border-radius:15px;display:none;height:4px}}.won{color:#28a745}.lost{color:#dc3545}.roundOverContainer{background-color:#8c8c8cb3;color:#fff;height:100vh;left:0;padding-top:150px;position:fixed;top:0;width:100vw;z-index:10}.roundOverContainer .grid{grid-gap:10px;display:grid;grid-auto-flow:column;overflow:auto;padding-bottom:15px;width:100px}.roundOverContainer .grid div{height:30px!important;width:30px!important}.roundoverBox{align-items:center;display:flex;justify-content:space-around;margin-top:20px;width:100vw}.roundOverContainer h5{font-size:18px;font-weight:700;text-align:center}.roundOverContainer h6{font-size:17px;font-weight:600}.roundOverContainer h4{font-size:20px;font-weight:800;text-align:center}.roundOverContainer p{font-size:14px;font-weight:600;margin-top:15px;text-align:center}.roundOverContainer .img_box{display:flex;justify-content:center}.roundOverContainer img{margin-bottom:10px;width:80px}.roundOverContainer .button_box{display:flex;justify-content:center;margin-top:15px}.roundOverContainer .btn{background-color:#66fcf1;border:none;border-radius:5px;font-family:Poppins,sans-serif;font-weight:600;padding:15px;width:70%}.home{color:#000000b3;height:100vh;margin:0 auto;max-width:550px;padding:40px 35px 35px}.home .title{margin-bottom:15px;text-align:center}.home .title span{position:relative}.home .title span:before{--inset:4px;background-color:#d7a31a;bottom:5px;content:"";height:5px;left:var(--inset);position:absolute;right:var(--inset);z-index:-1}.home .subtitle{color:#000000b3;margin-bottom:40px}.home main{grid-column-gap:40px;align-items:center;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.home main .image-container img{max-width:100%}.home main .btn-group{align-items:center;display:flex;flex-direction:column;gap:30px;text-align:center}.home main .btn-group p{color:#000000a8;font-weight:700}.home main .btn-group a{all:unset;border-radius:7px;cursor:pointer;display:inline-block;font-size:.8em;font-weight:700;letter-spacing:.04em;padding:4px 0;width:150px}.home main .btn-group a:first-child{background-color:#007380;color:#fff}.home main .btn-group a:last-child{background-color:#dadad8;color:#000}.home .shapes div{position:fixed;z-index:-1}.home .shapes svg{max-width:100%}.home .shapes .circle{right:-20px;top:-10px}.home .shapes .lines{left:-30px;top:120px}@media screen and (max-width:700px){.home .shapes .circle{width:100px}.home .shapes .lines{top:20px;width:120px}}@media screen and (max-width:460px){.home{padding-top:25px}.home .title{font-size:20px}.home .subtitle{font-size:.9em}.home main .btn-group a{font-size:.6em;letter-spacing:.02em;padding:6px 0;width:100%}.home main .btn-group p{font-size:.8em}}.copylink{display:grid;grid-template-columns:1fr 1fr;height:100vh}.copylink main{-ms-grid-column-span:1;-ms-grid-column:2;grid-column:2/3;padding:130px 40px 0}.copylink main .inner{margin:0 auto;max-width:450px}.copylink main p{color:#000000b8}.copylink main .title{font-size:1.1em;font-weight:700;margin-bottom:15px;text-align:center}.copylink main .title span{color:#9b343d}.copylink main .input-group{display:flex;font-size:.8em;margin:35px 0}.copylink main .input-group input{all:unset;background-color:#f0eeee;border-radius:5px 0 0 5px;color:#00000078;font-weight:700;padding:6px 10px;width:80%}.copylink main .input-group button{all:unset;background-color:#1098f7;border-radius:0 5px 5px 0;color:#fff;cursor:pointer;font-weight:600;padding:0 10px;text-align:center;transition:background-color .4s}.copylink main .input-group button.copied{cursor:default}.copylink main .input-group button.copied,.copylink main .input-group button:hover{background-color:#74c3fb}.copylink main a{all:unset;background-color:#007380;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:.8em;font-weight:600;padding:8px 0;text-align:center;width:100%}.copylink aside{-ms-grid-row-span:1;background-color:#fafcfe;-ms-grid-row:1;grid-row:1/2;height:100vh;padding:150px 50px 50px}.copylink aside p{color:#0000006b;margin:0 auto;max-width:500px}.copylink aside p em{all:unset;color:#000000c9}.copylink aside svg{display:block;height:auto;margin:0 auto 60px;max-width:350px}.copylink .shapes svg{max-width:100%}.copylink .shapes .shape{--offset:-130px;position:fixed;right:0;transform:translateX(40%);width:250px;z-index:-1}.copylink .shapes .shape:first-child{top:var(--offset)}.copylink .shapes .shape:last-child{bottom:var(--offset)}@media screen and (max-width:850px){.copylink{display:block}.copylink main{padding-top:40px}.copylink main .title{font-size:.9em}.copylink main p{font-size:.8em}.copylink main .input-group,.copylink main a{font-size:.7em}.copylink main a{padding:6px 0}.copylink aside{background-color:initial;height:auto;padding:0}.copylink aside p{display:none}.copylink aside svg{margin-top:30px;width:80%}.copylink .shapes .shape{--offset:-140px;width:120px}.copylink .shapes .shape:last-child{left:0;right:auto;transform:translateX(-40%)}}.waitingState{align-items:center;background-image:linear-gradient(#fff9,#fff9);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10}.waitingState p{font-size:17px;font-weight:700;text-align:center}.music{align-items:center;background-color:var(--bg-dark);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:1;position:absolute;top:0;transition:opacity .1s linear;width:100%;z-index:1000}.music__container{background-color:#fff;border-radius:10px;height:auto;padding:15px 15px 40px;width:auto}.music__container .btn{border:none;border-radius:10px;font-size:16px;font-weight:600;margin-top:15px;padding:10px;width:100%}.music__header{align-items:center;display:flex;justify-content:space-between;justify-content:center!important;padding:2rem 2rem 0}.music__title{font-size:2rem;font-weight:800;margin-bottom:10px;text-transform:uppercase}.music__img{padding:2rem}.no-sound-main{border:none;border-radius:10px;font-size:13px;font-weight:600;margin-top:15px;padding:10px;width:-webkit-fit-content;width:fit-content}.no-sound-main,.stop{bottom:20px;position:absolute;right:20px}.card-effect{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;left:50%;opacity:0;padding:1.2rem 2rem;position:absolute;text-align:center;top:45%;transform:translate(-50%,-50%);z-index:0}.animation{animation:popInOut 2s ease forwards}.card-effect p{color:#ff0048;font-size:30px;font-weight:800;letter-spacing:1.5px;text-shadow:0 0 10px #ff0048aa;text-transform:uppercase}@keyframes popInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(0);z-index:9999}15%{opacity:1;transform:translate(-50%,-50%) scale(1.2);z-index:9999}80%{opacity:1;transform:translate(-50%,-50%) scale(1);z-index:9999}to{opacity:0;transform:translate(-50%,-50%) scale(.8);z-index:0}}.wasting-time{background-color:initial;border-left:6px solid #fff;border-radius:5px;border-right:6px solid #fff;color:#e9c256;font-size:14px;font-weight:600;margin-top:30px;padding:10px;text-align:center}.play_connector{align-items:center;background-color:#1f2833;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10}.play_connector p{color:#fff;font-size:17px;font-weight:700;text-align:center}body{background-color:#1f2833}.logo{display:flex;justify-content:center;width:100%}.logo-img{height:100px;width:100px}.leaderboard{margin-top:15px;padding:20px}.leaderboard h3{color:#fff;margin-bottom:5px;text-align:center}.leaderboard p{color:#fff;font-size:13px;text-align:center}.roundTimer{font-size:24px;margin-bottom:10px;margin-top:10px}.leaderboard_main{margin-top:20px}._leaderboard table{color:#1f2833;font-size:13px;margin-bottom:0!important;width:100%}._leaderboard table .d-flex{overflow:hidden;text-overflow:ellipsis}._leaderboard table .d-flex img{height:15px;width:15px}._leaderboard table tr{margin-bottom:5px}._leaderboard table tr th{min-width:58px}._leaderboard table td{text-align:center}._leaderboard{background-color:#66fcf1;border-radius:15px;padding:20px 10px 10px}._leaderboard p{font-size:12px;font-weight:600;margin-bottom:5px!important;margin-left:8px}._leaderboard h5{color:#1f2833;font-size:13px;padding:0 10px 10px}.text-danger{color:red}body{color:#fff;text-align:center}.h-screen{align-content:center;display:block;height:100vh;width:100vw}.trophy{height:80px;width:80px}.redirect_btn{background-color:#66fcf1;border-radius:5px;color:#000;font-size:14px;font-weight:600;padding:10px;text-decoration:none;width:-webkit-fit-content;width:fit-content}h2{font-size:23px;margin-bottom:20px}.bg-white{height:-webkit-fit-content;height:fit-content}
/*# sourceMappingURL=main.2fab6ab6.css.map*/