@import"https://fonts.googleapis.com/css2?family=Darumadrop+One&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";:root{--english-violet: hsla(251, 19%, 29%, 1);--rose-quartz: hsla(343, 14%, 66%, 1);--tea-green: hsla(102, 30%, 78%, 1);--sepia: hsla(28, 69%, 25%, 1);--russet: hsla(26, 64%, 30%, 1)}*,*:after,*:before{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input,button{font-family:inherit}input,button{border:none;cursor:pointer}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}:root{--green: #83aa45}html{font-size:1px}body{font-family:Outfit,sans-serif;font-size:22rem;background-color:#e7dcdc;background-color:#83aa45;background:url(../../media/grass.jpg);background-size:200rem;color:#fff;height:100vh;overflow:hidden;user-select:none;touch-action:none;overscroll-behavior:none;overscroll-behavior:contain}body #motion-allow{display:none;position:fixed;top:50%;left:50%;translate:-50% -50%;z-index:999;pointer-events:all}body.ios #motion-allow{display:block}body.no-cursor{cursor:auto}.first-screen{position:fixed;top:0;left:0;z-index:70;width:100%;height:100vh;overflow-y:scroll;padding:50rem 0;font-family:Outfit,sans-serif;text-align:center;font-size:14rem;background:linear-gradient(#0c0c0a,#13779e);transition:2s}.first-screen.hidden{opacity:0;pointer-events:none}.first-screen--wrap{width:300rem;height:fit-content;margin:auto}.first-screen h1{font-size:20rem;text-transform:uppercase;text-align:center;line-height:1;letter-spacing:.2em;font-weight:500}.first-screen h1 em{margin-top:10rem;display:block;font-size:.4em}.first-screen .logo{width:100rem;margin-top:40rem}.first-screen .sharers{margin-top:50rem;display:flex;justify-content:center;gap:10rem}.first-screen .sharers .sharer{display:flex;justify-content:center;align-items:center;width:50rem;height:50rem;border-radius:50%;background-color:#fff;font-size:25rem;color:#000;transition:.2s}.first-screen .sharers .sharer span{transition:.2s}.first-screen .sharers .sharer:hover{background-color:var(--green);color:#fff}.first-screen .projet{width:300rem;margin-top:40rem;line-height:1.5;text-align:left}.first-screen .projet h2{font-size:16rem;font-weight:500;text-transform:uppercase;margin-bottom:15rem;letter-spacing:.2em}.first-screen .projet p{margin-bottom:10rem}.first-screen .projet em{font-style:italic}.first-screen footer{margin-top:50rem;font-size:12rem}.first-screen footer h3{display:inline-block;margin-bottom:10rem}.lang{position:fixed;left:5rem;top:10rem;width:fit-content;background-color:#ffffff3f;display:flex;gap:5rem;padding:5rem;border-radius:7rem}.lang--item{display:flex;justify-content:center;align-items:center;width:30rem;height:30rem;background-color:#86868679;color:#000;border-radius:5rem;transition:.2s;cursor:pointer}.lang--item.selected{background-color:var(--green);color:#fff}.lang--item:hover:not(.selected){background-color:#fff}.form{padding:10rem;background-color:#0009;backdrop-filter:blur(10rem);border-radius:10rem;box-shadow:0 0 30rem #4c90a4;font-size:10rem;width:fit-content;margin:50rem auto}.form #btn-play{padding:5rem 50rem;margin:20rem auto}.form #btn-play span{margin-right:20rem}.form fieldset{padding:10rem;margin:10rem 0;border-radius:5rem;border:1px solid rgba(255,255,255,.151)}.form fieldset:last-child{margin-bottom:0}.form fieldset:first-child{margin-top:0}.form--subtitle{font-size:20rem;margin-bottom:20rem}.form .form--content{margin:20rem 0}.form .form--content p{text-align:center;font-size:12rem}.form .field{margin-top:10rem}.form label{display:block;font-family:inherit;text-transform:uppercase;margin-bottom:5rem}.form select,.form input{flex-grow:1;cursor:pointer;height:40rem;padding:4rem 20rem;display:inline-block;font-family:inherit;font-size:inherit;border:none;vertical-align:top}.form input[type=text]{width:250rem;font-size:18rem}.form input[type=color]{width:200rem;min-height:35rem;background-color:transparent}.form button,.form input[type=button],.form input[type=submit]{display:block;min-width:40rem;min-height:35rem;margin-left:auto;text-transform:uppercase;padding:4rem 10rem;background-color:#fff;transition:.1s;cursor:pointer}.form button:hover,.form input[type=button]:hover,.form input[type=submit]:hover{background-color:#83aa45;color:#000}.form.radio{display:flex;gap:30rem}.form.radio label{width:fit-content;cursor:pointer}.form.radio input{width:fit-content;margin:0 5rem 0 0;vertical-align:middle}.field{display:flex;align-items:center;gap:20rem;margin-bottom:10rem}.field label{vertical-align:middle;display:inline-block;min-height:25rem;font-size:12rem;width:200rem}.field input{vertical-align:sub}.hud{z-index:50;position:fixed;top:0rem;left:0%;height:0}.container{overflow-y:scroll;overflow-x:hidden;direction:rtl}header{margin-bottom:20rem;padding:2rem}header .main-actions{display:flex;gap:10rem}.editor{--bg-color: rgba(0, 0, 0, .7);--bg-color: rgba(255, 255, 255, .2);--bg-color: rgb(132 132 132 / 69%);--selected-color: #dac50d;padding:5rem;direction:ltr;width:220rem;color:#fff;line-height:1.5;background-color:var(--bg-color);border-top-right-radius:5rem;border-bottom-right-radius:5rem;transition:.5s;translate:-97% 0}.editor::-webkit-scrollbar{width:8px;height:8px}.editor::-webkit-scrollbar-thumb{background-color:#46a094;border-radius:4px}.editor::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}.editor::-webkit-scrollbar-thumb:vertical{min-height:40px}.editor::-webkit-scrollbar-thumb:hover{background-color:#367d73}.editor.open{translate:0% 0}.editor.open .editor--pull [class*=icon]{scale:1 1}.editor #btn-controls{margin-bottom:10rem;filter:saturate(0)}.editor #btn-controls.selected{filter:saturate(1);background-color:var(--selected-color)}.editor--close{display:none;--size: 50rem;position:absolute;right:0rem;top:-40rem;width:var(--size);height:var(--size);font-size:50rem;line-height:.8;color:#fff;background-color:transparent;background-color:#0000007e;z-index:50}.editor--pull{--size: 30rem;position:absolute;right:calc(0rem - var(--size));top:200rem;width:var(--size);height:70rem;font-size:50rem;line-height:.8;color:#fff;background-color:var(--bg-color);z-index:50;border-top-right-radius:5rem;border-bottom-right-radius:5rem;line-height:0;transition:.2s}.editor--pull [class*=icon]{transition:.7s;display:block;font-size:25rem;scale:-1 1}.editor--pull:hover{width:calc(var(--size) + 20rem);right:calc(0rem - var(--size) - 20rem)}.editor--title{font-size:30rem;margin-bottom:20rem}.editor .tool{margin-bottom:10rem;padding:10rem;border:1px solid rgb(255,255,255);border-radius:5rem;transition:.2s}.editor .tool *{text-transform:capitalize}.editor .tool:last-child{margin:0}.editor .tool.selected{filter:saturate(1);background-color:#306d85;border-color:#000}.editor .tool.selected h3{color:#2f8686;text-indent:0rem}.editor .tool.selected h3 [class*=icon]{rotate:360deg;scale:1}.editor .tool h3{font-size:15rem;margin-bottom:10rem;font-weight:900;text-transform:uppercase;background-color:#fff;color:#000;border-radius:2rem;padding:2rem 5rem;transition:.2s;text-indent:-5rem}.editor .tool h3 [class*=icon]{display:inline-block;transition:.5s;scale:0}.editor .tool h4{text-transform:uppercase;font-size:12rem}.editor .tool .wrap{display:flex;flex-wrap:wrap;align-items:center;column-gap:5rem;row-gap:25rem;margin-bottom:10rem}.editor .tool--tuto{font-size:12rem;margin-bottom:10rem}.editor .tool--action{margin:5rem 0 15rem}.editor .btn-brush{--size: 20rem;padding:0;width:var(--size);height:var(--size);border-radius:50%;text-indent:-9999px;border:0;background-color:#dac50d;vertical-align:middle;flex-grow:0;flex-shrink:0;cursor:pointer;transition:.2s}.editor .btn-brush:hover{filter:saturate(550%);scale:1.1}.editor .btn-brush:nth-of-type(2){--size: 30rem}.editor .btn-brush:nth-of-type(3){--size: 40rem}.editor .btn-brush.selected{outline:4rem solid rgb(0,0,0)}.editor .btn-action{min-height:30rem;display:inline-block;width:48%;font-size:14rem;font-weight:700;border-radius:2rem;border:0}.editor .btn-action.selected{background-color:var(--selected-color)}.editor .picto-terrain{cursor:pointer;font-size:40rem;padding:0}.editor .picto-terrain:hover,.editor .picto-terrain.selected{filter:saturate(550%)}.editor .picto{display:block;width:40rem;height:40rem;cursor:pointer}.editor .picto:hover img{scale:1.1;filter:saturate(100%)}.editor .picto.selected img{border:4rem solid white;border-radius:3rem;filter:saturate(150%)}.editor .picto img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(0%) brightness(2);transition:.2s}.editor .picto figcaption{display:block;font-size:10rem;text-align:center}.editor .tool.is-terrain .picto{font-size:30rem}.mouse{--size: 120px;width:var(--size);height:var(--size);position:fixed;z-index:50;border-radius:50%;border:2px solid white;mix-blend-mode:difference;animation:rotate linear 5s infinite;pointer-events:none;transition:opacity .3s;background-size:100%}.mouse.hidden{opacity:0}@keyframes rotate{to{rotate:360deg}}.btn-picto{--size: 50rem;display:inline-block;width:var(--size);height:var(--size);padding:5rem 15rem;text-transform:uppercase;font-weight:400;color:#fff;border:none;background-color:#2f8686;border-radius:2rem;transition:all .2s;font-size:0}.btn-picto:before{font-size:25rem}.btn-picto:hover{background-color:#123b3b}.btn-picto.selected{background-color:#d59713}.btn{display:inline-block;min-height:40rem;padding:5rem 15rem;text-transform:uppercase;font-size:12rem;color:#fff;border:none;background-color:#2f8686;border-radius:2rem;transition:all .2s}.btn span[class^=icon-]{display:inline-block;margin-right:10rem;font-size:20rem;font-weight:400;vertical-align:middle;transition:.2s}.btn.full{width:100%}.btn:hover,.btn.selected:hover{background-color:orange}@media screen and (max-width: 719px){.btn{--size: 50rem;display:inline-block;width:var(--size);height:var(--size);padding:5rem 15rem;font-size:25rem;text-indent:-9999px}.btn:before{text-indent:0px}}.btn:focus,.btn:active{background-color:none}#btn-fold.open span{rotate:180deg}.controls{display:none}.popin{position:fixed;left:50%;top:50%;translate:-50% -50%;z-index:800;color:#fff;width:fit-content;padding:10rem 20rem;text-align:center;background-color:#0009;backdrop-filter:blur(10rem);border-radius:10rem;z-index:999;transition:all .5s;box-shadow:0 0 30rem #4c90a4;line-height:1.5;opacity:0;pointer-events:none}.popin--close{display:block;position:absolute;top:0rem;right:0rem;font-size:30rem;width:50rem;height:50rem;cursor:pointer;transition:.2s}.popin--close:hover{scale:1.5}.popin h2{font-size:30rem;margin-bottom:30rem}.popin p{font-size:16rem;font-weight:400;line-height:1.5;text-align:left;margin-bottom:10rem}.popin.show{opacity:1;pointer-events:all}.popin#popin-nomobile{display:none}.walloffame{--size: 100rem;position:fixed;top:0rem;right:0rem;z-index:150;max-height:100vh;padding:10rem;border-radius:5rem;background-color:#ffffff52;overflow-y:scroll}.walloffame h2{font-size:16rem;text-align:center;text-transform:uppercase;margin-bottom:15rem}.walloffame #wall-figure-matrice{display:none}.walloffame figure{width:var(--size);height:var(--size);margin-bottom:20rem}.walloffame figure img{width:100%;height:100%;object-fit:cover;border-radius:5rem;overflow-clip-margin:unset;filter:brightness(1.2) saturate(1.3);cursor:pointer;transition:.2s}.walloffame figure img:hover{filter:brightness(1.5) saturate(1.6)}.walloffame figure figcaption{font-size:12rem;text-align:center}#popin-screen img{min-width:1200rem;max-height:80vh}@media (max-width: 768px){.container{flex-direction:column}}.global{pointer-events:none}.logs{display:none;margin:20rem 0;background-color:#38383855;padding:10rem;font-size:12rem;color:#fff;max-height:100rem;overflow-y:scroll}.logs::-webkit-scrollbar{width:8px;height:8px}.logs::-webkit-scrollbar-thumb{background-color:#777;border-radius:4px}.logs::-webkit-scrollbar-track{background-color:#9e7d3e;border-radius:10px}.logs::-webkit-scrollbar-thumb:vertical{min-height:40px}.logs::-webkit-scrollbar-thumb:hover{background-color:#5e5e5e}canvas{position:fixed;top:0;left:0;display:block;z-index:1;pointer-events:all}.countdown{width:50px;height:50px;transition:scale .5s;position:fixed;top:0;left:0;scale:0;pointer-events:none}.countdown.show{opacity:1;scale:1;rotate:-360deg}.point{position:fixed;top:50%;left:50%;translate:-50% -50%;font-family:Darumadrop One,Georgia;color:orange;z-index:99;text-align:center;transition:.3s;opacity:0;scale:0;pointer-events:none}.point.show{opacity:1;scale:1}.point.show img{rotate:360deg;transition:all .3s .2s}.point span:nth-child(1){font-size:100rem}.point span:nth-child(2){display:block;font-size:25rem;font-family:Inter}.point img{filter:hue-rotate(50deg) brightness(500%);width:50rem}.score{font-size:30rem}.score-key{font-family:Darumadrop One,Georgia;color:orange}.score-val{font-family:Darumadrop One,Georgia;color:orange;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:white;text-stroke-width:2px;text-stroke-color:white;font-size:1.5em}.spot{position:fixed;width:130rem;height:130rem;border-radius:50%;transition:border-width .2s,box-shadow .2s;display:flex;justify-content:center;align-items:center;font-family:Darumadrop One,Georgia;font-size:45rem;line-height:0;color:orange}.spot.near{border-width:10rem;background-color:#00008b3b;box-shadow:0 0 5rem #65e0e9}.spot.over{border-width:10rem;box-shadow:0 0 25rem red;border-color:red;background-color:#ff000031}#creature{position:absolute;width:30px;height:30px;border-radius:50%;top:200px;left:200px;z-index:50;background:url(../../media/cow-static.png);background-size:100% auto;background-repeat:no-repeat}#start-game{display:none}.soucoupe{position:fixed;top:-20rem;left:50%;translate:-50% 0;width:300rem}.title{width:500rem;letter-spacing:-5px;font-size:70rem;margin-bottom:25rem;font-family:Darumadrop One,Georgia;color:orange;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:white;text-stroke-width:2px;text-stroke-color:white}.qrcode{position:fixed;bottom:20rem;right:20rem}.qrcode img{width:200rem}.qrcode figcaption{font-size:20rem;text-align:center;text-shadow:0 0 5rem black;color:#fff;margin-bottom:20rem}.cowhead{position:fixed;top:50%;left:50%;translate:-50% -50%;scale:0;transition:all .5s}.cowhead.show{rotate:360deg;scale:1}.site-nav{background-color:#ffffffc9;padding:15rem;width:fit-content;border-radius:10rem}.site-nav a{margin:0 20rem;color:#362009;font-size:16rem}.loader{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000;z-index:999;display:flex;justify-content:center;align-items:center;text-align:center;line-height:2}.loader.hidden{opacity:0;pointer-events:none}.flash{position:fixed;left:0;top:0;opacity:0;pointer-events:none;z-index:1;width:100%;height:100vh;background:radial-gradient(circle,#8f8bd500,#b8161600 0%,#b81616 100%,#b81616c7);transition:opacity .4s}@keyframes flash{to{opacity:1}}.flash.active{opacity:1}#btn-fullscreen-mobile{display:none;position:fixed;right:10px;bottom:10px;border-radius:5px;border:none;color:#fff;background-color:#000;pointer-events:all}#btn-fullscreen-mobile span:nth-child(1){display:block}#btn-fullscreen-mobile span:nth-child(2){display:none}#btn-fullscreen-mobile.smaller{scale:.7}#btn-fullscreen-mobile.smaller span:nth-child(1){display:none}#btn-fullscreen-mobile.smaller span:nth-child(2){display:block}.motion-allow.hide{display:none}.viseur{width:60px;height:60px;position:fixed;top:50%;left:50%;translate:-50% -50%;background-image:url(../../media/fire.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;background-color:transparent;filter:drop-shadow(0 0 2px red);user-select:none;pointer-events:all;transition:all .1s;animation:focus 10s infinite}.viseur.focus{animation:focus .2s alternate}@keyframes focus{to{rotate:360deg}}#fire{position:fixed;top:20%;right:0;width:50px;height:50px;border-radius:999rem;cursor:pointer;border:none;text-indent:-9999px;background-image:url(../media/fire.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;background-color:transparent;filter:drop-shadow(0 0 2px red);transition:all .2s;user-select:none;pointer-events:all}#fire.focus{animation:focus .2s alternate}@keyframes focus{to{scale:1.3}}.link-to-pilote{position:fixed;top:100px;left:100px;z-index:20}.warning{font-family:Audiowide,sans-serif;font-size:16rem;color:#8b0000;line-height:1.8;width:fit-content}.warning--key{text-transform:uppercase;font-weight:900}.warning--val{padding:2rem 5rem;background-color:#8b0000;color:#fff;border-radius:2px}.message{position:fixed;top:50%;left:50%;translate:-50% -50%;display:none;padding:20rem 50rem;border-radius:10rem;font-family:Audiowide,sans-serif;font-size:50rem;color:#8b0000;text-align:center;line-height:1.8;width:fit-content;background-color:#000}.message--val{padding:2rem 5rem;background-color:#8b0000;color:#fff;border-radius:2px;padding:10rem;border-radius:2rem}.message--key{text-transform:uppercase;font-weight:900}.message.display{display:block}.hudpart{background-color:#fff;padding:5px;border-radius:10px;width:fit-content;font-family:Audiowide,sans-serif;font-size:16rem;color:#255e25;line-height:1.8;text-align:center;pointer-events:all}.hudpart--key{font-weight:700;text-transform:uppercase}.hudpart--val{border-radius:2px;font-size:50px;line-height:.9;font-weight:900}.hudpart#launch-game{pointer-events:all}#mode-fps{position:fixed;top:50%;left:50%;translate:-50% -50%;top:50rem}#mode-fps.smaller{scale:.5}#form-player{pointer-events:all}.tuto{position:fixed;top:50%;left:50%;translate:-50% -50%;padding:50rem;margin-top:-150rem;font-size:50rem;font-weight:700;line-height:1.5;text-align:center;text-transform:uppercase;background-color:#fff7;border-radius:5rem;opacity:0;transition:all 1s}.tuto.show{opacity:1}.scores{position:fixed;right:5rem;top:100rem}.scores h2{font-size:50rem;text-transform:uppercase;background-color:#fff}.scores--flash{position:fixed;top:50%;left:50%;translate:-50% -50%;font-size:20rem;font-weight:900;color:#82bb2d;opacity:0;transition:all .15s}.scores--flash.top{top:200rem;font-size:5rem}.scores--flash.show{scale:10;opacity:1}.score-table{width:100%;background-color:#00000094;color:#fff;justify-content:space-between}.score-table-tr{display:flex;background-color:#000;margin-bottom:2px}.score-table-td{padding:5rem 10rem}.score-table-td:nth-child(2){color:#adff2f}.circle{position:fixed;z-index:90;width:100rem;height:100rem;background:#00ff00b3;border-radius:50%;overflow:hidden;pointer-events:none;transition:scale .2s ease;background:linear-gradient(45deg,#00ff00b3,#009600b3);background-size:400% 400%;animation:gradient-animation 3s ease-in-out infinite}.circle:after{content:"";width:80%;height:80%;background:#00000080;border-radius:50%;position:absolute;top:10%;left:10%;transition:transform .2s ease,opacity .2s ease}.circle.active{scale:1.8}.circle.active:after{transform:scale(.2);opacity:.5}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}a{text-decoration:none;color:inherit}img{max-width:100%}.popup{position:fixed;top:50%;left:50%;translate:-50% -50%;z-index:999;width:700rem;min-height:300rem;padding:30rem 50rem;background-color:#000a;border-radius:5rem;box-sizing:0 0 20rem black;transition:all .5s;backdrop-filter:blur(10px)}.popup.hidden{display:none}.popup--content{color:#fff;text-align:center;font-size:20rem;font-weight:700;line-height:1.7}.popup.is-hidden{translate:-50% -200%}.popup h2{margin-bottom:20rem;font-size:100rem;font-family:Bowlby One}.popup h3{margin:50rem 0;font-size:30rem;font-family:Outfit}.popup form{margin-top:20rem}.popup form div{margin-bottom:30rem}.popup form label{display:block;font-size:20rem;margin-bottom:6rem}.popup form input{height:50rem;border:0;font-size:20rem;font-family:Outfit;background-color:#fff}.popup form input[type=text]{width:500rem;padding-left:10rem}.popup form [type=submit]{min-width:200rem;margin-top:30rem;font-size:30rem;font-weight:700;color:#521c55;background-color:#82bb2d;color:#fff;border:0}.player{position:fixed;left:50%;bottom:0;padding:5rem 15rem;translate:-50% 0%;border-radius:10rem;background-color:#fff5;text-align:center}.player--name{color:#fff;margin:10rem}.player--wrap{display:flex;justify-content:center;gap:10rem}#new-player{position:absolute;right:-100rem;bottom:0}.didacticiel--text{margin:10rem 0;font-size:30rem}.didacticiel--tuto{width:300rem;border-radius:5rem}audio{display:none}body.mobile .walloffame{display:none}@media (max-width: 719px){.editor{max-height:80vh}.field{flex-direction:column;align-items:stretch;gap:0;margin-bottom:15rem}.field label{width:auto;text-align:left;margin-bottom:0}.popin{width:95%;height:auto;padding:20rem 20rem 30rem;opacity:0;pointer-events:none;background-color:#000000d3}.popin h2{font-size:20rem;margin-bottom:30rem}.popin p{font-size:14rem;margin-bottom:20rem;line-height:1.7}.popin.show{opacity:1;pointer-events:all}.popin#popin-nomobile{display:none}.popin#popin-nomobile{display:block}}