.hide{display:none}*{cursor:none!important}.menu{overflow:hidden;position:relative;width:100vw;height:100dvh}.bg-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100dvh;min-width:900px;min-height:600px;display:flex;justify-content:center;align-items:center;z-index:0;animation:appearbgsvg 1.7s cubic-bezier(.06,.25,0,.98) forwards}.bg-svg svg{margin-top:20%;margin-right:20%}.bg-svg svg path{stroke-width:2px}.bg-gradient{background:linear-gradient(65deg,#210C5A -3.89%,rgba(0,0,28,0) 53.75%,#000 108.87%);width:100vw;height:100dvh;flex-shrink:0;position:absolute;z-index:1}.logo{position:relative;display:flex;justify-content:center;padding-top:63px;z-index:2;animation:appearlogo 1s ease-out forwards}.logo img{width:37vw;background:radial-gradient(50% 50% at 47% 60%,#000000 40%,rgba(0,0,0,0) 100%)}h3{position:relative;top:50%;display:flex;justify-content:center;z-index:2;opacity:0;animation:appearlogo 1.7s .3s ease-out forwards}.creator{position:absolute;bottom:7px;color:#7262e0;left:50%;transform:translate(-50%);z-index:2;font-size:12px}.creator a{color:#7262e0;transition:.3s}.creator a:hover{color:#fff}@keyframes simpleAppear{0%{opacity:0}to{opacity:1}}@keyframes appearlogo{0%{transform:translateY(100px);opacity:0}37%{opacity:0}to{opacity:1}}@keyframes appearbgsvg{0%{transform:scale(.3) translate(-50%,-50%) rotate(-50deg);opacity:0}to{opacity:1}}.stars{position:absolute;top:0;left:0;width:100vw;height:100dvh}.stars img:nth-child(1){position:absolute;top:70%;left:70%;z-index:2;transform:translateY(-100%);animation:stars1 69s linear infinite}.stars img:nth-child(2){position:absolute;top:37%;left:30%;z-index:2;animation:stars1 69s linear infinite reverse}@keyframes stars1{0%,to{transform:rotate(0) translateY(-100%);opacity:.5}25%{opacity:.1}50%{opacity:.3}75%{opacity:.8}99.99%{opacity:.5;transform:rotate(360deg) translateY(-100%)}}.ball-div{position:absolute;top:0;left:0;width:100vw;height:100dvh;filter:url(#goo);z-index:2;overflow:hidden}.ball{position:absolute;top:0;left:0;width:23px;height:23px;border-radius:500px;background:#ffffff;box-shadow:0 0 60px 5px #fff;border:1px solid #949494;z-index:10;pointer-events:none}@media screen and (max-width: 772px){.logo{padding-top:50px}.logo img{width:60vw}.bg-gradient{background:linear-gradient(52deg,#210C5A -3.89%,rgba(0,0,28,0) 53.75%,#000 108.87%);width:100vw;height:100dvh;flex-shrink:0;position:absolute;z-index:1}}@media screen and (max-width: 580px){.logo{padding-top:37px}.logo img{width:80vw}}.playbtn{cursor:none;position:relative;display:flex;justify-content:center;align-items:center;top:50%;z-index:2;animation:appearplay .7s cubic-bezier(.7,1,.7,1.42) forwards}.playbtn button{cursor:none;overflow:visible;display:flex;position:relative;border:none;outline:none;background:none}.playbtn button svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;filter:drop-shadow(0px 0px 50px rgba(255,255,255,1));margin-top:10px}.playbtn button .triangle path{transition-duration:1s;d:path("M21.4801 2.1884C12.1581 -3.70379 0 2.99459 0 14.0226V55.6114C0 66.6394 12.1581 73.3377 21.4801 67.4455L54.3787 46.6512C63.0719 41.1564 63.0719 28.4775 54.3787 22.9828L21.4801 2.1884ZM14 19.4679V50.1661C14 52.5292 16.6053 53.9646 18.6029 52.702L42.8866 37.3529C44.7494 36.1754 44.7494 33.4585 42.8866 32.2811L18.6029 16.932C16.6053 15.6694 14 17.1047 14 19.4679Z")}.playbtn button .triangle.loading path{transform:scale(1.7);d:path("M21.4801 2.1884C12.1581 -3.70379 0 2.99459 0 14.0226V15.6114C0 26.6394 12.1581 33.3377 21.4801 27.4455L22.3787 26.6512C31.0719 21.1564 31.0719 8.47754 22.3787 2.98279L21.4801 2.1884ZM14 19.4679V20.1661C14 22.5292 16.6053 23.9646 18.6029 22.702L18.8866 22.3529C20.7494 21.1754 20.7494 18.4585 18.8866 17.2811L18.6029 16.932C16.6053 15.6694 14 17.1047 14 19.4679Z")}@keyframes appearplay{0%{transform:scale(0);opacity:0}to{transform:scale(1)}}.settingsbtn{position:absolute;bottom:-100px;right:-100px;margin:14px;transition:.5s;width:0px;height:0px;background:rgb(255,255,255);z-index:3;text-align:center;padding:14px}.settingsbtn .settings-icon,.settingsbtn .settings-close{position:absolute;bottom:40px;right:40px;transform:translate(50%,50%);width:32px;height:32px;transition:.5s;border-radius:50% 50% 0;z-index:3}.settingsbtn .opacitynull{opacity:0}.settingsbtn svg{width:80px;height:80px;position:absolute;bottom:0;right:0;transition-duration:.3s}.settingsbtn svg path{transition:2s}.settingsbtn .motion1 path{d:path("M123.5 21.5C94.7102 -4.30173 41.642 -8.28845 17 21.5001C-0.844933 43.072 -3.67073 74.1174 7.00024 100C25.3908 144.607 114.182 139.035 136 96.0001C150.473 67.4524 147.335 42.8615 123.5 21.5Z")}.settingsbtn .motion2 path{d:path("M113.5 17.5C84.7102 -8.30173 48.1432 -3.28845 23.5013 26.5001C5.65631 48.072 -9.21173 94.6756 9.50008 115.5C40.5 150 116.486 145.958 134.001 101C149 62.5001 137.335 38.8615 113.5 17.5Z")}.settingsbtn .motion3 path{d:path("M118 12.5C83.8365 -6.12705 44.624 -3.62953 20.0003 26.4999C-0.0621147 51.0481 -5.68506 67.9451 7 97.0002C29.3494 148.191 107.192 144.262 130.5 93.5C147.97 55.4536 154.757 32.541 118 12.5Z")}.settingsbtn.open{z-index:7;transition:.5s;width:400px;height:360px;border-radius:60px 10px 0 100px;animation:openmvt 14s linear infinite;background:white;transition-timing-function:cubic-bezier(.07,-.03,0,1.24)}.settingsbtn.close{transition:.5s;border-radius:0 150px 10px 50px;transition-timing-function:cubic-bezier(1,-.5,.7,1.26)}.settingsbtn .clickable:hover svg{transform:scale(.9)}@keyframes openmvt{0%,to{border-radius:0 150px 10px 50px}33%{border-radius:60px 100px 0}66%{border-radius:120px 20px 24px 10px}}@media screen and (max-width: 580px){.settingsbtn.open{width:calc(100vw - 52px)}}@media screen and (max-height: 450px){.settingsbtn.open{height:calc(100dvh - 52px)}}.settings h1{font-family:Rammetto One;color:#171875;opacity:0;animation:apparitionstgs .3s ease-out forwards .15s;text-transform:uppercase}.settings label,.settings p{color:#1a1a1a;box-shadow:#fff -37px 0 50px 14px;cursor:none}.settings select{font-family:Righteous;color:#1a1a1a;box-shadow:none;cursor:none;background:white;padding:7px;width:142px;border-radius:5px;border:1px solid #c0c7f8;outline:none}.settings .content{margin-top:24px;width:calc(100% - 48px);padding:24px}.settings .content>div{opacity:0;margin-bottom:24px;display:flex;animation:apparitionstgs .2s ease-out forwards .3s;justify-content:space-between}.settings .content>div:nth-of-type(2){animation:apparitionstgs .2s ease-out forwards .35s}.settings .content>div:last-of-type{margin-bottom:0;animation:apparitionstgs .2s ease-out forwards .4s}.settings-cls h1{animation:disparitionstgs .2s ease-out forwards .2}.settings-cls .content{opacity:1}.settings-cls .content>div:first-of-type{opacity:1;animation:disparitionstgs .2s ease-out forwards .1s}.settings-cls .content>div:nth-of-type(2){opacity:1;animation:disparitionstgs .2s ease-out forwards .05s}.settings-cls .content>div:last-of-type{opacity:1;animation:disparitionstgs .2s ease-out forwards 0s}@keyframes apparitionstgs{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes disparitionstgs{to{transform:translateY(-20px);opacity:0}0%{transform:translateY(0);opacity:1}}input[type=checkbox]{display:none}input[type=checkbox]+label{box-sizing:border-box;display:inline-block;width:3rem;height:1.5rem;border-radius:1.5rem;padding:1.25px;border:1px solid #c0c7f8;transition:all .5s}input[type=checkbox]+label:before{box-sizing:border-box;display:block;content:"";height:calc(1.5rem - 4px);width:calc(1.5rem - 4px);border-radius:50%;background-color:#414040;transition:all .5s}input[type=checkbox]:checked+label{background-color:#c0c7f8}input[type=checkbox]:checked+label:before{margin-left:1.5rem}.kofi{position:absolute;bottom:0;left:0;margin:0 0 24px 20px;height:80px;width:80px;z-index:3;animation:appearkofi .7s cubic-bezier(.7,1,.7,1.24) forwards}.kofi a{width:100px;height:100px;position:absolute;border-radius:50%;z-index:6;cursor:none;transition-duration:.3s}.kofi a:hover{transform:scale(.9)}.kofi .littles,.kofi .littles .clock{position:absolute;top:0;left:0;width:100px;height:100px}.kofi .littles .clock{animation:infinite 7s linear kofi}@keyframes kofi{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes appearkofi{0%{transform:scale(0);left:-100px;bottom:-100px;opacity:0}to{transform:scale(1)}}.kofi .littles .clock .little,.kofi .big{position:absolute;top:0;left:0;width:64px;height:64px;background:radial-gradient(50% 50% at 50% 50%,#000000 0%,rgba(255,255,255,0) 100%);border-radius:500px;z-index:6}.kofi .littles>.little{position:absolute;top:0;left:0;width:70px;height:70px;background:radial-gradient(50% 50% at 50% 50%,#000000 0%,rgba(255,255,255,0) 100%);border-radius:500px;z-index:6}.kofi .littles .clock .little:first-of-type{top:3px;left:3px;background:radial-gradient(50% 50% at 50% 50%,#000000 0%,rgba(255,255,255,0) 100%);animation:infinite 3s linear kofi2}@keyframes kofi2{0%{background:radial-gradient(50% 50% at 50% 50%,#00eaff 0%,rgba(255,255,255,0) 100%)}3%{background:radial-gradient(50% 50% at 50% 50%,#000000 0%,rgba(255,255,255,0) 100%)}}.kofi .littles .clock .little:nth-of-type(2){top:10px;left:30px;animation:infinite 2s linear kofi3}@keyframes kofi3{0%{background:radial-gradient(50% 50% at 50% 50%,#905fe8 0%,rgba(255,255,255,0) 100%)}3%{background:radial-gradient(50% 50% at 50% 50%,#000000 0%,rgba(255,255,255,0) 100%)}}.kofi .littles .clock .little:nth-of-type(3){top:30px;left:10px;animation:infinite 4s linear kofi4}@keyframes kofi4{0%{background:radial-gradient(50% 50% at 50% 50%,#ffffff 0%,rgba(255,255,255,0) 100%)}3%{background:radial-gradient(50% 50% at 50% 50%,#000000 0%,rgba(255,255,255,0) 100%)}}.kofi .littles>.little:nth-of-type(1){top:30px;left:30px;animation:infinite 2s linear kofimvt}.kofi .littles>.little:nth-of-type(2){top:0;left:30px;animation:infinite 2.5s linear kofimvt}.kofi .littles>.little:nth-of-type(3){top:30px;left:0;animation:infinite 3s linear kofimvt}.kofi .littles>.little:nth-of-type(4){top:0;left:0;animation:infinite 1.5s linear kofimvt}@keyframes kofimvt{0%,to{transform:translate(4px,4px)}50%{transform:translate(-4px,-4px)}}.kofi .big{top:0;left:0;width:100px;height:100px;display:flex;justify-content:center;align-items:center}.kofi .big img{width:50px}.game{position:fixed;top:0;left:0;width:100dvw;height:100dvh;overflow:hidden}.overlay{position:absolute;top:0;left:0;width:100dvw;height:100dvh;mix-blend-mode:lighten;z-index:1;overflow:hidden}.overlay .header{position:relative;height:100px;display:flex;margin:0 20px;mix-blend-mode:lighten;background:#000000;justify-content:space-between;z-index:1}.overlay .header .homebtn{width:80px;height:80px;display:flex;align-items:center;transform:translateY(-100px) translate(-100px) scale(.8)}.overlay .header .homebtn svg:hover path{fill:#aaa}.overlay .header .lifes{width:80px;height:80px;display:flex;align-self:end}.overlay .header .middle-top{width:80px;height:80px;display:flex;flex-direction:column;align-items:center}.overlay .header .middle-top .points{white-space:nowrap;margin-top:24px;transform:scale(0) translateY(0);opacity:0}.overlay .header .middle-top .title-top{position:relative;font-size:24px;font-weight:700;color:#000;background:white;font-family:Rammetto One,system-ui,Avenir,Helvetica,Arial,sans-serif;height:0;text-align:center;width:100px;border-radius:0 0 40px 40px;transition:all .5s ease;animation:borders 14s infinite linear;white-space:nowrap;opacity:0}.overlay .header .middle-top .title-top:before{content:"";position:absolute;top:0;border-top-right-radius:100px;box-shadow:10px -4px #fff;left:-40px;width:40px;height:0;background:none;transition:all .5s ease;animation:borders3 14s infinite linear}.overlay .header .middle-top .title-top:after{content:"";position:absolute;height:0;top:0;border-top-left-radius:100px;box-shadow:-10px -4px #fff;right:-40px;width:40px;background:none;transition:all .5s ease;animation:borders2 14s infinite linear}.overlay .header .middle-top .visible-top{height:42px;padding-top:7px;padding-bottom:7px;opacity:1;width:202px}.overlay .header .middle-top .visible-top:before,.overlay .header .middle-top .visible-top:after{height:24px}.overlay .content{position:relative;height:calc(100dvh - 200px)}.overlay .content .no-gyro{height:100%;position:absolute;top:0;left:0;width:100%;display:flex;justify-content:center;align-items:center;text-align:center;font-size:3rem}.overlay .footer{position:relative;height:100px}@keyframes borders{0%,to{border-radius:0 0 20px 40px}20%{border-radius:0 0 30px 10px}40%{border-radius:0 0 20px 20px}60%{border-radius:00px 0 20px 40px}80%{border-radius:0 0 40px 40px}}@keyframes borders2{0%,to{border-top-left-radius:7px}40%{border-top-left-radius:30px}80%{border-top-left-radius:14px}}@keyframes borders3{0%,to{border-top-right-radius:30px}40%{border-top-right-radius:7px}80%{border-top-right-radius:14px}}.ball-overlay{position:absolute;top:0;left:0;width:14px;height:14px;border-radius:50%;pointer-events:none;background:#ffffff;border:solid 1px #949494;z-index:1000}.hide{opacity:0}.curState{text-transform:uppercase}.timer{display:flex;justify-content:space-between;align-items:center;height:100%;width:100%;opacity:0}.timer .spacing,.timer .skip{width:80px}.timer .counter{font-family:Rammetto One,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:3rem;filter:url(#goo2);--test: 1}.timer .counter .pair{position:absolute;transform:translate(-50%,-50%);opacity:1}.timer .counter .impair{position:absolute;transform:translate(-50%,-50%);opacity:0}.life{position:relative;width:100%;aspect-ratio:1/1;display:flex;mix-blend-mode:lighten;background:#000000;opacity:0}.life .lifeCircle{transition-duration:.5s}.life .lifeCircle svg{width:100%;height:100%;position:absolute;top:0;left:0}.life .lifeCircle svg path{animation:lifeAnim 4s ease-in-out infinite}.life .lifeCircle .life-diagram{--life-remaining: 3;--life-total: 3;--ratio-life: calc(100% - (var(--life-remaining)/var(--life-total) * 100%));background:conic-gradient(from 0deg,#501dce var(--ratio-life),#fff 0deg,#fff);width:100%;aspect-ratio:1/1;position:absolute;top:0;left:0;mix-blend-mode:multiply}.life .lifeText{position:absolute;top:0;left:0;width:100%;height:100%;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;font-size:1.7rem;color:#fff;filter:url(#goo3)}.life .lifeText .pair,.life .lifeText .impair{position:absolute;opacity:1}.life .lifeText .impair{opacity:0}@keyframes lifeAnim{0%,to{d:path("M109.547 55.8501C107.047 85.8197 85.6714 107.604 55.5466 106.85C23.0466 106.037 1.54663 83.8501 0.0465886 52.1328C-1.45346 20.4155 33.5466 -3.18033 65.0466 0.350019C95.0466 5.81968 112.047 25.8805 109.547 55.8501ZM19.1627 53.6631C19.1627 79.6631 35.4523 90.047 55.5466 90.047C75.6409 90.047 94.5466 73.1631 91.9305 53.6631C89.3143 34.1631 75.2042 15.8758 55.5466 17.2793C33.5466 18.85 19.1627 33.5689 19.1627 53.6631Z")}33%{d:path("M109.135 55.6242C109.135 85.4355 79.6248 106.689 49.5 105.936C17 105.123 -0.000174912 80.907 1.34973e-09 47.4355C0.000174915 13.9641 31.5 -1.56454 64.635 0.124133C95.1506 1.67931 109.135 25.5505 109.135 55.6242ZM19.5 51.9069C19.5 77.9069 35.27 88.8211 55.135 87.4355C75 86.0499 88.2512 78.1225 90.135 58.0299C92.0189 37.9372 76.6577 17.032 57 18.4355C35 20.0062 19.5 31.8127 19.5 51.9069Z")}66%{d:path("M111 55.8131C108.5 85.7828 85.5 114.154 55.5 111.313C23.5 108.283 0 84.9346 0 54.2828C0 23.631 24 -3.21723 55.5 0.313125C85.5 5.78279 113.5 25.8435 111 55.8131ZM19.1161 55.8131C19.1161 81.8131 35.4057 92.197 55.5 92.197C75.5943 92.197 94.5 75.3131 91.8839 55.8131C89.2677 36.3131 75 22.2828 55.5 19.4293C34.5 16.3562 19.1161 35.7189 19.1161 55.8131Z")}}.gyro-tuto{--mobile-size: calc(var(--tuto-container-height) - 24dvh);perspective:600px}.gyro-tuto .mobile{animation:mobile-rotate 4s ease-in-out infinite alternate;height:var(--mobile-size);width:auto;margin-bottom:40px}.gyro-tuto .swipe{--swipe-height: calc(var(--mobile-size) / 4);--swipe-width: calc(var(--mobile-size) / 20);height:24px;overflow:hidden;width:var(--swipe-width);position:absolute;top:calc(var(--mobile-size) / 2);left:50%;transform:translate(-50%);border-radius:500px;animation:swipe 4s ease-in-out infinite}.gyro-tuto .swipe svg{width:100%;height:auto;position:absolute;top:0;left:0}@keyframes mobile-rotate{0%{transform:translate(-100%) rotateY(60deg)}33%,66%{transform:translate(0) rotateY(0)}to{transform:translate(100%) rotateY(-60deg)}}.tutorial{text-align:center;max-width:min(800px,90vw);margin:auto;height:calc(100dvh - 200px);display:flex;flex-direction:column;position:relative;justify-content:center;align-items:center;transform:scale(0);opacity:0}.tutorial p{margin-bottom:24px}.tutorial .tuto-container{--tuto-container-height:100px;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:200px;overflow:visible}.swipe-tuto{--mobile-size: calc(var(--tuto-container-height) - 24dvh);perspective:600px}.swipe-tuto .mobile{height:var(--mobile-size);width:auto;margin-bottom:40px}.swipe-tuto .swipe{--swipe-height: calc(var(--mobile-size) / 4);--swipe-width: calc(var(--mobile-size) / 20);height:24px;overflow:hidden;width:var(--swipe-width);position:absolute;top:calc(var(--mobile-size) / 2);left:50%;transform:translate(-50%);border-radius:500px;animation:swipe 4s ease-in-out infinite}.swipe-tuto .swipe svg{width:100%;height:auto;position:absolute;top:0;left:0}.swipe-tuto .swipe2{--swipe2-height: calc(var(--mobile-size) / 3);--swipe2-width: calc(var(--mobile-size) / 40);height:var(--swipe2-width);width:var(--swipe2-height);position:absolute;top:calc(var(--mobile-size) - 10%);left:50%;transform:translate(-50%);border-radius:500px;background:white;animation:swipe2 3s ease-in-out infinite alternate}@keyframes swipe2{0%{transform:translate(calc(var(--swipe2-height) / 2));width:var(--swipe2-width)}50%{transform:translate(calc(0px - var(--swipe2-height) / 2));width:var(--swipe2-height)}to{transform:translate(calc(0px - var(--swipe2-height) / 2));width:var(--swipe2-width)}}@keyframes swipe{0%{transform:translateY(var(--swipe-height)) translate(-50%);height:var(--swipe-width);opacity:0}33%{transform:translateY(var(--swipe-height)) translate(-50%);height:var(--swipe-width);opacity:0}35%{transform:translateY(var(--swipe-height)) translate(-50%);height:var(--swipe-width);opacity:1}50%{transform:translateY(0) translate(-50%);height:var(--swipe-height)}62%{transform:translateY(0) translate(-50%);height:var(--swipe-width);opacity:1}66%{transform:translateY(0) translate(-50%);height:var(--swipe-width);opacity:0}to{transform:translateY(0) translate(-50%);height:var(--swipe-width);opacity:0}}.keyboard-tuto{--mobile-size: calc(var(--tuto-container-height) - 100px);perspective:600px}.keyboard-tuto .keyboard{width:auto;margin-bottom:40px;display:flex;justify-content:center;align-items:center;flex-direction:column}.keyboard-tuto .keyboard .flex{display:flex;justify-content:center;align-items:center}.keyboard-tuto .key{width:calc(var(--mobile-size) / 4);aspect-ratio:1;border-radius:14%;background:#ffffff;margin:5px}.keyboard-tuto .bottom{opacity:.14;border:1px solid #6600ff}.keyboard-tuto .top{animation:keyPressed 3s ease-in-out infinite}.keyboard-tuto .left{animation:keyPressed 3s ease-in-out infinite;animation-delay:1s}.keyboard-tuto .right{animation:keyPressed 3s ease-in-out infinite;animation-delay:2s}@keyframes keyPressed{0%{transform:scale(1);box-shadow:none}16%{transform:scale(1.1);box-shadow:#5900ff 0 0 14px}33%{transform:scale(1);box-shadow:none}to{transform:scale(1);box-shadow:none}}.bottom-button{position:absolute;bottom:50%;left:50%;transform:translate(-50%,50%)scale(0);width:200px;height:50px;border:none;color:#140638;font-family:Rammetto One,system-ui,Avenir,Helvetica,Arial,sans-serif;border-radius:14px;background:#ffffff;font-size:1.5rem;opacity:0;transition:width .3s,height .3s,box-shadow .3s}.bottom-button:hover{width:210px;height:55px;box-shadow:#000 0 0 10px}@font-face{font-family:Rammetto One;src:url(/assets/RammettoOne-Regular-faaf6383.ttf)}@font-face{font-family:Righteous;src:url(/assets/Righteous-Regular-4c3cdc5d.ttf)}:root{font-family:Righteous,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#00001c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;cursor:none;overflow:hidden;margin:0;padding:0}body{overflow:hidden}*{margin:0;padding:0}