*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:auto}body{font-family:Arial,sans-serif;background-color:#ffef5e;margin:0;padding:0;height:auto}@keyframes bouncing{0%,20%,50%,80%,to{opacity:0;transform:translateY(0)}0%{opacity:1;transform:translateY(-30px)}50%{opacity:1;transform:translateY(-30px)}to{opacity:1;transform:translateY(-30px)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-200px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(200px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-200px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.lang-switch{margin-right:1%;font-size:1rem}.back-to-top-btn{display:none;position:fixed;max-width:10%;max-height:10%;bottom:20px;right:30px;z-index:99;border:none;border-radius:9999px;outline:none;cursor:pointer;transition:opacity .3s,visibility .3s;box-shadow:0 2px 5px #0003}.content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.banner{display:flex;justify-content:space-between;height:700px;width:100%;position:relative}.teamfoto{height:70%;width:90%;clip-path:polygon(0 0,80% 0,100% 100%,0 100%);object-fit:cover;position:absolute;right:min(20%,0);opacity:0;animation:fadeInRight 1s ease-out;animation-fill-mode:forwards}.teamfoto img{max-width:100%;height:auto}.knotchenBanner{width:min(70vh,70%);height:auto;position:absolute;top:50%;margin-left:55%;opacity:0;animation:fadeInLeft 1s ease-out;animation-fill-mode:forwards}.knotchenQuote{width:min(70vh,80%);height:auto;position:absolute;top:80%;margin-left:50%;opacity:0;animation:fadeInLeft 1s ease-out;animation-fill-mode:forwards;animation-delay:1s}.scrollDown{color:#fff;background-color:#4c4c4c;width:20%;padding:1%;align-items:center;text-align:center;justify-content:center;font-weight:400;font-size:1rem;border-radius:20px;opacity:0;animation:bouncing 6s infinite;animation-delay:2s;animation-fill-mode:forwards}.observe-left{transform:translate(-200px);transition:all 1s ease;animation-fill-mode:forwards}.observe-right{opacity:0;transform:translate(200px);transition:all 1s ease;animation-fill-mode:forwards}.active{opacity:1;transform:translate(0)}.newsBanner{width:80%;height:auto;margin:10% 10% 5%}.news-main{width:50%;height:auto;align-self:center;display:none}.news-sub{width:80%;height:auto;align-self:center;display:none}.newsContainer{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.socialMedBlk{width:45%;flex-shrink:0}.groupBanner{width:80%;height:auto;margin:5% 10% 5% 5%;align-self:center}.intro-main{width:50%;height:auto;align-self:center;display:none}.intro-sub{width:80%;height:auto;align-self:center;display:none}.groupIntro{justify-content:center;width:100%;height:70vh;display:flex}.groupIcon{margin:5% 5% 10%;min-width:20%;height:auto}.groupText{height:70%;width:55%;background-color:#4c4c4c;color:#fff;border-radius:10px;margin:3% 0 5%;padding:3%;font-size:1.2rem;text-align:left;overflow:scroll}.groupText::-webkit-scrollbar{display:none;width:0;height:0}.otherCont{height:100vh;width:100%;display:flex;flex-direction:row}.otherLinks{height:100%;width:65%;align-self:flex-start;background-color:#4c4c4c;color:#fff;padding:5%;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;align-items:center;overflow:hidden}.otherLinks h1{margin:0 25%}.linkCont{height:70%;width:100%;align-self:center;margin-left:5%;display:flex;flex-wrap:wrap}.linkBtnCont{height:70%;width:45%;align-content:center;flex-basis:45%;flex-grow:1;flex-shrink:0}.linkButton{width:60%;height:auto;margin:10% 10% 0;flex-shrink:1;flex-grow:1}.linkButton:hover{transition:transform 1s ease;transform:scale(1.1);cursor:pointer}.footerImg{height:100%;max-width:50%;object-fit:contain;align-self:flex-end;flex-shrink:1;flex-grow:1}.banner .text{text-align:left}.homeText{color:#ffe600}.text h1{font-size:32px;color:#333}.text p{font-size:18px;color:#666;margin-top:10px}.subpageBanner{max-width:20%;height:auto;margin:1% 0 0 3%}.pageCont{width:100%;max-height:75dvh;display:flex;align-items:flex-start;position:relative}.pageCont-aboutUs{width:100%;max-height:75dvh;display:grid;grid-template-columns:2fr 2fr 2fr;grid-template-areas:"banner" "text" "clipart"}.charIntroWrap{height:auto;width:100%;float:left;box-sizing:border-box;opacity:0;animation:fadeInRight .3s ease-out;animation-fill-mode:forwards;position:relative}.charBanner{width:90%;height:auto;margin:15% 2% 5% 7%;display:none;grid-area:"banner"}.textBlock{width:90%;height:auto;margin:0 2% 2% 9%;font-size:16px;display:none;grid-area:"text"}.textBlock p{margin-bottom:20px}.clipArtCnt{height:auto;width:100%;display:flex;justify-content:center;align-items:center;grid-area:"clipart"}.charClipArt{max-width:80%;height:auto;opacity:0;animation:fadeInRight .3s ease-out;animation-fill-mode:forwards;justify-self:center;display:none}.clipart-responsive{display:none}.otherChar{max-width:100%;height:100%;display:grid;opacity:0;animation:fadeInRight .3s ease-out;animation-fill-mode:forwards;animation-delay:.5s}.aboutUsMore{width:30%;height:auto;display:flex;justify-self:end;margin-right:20%;margin-bottom:10%}.aboutUsMenu{width:100%;height:70%;display:flex;position:relative;overflow-y:scroll}.charMenu{width:50%;height:70vh;margin-left:30%;flex-direction:column}.aboutUsMenu::-webkit-scrollbar{display:none}.charSelected{max-width:100%;height:auto;margin:0 0 3%;float:right}.charSelect{max-width:80%;height:auto;margin-bottom:3%;float:right}.charSelect:hover{cursor:pointer}#MaInNo.clipart-responsive{display:none}.charBanner#MaInNo,.charClipArt#MaInNo,.textBlock#MaInNo,.knowMeMore#MaInNo{display:block}.knowMeMore{margin-top:10%;width:70%;height:auto;grid-area:"text"}.trpgCont{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%}.trpg-des-wrap{width:80%;display:flex;flex-direction:column;align-items:center;justify-items:center}.trpgSlogan{width:80%;opacity:0;animation:fadeInUp .5s;animation-fill-mode:forwards}.trpgWrap{height:130vh;width:70%;background-color:#333;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.trpgWrap>a{display:block;width:40%;margin-top:5%;margin-left:auto;margin-right:auto;text-align:center}.videoThumbnail{width:60%;margin:5% auto 0;opacity:0;animation:fadeInLeft 1s;animation-fill-mode:forwards;animation-delay:.5s}.playButton{width:100%;opacity:0;animation:fadeInLeft 1s;animation-fill-mode:forwards;animation-delay:1s}.otherPlaybacks{margin-top:10%;max-width:20%;opacity:0;align-items:flex-start;animation:fadeInRight 1s ease-out;animation-fill-mode:forwards;animation-delay:2s}.otherPlaybacksEng{margin-top:10%;max-width:40%;opacity:0;align-items:flex-start;animation:fadeInRight 1s ease-out;animation-fill-mode:forwards;animation-delay:2s}.playbackCont{height:50vh;width:90%;margin:5%;background-color:#494949;border-radius:10px;overflow:scroll;&::-webkit-scrollbar{display:none;width:0;height:0}padding:10px;opacity:0;animation:fadeInRight 1s ease-out;animation-fill-mode:forwards;animation-delay:2s;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:10px;row-gap:15px}.playbackCont a{width:calc(50% - 5px);display:flex;flex-direction:column;align-items:center;color:#eee}.playbackCont a img{max-width:100%;height:auto;display:block}.playbackCont a .vidTitle{font-size:1.2em;text-align:center;margin:0;padding:0}.gamesBackground{width:80%;max-height:550vh;position:absolute;left:50%;transform:translate(-50%);z-index:-1;object-fit:cover}.gamesCont{width:90%;height:auto;margin-top:5%;overflow:visible;position:relative;display:flex;flex-direction:column;justify-self:center;padding:20px}.gamesCoverImg{width:100%;height:50%;margin:5% 0 0;align-self:center;justify-self:center;overflow:visible;position:relative}.gameReplayBox{width:90%;height:30%;margin:5% 15% 0;align-self:center;justify-self:center;overflow:visible;position:relative;padding:20px}.replayBanner{width:100%;height:auto;margin-right:10%;margin-bottom:5%;grid-area:content-overlay;justify-self:center;align-self:center;z-index:1;display:block}.gamesReplayCont{position:absolute;top:25%;left:10%;width:80%;height:50%;padding:10px;box-sizing:border-box;border-radius:8px;z-index:2;display:flex;flex-direction:row;flex-wrap:nowrap;text-align:center;overflow-x:scroll;overflow-y:hidden}.toBeUploaded{margin:5% 15%;justify-self:center;align-self:center;font-size:1.5rem;font-weight:700;color:#353535;text-align:center}.upload-box{display:block;flex-shrink:0;width:550px;height:100%;margin:0 5px;text-decoration:none;text-align:center}.upload-box img{width:90%;height:80%;object-fit:cover;margin:0;aspect-ratio:16/9}.upload-box p{font-size:1rem;font-weight:700;color:#353535;text-align:center;text-decoration:none}.monthlyCont{width:90%;height:auto;padding:20px;display:flex;flex-direction:column;align-self:center;justify-self:center}.monthlyTitle{max-width:70%;max-height:auto;margin:3% 15% 5%;justify-self:center;align-self:center}.monthly-game-main,.monthly-game-sub,.monthly-event-main,.monthly-event-sub{display:none}.illust-contribute{margin-left:80%}.monthlyGamePic{max-width:80%;height:auto;margin:0 10% 5%;justify-self:center;align-self:center}.monthlyEventBanner{width:80%;height:auto;margin:5% 10%;align-self:center}.eventsCont{margin-left:auto;margin-right:auto;max-width:80%;display:flex}.eventsBlk{margin:3%;width:45%}.chefsMonthly{width:40%;height:auto;margin:0 40% 5% 10%}.chefsBlog{width:80%;height:80%;margin:0 10% 5%;align-self:center;background-color:green}.contactsCont{margin-left:auto;margin-right:auto;max-width:80%;display:flex}.contactsBlk{width:30%;margin:3%}.universe-container{display:flex;flex-direction:row;width:100%}.universe-btn-cont{display:flex;flex-direction:column}.universeLinkButton{width:40%;height:auto;margin-top:5%}.universeBanner{width:50%;height:auto;margin:1% 0 0 3%}.coverPage{width:50%;max-height:30%;opacity:0;animation:fadeInDown 1s ease-out;animation-fill-mode:forwards;animation-delay:1.7s;mask-image:linear-gradient(to right,#fff0,#fff);-webkit-mask-image:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1))}.cover-responsive{display:none}.btnContainer{display:flex;flex-direction:column;margin-top:10%}.comicBtn{width:70%;opacity:0;animation:fadeInLeft 1s ease-out;animation-fill-mode:forwards;animation-delay:1.5s}.otherBtn{width:50%;margin-top:5%;opacity:0;animation:fadeInLeft 1s ease-out;animation-fill-mode:forwards;animation-delay:1.5s}.mobile-btn{display:none}@media (max-width: 768px){.back-to-top-btn{display:none}.banner{height:700px}.knotchenBanner{margin-top:20%;margin-left:15%;width:80%}.knotchenQuote{margin-left:5%;width:90%}.scrollDown{width:50%;font-size:.9rem}.newsBanner{display:none}.newsContainer{height:600px}.news-main{width:50%;height:auto;align-self:center;display:block}.news-sub{width:80%;height:auto;align-self:center;margin-top:3%;display:block}.newsContainer{width:100%}.socialMedBlk{width:85%;height:auto;margin-top:5%;align-self:center;justify-self:center}.groupBanner{width:95%;margin-left:10%;display:none}.intro-main{width:50%;height:auto;align-self:center;display:block}.intro-sub{width:80%;height:auto;align-self:center;margin-top:3%;display:block}.groupIntro{justify-content:center;align-items:center;width:100%;display:flex;flex-direction:column;height:auto}.groupIcon{width:40%;height:auto;margin-bottom:0}.groupText{width:90%;font-size:.9rem}.otherCont{flex-direction:column;height:auto}.otherLinks{width:100%;height:auto;align-self:center}.footerImg{display:none}.linkCont{margin:0 0 5%}.linkButton{margin:5% 5% 0 0}.subpageBanner{max-width:80%;height:auto;display:flex;justify-self:center;align-self:center}.pageCont-aboutUs{display:flex;flex-direction:column;width:450px;align-items:center;align-self:center}.charClipArt{display:none}#MaInNo.clipart-responsive{display:block}#MaInNo.charClipArt{display:none}.charIntroWrap{width:90%;margin:0;align-self:center;display:flex;flex-direction:column}.charBanner{width:80%;align-self:center;animation:fadeInLeft .3s ease-out;animation-fill-mode:forwards}.clipart-responsive{max-width:80%;animation:fadeInRight .3s ease-out;animation-fill-mode:forwards;justify-self:center;align-self:center;display:none}.textBlock{font-size:.9rem;width:95%;margin-top:5%;align-self:center;justify-self:center}.otherChar{width:95%;height:auto;display:flex;flex-direction:column;align-self:center;align-items:center;justify-content:center;opacity:0;animation:fadeInRight .3s ease-out;animation-fill-mode:forwards;animation-delay:.5s}.aboutUsMore{width:30%;height:auto;align-self:center;justify-self:center;margin-top:5%;margin-left:25%}.aboutUsMenu{display:flex;width:95%;height:auto;align-items:center}.charMenu{display:flex;flex-direction:row;overflow-x:auto;width:95%;height:200px;margin:0 auto 3%}.charSelect,.charSelected{max-width:140px;height:65px}.knowMeMore{width:70%;align-self:center;justify-self:center}.trpgCont{width:100%;margin-top:5%;min-height:20%}.trpg-des-wrap{width:90%}.trpgSlogan{width:100%}.trpgWrap{width:90%;border-radius:20px;height:500px}.otherPlaybacks{max-width:40%}.otherPlaybacksEng{max-width:60%}.playbackCont a{font-size:.9rem}.gamesCont{margin:0;width:100%;display:flex;flex-direction:column;justify-self:center;justify-items:center}.gamesBackground{width:85%;height:100%}.replayBanner{width:120%;justify-self:center;margin-right:12%}.gamesReplayCont{top:30%;left:10%;right:10%;width:90%;height:50%;padding:10px;align-self:center;justify-self:center;text-align:center;background-color:#fff0}.toBeUploaded{font-size:1rem;color:#353535}.upload-box{display:block;flex-shrink:0;width:150px;height:100%;margin:0 5px;text-decoration:none;text-align:center}.upload-box img{width:80%;height:70%;object-fit:cover;margin:0;aspect-ratio:16/9}.upload-box p{font-size:1rem;color:#353535;text-align:center;text-decoration:none;font-size:.6rem}.monthlyCont{margin:0;padding:0}.monthlyTitle,.monthlyEventBanner{display:none}.monthly-game-main,.monthly-event-main{width:50%;height:auto;align-self:center;display:block;margin-top:10%}.monthly-game-sub,.monthly-event-sub{width:80%;height:auto;align-self:center;margin-top:3%;display:block}.monthlyGamePic{margin-top:5%;width:90%}.illust-contribute{font-size:.8rem;margin-left:60%}.eventsCont{flex-direction:column}.eventsBlk{align-self:center;width:70%}.contactsCont{flex-direction:column;margin-top:5%}.contactsBlk{width:70%;align-self:center}.universe-container{flex-direction:column}.universeBanner{width:70%}.coverPage{display:none}.cover-responsive{display:block;width:70%;height:70%;align-self:center;opacity:0;animation:fadeInDown 1s ease-out;animation-fill-mode:forwards;animation-delay:1.7s;mask-image:linear-gradient(to top,#fff0,#fff);-webkit-mask-image:linear-gradient(to top,rgba(255,255,255,0),rgba(255,255,255,1))}.universeLinkButton,.comicBtn,.otherBtn{display:none}.mobile-btn{display:block;width:50%;height:auto;margin-top:5%;align-self:center;opacity:0;animation:fadeInLeft 1s ease-out;animation-fill-mode:forwards;animation-delay:1.5s}}.bottom[data-astro-cid-sz7xmlte]{bottom:0;left:0;width:100%;padding:0 10px;margin-top:10%;box-sizing:border-box;justify-content:center;text-align:center;opacity:0}