@import"https://fonts.googleapis.com/css2?family=Alumni+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.TrailerSection{height:1100px;padding:180px 10px 0;flex-direction:column;gap:30px;display:flex;align-items:center;background:url(./bg_generique-b2836b27.png)}.TrailerSection .TrailerSection-clip{aspect-ratio:16/9;min-width:50%;width:100%;display:flex;justify-content:center;align-items:center;border-radius:20px}.TrailerSection .TrailerSection-description-ctnr{width:100%}.TrailerSection .TrailerSection-description{background:#122a3f;color:#fff;border:5px #1c4762 solid;border-radius:20px;padding:40px}.TrailerSection .TrailerSection-description p{font-size:30px}.TrailerSection .TrailerSection-description h2{text-align:center;font-size:50px;margin:0;padding:0}.TrailerSection .youtube-player,.TrailerSection .youtube-player-iframe{width:100%;height:100%}.ProgressDeleterBlock{text-align:center;color:#d9eff1;font-style:italic;width:90%;font-size:20px;margin-bottom:14px;pointer-events:all;cursor:pointer}.ProgressDeleterBlock a{color:#d9eff1;margin-left:5px}@media screen and (max-height: 300px){.ProgressDeleterBlock{font-size:16px;margin-bottom:7px}}.Button{display:block;font-family:inherit;font-weight:700;text-transform:uppercase;font-size:45px;padding:15px 40px;border-radius:25px;background:#3572c0;color:#fff;text-align:center;cursor:pointer;border:none;box-shadow:0 6px #1b2e5a;margin-bottom:10px}.Button.red .Button-icon{filter:drop-shadow(4px 4px 0px rgba(0,0,0,.2)) invert(12%) sepia(56%) saturate(625%) hue-rotate(161deg) brightness(94%) contrast(96%)}.Button:hover .Button-icon{filter:invert() drop-shadow(4px 4px 0px rgba(0,0,0,.2))}.Button a{color:inherit;text-decoration:none}.Button.disabled{background:#5f5f5f;pointer-events:none}.chapter-block{background:#122A3F;border-radius:20px;overflow:hidden;position:relative;width:100%;max-width:700px;box-shadow:0 8px 25px #0006;text-align:center;padding-bottom:20px}.chapter-block.locked{background:#373A3D}.chapter-image{position:relative;background-size:cover;background-position:center;height:200px}.chapter-block.completed .chapter-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4)}.chapter-block.locked .chapter-image{filter:grayscale(80%)}.chapter-completed{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;color:#22c55e;font-weight:700;z-index:10}.chapter-completed span{display:block;margin-top:6px;font-size:2rem}.chapter-content{background:#122A3F;padding:20px;color:#d9eff1;font-size:1rem;line-height:1.5;min-height:120px}.chapter-block.locked .chapter-content{background-color:#373a3d}.chapter-actions{margin-top:15px;display:flex;flex-direction:column;gap:10px;padding:0 20px}.chapter-block.locked .chapter-actions{opacity:.5}.chapter-btn{width:100%;padding:12px;font-size:1rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;color:#fff;transition:background .3s}.chapter-locked-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-end;padding-bottom:20px}.chapter-lock{font-size:4rem;color:#fff}.Button.disabled{filter:opacity(0)}.selector-container{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%;background:#122A3F;color:#d9eff1;border-radius:50px;z-index:10;margin-bottom:-20px}.nav-arrow{background:#3572c0;color:#fff;border:none;font-size:2rem;padding:.5rem 1rem;cursor:pointer}.chapter-title h2{margin:0;font-size:1.8rem;text-align:center;flex-grow:1}.Button{border-radius:50px}.HeroSection{position:relative;height:1280px;background:url(./bg_header-02dbea29.png) no-repeat;background-size:cover;display:flex;flex-direction:column;align-items:center}.HeroSection .HeroSection-title{height:75vh;width:100%;display:flex;flex-direction:column;z-index:1;position:relative}.HeroSection .HeroSection-title .title-logo{display:none;position:absolute;top:15%;right:1%;width:50%}.HeroSection .HeroSection-title .title-perso{display:none;position:absolute;bottom:-5%;left:5%;height:75%}.HeroSection .HeroSection-content{flex-grow:1;width:100%;z-index:1;display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;top:50%}.HeroSection .HeroSection-content .HeroSection-description{width:100%;text-align:center;color:#d9eff1;font-size:25px;display:flex;justify-content:center}.carousel-container{position:relative;width:80%;max-width:900px;overflow:visible;padding-bottom:20px}.carousel-track{display:flex;transition:transform .5s ease-in-out;transform:translate(calc(var(--index, 0) * -70%))}.carousel-item{flex:0 0 80%;margin:0 5px;display:flex;justify-content:center;transition:transform .5s}.carousel-item:not(.active){transform:scale(.8);opacity:.6}.Header{background:#122a3f;margin:0;padding:15px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.Header h1{margin:0 20px 0 0}.Header .spacer{flex-grow:1}.Header .language-selector{margin:0 10px}.SavegameNotif{text-align:center;color:#d9eff1;font-style:italic;width:90%;font-size:20px;margin-bottom:14px;pointer-events:all;cursor:pointer}.SavegameNotif a{color:#d9eff1;margin-left:5px}@media screen and (max-height: 300px){.SavegameNotif{font-size:16px;margin-bottom:7px}}.ScrollDownArrow{position:absolute;bottom:15px;left:50%;transform:translate(-50%);animation:jump 1.3s ease 0s infinite normal;height:5vh;z-index:4;cursor:pointer}.ScrollDownArrow img{height:100%}@keyframes jump{0%{transform:translate(-50%) translateY(0)}20%{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-20px)}50%{transform:translate(-50%) translateY(0)}60%{transform:translate(-50%) translateY(-10px)}80%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(0)}}.Footer{background:#255C7A;color:#fff;width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-family:Boogaloo Regular,sans-serif;height:180px;bottom:0}.Footer>*{position:relative;z-index:2}.Footer .logos{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;background:white;width:100%;flex-grow:1;max-height:50%}.Footer .logos .logo{padding:5px 8px;background:#FFF;border-radius:10px}.Footer .logos img{width:auto;height:100%}.Footer .logos .wide img{width:auto;max-height:80px;max-width:220px}.Footer a{color:inherit}.Footer .baseline img{width:40px}.Footer .baseline{text-transform:uppercase;font-size:12pt;display:flex;flex-direction:column;gap:10px;align-items:center}.Footer .menu-bottom{display:flex;flex-direction:column;gap:10px;align-items:center;padding:5px;font-size:14pt}.ScreenHome{background:#0C3048;overflow-y:scroll;display:block;height:100%}.ScreenHome .sticky{position:sticky;top:0px;z-index:3;width:100%}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background:#00000088;overflow:visible}.Loader{width:48px;height:48px;border:5px solid #837597;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ScreenLoading{height:100%;display:flex;justify-content:center;align-items:center;background:url(./bg_generique-b2836b27.png)}*{box-sizing:border-box}:root{--main-color: #CEFACD;overflow:hidden}html,body,#root,.App{width:100%;height:100%;margin:0;padding:0;font-family:Boogaloo,serif;font-size:25px;color:#4a4869}body{background:#000}.PopupsLayer{position:absolute;top:0;bottom:0;left:0;right:0}.version{position:fixed;bottom:0;left:0;font-size:.8em}.debug{position:fixed;bottom:0;right:0;font-size:.8em;color:#fff;background:red}a{color:#4a4869}.Loader-overlay{position:absolute;top:0;left:0;right:0;bottom:0}button.link-btn{background:none;border:none;padding:0;color:#00008b;cursor:pointer}button.link-btn:hover{text-decoration:underline}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#57575788;overflow:visible}::-webkit-scrollbar-thumb{background:#3572c0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#27538b}.App .stephanie{transform:scaleX(-1);right:-200px;bottom:-100px}.Popup-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(46,25,56,.85);display:flex;justify-content:center;align-items:center;z-index:3}.Popup{width:900px;height:800px;overflow:hidden;display:flex;flex-direction:column;padding:100px}.Popup .Popup-close{position:absolute;top:60px;right:60px}.Popup .Popup-title{color:#fbb03b;font-size:70px;text-align:center;margin:0;text-transform:uppercase;font-weight:700}.Popup .Popup-content{color:#dfdfdf;overflow-y:auto;padding-right:10px;margin-right:-10px;font-size:1.5em;white-space:pre-wrap}.Popup a{color:#fff}.PopupVideo{position:absolute;background:#000;top:0;left:0;right:0;bottom:0}.PopupVideo video{width:100%;height:100%;pointer-events:none}.PopupVideo .skip-button{position:absolute;bottom:10px;right:10px}html,body{height:100%;margin:0}.ScreenEndGame{display:flex;flex-direction:column;height:100%;width:100%;position:relative;align-items:center;background:url(./bg_generique-b2836b27.png);box-sizing:border-box}.ScreenEndGame .center-area{display:flex;flex-direction:column;align-items:center;flex-grow:1;justify-content:center;width:100%;position:relative}.ScreenEndGame.completed .center-area{padding-top:100px}.ScreenEndGame .content-wrapper{position:relative;width:90%;max-width:800px;display:flex;justify-content:center;align-items:flex-start}.ScreenEndGame .book{position:absolute;top:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:2;width:200px}.ScreenEndGame .content{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#122a3f;border:5px solid #1c4762;border-radius:20px;width:100%;text-align:center;padding:40px 20px;z-index:1}.ScreenEndGame.chapter .content{height:400px}.ScreenEndGame.completed .content{height:700px;padding:40px 110px}.ScreenEndGame .content .title{font-size:60px;margin-bottom:20px;color:#ffda69}.ScreenEndGame .content .description{font-size:40px;white-space:pre-line;color:#fff;margin-bottom:50px;font-size:1.4em}.ScreenEndGame .content .remerciement{font-size:40px;white-space:pre-line;color:#ffda69}.ScreenEndGame .return-btn{margin-top:20px;z-index:5}.ScreenEndGame .subbg{position:absolute;width:100%;top:0%;right:0%}.ScreenEndGame .smiley{position:absolute;top:10%;left:0;width:20%;z-index:2}.ScreenEndGame .papi{width:28%;position:absolute;bottom:0%;left:0%;z-index:4}.ScreenEndGame .friend{width:30%;position:absolute;top:40%;right:0;z-index:2}.ScreenEndGame .salad{position:absolute;width:35%;top:5%;right:0;z-index:2}.ScreenEndGame footer,.ScreenEndGame .Footer{margin-top:auto;width:100%;z-index:3}.FakeGame{background:#77A1D3;height:100%;padding:30px}.FakeGame button{margin:10px;font-size:1em}.ScreenGame{position:absolute;width:0;height:0;opacity:0}.ScreenGame #game-content{height:100%}.ScreenGame.visible{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;opacity:1}.PopupConfirmation .Popup-content{text-align:center;margin:20px 0;min-height:120px;display:flex;align-items:center;justify-content:center;font-size:1.2em}.PopupConfirmation .Popup-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px;width:100%}.PopupConfirmation .Popup-actions .cancel-button,.PopupConfirmation .Popup-actions .confirm-button{width:100%;padding:12px;text-align:center;box-sizing:border-box}