.ReactModal__Content{padding:0!important;margin:-1px;z-index:20}.modal__menu__topbar{background:var(--top-bar);margin-top:-1px;height:.8rem;width:100%;box-sizing:border-box;border-top-right-radius:4px;border-top-left-radius:4px}.modal_content{padding:2rem;justify-content:center;color:#150c21}.modal__menu__newGame,.modal_content{display:flex;flex-direction:column;align-items:center}.modal__menu__newGame{border-bottom:1px solid grey;border-top:1px solid grey;box-sizing:content-box;padding-bottom:2.5rem}.modal__menu__newGame form{display:flex;flex-direction:column;align-items:center}#username{line-height:2;padding:1.5rem;border:1px solid #ccc;border-radius:var(--default-border-radius);margin-bottom:1rem;width:18rem;box-sizing:border-box;color:#150c21;font-size:15px}#username,#username::-webkit-input-placeholder{line-height:2;color:#150c21;font-weight:700}.modal__menu__dismiss{margin-bottom:1rem}.modal__menu__copy,.modal__menu__dismiss{margin-top:1rem;box-sizing:border-box;width:100%;display:flex}.modal__menu__copy{padding-bottom:1rem;border-bottom:1px solid grey}.warn{color:red}@media (prefers-reduced-motion:no-preference){body{--playState:running}}.create__contentWrapper{position:absolute;box-sizing:border-box;background:rgba(21,12,33,.98);padding:5rem;top:50%;left:45%;width:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:hidden;-webkit-clip-path:polygon(-5% -3%,101% -2%,101% 102%,-2% 105%);clip-path:polygon(-5% -3%,101% -2%,101% 102%,-2% 105%);display:flex;justify-content:center;align-items:center;z-index:2;box-shadow:0 0 3rem 1.5rem #fff,0 0 5rem 3rem #f0f,0 0 7rem 4.5rem #0ff}.formWrapper{box-sizing:border-box}.formWrapper--mobile form,.formWrapper form{display:flex;flex-direction:column;justify-content:center;align-items:center}.formWrapper form{margin-top:3rem;box-sizing:border-box;z-index:2}.formWrapper form input{width:100%!important}.circle{--c1:var(--blue_light);--c2:var(--blue_dark);--size:max(8rem,13vw);--delay:0s;position:absolute;top:0;left:0;width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle at 20% 70%,var(--c1),var(--c2));pointer-events:none;-webkit-animation:drift 12s var(--delay) linear infinite alternate;animation:drift 12s var(--delay) linear infinite alternate;-webkit-animation:var(--animation,drift) 12s var(--delay) linear infinite alternate;animation:var(--animation,drift) 12s var(--delay) linear infinite alternate;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-play-state:var(--playState,paused);animation-play-state:var(--playState,paused);border:var(--circle-border);box-sizing:border-box}.allow-motion .button__toggle{background-color:#fff}.allow-motion .button__toggle:after{-webkit-transform:translate3d(100%,0,0) scale(1.2);transform:translate3d(100%,0,0) scale(1.2);background-color:var(--buttonColor)}.circle:nth-child(2){--delay:1s;top:50%;left:25%}.circle:nth-child(2),.circle:nth-child(3){--size:max(3rem,10vw);border:var(--circle-border);background:transparent!important}.circle:nth-child(3){--delay:3s;top:10%;left:50%}.circle:nth-child(4){--c1:var(--orange_light);--c2:var(--orange_dark);--animation:drift2;--delay:5s;top:70%;left:15%}.circle:nth-child(5){--c1:var(--purple_light);--c2:var(--purple_dark);--animation:drift2;--delay:4s;top:60%;left:70%}.circle:nth-child(6){--c1:var(--light_grey);--c2:var(--yellow);--delay:7s;top:15%;left:80%}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes drift{50%{-webkit-transform:translate3d(50%,50%,0);transform:translate3d(50%,50%,0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes drift{50%{-webkit-transform:translate3d(50%,50%,0);transform:translate3d(50%,50%,0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes drift2{50%{-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes drift2{50%{-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.formWrapper--mobile form button,.formWrapper form button{width:50%!important;background-color:var(--purple)!important;color:var(--white);border:unset!important}.formWrapper--mobile form button{width:100%!important;background-color:var(--purple)!important;color:var(--white);border:unset!important;font-size:1rem}.formWrapper--mobile h1{font-size:50px;text-align:center;margin-bottom:3rem}.create__contentWrapper--mobile{top:0;left:0;width:100%;height:100%;box-sizing:border-box;background:rgba(21,12,33,.98);padding:5rem;overflow:hidden;z-index:2}.actionBtn,.create__contentWrapper--mobile{position:absolute;display:flex;justify-content:center;align-items:center}.actionBtn{z-index:2000;bottom:35px;right:30px;height:48px;width:48px;border-radius:24px;background:var(--purple);box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 transparent}.actionBtn:after{content:" ";display:block;background:#fff;height:20%;width:20%;border-radius:50%}.bg,.bg>img{width:100%}.bg>img{margin:0;display:block}.sheet{z-index:50000;position:fixed;left:2vw;height:calc(100vh + 100px);width:96vw;border-radius:12px 12px 0;background:#fff;touch-action:none;color:#000;font-size:.9rem;font-weight:700}.sheet>div{height:60px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:center;padding:0 20px;text-transform:capitalize}h1{font-weight:200;font-size:clamp(5rem,6vw,7rem)}h1,h2{line-height:1.2;letter-spacing:-.03em;margin:0}h2{font-weight:700;font-size:clamp(1.5rem,3vw,6rem);text-align:center}h3{font-size:20px}p{font-size:15px}.default-button{max-width:18rem;min-width:10rem;height:5rem;margin:3rem auto;color:var(--purple);border-radius:var(--default-border-radius);background-color:var(--white);font-size:clamp(1rem,1vw,1.6rem);font-weight:700;padding:1rem;border-width:1px 1px 4px 4px;box-shadow:inset -1px -1px 0 hsla(0,0%,100%,.1);transition:all .2s ease}.default-button,.default-button:hover{border-color:#ccc #ccc #69a09f #69a09f;border-style:solid}.default-button:hover{border-width:1px 1px 3px 3px;cursor:pointer}input{line-height:2;height:5rem;padding:1.5rem;border:1px solid #ccc;border-radius:var(--default-border-radius);margin-bottom:1rem;width:100%;box-sizing:border-box;color:#150c21;font-size:clamp(1rem,1vw,1.6rem);text-align:center}input,input::-webkit-input-placeholder{line-height:2;color:#150c21;font-weight:700}::-webkit-input-placeholder{text-align:center}:-moz-placeholder,::-moz-placeholder{text-align:center}:-ms-input-placeholder{text-align:center}:root{--color_main:#150c21;--purple_light:#974859;--purple_dark:#512946;--orange_light:#f6b15b;--orange_dark:#d2755c;--blue_light:#a0e3f2;--blue_dark:#2fa7c2;--light_grey:#c4ba7c;--yellow:#f9f871;--white:#fff;--purple:#705df2;--circle-border:3px solid #fff;--top-bar:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--default-border-radius:9px}*{box-sizing:border-box}body,html{overscroll-behavior-y:none;overscroll-behavior-x:none;overflow:hidden;touch-action:none}body{position:fixed;min-height:100%;min-width:100%;margin:0;padding:0;font-family:"Saira",sans-serif}#root,body{height:100%;width:100%;overflow:hidden}#root,.app{position:relative;touch-action:none}.app{cursor:grab;-webkit-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;width:100%;height:100%;overflow:hidden;background:#150c21;background:var(--color_main);color:#fff;color:var(--white)}@media only screen and (max-width:480px){body{font-size:12.5%}.Toastify__toast-body div:nth-child(2){font-size:.9rem}}@media only screen and (min-width:481px) and (max-width:768px){body{font-size:40%}.Toastify__toast-body div:nth-child(2){font-size:.9rem}}@media only screen and (min-width:769px) and (max-width:1024px){body{font-size:40%}.Toastify__toast-body div:nth-child(2){font-size:.9rem}}@media only screen and (min-width:1025px) and (max-width:1200px){body{font-size:62.5%}}@media only screen and (min-width:1201px){body{font-size:100%}}.test{position:relative;width:300px;height:300px;background:url(https://images.pexels.com/photos/1030963/pexels-photo-1030963.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500);background-size:cover;border-radius:5px;box-shadow:0 10px 30px -5px rgb(0 0 0/30%);will-change:transform;border:10px solid #fff;cursor:grab;touch-action:none;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;font-size:22px;padding:20px;color:hsla(0,0%,100%,.6666666666666666)}.menu_info_container,.test{-ms-user-select:none;user-select:none;-webkit-user-select:none;text-align:center}.menu_info_container{color:var(--white);position:absolute;z-index:2;width:100%;bottom:8%}.cursor_wrapper{cursor:grab;position:absolute;touch-action:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform-origin:bottom left;transform-origin:bottom left;z-index:1000;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.cursor{--radius:clamp(3rem,8vw,6rem);width:calc(var(--radius)*2);height:calc(var(--radius)*2)}.cursor,.cursor_result{border-radius:50%;position:relative!important;border:var(--circle-border)}.cursor_result{display:flex;justify-content:center;align-items:center;width:80px;height:80px}.point_1,.point_2{width:50%;height:.2rem;background:transparent;position:absolute;top:calc(50% - .1rem);-webkit-transform-origin:right;transform-origin:right}.point_1:before,.point_2:before{content:"";position:absolute;width:1vmin;height:1vmin;background:transparent;border-radius:50%;top:-1rem;left:0}@media only screen and (max-width:768px){.cursor{--radius:20px!important;width:80px!important;height:80px!important}.point_1:before,.point_2:before{height:10px;width:10px}}.animationRev{-webkit-animation:circleAnimationRev 2s linear forwards;animation:circleAnimationRev 2s linear forwards}.animation{-webkit-animation:circleAnimation 2s linear forwards;animation:circleAnimation 2s linear forwards}.animation:before,.animationRev:before{background:var(--white)}.ownPlayer{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@-webkit-keyframes pulse{0%{box-shadow:0 0 0 0 rgba(112,93,242,.8)}70%{box-shadow:0 0 0 2rem rgba(204,169,44,0)}to{box-shadow:0 0 0 0 rgba(204,169,44,0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(112,93,242,.8)}70%{box-shadow:0 0 0 2rem rgba(204,169,44,0)}to{box-shadow:0 0 0 0 rgba(204,169,44,0)}}@-webkit-keyframes circleAnimation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes circleAnimation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@-webkit-keyframes circleAnimationRev{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}}@keyframes circleAnimationRev{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}}.winner{display:grid;grid-template-areas:"layer";place-items:center;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;position:relative}.info_winner{position:absolute;top:25%;left:32%;font-size:3rem;background-color:transparent!important}.point_winner{position:relative;grid-area:layer;width:1.2rem;height:1.2rem;border-radius:50%;background-image:linear-gradient(43deg,#4158d0,#ffcc70);--radius:74px;--d:calc(var(--i)/6);--r-offset:-0.25turn;--r-amount:1turn;--r:calc(var(--r-amount)*var(--d) + var(--r-offset));-webkit-transform:rotate(var(--r)) translate(var(--radius));transform:rotate(var(--r)) translate(var(--radius))}@media only screen and (max-width:768px){.point_winner{--radius:32px;width:10px;height:10px}.info_winner{position:unset;top:unset;left:unset;font-size:2.3rem}}.looser{background-color:grey;display:grid;grid-template-areas:"layer";place-items:center;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;position:relative}.info_looser{position:absolute;color:var(--white);font-weight:700;font-size:5.1rem}.point_looser{position:relative;grid-area:layer;font-size:1.6rem;color:var(--white);border-radius:50%;--radius:74px;--d:calc(var(--i)/6);--r-offset:-0.25turn;--r-amount:1turn;--r:calc(var(--r-amount)*var(--d) + var(--r-offset));-webkit-transform:rotate(var(--r)) translate(var(--radius)) rotate(90deg);transform:rotate(var(--r)) translate(var(--radius)) rotate(90deg)}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}}@media only screen and (max-width:768px){.point_looser{--radius:35px;width:10px;height:10px;font-size:.8rem}.info_looser{font-size:2.3rem}}.gameEnded{position:absolute;top:0;left:0;width:25vw;height:25vw;background-color:#daa520;display:flex;flex-direction:column;padding-top:5rem;justify-content:center;align-items:center;color:var(--white);border-radius:50%;margin:0 auto;text-align:center}.gameEnded span:first-child{font-size:medium}.gameEnded span:nth-child(2){font-size:small}@media only screen and (max-width:768px){.gameEnded{width:45vw;height:45vw;padding-top:1rem}}
/*# sourceMappingURL=main.4143b284.chunk.css.map */