:root{--width-vaisseau:83;--width-vaisseau-unit:calc(var(--width-vaisseau) * 1px);--width-scene:calc(var(--width-vaisseau) * 10 * 1px)}*{-webkit-box-sizing:border-box;box-sizing:border-box;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;image-rendering:-o-pixelated;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}body{margin:0;background:#222;color:#f5f5f5;font-family:system-ui,sans-serif;min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hide{display:none}.hitbox-conteneur{position:absolute;width:3px;height:18px;bottom:32px;left:87px}.conteneur{width:29px;height:18px;background-image:url(_media/sprite.gif);background-position:-202px -556px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.hitbox-destination .conteneur{position:absolute;top:100%;left:50%;-webkit-transform:translate(-50%,5px);transform:translate(-50%,5px)}.quai{position:absolute;width:29px;height:76px;bottom:0;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);overflow:hidden}.quai:after{content:"";position:relative;display:block;width:100%;height:25px;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0)),color-stop(80%,#000));background:linear-gradient(0deg,rgba(0,0,0,0) 0,#000 80%)}.cargaison{position:absolute}.hitbox-destination{position:absolute;width:10px;height:30px}.destination{position:absolute;top:100%;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:56px;height:32px;background-image:url(_media/sprite.gif);background-position:-202px -574px}.destination:after{content:"";width:56px;height:32px;background-image:url(_media/sprite.gif)}.hitbox-destination.--actif .destination:after{display:block;background-position:-202px -606px;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:clignote;animation-name:clignote;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.hitbox-destination.--ready .destination:after{display:block;background-position:-202px -638px}@-webkit-keyframes clignote{0%{opacity:1}40%{opacity:0}100%{opacity:1}}@keyframes clignote{0%{opacity:1}40%{opacity:0}100%{opacity:1}}.hitbox-destination .asteroid{position:absolute;top:100%;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:66px;height:40px;background-image:url(_media/sprite.gif);background-position:-247px -392px}.gap{gap:1rem}.df{display:-webkit-box;display:-ms-flexbox;display:flex}.ai-c{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-c{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.interface{position:absolute;top:0;left:0;right:0;height:60px;border:1px solid #fff}.jauge{position:absolute;top:20px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:41px;height:8px;background-image:url(_media/sprite.gif);background-position:-202px -416px}.jauge__degat{width:41px;height:8px;background-image:url(_media/sprite.gif);background-position:-202px -424px;-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%);-webkit-transition:-webkit-clip-path .2s;transition:-webkit-clip-path .2s;transition:clip-path .2s;transition:clip-path .2s,-webkit-clip-path .2s}.obstacle{position:absolute;width:100px;height:50px;border:1px solid red}.scene{position:relative;max-width:var(--width-scene);width:100%;height:600px;background-color:#000}.decor{position:absolute;border:1px solid orange}.limite{position:absolute;border:1px solid orange;border-color:transparent}.limite.--haut{top:56px;left:0;right:0;height:5px}.limite.--droite{top:0;right:-5px;bottom:0;width:5px}.limite.--bas{bottom:5px;left:0;right:0;height:5px}.limite.--gauche{top:0;left:-5px;bottom:0;width:5px}.vaisseau-spatial{z-index:0;position:absolute;width:var(--width-vaisseau-unit);height:31px;background-image:url(_media/sprite.gif);background-position:0 0;-webkit-transition:top .2s,right .1s,bottom .2s,left .1s,-webkit-transform .2s;transition:top .2s,right .1s,bottom .2s,left .1s,-webkit-transform .2s;transition:transform .2s,top .2s,right .1s,bottom .2s,left .1s;transition:transform .2s,top .2s,right .1s,bottom .2s,left .1s,-webkit-transform .2s;-webkit-transition-timing-function:linear,ease,ease,ease,ease;transition-timing-function:linear,ease,ease,ease,ease}.reacteur{z-index:1;position:absolute;width:11px;height:28px;top:17px;left:43px;background-image:url(_media/sprite.gif);background-position:-83px 0;-webkit-transform-origin:6px 4px;transform-origin:6px 4px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.reacteur.--boost{background-position:-94px 0}.pince{position:absolute;top:17px;width:83px;height:31px;background-image:url(_media/sprite.gif);background-position:0 -155px}.hitbox-cargaison{position:absolute;top:0;bottom:0;left:34px;width:3px}.boom{z-index:1;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:96px;height:80px;background-image:url(_media/sprite.gif);background-position:-106px -720px}