@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{font-family:Montserrat,serif;font-weight:600;font-size:10px;color-scheme:light dark;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1920px) and (aspect-ratio <= 16/9){:root{font-size:calc((1vw / 1920) * 1000)}}@media (max-height: 1080px) and (aspect-ratio >= 16/9){:root{font-size:calc((1vh / 1080) * 1000);font-size:calc((1dvh / 1080) * 1000)}}body{margin:0;padding:0;color:#061c44;background-color:#fff;font-size:5rem;letter-spacing:.8rem}a{text-decoration:none;color:#061c44}#app{width:100%;height:100vh;height:100dvh;overflow:hidden;display:flex;justify-content:center;align-items:center}@media (aspect-ratio < 1){#app{background-color:#061c44;background-image:url(../assets/ui/rotate.svg);background-size:30%;background-repeat:no-repeat;background-position:center}#app-wrapper{display:none}}#app-wrapper{position:relative;aspect-ratio:16 / 9;width:100%;max-width:1920px;border-radius:10px}@media (max-height: 1080px) and (aspect-ratio >= 16/9){#app-wrapper{height:100%;width:auto}}@media (max-width: 1080px) and (aspect-ratio >= 16/9){#app-wrapper{height:100%;width:100%;aspect-ratio:auto}}#app-wrapper:fullscreen{max-width:100%}.tp-dfwv{width:400px!important;display:none}#game-container{position:absolute;width:100%;height:100%}.page-ui{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;-webkit-user-select:none;user-select:none;pointer-events:none;gap:0rem}#preloader-ui{gap:1rem}.progress-bar-wrapper{width:30rem;height:.3rem;background-color:#7e7e7e;display:flex;justify-content:flex-start;align-items:center}.progress-bar{width:50%;height:100%;background-color:#061c44}.start-button{display:none}.button{position:relative;display:flex;flex-direction:column;justify-content:center;cursor:pointer;pointer-events:all;font-weight:400;letter-spacing:1rem;font-size:4rem}.button:after{display:block;position:absolute;bottom:-1rem;content:"";width:100%;height:.2rem;background-color:#061c44;transform-origin:bottom center;transform:scaleX(.2) translateZ(0);opacity:1;transition:transform .5s cubic-bezier(.2,1,.3,1)}.button:hover:after{opacity:1;transform:scaleX(1) translateZ(0);transition:transform .7s cubic-bezier(.2,1,.3,1)}.big-button{font-weight:500;letter-spacing:.8rem;font-size:3rem;position:relative;background-color:#fff;color:#061c44;padding:0 0rem 0rem 6rem;height:12rem;vertical-align:middle;display:flex;flex-direction:row;justify-content:space-between;gap:2rem;align-items:center;border-radius:50rem;cursor:pointer;pointer-events:all}.big-button-circle{width:12rem;height:12rem;outline:#061c44 solid .3rem;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.play-button img{width:50%;object-fit:contain;margin-left:1rem}.restart-button img{width:60%;object-fit:contain}.restart-button .big-button-circle{transition:rotate .7s cubic-bezier(.2,1,.3,1)}.restart-button:hover .big-button-circle{rotate:180deg;transition:rotate .7s cubic-bezier(.2,1,.3,1)}#tuto-ui{font-size:2.7rem;font-weight:600;letter-spacing:.35rem;display:flex;justify-content:center;align-items:flex-end;flex-direction:column;gap:5rem}.tuto-text{display:flex;justify-content:center;align-items:center;flex-direction:column;height:10rem;padding:0 6rem;border-radius:6rem;background-color:#fff;margin-right:19rem}.title-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:1rem}.title-wrapper img{position:relative;width:24rem}.title{font-weight:900;color:#fff;font-size:11rem;display:flex;gap:0rem}.title span{position:relative}.title span:nth-child(1){top:-.2rem}.title span:nth-child(2){top:-1rem}.title span:nth-child(7){top:-1rem}.title span:nth-child(9){top:1rem}.title span:nth-child(12){top:1rem}.title span:nth-child(13){top:-1.5rem}.title span:nth-child(14){top:-1rem}#score-ui{gap:0rem}.score-ui-block{position:absolute;font-size:6rem;letter-spacing:1rem;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:14rem}.score-ui-scores{display:flex;justify-content:center;align-items:flex-end;flex-direction:column;gap:2rem;width:65rem}.score-ui-line{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:1rem;color:#fff;font-weight:800}.final-score{font-weight:700;color:#e6fa0e;text-shadow:#ffffff94 0px 0px 10px}.best-score{position:relative;color:#fff;font-weight:700}.best-score .best-score-1{position:absolute;color:#061c44}.best-score .best-score-2{color:#fff;-webkit-text-stroke-width:.3rem;-webkit-text-stroke-color:rgb(255,255,255)}.score-ui-buttons{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:3rem}.restart-button{width:43rem}.signs{position:absolute;width:100%;height:100%;background-color:#061c44}.signs-image{width:100%;height:100%;background-image:url(../assets/ui/signs.png);background-size:cover}.website-button{position:relative;padding:0 2.5rem;justify-content:center}#score-ui .score-signs,#score-ui .signs-image,#score-ui .score-ui-block,#score-ui .sound-button{opacity:0}#score-ui.active .score-signs{opacity:1;transition:opacity 2s}#score-ui.active .signs-image{opacity:.5;transition:opacity 2s}#score-ui.active .score-ui-block{opacity:1;transition:opacity 2s;transition-delay:.5s}#score-ui.active .sound-button{opacity:1;transition:opacity 2s;transition-delay:.75s}#hud-ui{display:block}.hud-score{position:absolute;right:10rem;top:10rem;text-align:left;font-weight:600}.hud-score .hud-score-1{position:absolute;color:#061c44}.hud-score .hud-score-2{color:#fff;-webkit-text-stroke-width:.3rem;-webkit-text-stroke-color:rgb(255,255,255)}.hud-pause-buton{position:absolute;left:6rem;top:6rem;width:14rem;height:14rem;cursor:pointer;pointer-events:all;background-image:url(./assets/ui/pause_outline.svg);background-size:cover}.round-button{position:relative;width:13.5rem;height:13.5rem;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;pointer-events:all}.sound-button{width:7rem;height:7rem;background-size:60%;background-repeat:no-repeat;background-position:center;position:absolute;right:3rem;bottom:3rem;background-image:url(../assets/ui/sound-on.svg)}body.muted .sound-button{background-image:url(../assets/ui/sound-off.svg)}.logo{position:absolute;width:26rem;right:5.5rem;bottom:5.5rem}
