@font-face{font-family:American Typewriter;font-style:normal;src:url(./AmericanTypewriterRegular-DWxCo6l-.ttf) format("truetype")}@font-face{font-family:American Typewriter Bold;font-style:bold;src:url(./American-typewriter-bold-CK1tPQIj.ttf) format("truetype")}@font-face{font-family:Shandy Sans;font-style:normal;src:url(./ShandySans-BigFill-BlkUqhiQ.otf) format("opentype")}.parametres-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;padding-bottom:var(--padding);padding-inline:var(--padding)}.parametres-title{font-size:1.45rem;font-family:var(--font-normal);font-weight:400;margin:0rem}.parametres-timer{display:flex;flex-direction:column;width:100%;align-items:center;gap:.5rem}.input-group{padding:var(--padding);background-color:var(--secondary-color);color:var(--primary-color);position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;overflow:hidden}.input-group span{font-size:1.45rem}.time-input-wrap{position:relative;display:inline-block;width:fit-content;width:18%}.time-input{font-family:var(--font-normal);color:var(--primary-color);font-size:3.63rem;letter-spacing:0rem;text-align:center;border:none;border-radius:var(--border-radius-small);z-index:1;width:100%}.time-input-wrap:after{content:"";position:absolute;width:90%;height:.3rem;background-color:var(--primary-color);bottom:-.1rem;left:50%;transform:translate(-50%);z-index:0;border-radius:var(--border-radius-small)}.time-input:focus{outline:none}.time-input::placeholder{color:var(--primary-color)}.spinner-digit{display:flex;flex-direction:column;align-items:center;gap:.1rem}.digit-arrow{border:none;background:transparent;font-size:.8rem;line-height:1;cursor:pointer;padding:0;color:var(--disabled-color)}.digit-arrow:active{transform:translateY(1px)}@font-face{font-family:American Typewriter;font-style:normal;src:url(./AmericanTypewriterRegular-DWxCo6l-.ttf) format("truetype")}@font-face{font-family:American Typewriter Bold;font-style:bold;src:url(./American-typewriter-bold-CK1tPQIj.ttf) format("truetype")}@font-face{font-family:Shandy Sans;font-style:normal;src:url(./ShandySans-BigFill-BlkUqhiQ.otf) format("opentype")}:root{font-family:system-ui,American Typewriter,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #00857c;--secondary-color: #ffffff;--tertiary-color: #6eceb2;--color-accent-1: #c63943;--color-accent-2: #2b5e83;--color-accent-3: #e0cdad;--color-shadow: #006b64;--disabled-color: #a0a0a0;--color-disabled-text: #e0e0e0;--color-shadow-accent-1: #972b33;--color-shadow-accent-2: #204560;--color-background-light: #f7eddc;--scale-font-size: 33px;font-size:var(--scale-font-size);--border-radius: 1.21rem;--border-radius-small: .672rem;--padding: 1.21rem;--padding-small: .73rem;--font-normal: "American Typewriter", sans-serif;--font-bold: "American Typewriter Bold", serif;--font-special: "Shandy Sans", sans-serif}#root{display:flex;flex-direction:column;align-items:center;justify-content:center}h1{font-weight:700;font-family:var(--font-bold);font-size:2.06rem;letter-spacing:0%;line-height:2.4rem}.subtitle{font-weight:400;font-size:1.21rem;color:var(--primary-color)}.subtitle-white{color:var(--secondary-color)}.subtitle-tertiary{color:var(--tertiary-color)}h2{font-weight:700;font-size:1.69rem}p{font-size:1rem}a{font-weight:500;color:var(--secondary-color);text-decoration:inherit;transition:all .25s ease-in-out}a:hover{color:var(--tertiary-color)}.bold{font-family:var(--font-bold);margin-left:.2rem}.bold-blue{color:var(--primary-color)}.card{display:block;transform:rotate(-2deg);padding:.49rem .79rem;justify-content:center;align-items:center;gap:.36rem;align-self:center;background:var(--tertiary-color);width:fit-content;margin-inline:auto;font-size:1.21rem;margin-top:.5rem}*{margin:0;padding:0;box-sizing:border-box;font-family:American Typewriter,sans-serif}html,body,#root{width:100%;height:100%;background-color:var(--primary-color);color:var(--secondary-color);overflow:hidden}body{display:flex;justify-content:center;align-items:center;margin:auto;width:100%;height:100%}button{border-radius:var(--border-radius-small);border:none;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin:0;cursor:pointer;transition:transform .25s ease-in-out;position:relative;z-index:100;font-size:1.21rem;padding:.36rem 1.21rem}.button-vert-clair{background-color:var(--tertiary-color);color:var(--secondary-color)}.button-vert-clair:active{transform:translateY(.3rem) translate(.3rem)}.button-vert-fonce{background-color:var(--primary-color);color:var(--secondary-color)}.button-vert-fonce:active{transform:translateY(.3rem) translate(.3rem)}.button-white{background-color:var(--secondary-color);color:var(--primary-color)}.button-white:hover{transform:translateY(.3rem) translate(.3rem)}.button-shadow{position:absolute;bottom:-.3rem;left:.3rem;width:100%;height:100%;background-color:var(--color-shadow);border-radius:var(--border-radius-small);z-index:0}.button-shadow-alternate{position:absolute;bottom:-.3rem;left:.3rem;width:100%;height:100%;background-color:var(--color-shadow-accent-2);border-radius:var(--border-radius-small);z-index:1}.menu-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.21rem}.menu-logo{width:7.48rem}.menu-items{display:flex;flex-direction:column;align-items:center;gap:1.21rem;width:100%;position:relative}.mission-title-container{position:relative;width:100%}.mission-title{width:100%;height:10.03rem;padding:var(--padding);border-radius:var(--border-radius);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;cursor:pointer;z-index:100;transition:transform .25s ease-in-out;text-align:left}.mission-title-shadow{position:absolute;bottom:-.3rem;left:.3rem;width:100%;height:10.03rem;background-color:var(--color-shadow);border-radius:var(--border-radius);z-index:0}.mission-title:hover{transform:translateY(.3rem) translate(.3rem)}.mission-title-text{width:11.72rem}.mission-title-impair{background-color:var(--secondary-color);color:var(--tertiary-color)}.mission-title-pair{background-color:var(--tertiary-color);color:var(--secondary-color)}.mission-pin{position:absolute;right:1.48rem;top:-.5rem;width:.97rem;height:auto}.menu-logo-msd{width:6.69rem}.notfound-container{display:flex;width:100%;height:100%;flex-direction:column;justify-content:center;align-items:center;padding:var(--padding);gap:var(--padding);text-align:center}.mission-header-container{display:flex;width:100%;flex-direction:row;align-items:center;position:relative;padding-block:.72rem}.button-container-header{position:relative;width:2.66rem;height:2.66rem}.button-header-icon{width:1.93rem}.button-header{padding:.366rem}.header-logo{width:7.76rem;top:.73rem;position:absolute;transform:translate(-50%);left:50%}.close-button-icon{width:1.53rem;height:auto}.header-timer{display:flex;padding:.2rem .4rem;flex-direction:column;justify-content:center;align-items:center;border-radius:.4rem;font-size:1rem;width:fit-content}.header-timer p{font-size:.4rem;font-family:var(--font-bold)}.header-timer-clair{background:var(--secondary-color);color:var(--primary-color)}.header-timer-sombre{background:var(--primary-color);color:var(--secondary-color)}.header-timer-clair p,.header-timer-sombre p{color:var(--tertiary-color)}.main-button-container{width:fit-content;height:fit-content;position:relative}.main-button{display:flex;flex-direction:row;align-items:center;gap:.72rem}.main-button:active{transform:translateY(.3rem) translate(.3rem)}.main-button-icon{width:1.93rem}.main-button-primary{background-color:var(--primary-color);color:var(--secondary-color)}.main-button-secondary{background-color:var(--secondary-color);color:var(--primary-color)}.main-button-tertiary{background-color:var(--tertiary-color);color:var(--color-secondary)}.main-button-disabled{background-color:var(--disabled-color);color:var(--color-disabled-text);cursor:not-allowed}.main-button-disabled:hover{transform:none}.mission-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.7rem;padding-inline:var(--padding);line-height:1.8rem}.mission-page-title{text-align:center}.mission-page-title h2{font-size:1.69rem;font-family:var(--font-bold);margin:0}.agent-illustration{width:13.15rem;height:auto;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.mission-page-agent-container{display:flex;flex-direction:column;align-items:center;gap:.24rem}.mission-page-agent{font-size:.727rem}.mission-page-agente-name{color:var(--tertiary-color);font-family:var(--font-bold);background-color:var(--secondary-color);width:fit-content;font-size:1.21rem;padding:.24rem .48rem;transform:rotate(-1.768deg)}.mission-page-description{width:13.27rem;text-align:center;border:.02rem dashed var(--tertiary-color);border-radius:var(--border-radius-small);padding:.72rem;line-height:1.3rem}.game-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;width:100%;padding-inline:var(--padding);background-color:var(--tertiary-color);padding-bottom:var(--padding);position:relative}.game-cards-container{display:flex;flex-direction:column;align-items:center;gap:1.21rem;width:100%;margin-top:1.21rem}.game-gradient{position:absolute;top:-1rem;left:0;width:100%;height:1.2rem;background:linear-gradient(180deg,var(--primary-color) 0%,var(--tertiary-color) 100%);pointer-events:none;z-index:0}.game-gradient-2{position:absolute;bottom:-1rem;left:0;width:100%;height:1.2rem;background:linear-gradient(0deg,var(--primary-color) 0%,var(--tertiary-color) 100%);pointer-events:none;z-index:0}.game-card-wrap{position:relative;width:16.96rem;height:6.39rem}.game-card{width:16.96rem;height:6.39rem;border-radius:var(--border-radius);display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1.21rem;position:relative;cursor:pointer;z-index:100;transition:transform .25s ease-in-out}.game-card:active{transform:translateY(.3rem) translate(.3rem)}.game-card--red{background-color:var(--color-accent-1)}.game-card__shadow{position:absolute;bottom:-.3rem;left:.3rem;width:100%;height:100%;border-radius:var(--border-radius);z-index:0}.game-card__shadowred{background-color:var(--color-shadow-accent-1)}.game-card__shadowblue{background-color:var(--color-shadow-accent-2)}.game-card--blue{background-color:var(--color-accent-2)}.game-card__image{position:absolute;right:0;top:-.8rem}.game-card__content p{font-size:.97rem}.game-card__content h2{font-size:1.5rem;font-family:var(--font-bold)}.game-timer{width:calc(100% + 2 * var(--padding));height:5.73rem;background-color:var(--secondary-color);color:var(--primary-color);display:flex;align-items:center;justify-content:space-between;padding:0 2.3rem;position:relative}.game-timer-icon{width:1.93rem}.game-timer span{font-size:2.9rem}.game-timer button{background-color:var(--primary-color);color:var(--secondary-color);border-radius:2rem;padding:1rem 1.1rem}.game-timer button img{width:.85rem}.game-timer .button-shadow{border-radius:2rem;padding:1rem 1.1rem}.game-timer-btn-wrap{position:relative}.timer-input::-webkit-outer-spin-button,.timer-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.timer-input[type=number]{-moz-appearance:textfield}.time-input:focus::placeholder{color:transparent}.game-timer-penalite{position:absolute;color:var(--color-accent-1);font-family:var(--font-bold);font-size:1.21rem;right:7rem;bottom:0}.popup{position:absolute;width:100%;height:100%;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.pause-popup{padding:var(--padding);background-color:var(--tertiary-color)}.pause-popup-content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.pause-popup-content p{color:var(--primary-color);font-family:var(--font-bold)}.pause-popup-content p span{background-color:var(--secondary-color);font-family:var(--font-bold);padding:.3rem}.pause-popup-gradient{position:absolute;top:-1rem;left:0;width:100%;height:1.2rem;background:linear-gradient(180deg,var(--primary-color) 0%,var(--tertiary-color) 100%);pointer-events:none;z-index:0}.pause-popup-gradient-2{position:absolute;bottom:-1rem;left:0;width:100%;height:1.2rem;background:linear-gradient(0deg,var(--primary-color) 0%,var(--tertiary-color) 100%);pointer-events:none;z-index:300}.add-card-popup{background-color:var(--color-accent-2);padding-inline:var(--padding);padding-bottom:var(--padding)}.add-card-popup-text{font-size:1.19rem;text-align:center}.add-card-popup p span{display:block;font-size:2.18rem;color:var(--primary-color);transform:rotate(-2deg);background-color:var(--secondary-color);width:fit-content;padding-inline:.5rem;text-align:center;margin-inline:auto}.add-card-popup p b{font-family:var(--font-bold)}.add-card-popup p img{width:1.09rem;margin-left:.3rem}.add-card-input-group{width:calc(100% + 2 * var(--padding));display:flex;justify-content:center;font-size:4rem}.add-card-input{font-size:6.67rem}.add-card-input-wrap:after{width:85%;left:50%;height:.5rem;transform:translate(-50%)}.add-card-input::-webkit-outer-spin-button,.add-card-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-card-input[type=number]{-moz-appearance:textfield}.add-card-popup-gradient{position:absolute;top:-1rem;left:0;width:100%;height:1.2rem;background:linear-gradient(180deg,var(--primary-color) 0%,var(--color-accent-2) 100%);pointer-events:none;z-index:0}.add-card-popup-gradient-2{position:absolute;bottom:-1rem;left:0;width:100%;height:1.2rem;background:linear-gradient(0deg,var(--primary-color) 0%,var(--color-accent-2) 100%);pointer-events:none;z-index:300}.add-card-input-group .time-input-wrap{width:30%}.add-card-input-group .time-input-wrap .time-input{font-size:6rem}.error-message{color:var(--color-accent-1);font-size:.9rem;padding:.2rem;position:absolute;background-color:var(--secondary-color);opacity:0;scale:0;text-align:center;transform-origin:left bottom;transition:opacity .3s ease-in-out,scale .3s ease-in-out;z-index:400;width:90%;left:50%;bottom:50%;box-shadow:.19rem .19rem .36rem #00000040;transform:translate(-50%) translateY(50%)}.error-message.visible{opacity:1;scale:1}.indice-card-popup{background-color:var(--primary-color);padding-inline:var(--padding);padding-bottom:var(--padding)}.indice-card-popup-text{font-size:1.19rem;text-align:center}.indice-card-popup-text span{display:block;font-size:2.18rem;color:var(--primary-color);transform:rotate(-2deg);background-color:var(--secondary-color);width:fit-content;padding-inline:.5rem;text-align:center;margin-inline:auto}.indice-card-popup p b{font-family:var(--font-bold)}.indice-card-info-icon{width:1.09rem;margin-left:.3rem}.indice-card-gradient{position:absolute;top:-1rem;left:0;width:100%;height:1.2rem;background:linear-gradient(180deg,var(--primary-color) 0%,var(--primary-color) 100%);pointer-events:none;z-index:0}.indice-card-gradient-2{position:absolute;bottom:-1rem;left:0;width:100%;height:1.2rem;background:linear-gradient(0deg,var(--primary-color) 0%,var(--primary-color) 100%);pointer-events:none;z-index:0}.indice-content{position:absolute;width:100%;height:100%;z-index:200;background-color:var(--primary-color);padding:var(--padding);display:flex;flex-direction:column;justify-content:space-between;align-items:center}.indice-card-number{font-size:2.42rem;background-color:var(--secondary-color);width:fit-content;color:var(--tertiary-color);padding:.3rem .6rem;transform:rotate(-2.5deg)}.indice-card-number span{font-size:4.85rem;display:inline;margin:0;padding:0;color:var(--primary-color)}.indice-card-text{width:16.97rem;text-align:center;border:.02rem dashed var(--tertiary-color);border-radius:var(--border-radius-small);padding:.72rem;line-height:1.3rem;display:flex;flex-direction:column;gap:.5rem;align-items:center}.indice-card-idea-icon{width:2.42rem}.input-indice-cards-group{display:flex;justify-content:center;background-color:var(--secondary-color);padding-block:1rem}.input-indice-cards-group .time-input-wrap{width:30%}.input-indice-cards-group .time-input-wrap .time-input{font-size:6rem}.endgame-page{padding:var(--padding);width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center}.endgame-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.endgame-text{font-size:1rem;font-family:var(--font-normal);color:var(--primary-color);background-color:var(--secondary-color);transform:rotate(-2deg);padding:.2rem;box-shadow:.19rem .19rem .36rem #00000040}.endgame-text span{font-family:var(--font-bold);color:var(--tertiary-color)}.code-page-container{display:flex;flex-direction:column;align-items:center;padding-inline:var(--padding);padding-bottom:var(--padding);gap:var(--padding);background-color:var(--color-accent-3);width:100%;height:100%;box-sizing:border-box;justify-content:space-between;overflow:hidden}.code-page-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;width:100%}.code-page-imgs{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.code-page-img-1{height:4.1rem;width:auto}.code-page-img-2{height:4.69rem;width:auto}.code-page-img-3{height:4.27rem;width:auto}.code-page-spinner-content{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.code-page-coffre-open{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#235270;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-sizing:border-box;padding:var(--padding)}.code-page-coffre-open-img{width:19.48rem;top:0;height:100%;position:absolute}.code-page-logo-img{width:9rem;height:auto;z-index:101}.code-page-coffre-open p{font-size:1rem;z-index:101}.code-page-spinner-text-wrong{color:var(--color-accent-1)}.code-page-spinner-text-correct{color:var(--color-accent-2)}.code-page-hand-tap-lottie{position:absolute;bottom:50%;right:50%;width:3rem;height:3rem;transform:translate(100%,200%);z-index:200;cursor:pointer}.code-page-card{position:absolute;top:50%;left:50%;transform:translate(-30%,-35%);width:6rem;height:8rem;background-color:var(--color-shadow-accent-1);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:150;border-radius:var(--border-radius-small);box-shadow:.19rem .19rem .36rem #00000040;opacity:0;transition:opacity .3s ease-in-out}.code-page-card-reveal{opacity:1}.code-page-card-reveal p{font-size:3.5rem;color:var(--secondary-color);margin:0}.code-page-coffre-open p{font-size:1rem;position:absolute;bottom:12rem;background-color:#000;border-radius:50rem;border:.04rem solid var(--secondary-color);padding:.2rem}.spinner-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner-wheel{cursor:pointer;width:3.64rem}.spinner-down{transform:rotate(180deg)}.spinner-content{background-color:var(--color-background-light);border-radius:.24rem;box-shadow:.19rem .19rem .36rem #00000040 inset;width:5.33rem;color:var(--color-shadow-accent-2)}.spinner-content p{font-size:4.85rem;text-align:center}.quiz-page{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;height:100%;padding-inline:var(--padding);position:relative}.quiz-container{display:flex;flex-direction:column}.quiz-question{border-radius:.48rem;border:.03rem dashed var(--tertiary-color);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:.5rem}.quiz-question p{font-size:.73rem;font-family:var(--font-normal)}.quiz-question h2{font-size:.8rem;font-family:var(--font-bold)}.options-container{display:flex;flex-direction:column;gap:1rem;margin-top:.8rem;text-align:center;align-items:center;width:100%}.option-button{color:var(--primary-color);font-size:.8rem;width:100%;text-align:center;align-items:center;padding-block:.8rem;transition:all .2s ease-in-out;position:relative}.option-button:disabled{color:var(--primary-color);background-color:var(--secondary-color);cursor:not-allowed}.option-button:active{transform:translateY(.3rem) translate(.3rem)}.quiz-button-wrap{display:flex;justify-content:center;align-items:center;width:100%;position:relative}.quiz-button-shadow{position:absolute;bottom:-.3rem;left:.3rem;width:100%;height:100%;background-color:var(--color-shadow-accent-2);border-radius:var(--border-radius-small);z-index:0}.debrief-container{position:absolute;width:100%;height:calc(100% - 8rem);display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;text-align:center;left:0;padding-inline:var(--padding);transition:background-color .8s ease-in-out}.debrief-container-wrong{background-color:var(--color-accent-1);transition:background-color .8s ease-in-out}.debrief-titre{font-family:var(--font-special);font-size:1.87rem;text-transform:uppercase}.debrief-text{font-family:var(--font-normal);font-size:.8rem;text-align:left}.debrief-wrong-text{font-family:var(--font-normal);font-size:.9rem;text-align:center}.debrief-wrong-text span{font-family:var(--font-bold);display:block}.quiz-question,.quiz-button-wrap,.image-bebe-quiz,.debrief-titre,.debrief-text,.image-bebe-quiz-fail,.next-question-button-wrap,.image-bebe-quizDebrief{opacity:0;transform:translateY(-40px)}.image-bebe-quiz{height:10rem;pointer-events:none}.image-bebe-quiz-fail{height:12.7rem;pointer-events:none}.image-bebe-quizDebrief{height:10rem}.final-debrief{position:absolute;width:100%;height:100%;left:0;top:0;background-color:var(--primary-color);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center}.image-bebe-quizDebriefFinal{height:12rem}.microbe-page{width:100%;height:100%;background:var(--primary-color);display:flex;flex-direction:column;justify-content:space-between;align-items:center;will-change:transform;transition:transform .35s ease-out}.microbe-viewport{position:relative;width:100%;height:100%;overflow:hidden;background:var(--primary-color)}.microbe-header{position:absolute;top:0;left:0;width:100%;z-index:20;padding-inline:var(--padding)}.microbe-image{position:absolute;top:0;left:0;will-change:transform}.halo-image{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);pointer-events:none;opacity:1}.microbe-buttons{position:absolute;width:100%;bottom:0;height:6rem;display:flex;justify-content:center;align-items:flex-end;gap:12px;z-index:10;padding:.8rem;overflow:hidden}.microbe-button_wrap{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.microbe-btn{display:flex;height:2.2rem;padding:.3rem .6rem;justify-content:center;align-items:center;gap:.4rem;border-radius:.6rem;flex-direction:row;color:#fff;font-size:1rem}.microbe-btn.is-pressed{transform:translateY(.3rem) translate(.3rem)}.microbe-btn--red{background-color:var(--color-accent-1)}.microbe-button-shadow-red{position:absolute;bottom:-.3rem;left:.3rem;width:100%;height:100%;background-color:var(--color-shadow-accent-1);border-radius:var(--border-radius-small);z-index:0}.microbe-button-shadow-vert{position:absolute;bottom:-.3rem;left:.3rem;width:100%;height:100%;background-color:var(--color-shadow);border-radius:var(--border-radius-small);z-index:0}.microbe-btn--vert{background-color:var(--primary-color)}.microbe-button-icon{width:1.975rem;height:1.575rem}.penalty-notification{display:flex;padding:.2rem .4rem;justify-content:center;align-items:center;gap:.25rem;position:absolute;left:50%;transform:translate(-50%);bottom:2.8rem;color:var(--color-accent-1);font-size:1rem;font-family:var(--font-bold);background-color:var(--secondary-color);z-index:20;animation:translateUpFadeOut .5s ease-out forwards;text-align:center}@keyframes translateUpFadeOut{0%{transform:translate(-50%) translateY(2rem)}to{transform:translate(-50%) translateY(0)}}.microbe-page,.microbe-viewport{touch-action:none;overscroll-behavior:none}.microbe-instru{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);z-index:30;padding:.6rem 1rem;border-radius:1rem;background:#00000080;color:#fff;font-size:1rem;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1;animation:fadeOut 1s ease-out forwards;animation-delay:2s}@keyframes fadeOut{to{opacity:0}}.encontruction-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:20px;box-sizing:border-box;gap:1rem}.encontruction-icon{font-size:3rem}