*{padding:0;margin:0;box-sizing:border-box;user-select:none;-webkit-user-select:none}body,html{width:100%;min-height:100%;-webkit-tap-highlight-color:transparent}body{-moz-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-size-adjust:none;overscroll-behavior:none}a{text-decoration:none;color:inherit;pointer-events:all}button{appearance:none;-webkit-appearance:none;border:none;background:none;padding:0;color:inherit;cursor:pointer;pointer-events:all}button:focus{outline:none}img{user-drag:none;-webkit-user-drag:none}@font-face{font-family:RobotoCondensed;src:url(/assets/fonts/dustismo.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:AlexBrush;src:url(/assets/fonts/AlexBrush-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.popin{position:absolute;right:0px;top:0;bottom:0;width:100vw;padding:5vw;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;display:none;color:#000;gap:5vh}@media (min-width: 768px){.popin{width:80vw;max-width:400px}}@media (min-width: 1025px){.popin{padding:60px;width:400px}}@media (min-width: 1600px){.popin{padding:80px;width:500px;max-width:500px}}.popin.active{display:flex}.popin .title{font-size:40px;line-height:120%;font-family:AlexBrush;font-weight:400}@media (min-width: 1600px){.popin .title{font-size:45px}}.popin .content{font-family:RobotoCondensed,arial,sans-serif;font-size:18px;max-width:400px}@media (min-width: 1600px){.popin .content{font-size:22px}}.popin .content p{color:#413420;margin-bottom:20px}.btn{font-family:RobotoCondensed,arial,sans-serif;font-size:16px;padding:16px 36px;background:black;color:#fff;transition:color .2s linear,background .2s linear}@media (min-width: 1600px){.btn{font-size:20px}}.btn:hover{background:#333}.separator{width:50%;height:1.5px;background:#222}.cursor{position:absolute;left:0px;top:0px;z-index:2;padding-left:20px;font-size:13px;text-transform:uppercase;display:none;color:#111;font-weight:700;opacity:0;font-family:RobotoCondensed,arial,sans-serif}.cursor svg{position:absolute;left:-50px;top:-50px;opacity:0;transition:opacity .5s linear}.cursor svg circle{stroke-dasharray:250.9}.cursor svg.visible{opacity:1}.cursor .text{position:relative;top:-5px}.cursor span{display:inline-block}@media (min-width: 1025px){.cursor{display:block}}header.header{position:absolute;left:10%;top:0px;width:80%;z-index:3;font-size:25px;font-family:AlexBrush;color:#333;pointer-events:auto}@media (min-width: 768px){header.header{font-size:21px}}@media (min-width: 1025px){header.header{font-size:26px}}@media (min-width: 1600px){header.header{font-size:32px}}header.header .desktop{display:none}@media (min-width: 768px){header.header .desktop{display:flex;justify-content:center}}header.header .desktop>.sub{flex:1;text-align:center;padding:20px 0;cursor:pointer;position:relative;opacity:.6}@media (min-width: 768px){header.header .desktop>.sub{transition:transform .4s cubic-bezier(.4,0,.1,1),opacity .3s}}header.header .desktop>.sub:before{content:"";width:20%;left:40%;height:1px;background:#333;bottom:25px;position:absolute;opacity:0;transform:scale3d(0,1,1);transition:transform .4s cubic-bezier(.4,0,.1,1),opacity .3s}header.header .desktop>.sub:hover{opacity:1}header.header .desktop>.sub:hover:before{transform:scaleZ(1);opacity:1}header.header .mobile{display:block;text-align:center}@media (min-width: 768px){header.header .mobile{display:none}}header.header .mobile .down{margin:auto;width:0px;position:relative;top:-10px}header.header .mobile .down span{width:8px;height:1.5px;background:#333;transform-origin:left center;display:inline-block;position:absolute;top:0;transform:rotate(-45deg)}header.header .mobile .down span:nth-child(2){transform:rotate(-135deg)}header.header .mobile .content{display:none}header.header .mobile .content>.sub{padding:10px 0}header.header .mobile .content.active{display:block}header.header .title{line-height:20px;padding:25px 40px}header.header .title span{display:block;margin:auto}.back{position:absolute;left:0px;top:0px;color:#333;pointer-events:auto;cursor:pointer;z-index:2;font-size:14px;padding:30px 25px 30px 40px;display:none;font-family:AlexBrush;font-family:RobotoCondensed,arial,sans-serif;transition:opacity .3s linear}@media (min-width: 768px){.back{left:unset;left:50px;top:30px;font-size:15px;padding:22px 20px 20px 40px}}@media (min-width: 1600px){.back{font-size:18px}}.back:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-size:90% 60%;background-repeat:no-repeat;background-position:center;background-image:url(/assets/textures/background-back.png)}@media (min-width: 768px){.back:before{background-size:100% 80%}}.back:hover span{transform:translate3d(-3px,1px,0) rotate(45deg)}.back span{position:absolute;z-index:1;width:8px;height:8px;left:28px;transform-origin:left center;transition:transform .3s cubic-bezier(.455,.03,.515,.955);border-left:1.5px solid #333;border-bottom:1.5px solid #333;transform:translate3d(0,1px,0) rotate(45deg)}@media (min-width: 768px){.back span{left:28px}}.back p{position:relative;z-index:1}@keyframes infinite-sine{0%{transform:translateZ(0) scaleZ(1);opacity:1}5%{opacity:1}15%{opacity:.5}25%{opacity:1}33%{transform:translate3d(0,5px,0) scale3d(1,1.2,1)}55%{opacity:1}55%{opacity:.5}65%{opacity:1}66%{transform:translate3d(0,-5px,0) scale3d(1,.8,1)}to{transform:translateZ(0) scaleZ(1)}}.sound{position:absolute;bottom:18px;left:0;width:100%;z-index:2;font-size:14px;text-transform:uppercase;text-align:center;display:flex;align-items:center;justify-content:center;color:#333;font-family:RobotoCondensed,arial,sans-serif}@media (min-width: 1600px){.sound{font-size:17px}}.sound .inner{padding:15px 20px;pointer-events:auto;cursor:pointer;width:200px;transition:background-color .3s linear,color .3s linear}.sound .inner:before{content:"";display:block;width:40px;position:absolute;height:1px;bottom:5px;background:#333;left:50%;transform:translate3d(-50%,0,0);transition:width .3s cubic-bezier(.455,.03,.515,.955)}.sound .inner:hover:before{width:60px}.sound-btn{position:absolute;left:40px;bottom:40px;pointer-events:auto;width:30px;height:20px;cursor:pointer;display:none;opacity:0}.sound-btn .round-wrapper{position:absolute;top:50%;left:50%;transition:transform .4s cubic-bezier(.455,.03,.515,.955)}.sound-btn .round-wrapper span.round{display:block;width:2px;height:15px;background-color:#444;box-shadow:0 0 2px #fff;position:absolute;left:0px;top:-10px;border-radius:4px;animation:4s infinite-sine 0s cubic-bezier(.455,.03,.515,.955) infinite;transition:height 1s cubic-bezier(.455,.03,.515,.955)}.sound-btn .round-wrapper span.round:nth-child(1){animation:4s infinite-sine 0s cubic-bezier(.455,.03,.515,.955) infinite;left:-10px}.sound-btn .round-wrapper span.round:nth-child(2){animation:4s infinite-sine .75s cubic-bezier(.455,.03,.515,.955) infinite;left:-5px}.sound-btn .round-wrapper span.round:nth-child(3){animation:4s infinite-sine 1.5s cubic-bezier(.455,.03,.515,.955) infinite;left:0px}.sound-btn .round-wrapper span.round:nth-child(4){animation:4s infinite-sine 2.25s cubic-bezier(.455,.03,.515,.955) infinite;left:5px}.sound-btn .round-wrapper span.round:nth-child(5){animation:4s infinite-sine 3s cubic-bezier(.455,.03,.515,.955) infinite;left:10px}.sound-btn .text{position:relative;font-family:AlexBrush;font-size:24px;color:#333}.sound-btn svg{position:relative;opacity:.7}.sound-btn svg path{transition:center center}.sound-btn img{width:20px;position:relative;transition:transform .4s cubic-bezier(.455,.03,.515,.955),opacity .4s linear;opacity:.8}.sound-btn:hover img{transform:scale(1.2)}.sound-btn:hover .round-wrapper{transform:scale3d(1,.6,1)}.sound-btn.inactive img{transform:scale(1.2);opacity:.5}.sound-btn.inactive .round-wrapper span.round:nth-child(1),.sound-btn.inactive .round-wrapper span.round:nth-child(2),.sound-btn.inactive .round-wrapper span.round:nth-child(3),.sound-btn.inactive .round-wrapper span.round:nth-child(4),.sound-btn.inactive .round-wrapper span.round:nth-child(5){animation:none;height:5px}@keyframes offset-anim{0%{offset-distance:100%}to{offset-distance:0%}}@keyframes programme-scroll{0%{transform:translate3d(0,22px,0);opacity:0}40%{opacity:1}60%{opacity:1}to{opacity:0;transform:translateZ(0)}}@keyframes tapping-touch{0%{transform:translateZ(0);box-shadow:-5px 5px #fff3}to{box-shadow:-2px 2px 2px #fff3;transform:translate3d(-3px,3px,0)}}@keyframes jumping{0%{transform:translateZ(0)}to{transform:translate3d(0,-8px,0)}}.single-sub{display:none}.single-sub.active{display:block;opacity:1}.single-sub .overlay{background:rgba(0,0,0,.2)}.single-sub .tuto{position:fixed;top:0;bottom:0;left:0;right:0;background:radial-gradient(rgba(0,0,0,.8),rgba(0,0,0,.3));color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:40px}.single-sub .tuto .illustration{display:flex;gap:40px}.single-sub .tuto .content{font-size:28px;font-family:AlexBrush;z-index:1;color:#fff;text-align:center;margin:0 20px}@media (min-width: 1600px){.single-sub .tuto .content{font-size:32px}}.single-sub button.go,.single-sub button.send{border:1px solid white;font-family:RobotoCondensed,arial,sans-serif;text-transform:uppercase;padding:14px 30px;border-radius:5px;transition:background-size .5s cubic-bezier(.455,.03,.515,.955),color .3s linear,border-radius .6s cubic-bezier(.455,.03,.515,.955);background-image:url(/assets/svg/hearth.svg);background-repeat:no-repeat;background-origin:padding-box;background-position:center;background-size:0%}.single-sub button.go:hover,.single-sub button.send:hover{background-size:200%;color:#000}.single-sub .touch{padding:20px 30px;font-size:30px;border:1px solid rgba(255,255,255,.5);border-radius:50px;box-shadow:-5px 5px #fff3;font-family:RobotoCondensed,arial,sans-serif;pointer-events:auto;touch-action:manipulation}@media (min-width: 768px){.single-sub .touch{border-radius:5px}}.single-sub .touch:active{box-shadow:-2px 2px 2px #fff3;transform:translate3d(-3px,3px,0)}.single-sub .touch.demo{animation:tapping-touch .14s infinite alternate}.single-sub .touch.demo:nth-child(2){animation-delay:.06s}.single-sub .mobile-ui{position:absolute;bottom:40px;left:0;right:0;display:flex;justify-content:space-around}@media (min-width: 768px){.single-sub .mobile-ui{display:none}}.single-sub.sub-alliances .tuto .illustration{position:relative}.single-sub.sub-alliances .tuto .illustration img{width:80vw;max-width:400px}.single-sub.sub-alliances .tuto .illustration .ring{position:absolute;width:20px;height:20px;border:1.5px solid white;border-radius:10px;top:0px;left:0px;transform-origin:center center}.single-sub.sub-programme{width:100%;height:100%;position:absolute}.single-sub.sub-programme .intro{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:AlexBrush;font-size:26px;text-align:center;gap:30px;color:#333}@media (min-width: 1600px){.single-sub.sub-programme .intro{font-size:32px}}.single-sub.sub-programme .intro .illustration{width:8px;height:30px;border:1px solid #333;border-radius:4px;position:relative}.single-sub.sub-programme .intro .illustration span{width:4px;height:4px;background-color:#333;border-radius:2px;display:inline-block;position:absolute;top:1px;left:1px;animation:programme-scroll 1.9s infinite}.single-sub.sub-programme .intro .sentence{max-width:400px;padding:0 10px}.single-sub.sub-programme .restart-wrapper{display:flex;width:100%;height:100%;top:0;left:0;align-items:center;position:absolute;justify-content:center}.single-sub.sub-programme .restart-wrapper .restart{display:none}.single-sub .main{position:absolute;bottom:50px;align-items:center;justify-content:center;width:100%;display:none}.single-sub .end{display:none;align-items:center;justify-content:center;flex-direction:column;width:100%;top:0;height:100%;position:absolute;background:radial-gradient(rgba(0,0,0,.8),rgba(0,0,0,.3));gap:30px}.single-sub .end .messages{background-color:#0000004d;border-radius:10px;max-width:90vw;width:400px;overflow:hidden}.single-sub .end .messages .top{font-family:AlexBrush;font-size:26px;align-items:center;background:rgba(0,0,0,.3);padding:10px;display:flex;gap:10px}.single-sub .end .messages .profile{width:40px;height:40px;border-radius:20px;border:2px solid black}.single-sub .end .messages .profile.bapt{margin-left:-20px}.single-sub .end .messages .messages-content{overflow:auto;max-height:45vh;pointer-events:auto;padding:10px 0}.single-sub .end .messages .message{padding:5px 10px;font-family:RobotoCondensed,arial,sans-serif}.single-sub .end .messages .message .line{display:flex;gap:6px;align-items:flex-end;max-width:80%}.single-sub .end .messages .message .line .text{background:white;color:#333;font-size:17px;border-radius:10px 10px 10px 0;padding:5px 10px}.single-sub .end .dots{display:flex;align-items:center;justify-content:center;gap:4px}.single-sub .end .dots span{width:4px;height:4px;background-color:#fff;border-radius:2px;animation:jumping .6s cubic-bezier(.455,.03,.515,.955) infinite alternate}.single-sub .end .dots span:nth-child(2){animation-delay:.1s}.single-sub .end .dots span:nth-child(3){animation-delay:.2s}.single-sub .end .content{font-family:AlexBrush;font-size:26px;text-align:center;gap:30px;color:#fff;padding:0 10px}.single-sub .end .goback{color:#fff;font-size:12px;text-transform:uppercase;font-family:RobotoCondensed,arial,sans-serif;position:relative}.single-sub .end .goback:before{content:"";position:absolute;width:100%;height:1px;background:white;bottom:-4px;transition:transform .2s}.single-sub .end .goback:hover:before{transform:scale3d(.7,1,1)}.countdown{position:fixed;top:0;bottom:0;left:0;right:0;display:none;background:radial-gradient(rgba(0,0,0,.4),rgba(0,0,0,.1));color:#fff;align-items:center;justify-content:center}.countdown.active{display:flex}.countdown .inner{display:inline-block;font-family:Gill Sans;font-size:100px;color:#fff}.instructions-main{display:flex;align-items:center;justify-content:center;position:fixed;bottom:80px;left:0;right:0;font-family:AlexBrush;color:#333;font-size:21px;width:100%;gap:40px;line-height:20px}@media (min-width: 768px){.instructions-main{font-size:24px;line-height:110%}}@media (min-width: 1025px){.instructions-main{font-size:28px}}@media (min-width: 1600px){.instructions-main{font-size:34px}}.instructions-main .inner{max-width:100%;padding:5px;text-align:center;border-radius:50%;background:rgba(255,255,255,.4);box-shadow:0 0 70px 70px #fff6}@media (min-width: 768px){.instructions-main .inner{max-width:50%}}.instructions-main .inner br{display:none}@media (min-width: 768px){.instructions-main .inner br{display:block}}.instructions-main .left,.instructions-main .right{position:relative;padding:20px;text-align:center}@media (min-width: 768px){.instructions-main .left,.instructions-main .right{display:none}}.instructions-main .left span,.instructions-main .right span{width:10px;height:1px;background:#333;position:absolute;transform-origin:left center;transform:rotate(45deg)}.instructions-main .left span:nth-child(2),.instructions-main .right span:nth-child(2){transform:rotate(-45deg)}.instructions-main .left span{left:20px}.instructions-main .right span{transform-origin:right center;right:20px}.chrono{position:fixed;top:100px;left:0;right:0;display:none;color:#fff;align-items:center;justify-content:center;align-items:column}.chrono.active{display:flex}.chrono .inner{background:rgba(0,0,0,.05);display:inline-block;font-family:Gill Sans;font-size:42px;color:#fff;padding:20px;box-shadow:0 0 40px 40px #0000000d;width:220px;text-align:center;border-radius:40px}.chrono .inner .saves{font-size:20px;margin:auto;max-height:200px;overflow:hidden}#canvas-wrapper,#canvas-wrapper canvas{pointer-events:auto;position:fixed;top:0;left:0;width:100%;height:100%;touch-action:none}#canvas-wrapper{z-index:0}html{pointer-events:none;color:#fff;font-size:.3125vw}@media (min-width: 768px){html{font-size:.1302083333vw}}@media (min-width: 1025px){html{font-size:.09765625vw}}@media (min-width: 1441px){html{font-size:.0694444444vw}}@media (min-width: 1600px){html{font-size:.0625vw}}#root{font-size:11px}body{pointer-events:none}#app{width:100%;height:100%;pointer-events:none}