.Loader{width:48px;height:48px;border:5px solid #DDD;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{display:flex;justify-content:center;align-items:center;background:rgba(197,239,252,.418)}.TrailerSection{gap:40px;display:flex;align-items:center;justify-content:center;background:#274694;margin:0;padding:0;width:100%;min-height:90vh}.TrailerSection .TrailerSection-content{display:flex;align-items:center;background:white;padding:30px;margin:0 5%;flex-grow:1;gap:30px;border-radius:35px}@media screen and (max-width: 900px){.TrailerSection .TrailerSection-content{flex-direction:column}}.TrailerSection .TrailerSection-clip{aspect-ratio:16/9;min-width:50%;border-radius:25px;display:flex;justify-content:center;align-items:center}.TrailerSection .TrailerSection-clip video{width:100%}.TrailerSection .TrailerSection-description{color:#0060cb;font-size:20pt}.TrailerSection .TrailerSection-description h2{text-align:center;font-size:24pt}.TrailerSection .TrailerSection-clip video{width:100%;height:100%;border-radius:25px}.TrailerSection .youtube-player,.TrailerSection .youtube-player-iframe{width:100%;height:100%}.Button{all:unset;text-transform:uppercase;font-weight:700;font-size:16pt;cursor:pointer;text-align:center;user-select:none;display:flex;flex-direction:column;overflow:hidden}.Button.red .Button-content{background:#ea5c3f;color:#ffe8ea}.Button.red .Button-icon{filter:drop-shadow(4px 4px 0px rgba(0,0,0,.2)) invert(99%) sepia(41%) saturate(1353%) hue-rotate(287deg) brightness(99%) contrast(106%)}.Button:hover{filter:drop-shadow(0 0 10px #ffc440) drop-shadow(5px 5px 0px #ffc34070)}.Button:hover .Button-content{background:#ffc440!important;color:#fff}.Button:hover .Button-icon{filter:invert() drop-shadow(4px 4px 0px rgba(0,0,0,.2))}.Button.with-icon{max-width:350px;min-width:250px}.Button .Button-content{background:#f76464;border:none;font-size:28px;color:#fff;padding:22px 35px;border-radius:99px}.Button .Button-icon{max-height:65px;filter:drop-shadow(4px 4px 0px rgba(0,0,0,.2)) invert(21%) sepia(15%) saturate(922%) hue-rotate(160deg) brightness(102%) contrast(87%)}.Button .Button-content .Button-text{padding:0 20px}.Button a{color:inherit;text-decoration:none}@media screen and (max-width: 900px){.Button .Button-content{font-size:15pt}.Button .Button-icon{max-height:35px}.Button .Button-content .Button-text{font-size:18pt;padding:0 8px}.Button.with-icon{max-width:350px;min-width:150px}}.Personnage{pointer-events:none;position:absolute;bottom:0;left:0}.Personnage.hidden{opacity:0}.Personnage.visible{opacity:1}.Personnage .SpeechDisplayer{animation:slidein 1 .4s}@keyframes slidein{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.SpeechDisplayer{display:block;height:auto;display:flex;align-items:flex-end;width:1000px}.SpeechDisplayer canvas{display:block;width:100%}.Subtitle{position:absolute;bottom:30px;width:60%;left:50%;transform:translate(-50%);background:#FFF;padding:50px;border-radius:0 10px 10px;font-size:30px;z-index:999}.Subtitle-name{position:absolute;bottom:99%;left:0;background:#FFF;padding:20px 50px;border-radius:10px 10px 0 0;font-size:1.3em;font-weight:700}.HeroSection{min-height:100vh;display:flex;flex-direction:column;align-items:center}.HeroSection .HeroSection-title{height:70vh;width:100%;background:url(./background-6cee9726.jpg) #0C3048;background-size:cover;position:relative;display:flex;flex-direction:column;overflow:hidden}.HeroSection .HeroSection-title:before{content:" ";position:absolute;top:0;left:0;width:100%;height:101%;z-index:1;background:inherit;filter:blur(6px)}.HeroSection .HeroSection-title:after{content:" ";position:absolute;top:-1px;left:0;width:100%;height:101%;z-index:1;background:url(./bg_filter-b74dfd37.png)}.HeroSection .HeroSection-title .alix{position:absolute;height:50vw;max-height:100%;z-index:3;bottom:0;left:-1%;transform:translateY(17%)}.HeroSection .HeroSection-title .frederick{position:absolute;height:50vw;max-height:100%;z-index:2;bottom:0;left:10%;transform:translateY(25%)}.HeroSection .HeroSection-title h2{font-size:30pt;margin:30px 0;padding:0 40px;text-align:center;color:#fff;font-weight:400;z-index:3}.HeroSection .HeroSection-title h1{z-index:3;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.HeroSection .HeroSection-title h1 img{height:24vh}.HeroSection .HeroSection-content{position:relative;background:#000094;flex-grow:1;width:100%;box-shadow:0 10px 30px #0c153a66;display:flex;flex-direction:column;padding-top:50px;gap:30px;padding-bottom:100px}.HeroSection .HeroSection-content .play-button{position:absolute;top:0;left:50%;z-index:2;transform:translate(-50%) translateY(-50%)}.HeroSection .HeroSection-content .HeroSection-description{text-align:center;margin:auto;font-size:26px;padding:0 180px;color:#fff}@media screen and (max-height: 1000px){.HeroSection .HeroSection-title{height:60vh}.HeroSection .HeroSection-content .HeroSection-description{font-size:24px}}@media screen and (max-width: 1500px){.HeroSection .HeroSection-content .HeroSection-description{font-size:22px;padding:0 40px}}@media screen and (max-width: 900px){.HeroSection .HeroSection-title{height:50vh}.HeroSection .HeroSection-title h1{padding:20px;font-size:16pt}.HeroSection .HeroSection-title h1 img{height:auto;max-width:80%}.HeroSection .HeroSection-content .HeroSection-description{font-size:18px}.HeroSection .HeroSection-title h2{padding:20px;font-size:20pt}.HeroSection .HeroSection-content{padding-top:50px;gap:5px}.HeroSection .HeroSection-title .alix,.HeroSection .HeroSection-title .frederick{display:none}}@media screen and (max-width: 500px){.HeroSection .HeroSection-content .HeroSection-description{font-size:18px}}.SavegameNotif{text-align:center;color:#fff;font-size:30px;font-style:italic;width:90%;margin:auto auto 10px;background-color:#000094}.SavegameNotif a{color:#fff;font-weight:700}@media screen and (max-width: 1500px){.SavegameNotif{font-size:24px}}@media screen and (max-width: 900px){.SavegameNotif{font-size:22px}}@media screen and (max-width: 500px){.HeroSection .HeroSection-content .HeroSection-description{font-size:20px}}.Header{margin:0 0 40px;padding:20px;position:relative;width:100%;z-index:2;gap:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:10vh;filter:drop-shadow(0 10px 20px rgba(12,21,58,.55));background:#000094}.Header>*{position:relative;z-index:2}.Header h1{margin:0 20px 0 0}.Header .spacer{flex-grow:1}.Header .pseudo{font-size:20pt}.Header .burger{width:50px;height:50px;border-top:10px solid #FFF;border-bottom:10px solid #FFF;display:flex;justify-content:center;align-items:center;cursor:pointer}.Header .burger:before{display:block;content:"";width:100%;height:10px;background:#FFF}.Footer{background:white;color:#294896;width:100%;padding:15px 30px;position:relative;display:flex;align-items:center;justify-content:space-between;filter:drop-shadow(0 -10px 20px rgba(12,21,58,.55));font-family:Marianne,sans-serif;margin:0}.Footer .logos{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px}.Footer .logos .logo{padding:5px 8px;background:#FFF;border-radius:10px}.Footer .logos img{width:auto;max-height:80px;max-width:180px}.Footer a{color:inherit}.Footer .baseline img{width:40px}.Footer .baseline{text-transform:uppercase;font-size:12pt;display:flex;flex-direction:row;gap:10px;align-items:center}.Footer .menu-bottom{display:flex;gap:10px;align-items:center;font-size:18pt}@media screen and (max-width: 900px){.Footer .logos img{max-width:130px;max-height:60px}}@media screen and (max-width: 600px){.Footer .logos .logo{padding:3px}.Footer .logos img{max-width:100px;max-height:40px}.Footer .menu-bottom,.Footer .baseline{font-size:9pt}}.ScrollDownArrow{position:absolute;bottom:15px;left:50%;transform:translate(-50%);animation:jump 1.3s ease 0s infinite normal}@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)}}.ScreenHome .sticky{position:fixed;top:0;z-index:3;width:100%}*{box-sizing:border-box}:root{--main-color: #CEFACD}html,body{overflow:initial}html,body,#root,.App{margin:0;padding:0;font-family:Marianne,sans-serif;background:black}.App{margin:0;padding:0}.App2{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.version{position:fixed;bottom:0;left:0;font-size:.8em}.debug{position:fixed;bottom:0;right:0;font-size:.8em;color:#fff;background:red}.screen{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column}.screen .screen-content{flex-grow:1}.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}.error{color:#8b0000}.Personnage.JC .SpeechDisplayer{width:700px}.Notifs{position:fixed;bottom:0;right:0;padding:10px;display:flex;flex-direction:column;gap:8px}.Notifs .notif{background:#FFF;padding:5px 15px;cursor:pointer;box-shadow:5px 5px #0000006b}.Notifs .notif.ERROR{border-bottom:3px solid red}.FakeGame{background:#77A1D3;height:100%;padding:30px}.FakeGame button{margin:10px;font-size:1em}.ScreenGame{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;overflow:hidden}.ScreenGame.hidden{display:none}.PopupVideo{position:absolute;background:#000;top:0;left:0;right:0;bottom:0}.PopupVideo video{width:100%;height:100%;pointer-events:none}.PopupVideo button{position:absolute;bottom:10px;right:10px}.Checkbox{text-transform:uppercase;display:flex;align-items:center;gap:20px;margin:0;padding:0;cursor:pointer;user-select:none}.Checkbox input{display:none;margin:0;padding:0}.Checkbox span{cursor:pointer;display:inline-block;width:20px;height:20px;display:inline-flex;justify-content:space-around;align-items:center;user-select:none;font-size:20px;color:inherit;font-weight:700;position:relative}.Checkbox span:before{content:"";width:100%;height:100%;background:#DDF2F5;clip-path:polygon(5% 5%,95% 0%,100% 100%,0% 95%)}.Checkbox input:checked+span:after{content:"\2713";position:absolute}.Popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.5);z-index:10}.Popup{max-width:70%;max-height:80%;padding:30px;background:#FFF;position:relative}.Popup .Popup-close{position:absolute;top:0;right:0;transform:translate(50%) translateY(-50%);cursor:pointer}.PopupMentionLegales{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.5);z-index:20}.PopupMentionLegales .Popup{position:relative;max-height:80%;max-width:70%;background:#FFF;color:#0060cb;border-radius:20px;padding:30px;display:flex}.PopupMentionLegales .Popup .content{flex-grow:1;overflow:auto}.PopupMentionLegales .Popup-close{background:#000094;color:#fff;border-radius:99px;border:none;position:absolute;top:0;right:0;height:50px;width:50px;display:flex;justify-content:center;align-items:center;font-size:40px;padding:0;margin:0;transform:translate(50%) translateY(-50%)}.PopupMentionLegales .Popup-close>*{transform:translateY(-7%)}.PopupMentionLegales h1{font-size:35px}.PopupMentionLegales .content::-webkit-scrollbar{width:5px;height:80%}.PopupMentionLegales .content::-webkit-scrollbar-track{background:gainsboro;border-radius:5px}.PopupMentionLegales .content::-webkit-scrollbar-thumb{background:#000094;border-radius:5px}@media screen and (max-width: 580px){.PopupMentionLegales{font-size:15px}.PopupMentionLegales h1{font-size:30px}}.ScreenEndGame{height:100%;background:#000;color:#fff;background:rgb(255,207,235);padding:50px;display:flex;justify-content:center;align-items:center;flex-direction:column}