@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@700;800&family=Poppins:wght@300;400;500;600;700&display=swap";:root{--bg-color: #f8f9fa;--text-color: #fff;--text-black: #212529;--color-white: #ffffff;--color-black: #000000;--transparent-color-black: rgba(0, 0, 0, .05);--very-light-grey: #eeeeee;--light-grey: #d8d8d8;--fish-blue-light: #d7edf4;--fish-blue: #9ad3e4;--fish-blue-transparent: rgba(154, 211, 228, .8);--fish-blue-very-transparent: rgba(154, 211, 228, .4);--fish-blue-dark: #7ab8d1;--fish-blue-very-dark: #2d6895;--bug-green-light: #cfe9d9;--bug-green: #88c9a1;--bug-green-transparent: rgba(136, 201, 161, .8);--bug-green-very-transparent: rgba(136, 201, 161, .4);--bug-green-dark: #5cae7c;--bug-green-very-dark: #007d75;--success-green: #19ad5e;--danger-red: #e74c3c;--header-yellow: #f1e26f;--tom-nook-brown: #552517;--nook-phone-white: #F7F4E5;--star-yellow: #ffa833}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}html body *{font-family:Poppins,sans-serif}html body h1,html body h2{font-family:Fredoka,sans-serif;font-weight:800}html body strong{font-weight:600}html{font-size:62.5%}html body{font-size:1.6rem;background-color:var(--bg-color);color:var(--text-color)}html body h1{font-size:2.4rem}html body h2{font-size:3.2rem;margin-bottom:2rem}html body h3{font-size:1.8rem}html body h1 span,html body h2 span,html body h3 span{font-size:inherit;font-family:inherit}html body header{padding:1.6rem 3.2rem;display:flex;justify-content:space-between;align-items:center;position:relative}html body header .title-wrapper{transition:opacity .3s,transform .3s}html body header .title-wrapper:hover{opacity:.85}html body header .profile-wrapper{display:flex;justify-content:center;align-items:center;background:transparent;border:0;outline:0;cursor:pointer;padding:0;margin:0;font-size:inherit;color:inherit;transition:opacity .3s,transform .3s}html body header .profile-wrapper:hover{opacity:.85}html body header .profile-wrapper__avatar{width:10rem;height:10rem;border-radius:999rem;overflow:hidden;border:0;outline:0;transition:opacity .3s,transform .3s;margin-right:1rem;width:6rem;height:6rem;box-shadow:#63636333 0 2px 8px}html body header .profile-wrapper__avatar:hover{opacity:.85}html body header .user{display:flex;justify-content:center;align-items:center;flex-direction:column;width:max-content;padding:1.6rem;border-radius:.5rem;margin:4rem auto 0;position:relative;background-color:var(--nook-phone-white);color:var(--text-black);position:absolute;top:4.6rem;right:3.2rem;z-index:2;animation:slideDown .5s cubic-bezier(.23,1,.32,1)}@keyframes slideDown{0%{transform:translateY(-2rem);opacity:0}to{transform:translateY(0);opacity:1}}html body header .user__main{display:flex;justify-content:center;align-items:center}html body header .user__infos{justify-content:center;align-items:center;display:flex;flex-direction:column;align-items:flex-start;margin-left:1.6rem;width:calc(20ch + 4rem)}html body header .user__infos>div{display:flex;justify-content:center;align-items:center;transition:opacity .3s,transform .3s}html body header .user__infos>div:hover{opacity:.85}html body header .user__name{cursor:pointer;height:2.8rem}html body header .user__form{width:calc(16ch + 1rem);height:2.8rem;position:relative;top:-.1rem}html body header .user__form input{width:100%;height:100%;font-size:1.8rem;padding:.5rem;border:solid .1rem var(--text-color);font-weight:700;color:var(--text-black)}html body header .user__edit{background:transparent;border:0;outline:0;cursor:pointer;padding:0;margin:0;font-size:inherit;color:inherit;transition:opacity .3s,transform .3s;height:1.8rem;margin-left:.5rem}html body header .user__edit:hover{opacity:.85}html body header .user__edit img{height:100%}html body header .user__edit:hover{opacity:1}html body header .user__score{display:flex;justify-content:center;align-items:center;font-size:1.6rem}html body header .user__stars{display:flex;justify-content:center;align-items:center;position:relative;top:-.1rem;margin-left:.5rem}html body header .user__stars li{margin:0 .05rem}html body header .user__stars li svg{width:1.6rem;height:1.6rem}html body header .user__stars li svg path{fill:var(--star-yellow);opacity:.4}html body header .user__stars li svg.shining path{opacity:1}html body header .user__avatar{width:10rem;height:10rem;border-radius:999rem;overflow:hidden;border:0;outline:0;transition:opacity .3s,transform .3s}html body header .user__avatar:hover{opacity:.85}html body header .user__saves{display:flex;margin:1rem auto 0}html body header .user__saves button{background:transparent;border:0;outline:0;cursor:pointer;padding:0;margin:0;font-size:inherit;color:inherit;transition:opacity .3s,transform .3s;padding:.6rem 1.2rem;border-radius:.5rem;background-color:var(--success-green);color:var(--color-white);margin:.5rem 0 0}html body header .user__saves button:hover{opacity:.85}html body header .user__saves button:nth-child(1){margin-right:.5rem}html body header .user__saves button.save__import{background-color:var(--danger-red)}@media (max-width: 600px) and (orientation: portrait){html body header .user{right:1rem;width:calc(100vw - 2rem)}html body header .user__avatar{width:22vw;height:22vw}}html body main{padding:1.6rem;max-width:60rem;margin:0 auto;text-align:center;justify-content:center;align-items:center;display:flex;flex-direction:column;padding:2.5rem 2rem}html body footer{padding:1.6rem;max-width:60rem;margin:4rem auto 0;text-align:center;display:flex;flex-direction:column}html body footer a{display:flex;justify-content:center;align-items:center;margin:0 auto 2rem;transition:opacity .3s,transform .3s}html body footer a img{height:1.8rem;margin-right:.8rem}html body footer a:hover{opacity:.85}html body footer a.twitch-link{display:block;margin:0 auto 2rem;font-size:1.5rem}html body footer a.twitch-link img{display:inline;height:1.5rem;position:relative;top:.2rem;margin-right:.6rem}html body footer a.twitch-link p{display:inline}html body footer>p{margin-bottom:.5rem}html body .app-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:linear-gradient(45deg,var(--fish-blue-very-dark) 0%,var(--bug-green-very-dark) 100%)}html body .app-background__image{width:100%;height:100%;object-fit:cover;opacity:.15;position:absolute;top:0;left:0}.home-page .home-page-header{text-align:left}.home-page .home-page-header h2{text-align:center}.home-page .go-to-game{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:4rem auto 0;width:100%}.home-page .go-to-game a{border-radius:1rem;padding:3.2rem;position:relative;width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;align-items:flex-start;transition:opacity .3s,transform .3s;font-size:1.8rem;transform:scale(0);box-shadow:#63636333 0 2px 8px}.home-page .go-to-game a:hover{opacity:.85}.home-page .go-to-game a:nth-child(1){background:var(--fish-blue-transparent);margin:0 0 1rem;color:var(--fish-blue-very-dark)}.home-page .go-to-game a:nth-child(1) p svg path{fill:var(--fish-blue-very-dark)}.home-page .go-to-game a:nth-child(2){background:var(--bug-green-transparent);color:var(--bug-green-very-dark)}.home-page .go-to-game a:nth-child(2) p svg path{fill:var(--bug-green-very-dark)}.home-page .go-to-game a.displayed{transform:scale(1)}.home-page .go-to-game__text-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%}.home-page .go-to-game__text-wrapper p strong{display:flex;justify-content:center;align-items:center}.home-page .go-to-game__text-wrapper p strong svg{height:1.8rem;position:relative;top:-.1rem;margin-right:.5rem;display:inline;width:auto}.home-page .go-to-game__text-wrapper p strong span{margin-right:.5rem}@media (max-width: 600px) and (orientation: portrait){.home-page .go-to-game__text-wrapper{flex-direction:column}.home-page .go-to-game__text-wrapper p:nth-child(1){margin-bottom:.5rem}}.home-page .presentation{text-align:left;margin:4rem auto 0}.home-page .presentation article:nth-child(1){margin-bottom:2rem}.home-page .presentation article h3{margin-bottom:1rem}.home-page .presentation article p{margin-bottom:.5rem}.home-page .presentation__list-with-dots{list-style:disc;padding-left:1.5rem;margin-bottom:1rem}.game-page .game-header__progress{margin-top:2rem;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.game-page .game-header__progress h3{margin-bottom:1rem}.game-page .game-header__progress .progress-bar{box-shadow:#63636333 0 2px 8px;cursor:pointer}.game-page .game-header__progress .progress-bar__wrapper{width:100%;height:max-content;border-radius:999rem;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:.5rem;cursor:pointer}.game-page .game-header__progress .progress-bar__wrapper p{position:relative;z-index:2}.game-page .game-header__progress .progress-bar__wrapper button{background:transparent;border:0;outline:0;cursor:pointer;padding:0;margin:0;font-size:inherit;color:inherit;transition:opacity .3s,transform .3s;position:absolute;right:1.6rem;z-index:3}.game-page .game-header__progress .progress-bar__wrapper button:hover{opacity:.85}.game-page .game-header__progress .progress-bar__wrapper button img{width:1rem}.game-page .game-header__progress .progress-bar__wrapper button.opened{transform:rotate(90deg)}.game-page .game-header__progress .progress-bar__fill{height:100%;transition:width .3s,background-color .3s;position:absolute;left:0;top:0;z-index:1}.game-page .game-header__progress .progress-bar__fill.completed{background-color:var(--success-green)!important}.game-page .game-header__progress .score-details-wrapper{width:100%;height:max-content;overflow:hidden;animation:slide-in-y .3s cubic-bezier(.25,1,.5,1) both}@keyframes slide-in-y{0%{transform:translateY(-2rem);opacity:0}to{transform:translateY(0);opacity:1}}.game-page .game-header__progress .score-details-wrapper .score-details{margin-top:1rem;width:100%}.game-page .game-header__progress .score-details-wrapper .score-details h3{margin-bottom:1rem}.game-page .game-header__progress .score-details-wrapper .score-details ul{width:100%}.game-page .game-header__progress .score-details-wrapper .score-details ul li{display:flex;justify-content:space-between;align-items:center;width:100%;margin:.25rem 0}.game-page .game-header__progress .score-details-wrapper .score-details ul li p img{height:.8rem;display:inline;vertical-align:middle;position:relative;top:-.1rem}.game-page .game-header__progress .score-details-wrapper .score-details ul li p img:nth-child(1){margin-right:1rem}.game-page .game-header__progress .score-details-wrapper .score-details ul li p img:nth-child(3){margin:0 .5rem}.game-page .game-grid{margin-top:4rem;position:relative;box-shadow:#63636333 0 2px 8px}.game-page .game-grid>ul{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:80%;margin:0 auto;overflow:hidden;border-radius:1rem}.game-page .game-grid>ul li{width:calc(33.3333333333% - .3333333333rem);aspect-ratio:1/1;margin:0;position:relative;overflow:hidden}.game-page .game-grid>ul li:nth-child(3n-1){margin:0 .5rem}.game-page .game-grid>ul li:nth-child(4){margin:.5rem 0}.game-page .game-grid>ul li button{background:transparent;border:0;outline:0;cursor:pointer;padding:0;margin:0;font-size:inherit;color:inherit;transition:opacity .3s,transform .3s;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:var(--nook-phone-white)}.game-page .game-grid>ul li button:hover{opacity:.85}.game-page .game-grid>ul li button img{width:75%;max-width:12.8rem;transform:scale(0);transition:transform .3s ease}.game-page .game-grid>ul li button img.displayed{transform:scale(1)}.game-page .game-grid>ul li button.checked{background:var(--success-green)}.game-page .game-grid>ul li button.checked .checked-icon{width:60%;animation:stamped .4s cubic-bezier(.25,1.5,.5,1) forwards}@keyframes stamped{0%{transform:scale(1) rotate(-10deg);opacity:.7;filter:blur(2px)}60%{transform:scale(1.2) rotate(2deg);opacity:1;filter:blur(0)}80%{transform:scale(.95) rotate(-2deg)}to{transform:scale(1) rotate(0);opacity:1;filter:blur(0)}}@media (max-width: 600px) and (orientation: portrait){.game-page .game-grid>ul{width:100%}}.game-page .game-grid .entity-card{position:absolute;left:10%;top:0;height:100%;width:80%;border-radius:1rem;display:flex;justify-content:center;align-items:center;transition:opacity .3s ease;opacity:0}.game-page .game-grid .entity-card>div{background-color:var(--nook-phone-white);width:80%;color:var(--text-black);padding:1.6rem;border-radius:1rem;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:transform .3s ease;transform:translateY(2rem);box-shadow:#63636333 0 2px 8px}.game-page .game-grid .entity-card__image{width:80%;background-color:var(--transparent-color-black);margin:1rem 0;border-radius:1rem}.game-page .game-grid .entity-card__infos{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.game-page .game-grid .entity-card__infos li{margin:.5rem .75rem;color:var(--text-black);border-bottom:dashed .1rem}.game-page .game-grid .entity-card__infos li.available{color:var(--success-green)}.game-page .game-grid .entity-card__infos li.available.inactive{color:var(--danger-red)}.game-page .game-grid .entity-card__action{width:100%;background:transparent;border:0;outline:0;cursor:pointer;padding:0;margin:0;font-size:inherit;color:inherit;transition:opacity .3s,transform .3s;padding:.6rem 1.2rem;border-radius:.5rem;background-color:var(--success-green);color:var(--color-white);margin-top:2rem;pointer-events:none}.game-page .game-grid .entity-card__action:hover{opacity:.85}.game-page .game-grid .entity-card__action.cancel{background-color:var(--danger-red)}.game-page .game-grid .entity-card.visible{opacity:1;pointer-events:all}.game-page .game-grid .entity-card.visible>div{transform:translateY(0)}.game-page .game-grid .entity-card.visible .entity-card__action{pointer-events:all}@media (max-width: 600px) and (orientation: portrait){.game-page .game-grid .entity-card{left:0;top:0;width:100%;height:100%}}.game-page.type-fishes .game-header__progress .progress-bar__wrapper{background:var(--fish-blue-very-transparent)}.game-page.type-fishes .game-header__progress .progress-bar__fill{background:var(--fish-blue-dark)}.game-page.type-fishes .game-grid .entity-card{background:var(--fish-blue-transparent)}.game-page.type-bugs .game-header__progress .progress-bar__wrapper{background:var(--bug-green-very-transparent)}.game-page.type-bugs .game-header__progress .progress-bar__fill{background:var(--bug-green-dark)}.game-page.type-bugs .game-grid .entity-card{background:var(--bug-green-transparent)}.game-page.type-bugs .game-grid .entity-card__image img{width:50%;display:block;margin:0 auto}