/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}:root{--color-dark: #000012;--color-blue: #110287;--color-red: #e71749;--color-yellow: #fcf6ac;--custom-ease-out: cubic-bezier(.215, .61, .355, 1);--custom-ease-in: cubic-bezier(.75, 0, 1, 1);--custom-ease-in-out: cubic-bezier(.645, .045, .355, 1);--custom-ease: cubic-bezier(.44, .21, 0, 1)}html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:brevia,sans-serif;font-size:62.5%;height:100%;width:100%}body{height:100%;width:100%;margin:0;overflow-x:hidden;background-color:var(--color-dark);font-size:1.6rem}.credits{margin:auto 1rem 1rem auto;color:#fff;font-size:1.3rem;text-align:right;cursor:default}.credits p+p{font-size:1rem}.credits a{color:#fff}.fireworks{z-index:15;position:fixed;left:0;top:0;width:100%;pointer-events:none;height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.button-scores{position:absolute}.popin{background:#fff;border-radius:6rem;position:fixed;top:50%;z-index:10;left:50%;transform:translate3d(-50%,-52%,0);width:95%;max-width:90rem;padding:4.8rem;display:flex;opacity:0;pointer-events:none;transition:opacity .1s var(--custom-ease-in) .04s,transform .08s var(--custom-ease-in) .04s}@media screen and (max-width: 800px){.popin{border-radius:3rem;padding:2.2rem}}.popin.--active{opacity:1;pointer-events:all;transition:opacity .1s var(--custom-ease-out),transform .1s var(--custom-ease-out);transform:translate3d(-50%,-50%,0)}.popin__content{flex:1;position:relative}.popin__close{flex-shrink:0;width:6.2rem;height:6.2rem;display:flex;justify-content:center;cursor:pointer;align-items:center;background:#000012;border:3px solid #110287;border-radius:50%;position:absolute;top:2.4rem;transition:box-shadow .14s var(--custom-ease-out);right:2.4rem}.popin__close:where(:hover,:focus){box-shadow:-4px 4px 0 0 var(--color-blue)}.popin__close i{background:url(../popin-close.svg) center/contain no-repeat;width:2.4rem;height:2.4rem}.popin__content{height:100%;width:100%;margin-right:auto}.popin h3{font-size:clamp(2.4rem,calc(52 / 1440 * 100vw),5.2rem);color:var(--color-dark);margin-bottom:clamp(1.2rem,calc(28 / 1440 * 100vw),2.8rem);font-weight:900}.popin h4{font-weight:700;margin:1rem 0 1.4rem;font-size:2rem}.popin p{font-size:clamp(1.6rem,calc(20 / 1440 * 100vw),2rem)}.popin p i{font-weight:400}@media screen and (max-width: 1024px){.popin__close{width:4rem;height:4rem}.popin__close i{width:1.8rem;height:1.8rem}}@media screen and (max-width: 800px){.popin__close{top:1.2rem;right:1.2rem}.popin h3{max-width:calc(100% - 4rem)}.popin h4{font-size:1.8rem}}.popin-scores-header{color:#000}.popin-scores-header,.popin-scores-content{display:block;font-size:clamp(1.4rem,1.25vw,1.8rem);line-height:1.35}.popin-scores-header li,.popin-scores-content li{display:flex}.popin-scores-header span:first-child,.popin-scores-content span:first-child{width:5ch}.popin-scores-header span:nth-child(2),.popin-scores-content span:nth-child(2){width:calc(100% / 3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:2%}@media screen and (max-width: 800px){.popin-scores-header span:first-child,.popin-scores-content span:first-child{margin-right:2ch}.popin-scores-header span:nth-child(2),.popin-scores-content span:nth-child(2){width:calc(100% - 10ch)}}.popin-scores-header span:last-child,.popin-scores-content span:last-child{width:6ch}.popin-scores-header{margin-bottom:1rem;text-transform:uppercase;font-weight:700}.popin-scores-content{max-height:10em;overflow-y:scroll;padding-right:2%}.popin-scores-content li{margin-bottom:.2rem}.popin-scores-content li:nth-child(2n){background:rgba(17,2,135,.1)}.popin-scores-content.--idle{opacity:.8;cursor:wait}.popin-scores-content span:first-child{color:var(--color-red)}.popin-scores-content span:last-child{color:var(--color-blue);font-variant-numeric:tabular-nums}.popin.--highscores>div:first-child{flex:1}.popin.--highscores h4{margin-top:0}.popin-highscores-score{margin-bottom:1.6rem}.popin-highscores-score span{color:var(--color-red);font-weight:900;line-height:.7;font-size:clamp(4rem,calc(78 / 1440 * 100vw),7.8rem);text-shadow:-4.5px 4.5px 0px #110287,-1.5px 1.5px 0px #FFF}p.popin-highscores-title{color:var(--color-dark);font-size:clamp(2.4rem,calc(42 / 1440 * 100vw),4.2rem);font-style:italic;margin-bottom:1.6rem;font-weight:700}.popin-highscores-inner{margin-top:1rem}.popin-highscores-form{display:flex;margin-bottom:1rem;align-items:flex-end}.popin-highscores-form div{display:block;margin-right:2rem}.popin-highscores-form label{font-style:italic;font-size:2rem;margin-bottom:.5rem;display:block}.popin-highscores-form input,.popin-highscores-form button{border-radius:3rem;height:4.8rem;padding-inline:clamp(1.4rem,1.25vw,2.1rem);font-size:clamp(1.4rem,1.25vw,1.8rem)}.popin-highscores-form input{background:var(--color-yellow);border:none;max-width:20rem;font-weight:700}.popin-highscores-form button{background:var(--color-red);color:#fff;border:3px solid #110287;cursor:pointer;transition:color .14s var(--custom-ease-out),box-shadow .14s var(--custom-ease-out)}@media screen and (max-width: 800px){.popin-highscores-form input,.popin-highscores-form button{border-radius:2rem;height:4rem}.popin-highscores-form label{font-size:1.6rem}.popin-highscores-form input{max-width:16rem;flex:1}}@media screen and (max-width: 400px){.popin-highscores-form input{max-width:10rem}p.popin-highscores-title,.popin.--highscores h4{margin-bottom:1rem}}.popin-highscores-form button:where(:hover,:focus){box-shadow:-4px 4px 0 0 var(--color-blue);color:var(--color-yellow)}.popin-highscores-form button[disabled]{opacity:.6;cursor:not-allowed}.popin.--highscores p.information{font-size:1.2rem;font-weight:700}.popin.--highscores .information span{display:none}.popin.--highscores .information span.--active{display:block}.popin.--rules ul{display:flex;align-items:center;flex-wrap:wrap}.popin.--rules li{display:flex;align-items:center}.popin.--rules li:not(:last-child):after{display:block;margin:1rem;flex-shrink:0;background:url(../vectron-dark.svg) center/contain no-repeat;width:14px;height:14px;content:""}.overlaid{position:fixed;top:0;width:100%;height:100%;left:0;z-index:9;background:var(--color-dark);opacity:0;pointer-events:none;transition:opacity .1s ease-out}.overlaid.--active{opacity:.8;pointer-events:all}button{position:relative}button:where(:active){top:2px}.button{position:relative;display:inline-flex;border-radius:3rem;height:4.8rem;border:3px solid #110287;justify-content:center;align-items:center;color:var(--color-dark);font-size:clamp(1.6rem,calc(20 / 1440 * 100vw),2rem);cursor:pointer;padding-inline:clamp(1.2rem,calc(21 / 1440 * 100vw),2.1rem);transition:color .14s var(--custom-ease-out),box-shadow .14s var(--custom-ease-out);span {flex: 1;}}.button--scores{background:var(--color-red);color:#fff}.button--scores i{background:url(../icon-cup.svg) center/contain no-repeat;width:24px;height:24px;margin-right:1rem;filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(94deg) brightness(104%) contrast(101%)}.button--scores:where(:hover,:focus){box-shadow:-4px 4px 0 0 var(--color-blue);color:var(--color-yellow)}.button--scores:where(:hover,:focus) i{filter:invert(98%) sepia(92%) saturate(462%) hue-rotate(346deg) brightness(95%) contrast(109%)}.button--rules{background:var(--color-yellow);margin-bottom:1.6rem;box-shadow:0 0 0 0 var(--color-blue)}.button--rules i{background:url(../icon-dualshock.svg) center/contain no-repeat;width:24px;height:24px;margin-right:1rem}.button--rules:where(:hover,:focus){box-shadow:-4px 4px 0 0 var(--color-blue);color:var(--color-blue)}.button--rules:where(:hover,:focus) i{filter:invert(11%) sepia(80%) saturate(7165%) hue-rotate(252deg) brightness(53%) contrast(119%)}.button--nostyle{color:#fff;border:none;background:transparent}.button--nostyle:where(:hover,:focus) .button__vectron{transform:rotate(180deg)}.button__vectron{background:url(../vectron.svg) center/contain no-repeat;width:14px;height:14px;margin-left:1.6rem;transform:rotate(0);transition:transform .2s var(--custom-ease-out)}@keyframes fadein{0%{opacity:0}to{opacity:1}}.section-intro{display:flex;color:#fff;cursor:default;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-dark);z-index:1;animation:fadein 2s}.section-intro.--inactive{display:none}.section-intro__left{width:50%;display:flex;padding-inline:3rem;padding-top:5%;flex-direction:column;align-items:center;isolation:isolate;text-align:center}.section-intro__right{width:50%;position:relative;display:flex;flex-direction:column}.section-intro__left__header{width:100%;display:none;background:url(../intro-texture-mobile%402x.png) top center/contain no-repeat;text-align:center}.section-intro__header{width:100%;background:url(../intro-texture.png) center/cover no-repeat;text-align:center;max-height:calc(244 / 1024 * 100%)}.section-intro__header img{position:relative;z-index:1;top:25%}.section-intro__video{flex:1;height:calc(100% - (244 / 1024 * 100%));width:100%}.section-intro__video video{object-fit:cover;object-position:bottom center;width:100%;height:100%}.section-intro__intro{font-size:clamp(2rem,calc(40 / 1440 * 100vw),4rem);margin-bottom:1.6rem;max-width:52rem}h1{font-size:clamp(3rem,calc(60 / 1440 * 100vw),6rem);line-height:1.333;font-weight:600;margin-bottom:10%}.section-intro__prebouton{position:relative}.section-intro__prebouton p{margin-bottom:2.4rem}.section-intro__footer{margin-top:auto;position:relative;z-index:2;margin-bottom:1.6rem}.section-intro__footer__p{margin-bottom:1rem}.section-intro__footer a{color:#fff}.section-intro__footer a:where(:hover,:focus){color:var(--color-red)}.section-intro__boulon1{position:absolute;max-width:270px;width:18vw;top:54vh;z-index:-1;left:0}.section-intro__boulon2{position:absolute;top:19%;width:10vw;max-width:182px;right:-2%}.section-intro__boulon3{position:absolute;bottom:0;width:13vw;max-width:178px;left:0;transform:translate(-50%)}.section-intro__boulon4{position:absolute;bottom:13%;width:10vw;z-index:2;max-width:145px;left:-25%}.section-intro__boulon3bis{display:none}.section-intro__boulon4bis{display:none;position:absolute;right:5%;top:10%}.section-intro__boulon5{position:absolute;top:0;right:calc(50vw - 103px);width:13vw;max-width:206px}.section-intro__boulon5__mobile{display:none;position:absolute}.section-intro__mobileboulons{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;margin-top:1rem}@media screen and (max-width: 760px){.section-intro__right{display:none}.section-intro__left{width:100%;padding-top:0}.section-intro__left__header{display:block}.section-intro__left__header img{max-width:244px}.section-intro__boulon1{position:absolute;max-width:270px;width:230px;top:14vh;left:0;z-index:-1;transform:translate(-55%)}.section-intro__boulon3bis,.section-intro__boulon4bis{display:block}.section-intro__boulon5{display:none}.section-intro__boulon5__mobile{display:block;right:0;width:18vw;max-width:142px}}.section-game{opacity:0;pointer-events:none;height:100%;height:100vh;margin:0;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center}.section-game.--active{pointer-events:all;animation:fadeIn 1s;display:flex;transition:opacity .4s var(--custom-ease-out);opacity:1}.section-game__header{max-height:145px;width:100%;background:url(../site-top-banner.png) center top/626px no-repeat;text-align:center;margin-bottom:1rem;img {margin: 1rem auto 0;}}.section-game__left{display:flex;align-items:center;flex-direction:column;margin:0 2.2rem 1rem}#canvas-wrap{max-height:calc(100vh - 165px);width:100%;height:100%;flex:1;max-width:660px}canvas{width:100%;max-width:660px}.section-game__right{display:flex;align-items:flex-start;margin-left:2.2rem;flex-direction:column}.section-game__left{max-width:240px;width:100%}.section-game__left p{margin-bottom:2rem;color:#fff;cursor:default}.section-game__volume{width:62px;height:62px;display:inline-flex;align-items:center;justify-content:center;border:3px solid #110287;border-radius:31px;background:var(--color-dark);transition:box-shadow .14s var(--custom-ease-out);cursor:pointer;margin-top:auto;margin-right:auto}.section-game__volume:where(:hover){box-shadow:-4px 4px 0 0 var(--color-blue)}.section-game__volume i{width:22px;height:22px}.section-game__volume i{background:url(../icon-volume-off.svg) center/contain no-repeat}.section-game__volume.--active i{background:url(../icon-volume-on.svg) center/contain no-repeat}@media screen and (max-width: 1024px){.section-game{flex-wrap:wrap}.section-game__header img{max-width:280px}#canvas-wrap{order:1;margin:0 2rem 2.2rem;max-height:none;height:auto}.section-game__left{max-width:100%;align-items:flex-start;order:2;flex-direction:row}.section-game__left__sizes{width:50%}.section-game__volume{margin-top:0;margin-left:auto;margin-right:0}.section-game__left p{margin-bottom:1rem}.section-game__boulons{justify-content:flex-start}.section-game__right{order:3;width:100%;margin:1rem 2.2rem}.section-game__boulons{flex-direction:row}.credits{text-align:left;margin:1rem 0}}@media screen and (max-width: 600px){.section-game__header img{max-width:220px}}