@font-face{font-family:Marcel;src:url(/fonts/Marcel-Variable.woff2) format("woff2 supports variations"),url(/fonts/Marcel-Variable.woff2) format("woff2-variations");font-weight:400}:root{font-family:Marcel,serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--bubble-radius: 25lvw;--box-shadow: #000000;--color1: #17376e;--color1-shadow: #6d6d6c;--color2: #c12613;--color2-shadow: #c99700;--color3: #1e4f47;--color3-shadow: #135407;--color4: #1f514f;--color5: #a93e0c;--body-background: linear-gradient( 180deg, #050503 0%, #173954 38%, #173954 61%, #050503 90% );--btn-red-background: linear-gradient(#b13531, #cc310c);--btn-blue-background: linear-gradient(#2c2281, #303263);--dialog-background: linear-gradient( 55deg, #050503 10%, #173954 20%, #173954 82%, #050503 97% );--easeInQuad: cubic-bezier(.55, .085, .68, .53);--easeOutQuad: cubic-bezier(.25, .46, .45, .94);--easeInOutQuad: cubic-bezier(.455, .03, .515, .955);--easeInCubic: cubic-bezier(.55, .055, .675, .19);--easeOutCubic: cubic-bezier(.215, .61, .355, 1);--easeInOutCubic: cubic-bezier(.645, .045, .355, 1);--easeInQuart: cubic-bezier(.895, .03, .685, .22);--easeOutQuart: cubic-bezier(.165, .84, .44, 1);--easeInOutQuart: cubic-bezier(.77, 0, .175, 1);--easeInQuint: cubic-bezier(.755, .05, .855, .06);--easeOutQuint: cubic-bezier(.23, 1, .32, 1);--easeInOutQuint: cubic-bezier(.86, 0, .07, 1);--easeInSine: cubic-bezier(.47, 0, .745, .715);--easeOutSine: cubic-bezier(.39, .575, .565, 1);--easeInOutSine: cubic-bezier(.445, .05, .55, .95);--easeInExpo: cubic-bezier(.95, .05, .795, .035);--easeOutExpo: cubic-bezier(.19, 1, .22, 1);--easeInOutExpo: cubic-bezier(1, 0, 0, 1);--easeInCirc: cubic-bezier(.6, .04, .98, .335);--easeOutCirc: cubic-bezier(.075, .82, .165, 1);--easeInOutCirc: cubic-bezier(.785, .135, .15, .86);--easeInBack: cubic-bezier(.6, -.28, .735, .045);--easeOutBack: cubic-bezier(.175, .885, .32, 1.275);--easeInOutBack: cubic-bezier(.68, -.55, .265, 1.55)}html{height:100%;width:100%}body *{box-sizing:border-box;padding:0;margin:0;border:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-weight:400;backface-visibility:hidden}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:transparent;background-image:url(/noise.jpg),var(--body-background);background-position:center center;background-repeat:repeat;background-blend-mode:color-burn;font-weight:700;overflow:hidden}@media screen and (min-width: 1000px;){body{background-image:var(--body-background)!important}}body.marcel .evolution-circle{display:none}p{margin-block-start:5px;margin-block-end:5px;margin-inline-start:0px;margin-inline-end:0px}main{position:relative;z-index:2;max-width:420px;max-height:820px;width:100vw;height:100vh;margin:0 auto}header{display:flex;justify-content:space-between;flex-wrap:wrap;padding:6vw 4vw 0;position:relative;z-index:10;max-width:380px;margin:0 auto}@media screen and (min-width: 640px){header{padding:40px 25px 0}}header .evolution-circle{flex:1 1 100%;position:relative;top:25px;margin-bottom:20px}@media screen and (min-width: 640px){header .evolution-circle{top:-30px}}header .evolution-circle .content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:fit-content;font-size:14px;margin:0 auto}header .evolution-circle .content .label{top:-15px}header .evolution-circle .content img{width:50vw;max-width:200px}header .circle{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3;width:var(--bubble-radius);height:var(--bubble-radius);max-width:130px;max-height:130px;font-size:20px;font-weight:800;background:url(/next_circle.png) no-repeat 0 0 / cover transparent;cursor:none}header .label{color:#fff;font-weight:800;position:absolute;top:-15px}header .fruit-circle{animation:floating 2.2s ease-in-out infinite}header .fruit-circle img{height:50px}header .score-circle .score{font-size:22px}header .podium{display:flex;justify-content:center;align-items:center;cursor:pointer}header .podium img{width:50px}header .best-score-container{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px}header .best-score-container>p{margin:0 auto}.tuto{display:none}@media screen and (min-width: 900px){.tuto{display:flex;justify-content:space-between;align-items:center;margin-top:30px;width:420px;color:#fff}.tuto img{width:50px;backface-visibility:visible;animation:moveRight 1.5s ease-out infinite;animation-iteration-count:3;animation-fill-mode:forwards}.tuto .left img{transform:rotateY(180deg);animation-name:moveLeft;animation-iteration-count:3;animation-fill-mode:forwards}.tuto .down img{transform:rotate(90deg);animation-name:dropping;animation-iteration-count:3;animation-fill-mode:forwards}}.noise-background{position:fixed;width:100vw;height:100vh}.noise-background svg{width:100%;height:100%}.noise-background{filter:contrast(160%) brightness(40%);opacity:.7}.canvas-container{position:absolute;top:0;left:0;width:100%;height:100%}canvas{width:100%;height:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}button{border-radius:30px;border:1px solid transparent;font-family:inherit;cursor:pointer}.black-shadow{box-shadow:0 8px 2px var(--box-shadow)}.agency-logo{width:30px;margin-right:10px}.agency-logo-txt{width:30px;margin-right:10px;font-size:9px}.dialog{width:100vw;height:100lvh;background-color:transparent;background-image:url(/noise.jpg),var(--body-background);background-position:center center;background-repeat:repeat;background-blend-mode:color-burn;border:none}.dialog[open]{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9;margin:auto}.dialog::backdrop{display:none}.dialog .close{display:flex;justify-content:center;align-items:center;position:absolute;top:20px;right:10px;cursor:pointer;width:40px}.dialog .close img{width:100%}@media screen and (min-width: 640px){.dialog .close{top:10%;right:10%;width:60px}}.dialog-container{position:relative;z-index:999;padding:15px;width:80%;height:fit-content;max-width:365px;min-height:365px;max-height:none;border:1px solid #ffffff;border-radius:50px;display:flex;flex-direction:column;justify-content:center;align-items:center}.dialog-container .dialog-title{position:absolute;top:-30px;z-index:3;width:70%;padding:10px;font-size:20px;color:#fff;text-transform:capitalize;text-align:center;border:1px solid #ffffff;border-radius:15px;background:url(/buttons/btn-blue-bg.png) center center/ 110%}.dialog-container .dialog-content{background-color:#fff;display:flex;width:100%;height:100%;border-radius:30px;flex-direction:column;align-items:center;justify-content:center;overflow-y:hidden}.intro-dialog .logo{margin-top:30px;display:flex;justify-content:center;align-items:end}.intro-dialog .logo span{color:#fff;line-height:.75;font-size:35px}.intro-dialog .logo img{display:inline-block;width:80px}.intro-dialog .dialog-container{width:80%;height:80%;max-height:365px}.intro-dialog .dialog-container .dialog-content{background-color:#fff;display:flex;width:100%;height:100%;border-radius:30px;flex-direction:column;align-items:center}.intro-dialog .dialog-container .dialog-content .btn-intro{width:200px;padding:15px 20px;text-transform:capitalize;color:#fff}.intro-dialog .dialog-container .dialog-content .btn-intro_play{background:url(/buttons/btn-red-bg.png);margin-bottom:20px}.intro-dialog .dialog-container .dialog-content .btn-intro_ranking{background:url(/buttons/btn-blue-bg.png)}.intro-dialog .dialog-container .dialog-content .btn-intro{background-size:cover;background-position:center center}.ranking-dialog[open]{margin:auto}.ranking-dialog .dialog-content{background-color:#fff;padding-block-start:40px}.ranking-dialog_item{list-style-type:none}.ranking-dialog_score{color:pink;margin-right:10px}.ranking-dialog_score .ranking-list{min-height:340px}.ranking-list{pointer-events:none;display:flex;flex-direction:column;padding-block-start:0;padding-block-end:0;padding-inline-start:0;padding-inline-end:0;background-color:#fff;border-radius:30px;width:100%;height:100%}.ranking-list_item{display:flex;align-items:center;list-style-type:none;font-size:18px;color:var(--color1);border-top:1px solid var(--color5);padding-block-start:5px;padding-block-end:5px;padding-inline-start:5px;padding-inline-end:5px}.ranking-list_item:first-of-type{border-top:none;background-color:var(--color2);color:#fff}.ranking-list_item:nth-of-type(2){background-color:var(--color4);color:#fff}.ranking-list_item:nth-of-type(3){background-color:var(--color5);color:#fff}.ranking-list_score{font-size:22px;flex:0 0 70px;text-align:right;padding-right:10px}.ranking-list_logo{width:70px}.ranking-list_player{flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-variation-settings:"wdth" 100;transition:font-variation-settings .3s var(--easeOutQuad);animation:variation 10s var(--easeInOutQuad) 0s 1 normal both paused}.game-over .dialog-container{padding-top:20px}.game-over .dialog-container .dialog-content{position:relative;display:block;width:100%;border-radius:30px;background-color:#fff;overflow:hidden;transition:min-height .75s var(--easeOutCubic)}.game-over .dialog-container .dialog-content.agency-open .agencies-list{pointer-events:all;transform:translate(0);transition:all .25s ease-out}.game-over .dialog-container .dialog-content.agency-open .score-form{pointer-events:none}.game-over .dialog-container .dialog-content .final-score-container{position:relative;left:0;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.game-over .dialog-container .dialog-content .final-score-container .final-score{margin-top:20px;font-size:70px;color:var(--color1)}.game-over .dialog-container .dialog-content .final-score-container .final-score-form{display:flex;flex-direction:column;width:70%;padding:15px 0}.game-over .dialog-container .dialog-content .final-score-container .final-score-form>*{text-align:center;border-radius:20px;height:50px;background-color:var(--color1);background:url(/buttons/btn-blue-bg.png) center center/ 110%;margin-bottom:20px;color:#fff}.game-over .dialog-container .dialog-content .final-score-container .final-score-form input{font-family:var(--Marcel);border:none;margin-bottom:20px}.game-over .dialog-container .dialog-content .final-score-container .final-score-form input::placeholder{color:#fff;opacity:.8}.game-over .dialog-container .dialog-content .final-score-container .final-score-form .btn-submit{background-color:var(--color3);background:url(/buttons/btn-green-bg.png) center center/ 110%}.game-over .dialog-container .dialog-content .final-score-container .final-score-form .btn-submit[disabled]{opacity:.75}.game-over .dialog-container .dialog-content .final-score-container .player-rank{display:none;color:#000;font-size:25px}.game-over .dialog-container .dialog-content .final-score-container .top-rank{color:#000;font-size:20px;margin-bottom:20px}.game-over .dialog-container .dialog-content .final-score-container .ranking-list{height:fit-content}.game-over .dialog-container .dialog-content .agencies-list{pointer-events:none;transform:translate(100%);transition:transform .25s ease-out .25s;position:absolute;top:0;width:100%;height:100%;overflow:auto;background-color:#fff;padding-top:10px;padding-bottom:10px;z-index:1}.game-over .dialog-container .dialog-content .agencies-list form{display:flex;flex-direction:column}.game-over .dialog-container .dialog-content .agencies-list form>*{color:#000}.game-over .dialog-container .dialog-content .agencies-list form label{width:100%;padding:5px 10px;display:flex;align-items:center;transition:background-color .3s ease-out;background-color:#fff}.game-over .dialog-container .dialog-content .agencies-list form label:hover{background-color:#0003}.game-over .dialog-container .dialog-content .agencies-list form label input{color:#000;box-shadow:none!important;margin-bottom:0!important;margin-left:auto}@keyframes floating{0%{transform:translateY(5px)}50%{transform:translateY(-5px)}to{transform:translateY(5px)}}@keyframes moveLeft{0%{opacity:1;transform:translate(50px) rotateY(180deg)}to{opacity:.2;transform:translate(0) rotateY(180deg)}}@keyframes moveRight{0%{opacity:1;transform:translate(0)}to{opacity:.2;transform:translate(50px)}}@keyframes dropping{0%{opacity:1;transform:translateY(0)}to{opacity:.2;transform:translateY(100px)}}@keyframes variation{0%{font-variation-settings:"wdth" 100}to{font-variation-settings:"wdth" 160}}
