@charset "UTF-8";@font-face{font-family:LexendDeca;src:url(/media/fonts/LexendDeca.ttf) format("truetype")}@font-face{font-family:Montserrat;src:url(/media/fonts/Montserrat.ttf) format("truetype")}@font-face{font-family:DelaGothicOne;src:url(/media/fonts/DelaGothicOne.ttf) format("truetype")}#app *,#appInit *,#loading *,#error *{font-family:LexendDeca,Montserrat,sans-serif}#app *,#appInit *{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app h1,#appInit h1{font-family:DelaGothicOne,sans-serif;font-size:min(8vh,13vw);font-weight:400;margin-bottom:2vh;text-shadow:0 0 2vh #000}#app .buttonCol,#appInit .buttonCol{display:flex;flex-direction:column;width:57vh;max-width:100%}#app .buttonCol button,#app .buttonCol .buttonRow,#appInit .buttonCol button,#appInit .buttonCol .buttonRow{padding-left:0;padding-right:0;width:85%}@media screen and (max-width: 100vh){#app .buttonCol button,#app .buttonCol .buttonRow,#appInit .buttonCol button,#appInit .buttonCol .buttonRow{width:100%}}#app .buttonCol button.bigButton,#app .buttonCol button.wideButton,#app .buttonCol .buttonRow.bigButton,#app .buttonCol .buttonRow.wideButton,#appInit .buttonCol button.bigButton,#appInit .buttonCol button.wideButton,#appInit .buttonCol .buttonRow.bigButton,#appInit .buttonCol .buttonRow.wideButton{width:100%}#app .buttonCol button.keepPadding,#app .buttonCol .buttonRow.keepPadding,#appInit .buttonCol button.keepPadding,#appInit .buttonCol .buttonRow.keepPadding{padding-left:2vh;padding-right:2vh}#app .buttonRow,#appInit .buttonRow{display:flex;flex-direction:row;gap:1vh}#app .buttonRowUneven,#appInit .buttonRowUneven{display:flex;flex-direction:row;align-items:stretch;gap:0}#app .buttonRowUneven button,#appInit .buttonRowUneven button{width:fit-content;margin-right:-.3vh}#app .row,#appInit .row{display:flex;gap:1.4vh;width:100%}#app .row>*,#appInit .row>*{flex:1}#app a,#appInit a{color:#8ecaff}#app a:hover,#appInit a:hover{color:#d1eaff}#app button,#appInit button{padding:2vh;font-size:3vh;margin:1vh 0;background:#555;color:#fff;font-weight:600;border:.4vh solid #000;cursor:pointer;position:relative;overflow:hidden}#app button .desc,#appInit button .desc{display:block;font-size:1.6vh;opacity:.7;margin-top:.5vh}#app button img.icon,#appInit button img.icon{width:3vh;margin-right:1vh;translate:0 10%}#app button:hover,#appInit button:hover{background:#777;border-color:#333}#app button:disabled,#appInit button:disabled{pointer-events:none;opacity:.5;cursor:not-allowed}#app button.primary,#appInit button.primary{background:#4a9dff}#app button.primary:hover,#appInit button.primary:hover{background:#6bb0fe;border-color:#333}#app button.success,#appInit button.success{background:#17be1a}#app button.success:hover,#appInit button.success:hover{background:#25dc28;border-color:#333}#app button.danger,#appInit button.danger{background:#d7292c}#app button.danger:hover,#appInit button.danger:hover{background:#ef3033;border-color:#333}#app button.bigButton,#appInit button.bigButton{padding:3vh 4vh;font-size:5vh;font-weight:800}#app button.bigButton img.icon,#appInit button.bigButton img.icon{width:4vh;margin-right:2vh}#app button.smallButton,#appInit button.smallButton{padding:1.2vh;min-width:5.5vh;margin:0;font-size:2vh;background:#fff3}#app button.smallButton:hover,#appInit button.smallButton:hover{background:#fff5}#app button.mediumButton,#appInit button.mediumButton{padding:1.4vh 2vh;font-size:2vh;margin:0}#app button.customColor:before,#appInit button.customColor:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:none}#app button.customColor:hover:before,#appInit button.customColor:hover:before{background:#fff2}#app .bl,#appInit .bl{position:absolute;bottom:5vh;left:10vh}@media screen and (max-width: 100vh){#app .bl,#appInit .bl{left:3vh}}#app .tr,#appInit .tr{position:absolute;top:5vh;right:10vh}@media screen and (max-width: 100vh){#app .tr,#appInit .tr{right:3vh}}#app .t,#appInit .t{position:absolute;top:5vh;left:50%;transform:translate(-50%);min-width:10vh;min-height:10vh}@media screen and (max-width: 120vh){#app .t,#appInit .t{top:12vh}}#app .transition,#appInit .transition{z-index:999;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0}#app .transition.start,#appInit .transition.start{animation:fadeIn .5s both}#app .transition.end,#appInit .transition.end{animation:fadeOut .5s both}#app .mainMenu,#appInit .mainMenu{padding:5vh 10vh;align-items:flex-start}@media screen and (max-width: 100vh){#app .mainMenu,#appInit .mainMenu{padding:3vh;align-items:center}}#app .mainMenu:after,#appInit .mainMenu:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/media/img/rain.gif);background-size:100vh;background-position:center;opacity:.5;z-index:0}#app .mainMenu:before,#appInit .mainMenu:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/media/img/bgourple.jpg);background-size:cover;background-position:center;opacity:.5;z-index:0}#app .mainMenu *,#appInit .mainMenu *{z-index:2}#app .mainMenu .mainMenuChar,#appInit .mainMenu .mainMenuChar{position:absolute;bottom:0;right:0;height:min(80vh,80vw);width:80vh;object-fit:contain;z-index:1;rotate:-10deg;translate:26% 10%}#app .mainMenu .mainMenuChar.exit,#appInit .mainMenu .mainMenuChar.exit{translate:100% 10%}#app .mainMenu .mainMenuChar.enter,#app .mainMenu .mainMenuChar.exit,#appInit .mainMenu .mainMenuChar.enter,#appInit .mainMenu .mainMenuChar.exit{transition:translate .5s linear}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}#app .dialogBox .playingField{position:relative;height:100%;width:100%;height:52vh}#app .dialogBox .playingField .touchAreaLeft{position:absolute;top:0;left:0;height:100%;width:50%}#app .dialogBox .playingField .touchAreaRight{position:absolute;top:0;right:0;height:100%;width:50%}#app .dialogBox .playerControllable{position:absolute;height:100%;width:17vh;left:50%;pointer-events:none}#app .dialogBox .playerControllable .spritePlayer{position:absolute;filter:drop-shadow(0 0 2vh rgba(224,33,246,.4784313725));bottom:3vh;left:0;animation:playerJump 1.3s infinite linear;height:12vh}#app .dialogBox .playerControllable .spritePlayerPlatform{position:absolute;bottom:0;left:0;height:5vh;translate:-50% 0;filter:drop-shadow(0 -1vh 2vh rgba(33,246,65,.1333333333))}#app .dialogBox .spritePlatform{position:absolute;bottom:50%;left:50%;width:8vh;filter:drop-shadow(0 0 2vh rgba(246,164,33,.1960784314));pointer-events:none}#app .dialogBox .tutorialButtons{display:flex;width:100%;gap:1vh;margin-top:2vh}#app .dialogBox .tutorialButtons button{width:100%}#app .dialogBox .fsBanner{height:52vh;object-fit:contain;pointer-events:none}#app .dialogBox .tflex{display:flex;height:52vh;align-items:center}#app .dialogBox .tflex .tflex-item{display:flex;flex-direction:column;align-items:center;width:100%}#app .dialogBox .tflex .tflex-item img{width:100%;object-fit:contain;filter:drop-shadow(0 0 1vh rgba(246,164,33,.1960784314));animation:levitate 2s ease-in-out infinite}#app .dialogBox .tflex .tflex-item p{font-size:1.7vh;text-align:center;color:#fff;margin:0 2vh}@media screen and (max-width: 100vh){#app .dialogBox .tflex{display:grid;grid-template-columns:1fr 1fr}#app .dialogBox .tflex .tflex-item,#app .dialogBox .tflex .tflex-item img{height:100%}}@keyframes playerJump{0%{translate:-50% 0}12%{translate:-50% -138%}25%{translate:-50% -228%}37%{translate:-50% -282%}50%{translate:-50% -300%}62%{translate:-50% -282%}75%{translate:-50% -228%}87%{translate:-50% -138%}to{translate:-50% 0}}@keyframes levitate{0%{translate:0 0}50%{translate:0 -5%}to{translate:0 0}}#app .dialogBg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:100;display:flex;align-items:center;justify-content:center;padding:3vh}#app .dialogBg .dialogBox{position:relative;background-color:#333;border:.4vh solid #000;padding:2vh 4vh;font-size:2.6vh;width:100%;max-width:80vh;overflow-y:auto;overflow:hidden}@media screen and (max-width: 100vh){#app .dialogBg .dialogBox .row{flex-direction:column}}#app .dialogBg .dialogBox button.closeButton{position:absolute;top:0;right:0;margin:0;font-size:3vh;padding:1vh 4vh;border:none;background:none;color:#aaa}#app .dialogBg .dialogBox button.closeButton:hover{background:#fff1;color:#fff}#app .dialogBg .dialogBox .dialogBoxTitle{font-size:3.2vh;margin-bottom:2vh}#app .dialogBg .dialogBox .dialogBoxBody{height:calc(100% - 6vh);display:flex;flex-direction:column}#app .dialogBg .dialogBox .vscroll{overflow:auto;max-height:52vh}#app .dialogBox .settingsSection{display:flex;flex-direction:column;gap:1vh;align-items:flex-start;margin-top:3vh}#app .dialogBox .settingsSection:first-child{margin-top:2vh}#app .dialogBox .settingsSection:last-of-type{margin-bottom:2vh}#app .dialogBox .settingsSection .settingsSubsection{display:flex;flex-direction:column;gap:1vh;align-items:flex-start;margin-top:1vh}#app .dialogBox .settingsSection .settingsCheck{display:flex;flex-direction:row;gap:1vh;margin:1vh 0}#app .dialogBox .settingsSection .settingsCheck input[type=checkbox]{width:3vh;height:3vh;margin:0;padding:0;border-radius:2vh;background:#fff;border:1px solid #ccc;position:relative;cursor:pointer}#app .dialogBox .settingsSection h4{font-size:2vh}#app .dialogBox .settingsSection h5{font-size:1.6vh;color:#ccc}#app .dialogBox .settingsSection input[type=range]{width:100%;margin:0 auto;height:2vh;background:transparent;border-radius:1vh}#app .dialogBox .creditsSection{display:flex;flex-direction:column;gap:1vh;align-items:flex-start;margin-top:3vh}#app .dialogBox .creditsSection h4{font-size:2vh;color:#ccc}#app .dialogBox .creditsSection p{font-size:2.6vh}#app .dialogBox .creditsProfile{display:flex;gap:1vh;align-items:center;height:5vh}#app .dialogBox .creditsProfile .creditsPfp{width:5vh;height:5vh;border-radius:1vh}#app .dialogBox .creditsGrid{display:inline-block}#app .dialogBox .creditsGrid p{display:inline-block;font-size:2.4vh}#app .dialogBox .creditsGrid p:after{font-size:2vh;content:"ㅤ•ㅤ"}#app .dialogBox .creditsGrid p:last-child:after{content:""}#app .dialogBox .modifiersList{display:flex;flex-direction:column;gap:0vh;margin:2vh -4vh;align-items:stretch}#app .dialogBox .modifier{display:flex;justify-content:flex-start;cursor:pointer;padding:2.5vh 4vh}#app .dialogBox .modifier:hover{background:#fff1}#app .dialogBox .modifier>*{flex-grow:0}#app .dialogBox .modifier img{width:8vh;height:8vh;flex-shrink:0}#app .dialogBox .modifier .modifierName{display:flex;flex-direction:column;gap:1vh;margin-left:2vh;align-items:flex-start;max-width:50vh}#app .dialogBox .modifier .modifierName h4{font-size:3vh;font-weight:400}#app .dialogBox .modifier .modifierName p{font-size:2vh;color:#bbb}#app .dialogBox .modifier input{margin-left:auto;margin-right:1vh;width:3vh;height:3vh;align-self:center;cursor:pointer;flex-shrink:0}#app .dialogBox .ap{text-align:center}#app .dialogBox .ap .buttonCol{margin:0 auto;margin-top:1vh}#app .dialogBox .ap .buttonCol button{width:100%;margin:.5vh 0}