@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes opacityGoAndReturn{0%{opacity:0}to{opacity:1}}@keyframes opacity-disappear{0%{opacity:1}to{opacity:0}}@keyframes pop{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes pop-back{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes pop-back-text{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pop-lg{0%{transform:scale(1)}to{transform:scale(1.3)}}.animate-spin{animation:spin 1s ease-in-out}.animate-opacity{animation:opacityGoAndReturn 1s ease-in-out}.animate-menu-opacity{animation:opacityGoAndReturn .2s ease-in-out}.animate-pop{animation:pop .2s ease-in-out}.overlay{background-color:rgba(32,32,32,.769);height:100dvh;opacity:1;overscroll-behavior:contain;position:fixed;top:0;transition:all .2s ease-in-out;width:100vw;z-index:1000}.overlay.overflow-y-auto{overflow-y:auto}@media only screen and (max-width:56.25em){.overlay{background-color:rgba(52,52,52,.769)}}.overlay2{background-color:rgba(32,32,32,.769);height:100dvh;opacity:1;position:fixed;top:0;transition:all .2s ease-in-out;width:100vw;z-index:1000}@media only screen and (max-width:56.25em){.overlay2{background-color:rgba(52,52,52,.769)}}@media only screen and (max-width:43.75em),screen and (max-height:43.75em){.overlay2{z-index:1005}}@media only screen and (max-width:920px) and (max-height:500px){.overlay2{z-index:1005}}.flexcenter{align-items:center;display:flex;justify-content:center}.no-opacity{opacity:0}.no-opacity-nt{opacity:0;transition:none!important}.disappear{display:none}.add-red-shadow{box-shadow:3px 2px crimson}.black-and-white{filter:grayscale(1)}.unlocked-cat-filter{filter:hue-rotate(326deg) saturate(86%)}body.android{padding-bottom:70px}.training-interface{display:flex;flex-direction:column}.training-interface.android{height:120vh}.training-interface:focus-visible{outline:none}@media only screen and (max-width:50em) and (min-height:450px){.training-interface{display:grid;grid-template-rows:23vh 1fr}}@media only screen and (max-width:37.5em){.training-interface{grid-template-rows:24vh 1fr;overflow-x:hidden}}@media only screen and (max-width:390px){.training-interface{grid-template-rows:28vh 1fr}}@media only screen and (max-width:400px) and (min-height:750px) and (max-height:812px){.training-interface{grid-template-rows:25vh 1fr}}@media only screen and (max-height:450px) and (min-width:400px){.training-interface{grid-template-rows:43vh 1fr}.training-interface.android{height:190vh}}.combo-display-container{height:-moz-fit-content;height:fit-content;margin:0 auto 4rem;position:relative}@media only screen and (max-width:37.5em){.combo-display-container{margin-bottom:0}}.combo-display{align-items:center;background-color:#333;border:3px solid #333;border-radius:8px;color:#f6f0f0;display:flex;font-family:Press Start\ 2P,Arial,Helvetica,sans-serif;height:auto;min-height:70.4px;position:relative;transform:skew(20deg);transition:opacity .3s ease-in-out;width:70vw}@media only screen and (max-width:62.5em){.combo-display{height:13rem;margin:0 auto;min-height:13rem;transform:skew(0deg);width:90vw}}@media only screen and (max-width:37.5em){.combo-display{height:auto;padding:5px 12px}}@media only screen and (max-height:450px) and (min-width:400px){.combo-display{height:auto;min-height:7rem}}.copiedStyleSuccess{background-color:#65bf47;border:3px solid #65bf47}.copiedStyleFail{background-color:#c12c25;border:3px solid #c12c25}.copiedStyleFail,.copiedStyleSuccess{justify-content:center}@media only screen and (max-width:399px){.copiedStyleFail p,.copiedStyleSuccess p{font-size:1.4rem}}.combo-placeholder{animation:blink 2s linear infinite;margin:0 auto;text-align:center}.combo-placeholder,.combo-text-2{font-size:1.5rem;transform:skew(-20deg)}.combo-text-2{color:#f6f0f0;display:inline-block;font-family:Press Start\ 2P,Arial,Helvetica,sans-serif;line-height:35px;margin:8px 10px 8px 20px}@media only screen and (max-width:62.5em){.combo-text-2{transform:skew(0deg)}}@media only screen and (max-width:37.5em){.combo-text-2{display:inline-block;font-size:1.4rem;left:10px;margin:0;position:relative}}.combo-text{color:#f6f0f0;display:inline-block;font-family:Press Start\ 2P,Arial,Helvetica,sans-serif;font-size:1.5rem;line-height:35px;margin:8px 10px 8px 20px;transform:skew(-20deg)}@media only screen and (max-width:62.5em){.combo-text{transform:skew(0deg)}}@media only screen and (max-width:37.5em){.combo-text{display:inline-block;font-size:1.4rem;left:10px;margin:0;position:relative}}@media only screen and (max-height:450px) and (min-width:400px){.combo-placeholder,.combo-text{font-size:1.2rem}}.btn-input{align-items:center;animation:pop-back-text .2s ease-in-out,opacity-disappear 1s ease-in-out;color:#f5f5f5;display:flex;font-family:Press Start\ 2P,Arial,Helvetica,sans-serif;font-size:2.5rem;height:100%;justify-content:center;margin:0;position:absolute;text-shadow:3px 2px #333,-2px 0 15px #222;width:100%;z-index:100}.navigate-back-arrow{background-color:rgba(78,78,78,.671);border:none;border-radius:5px;height:30px;transition:all .2s ease-in-out;width:40px}.navigate-back-arrow:hover{cursor:pointer;transform:scale(1.1)}.navigate-back-arrow:hover i{text-shadow:3px 1px crimson}.navigate-back-arrow:active{cursor:pointer;transform:scale(1)}.navigate-back-arrow:focus,.navigate-back-arrow:focus-visible{border:2px solid crimson;outline:none}.succesful-save{animation:missed-popup .5s cubic-bezier(.55,1.34,.94,1.28);color:#65bf47;font-family:Press Start\ 2P,Arial,Helvetica,sans-serif;font-size:1.5rem;margin:0;position:absolute;right:10rem;text-align:center;top:-.5rem;transition:all .6s ease-in-out}@media only screen and (max-width:37.5em){.succesful-save{left:5%;right:0;top:-6rem}}.add-opacity{opacity:1!important}.save-error{animation:missed-popup .5s cubic-bezier(.55,1.34,.94,1.28);color:#c9193a;font-family:Press Start\ 2P,Arial,Helvetica,sans-serif;font-size:1.5rem;margin:0;position:absolute;right:10rem;text-align:center;top:-.5rem;transition:all .6s ease-in-out}@media only screen and (max-width:37.5em){.save-error{left:5%;right:0;top:-6rem}.save-error-longmessage{left:5%;right:0;top:-8rem}}@keyframes missed-popup{0%{opacity:0;transform:translateY(20px)}70%{transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes small-scale{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes scale-and-go{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(0)}}@keyframes jump-fade{0%{transform:scale(.7)}to{opacity:.1;transform:scale(7)}}.jump-fade{animation:jump-fade ease-in-out}.text-fail{color:#c12c25!important}.scale-and-go{animation:scale-and-go .7s ease-in-out}.fade-away-fast{animation:opacity-disappear .2s ease-in-out;opacity:0}.fade-away{animation:opacity-disappear .4s ease-in-out;opacity:0}.fade-away-long{animation:opacity-disappear .6s ease-in-out!important;opacity:0}.scrollify{overflow-y:auto}@supports not selector(::-webkit-scrollbar){.scrollify{scrollbar-color:#0000;scrollbar-width:thin}}.scrollify::-webkit-scrollbar{width:7px}.scrollify::-webkit-scrollbar-track{background:#0000}.scrollify::-webkit-scrollbar-thumb{background-color:#e4dede;border:3px solid #e4dede;border-radius:6px}.radio1{--active:crimson;--active-inner:#f6f0f0;--focus:2px #fe27684d;--border:#bbc1e1;--border-hover:crimson;--background:#f6f0f0;--disabled:#f6f8ff;--disabled-inner:#e1e6f9;-webkit-appearance:none;-moz-appearance:none;background:var(--b,var(--background));border:1px solid var(--bc,var(--border));border-radius:50%;cursor:pointer;display:inline-block;height:21px;margin:0;outline:none;position:relative;transition:background .3s,border-color .3s,box-shadow .2s;vertical-align:top}.radio1:after{content:"";display:block;left:0;position:absolute;top:0;transition:transform var(--d-t,.3s) var(--d-t-e,ease),opacity var(--d-o,.2s)}.radio1:checked{--b:var(--active);--bc:var(--active);--d-o:0.3s;--d-t:0.6s;--d-t-e:cubic-bezier(0.2,0.85,0.32,1.2)}.radio1:disabled{--b:var(--disabled);cursor:not-allowed;opacity:.9}.radio1:disabled:checked{--b:var(--disabled-inner);--bc:var(--border)}.radio1:disabled+label{cursor:not-allowed}.combo-card:hover .radio1:not(:checked):not(:disabled),.radio1:hover:not(:checked):not(:disabled){--bc:var(--border-hover)}.radio1:focus{box-shadow:0 0 0 var(--focus)}.radio1:not(.switch){width:21px}.radio1:not(.switch):after{opacity:var(--o,0)}.radio1:not(.switch):checked{--o:1}.radio1+label{cursor:pointer;display:inline-block;font-size:14px;line-height:21px;margin-left:4px;vertical-align:top}.radio1:after{background:var(--active-inner);border-radius:50%;height:19px;opacity:0;transform:scale(var(--s,.7));width:19px}.radio1:checked{--s:0.5}@keyframes enter-countdown-number{0%{transform:scale(5)}to{transform:scale(1)}}.countdown-go,.countdown-number{animation:enter-countdown-number ease-in-out;color:#d1d1d1;font-family:Press Start\ 2P,Arial,Helvetica,sans-serif;font-size:7rem;text-shadow:3px 2px crimson;transition:all .2s ease-in-out}.countdown-go{animation-duration:.4s}.countdown-number{animation-duration:.7s}.notouch{touch-action:none}.main-menu{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%;z-index:1000}.main-menu .update{color:#fff;font-size:12px;font-weight:700;left:15px;letter-spacing:1px;margin:0 auto;position:absolute;text-transform:uppercase;top:15px}@media only screen and (max-width:37.5em){.main-menu .update{font-size:10px;left:unset;right:15px}}.main-menu .menu-footer{bottom:15px;position:absolute;right:15px}.main-menu .menu-footer a{color:crimson;text-decoration:none}.main-menu__links{position:relative;top:10%;width:100%}.main-menu__links.pause{top:5%}.main-menu__links>div{margin:0 auto;width:max-content}.main-menu__links--item{align-items:center;background-color:#111;display:flex;height:60px;justify-content:center;margin:25px 0;outline:none;transition:all .2s ease-in-out;width:450px}.main-menu__links--item:focus,.main-menu__links--item:hover{cursor:pointer}.main-menu__links--item:focus p,.main-menu__links--item:hover p{color:#fdc11a}.main-menu__links--item:active{transform:scale(.95)}.main-menu__links--item:active:after{border:7px solid crimson;content:"";height:90px;position:absolute;width:480px;z-index:-1}@media only screen and (max-width:37.5em){.main-menu__links--item:active:after{width:90vw}}.main-menu__links--item:focus:after{border:7px solid crimson;content:"";height:90px;position:absolute;width:480px;z-index:-1}@media only screen and (max-width:37.5em){.main-menu__links--item:focus:after{width:90vw}.main-menu__links--item{width:80vw}}@media only screen and (max-width:920px) and (max-height:500px){.main-menu__links--item{height:11vh;margin:12px 0;width:45vw}.main-menu__links--item p{font-size:3vh}.main-menu__links--item:active{transform:scale(.95)}.main-menu__links--item:active:after,.main-menu__links--item:focus:after{display:none}}.main-menu__links--item-double{align-items:center;background-color:#111;display:flex;height:60px;justify-content:center;outline:none;transition:all .2s ease-in-out;width:218px}.main-menu__links--item-double:first-child{margin:0 14px 0 0}.main-menu__links--item-double:focus,.main-menu__links--item-double:hover{cursor:pointer}.main-menu__links--item-double:focus p,.main-menu__links--item-double:hover p{color:#fdc11a}.main-menu__links--item-double:active{transform:scale(.95)}.main-menu__links--item-double:active:after{border:7px solid crimson;content:"";height:90px;position:absolute;width:248px;z-index:-1}@media only screen and (max-width:37.5em){.main-menu__links--item-double:active:after{width:48vw}}.main-menu__links--item-double:focus:after{border:7px solid crimson;content:"";height:90px;position:absolute;width:248px;z-index:1}@media only screen and (max-width:37.5em){.main-menu__links--item-double:focus:after{width:48vw}.main-menu__links--item-double{width:39vw}.main-menu__links--item-double:first-child{margin:0 2vw 0 0}}@media only screen and (max-width:920px) and (max-height:500px){.main-menu__links--item-double{height:11vh;width:21.7vw}.main-menu__links--item-double p{font-size:3vh}}.main-menu__links--item p,.main-menu__links--item-double p{color:#f5f5f5;font-family:Press Start\ 2P,Arial,Helvetica,sans-serif;font-weight:900;margin:0;position:absolute;text-align:center;text-shadow:3px 2px crimson;text-transform:uppercase;transition:all 0s ease-in-out;z-index:2}.main-menu__links--item p.limit-width,.main-menu__links--item-double p.limit-width{max-width:200px}.main-menu__links--animation{left:52%;position:relative}@media only screen and (max-width:37.5em){.main-menu__links--animation{left:45%;top:45%}}.main-menu__links .with-margin{margin:25px 0}.main-menu__links .double-link{align-items:center;display:flex;position:relative}.main-menu__links .double-link__animation{position:absolute;right:-95px;top:28px}@media only screen and (max-width:37.5em){.main-menu__links .double-link__animation{left:70%;top:50%}}@media only screen and (max-width:390px){.main-menu__links .double-link .external{font-size:12px}}@media only screen and (min-height:68.75em){.main-menu__links{top:2%}}@media only screen and (min-height:75em){.main-menu__links{top:0}}@media only screen and (max-width:37.5em){.main-menu__links{top:12%}}@media only screen and (min-width:37.5em) and (max-height:420px){.main-menu__links .with-margin{margin:10px 0}}.main-menu .close-btn{align-items:center;background-color:rgba(78,78,78,.671);border:none;border-radius:20%;bottom:6%;display:flex;height:35px;justify-content:center;left:6%;position:absolute;width:35px}.main-menu .close-btn,.main-menu .close-btn i{transition:all .2s ease-in-out}.main-menu .close-btn:hover{cursor:pointer;transform:scale(1.1)}.main-menu .close-btn:hover i{text-shadow:3px 1px crimson}.main-menu .close-btn:active{cursor:pointer;transform:scale(1)}.main-menu .close-btn:focus,.main-menu .close-btn:focus-visible{border:2px solid crimson;outline:none}@media only screen and (max-width:56.25em){.main-menu .close-btn{bottom:12%}}@media only screen and (max-width:90em) and (max-height:62.5em){.main-menu .close-btn{bottom:10%}}@media only screen and (max-width:37.5em){.main-menu .close-btn{top:6%}}:root{--title-down:17vh}@media only screen and (max-width:37.5em){:root{--title-down:15vh}}@media only screen and (max-height:760px){:root{--title-down:13vh}}@media only screen and (max-height:450px) and (min-width:500px){:root{--title-down:1vh}}@media only screen and (max-width:389px){:root{--title-down:13vh}}@media only screen and (min-width:1200px) and (max-height:800px){:root{--title-down:5vh}}.back-home-arrow{bottom:4rem;left:5rem;position:fixed}@media only screen and (max-width:50em){.back-home-arrow{bottom:-2.5rem;left:-20rem;margin-top:20px;position:relative}}.tutorial-back-arrow{bottom:4rem;left:5rem;position:fixed;z-index:1100}@media only screen and (max-width:37.5em){.tutorial-back-arrow{left:1.5rem;top:1.5rem}button.fixedmobile{bottom:100px;left:20px;position:fixed}button.fixedmobile.combopicker-back{left:1.6rem}}@media only screen and (max-height:37.5em) and (min-width:400px){button.fixedmobile{bottom:100px;left:20px}}.combo-display-container h1.main-menu-title{animation:move-title-in .3s ease-in-out;font-size:6rem;left:0;margin:auto;position:fixed;right:0;top:var(--title-down);width:265px}.combo-display-container h1.main-menu-title span{left:0;margin:auto;position:absolute;right:0;top:88%;width:max-content}.combo-display-container h1.main-menu-title span a{font-weight:600}@media only screen and (max-height:500px){.combo-display-container h1.main-menu-title{font-size:4rem}.combo-display-container h1.main-menu-title span{display:none}}.combodisplay-menu{margin-top:6.65rem}h1.main-menu-title-out{animation:move-title-out .3s ease-in-out}@keyframes move-title-in{0%{top:0}to{top:var(--title-down)}}@keyframes move-title-out{0%{top:var(--title-down)}to{top:0}}.simple-buttons{animation:missed-popup .5s cubic-bezier(.55,1.34,.94,1.28);bottom:7rem;font-family:Press Start\ 2P,Arial,Helvetica,sans-serif;left:10rem;position:absolute}.simple-buttons__description{color:hsla(0,0%,77%,.831);font-size:1.5rem;text-align:center;width:235px}.simple-buttons .desktop-keys-image img{border-radius:4px;width:250px}@media (max-height:740px),only screen and (max-width:1000px){.simple-buttons{display:none}}.delete-dialog{animation:opacityGoAndReturn .2s ease-in-out;background-color:#f6f0f0;border-radius:40px;display:grid;grid-template-rows:max-content 1fr 80px;min-height:300px;width:400px}.delete-dialog__title{color:#222;font-family:Assistant,sans-serif;font-size:2.5rem;font-weight:700;margin:20px auto 0;padding:0 60px;text-align:center;text-transform:uppercase}.delete-dialog__combo{color:rgba(237,21,21,.651);font-family:Press Start\ 2P,Arial,Helvetica,sans-serif;font-size:1.8rem;padding:10px 30px 20px}.delete-dialog__combo ::selection{background:#1d1c1b}.delete-dialog__options{align-items:center;border-top:1px solid #dbdbdb;display:flex;justify-content:space-around;-webkit-user-select:none;user-select:none}.delete-dialog__options div{font-family:Assistant,sans-serif;font-size:2.5rem;font-weight:700;height:100%;text-transform:uppercase;width:50%}.delete-dialog__options div p{margin:0;transition:all .2s ease-in-out}.delete-dialog__options div p:after{content:"";display:block;height:2px;transition:width .3s;width:0}.delete-dialog__options div:hover{cursor:pointer}.delete-dialog__options div:hover p{transform:scale(1.2)}.delete-dialog__options div:active p{transform:scale(1.1)}.delete-dialog__options--no{border-right:1px solid #dbdbdb;color:#727272}.delete-dialog__options--no:hover p:after{background-color:#727272;width:100%}.delete-dialog__options--yes{color:#c12c25}.delete-dialog__options--yes:hover p:after{background-color:#c12c25;position:absolute;right:0;transform-origin:right;width:100%}@media only screen and (max-width:37.5em){.delete-dialog{grid-template-rows:max-content 1fr 60px;min-height:280px;width:90vw}.delete-dialog__combo{font-size:1.6rem}}@media only screen and (max-width:400px){.delete-dialog__title{font-size:2.2rem}}h1.app-title{color:#f6f0f0;font-family:Assistant,sans-serif;font-size:3.2rem;font-weight:900;margin:0;position:relative;text-align:center;text-transform:uppercase;z-index:1001}h1.app-title span{font-size:1.5rem;font-weight:300}h1.app-title span a{color:crimson;text-decoration:none}.pause-dialog{transition:all .2s ease-in-out}.pause-title{bottom:5vh;color:#f5f5f5;font-family:Press Start\ 2P,Arial,Helvetica,sans-serif;font-size:5.2rem;font-weight:900;letter-spacing:2px;margin:auto;position:relative;text-align:center;text-shadow:3px 2px crimson;text-transform:uppercase;transition:all 0s ease-in-out}.pause-title span{animation:animateP 1.8s ease-in-out;display:inline-block}@keyframes animateP{0%{transform:scale(1)}20%{transform:scale(.7)}35%{transform:rotate(-350deg) scale(.8) translate(-20px,-30px)}}.combo-display.combo-display-arcade{height:70.4px;overflow:hidden}.combo-display.combo-display-arcade .hit-area{background-color:#989898;border-radius:5px;height:50px;margin-left:10px;position:absolute;width:80px}.combo-display.combo-display-arcade .combo-text{font-size:1.5rem;left:30%;max-height:35px;position:relative;transform:skew(-20deg);transition:all .2s ease-in-out;white-space:nowrap}@media only screen and (max-height:450px) and (min-width:400px){.combo-display.combo-display-arcade{height:50px}.combo-display.combo-display-arcade .hit-area{height:35px}.combo-display.combo-display-arcade .combo-text{font-size:1.2rem}}.correct-input{animation:pop-font .3s ease-in-out;color:#66eb39;text-shadow:3px 2px #833e4b}@keyframes pop-font{0%{font-size:1.5rem}50%{font-size:1.9rem}to{font-size:1.5rem}}.missed-input{animation:missed-popup .5s cubic-bezier(.55,1.34,.94,1.28);color:#c9193a;font-family:Press Start\ 2P,Arial,Helvetica,sans-serif;font-size:1.5rem;left:3%;margin:0;position:absolute;text-align:center;top:100%;transition:all .3s ease-in-out}@media only screen and (max-width:37.5em){.missed-input{left:7%}}.missed-input p{color:#b939b4;opacity:.9;text-align:center}#joystick-canvas{border:5px solid #333;border-radius:50%;box-shadow:inset 0 1px 19px 6px #151515;height:20vw;justify-self:end;max-height:400px;max-width:400px;position:relative;right:24%;width:20vw}#joystick-canvas:hover{cursor:grab}#joystick-canvas:active{cursor:grabbing}@media only screen and (max-width:75em){#joystick-canvas{border:10px solid #f6f0f0;height:18vw;right:14%;width:18vw}}@media only screen and (max-width:56.25em){#joystick-canvas{justify-self:center;margin-bottom:3vh;right:0}}@media only screen and (max-width:50em){#joystick-canvas{border:7px solid #f6f0f0;height:26vw;width:26vw}}@media only screen and (max-width:43.75em){#joystick-canvas{height:40vw;width:40vw}}@media only screen and (max-height:450px) and (min-width:400px){#joystick-canvas{border-width:7px;height:18vw;width:18vw}}#joystick-canvas .shuriken-container{height:100%;width:100%}#joystick-canvas .shuriken-container svg{height:50%;left:30.5%;position:relative;top:35%;width:50%}@media only screen and (max-width:81.25em){#joystick-canvas .shuriken-container svg{height:58%;left:27.5%;top:32%;width:58%}}@media only screen and (max-width:75em){#joystick-canvas .shuriken-container svg{height:100%;left:12%;top:20%;width:100%}}@media only screen and (max-width:37.5em){#joystick-canvas .shuriken-container svg{height:130%;left:0;top:12%;width:130%}}#joystick-canvas .canvas-borders{align-items:start;border:10px solid #cac1c1;border-radius:5px;bottom:24%;box-shadow:0 3px 10px 3px #101010;display:grid;grid-template-areas:"balls-1-3" "balls-4-5" "balls-6-8";grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);height:10vw;left:24%;max-height:200px;max-width:200px;position:absolute;width:10vw}@media only screen and (max-width:75em){#joystick-canvas .canvas-borders{display:none}}#joystick-canvas .canvas-borders div[class*=ball-]{background-color:#cac1c1;border-radius:50%;height:20px;width:20px}#joystick-canvas .canvas-borders .balls-1-3{bottom:1.3rem;display:flex;grid-area:balls-1-3;justify-content:space-between;position:relative}@media only screen and (max-width:90em),screen and (max-height:43.75em){#joystick-canvas .canvas-borders .balls-1-3{bottom:1.6rem}}#joystick-canvas .canvas-borders .balls-1-3 .ball-1{position:relative;right:14px;top:0}#joystick-canvas .canvas-borders .balls-1-3 .ball-3{left:14px;position:relative;top:0}#joystick-canvas .canvas-borders .balls-4-5{align-self:center;display:flex;grid-area:balls-4-5;justify-content:space-between}#joystick-canvas .canvas-borders .balls-4-5 .ball-4{position:relative;right:14px;top:1px}#joystick-canvas .canvas-borders .balls-4-5 .ball-5{left:14px;position:relative;top:1px}#joystick-canvas .canvas-borders .balls-6-8{align-self:end;display:flex;grid-area:balls-6-8;justify-content:space-between;position:relative;top:1.35rem}@media only screen and (max-width:90em),screen and (max-height:43.75em){#joystick-canvas .canvas-borders .balls-6-8{top:1.61rem}}#joystick-canvas .canvas-borders .balls-6-8 .ball-6{position:relative;right:14px;top:1px}#joystick-canvas .canvas-borders .balls-6-8 .ball-8{left:14px;position:relative;top:1px}.buttons-container{align-items:center;display:flex;flex-direction:column;max-width:100vw}.buttons-container p{color:#f6f0f0;font-size:1.5rem}.buttons-container .buttons{display:grid;grid-template-areas:"button-p button-s button-hs button-d" "button-k button-jc button-copy button-clear";grid-template-columns:repeat(4,min-content);grid-template-rows:repeat(2,1fr) min-content}.buttons-container .buttons div{align-items:center;display:flex;flex-direction:column}.buttons-container .buttons div p{position:relative;top:12%}@media only screen and (min-width:118.75em){.buttons-container .buttons div p{top:9%}}@media only screen and (max-width:50em){.buttons-container .buttons div p{top:-30px}.buttons-container .buttons div p.mobile-bottom-row{top:78%}}@media only screen and (max-width:37.5em){.buttons-container .buttons div p{top:-19px}.buttons-container .buttons div p.mobile-bottom-row{top:12vh}}@media only screen and (max-width:50em) and (max-height:600px){.buttons-container .buttons div p.mobile-bottom-row{top:-32px}}@media only screen and (max-width:450px) and (min-height:790px){.buttons-container .buttons div p.mobile-bottom-row{top:10vh}}@media only screen and (max-height:380px) and (min-width:400px) and (max-width:700px){.buttons-container .buttons div p.mobile-bottom-row{top:-30px}}@media only screen and (min-width:800px) and (max-height:450px) and (min-height:400px){.buttons-container .buttons div p.mobile-bottom-row{top:10px}}@media only screen and (max-width:50em){.buttons-container .buttons{position:relative;right:2%}}@media only screen and (max-height:450px) and (min-width:650px){.buttons-container .buttons{bottom:2vh;left:3vw;max-height:270px;position:relative}.buttons-container .buttons.android-bottom-ajustment{bottom:-5vh}.buttons-container .buttons>div{height:max-content}.buttons-container .buttons>div p{bottom:-6px;margin:0}}@media only screen and (max-height:380px) and (min-width:650px){.buttons-container .buttons{left:0;max-height:270px;position:relative;top:6vh}.buttons-container .buttons>div{height:max-content}.buttons-container .buttons>div p{margin:0}}@media only screen and (max-height:450px) and (min-width:650px){.buttons-container{max-height:245px}}.button{-webkit-tap-highlight-color:transparent;background-color:#f6f0f0;border:0;border-radius:50%;box-shadow:inset 0 .25vw 0 #fff,inset 0 -.25vw 0 #ece0e0,inset 0 0 0 .25vw #f0e6e6,inset 0 0 0 .6666666667vw #f6f0f0,inset 0 0 0 .8vw #d0b0b0,inset 0 0 0 .8695652174vw #905757,inset 0 0 0 1.0666666667vw #ffffffb3,inset 0 0 0 1.4545454545vw #f6f0f0,inset 0 3.2vw 1.0666666667vw #ece0e0,inset 0 0 .8vw 1.3333333333vw #e3d0d0,0 .4vw 0 #0000004d;cursor:pointer;display:inline-block;height:8vw;margin:1em;outline:none;position:relative;transition:box-shadow .2s;width:8vw}.button:after{border:solid #0000004d;border-radius:50%;border-width:0 0 .5333333333vw;bottom:.4vw;content:"";display:block;height:6.4vw;left:.8vw;position:absolute;transition-duration:.2s;width:6.4vw}.button.is-pushed,.button:active{background-color:#f2eaea;box-shadow:inset 0 .25vw 0 #fff,inset 0 -.25vw 0 #ece0e0,inset 0 0 0 .25vw #f0e6e6,inset 0 0 0 .6666666667vw #f6f0f0,inset 0 0 0 .8vw #d0b0b0,inset 0 0 0 .9411764706vw #aa7171,inset 0 0 0 1.0666666667vw #fff3,inset 0 0 0 1.4545454545vw #f0e6e6,inset 0 3.2vw 1.0666666667vw #e7d7d7,inset 0 0 .8vw 1.3333333333vw #d9c0c0,0 .4vw 0 #0000004d}.button.is-pushed:after,.button:active:after{border-width:0;bottom:.9333333333vw}@media only screen and (min-width:118.75em){.button{background-color:#f6f0f0;border:0;border-radius:50%;box-shadow:inset 0 .1875vw 0 #fff,inset 0 -.1875vw 0 #ece0e0,inset 0 0 0 .1875vw #f0e6e6,inset 0 0 0 .5vw #f6f0f0,inset 0 0 0 .6vw #d0b0b0,inset 0 0 0 .652173913vw #905757,inset 0 0 0 .8vw #ffffffb3,inset 0 0 0 1.0909090909vw #f6f0f0,inset 0 2.4vw .8vw #ece0e0,inset 0 0 .6vw 1vw #e3d0d0,0 .3vw 0 #0000004d;cursor:pointer;display:inline-block;height:6vw;margin:1em;outline:none;position:relative;transition:box-shadow .2s;width:6vw}.button:after{border:solid #0000004d;border-radius:50%;border-width:0 0 .4vw;bottom:.3vw;content:"";display:block;height:4.8vw;left:.6vw;position:absolute;transition-duration:.2s;width:4.8vw}.button.is-pushed,.button:active{background-color:#f2eaea;box-shadow:inset 0 .1875vw 0 #fff,inset 0 -.1875vw 0 #ece0e0,inset 0 0 0 .1875vw #f0e6e6,inset 0 0 0 .5vw #f6f0f0,inset 0 0 0 .6vw #d0b0b0,inset 0 0 0 .7058823529vw #aa7171,inset 0 0 0 .8vw #fff3,inset 0 0 0 1.0909090909vw #f0e6e6,inset 0 2.4vw .8vw #e7d7d7,inset 0 0 .6vw 1vw #d9c0c0,0 .3vw 0 #0000004d}.button.is-pushed:after,.button:active:after{border-width:0;bottom:.7vw}}@media only screen and (max-width:1024px) and (min-height:450px){.button{background-color:#f6f0f0;border:0;border-radius:50%;box-shadow:inset 0 .375vw 0 #fff,inset 0 -.375vw 0 #ece0e0,inset 0 0 0 .375vw #f0e6e6,inset 0 0 0 1vw #f6f0f0,inset 0 0 0 1.2vw #d0b0b0,inset 0 0 0 1.3043478261vw #905757,inset 0 0 0 1.6vw #ffffffb3,inset 0 0 0 2.1818181818vw #f6f0f0,inset 0 4.8vw 1.6vw #ece0e0,inset 0 0 1.2vw 2vw #e3d0d0,0 .6vw 0 #0000004d;cursor:pointer;display:inline-block;height:12vw;margin:1em;outline:none;position:relative;transition:box-shadow .2s;width:12vw}.button:after{border:solid #0000004d;border-radius:50%;border-width:0 0 .8vw;bottom:.6vw;content:"";display:block;height:9.6vw;left:1.2vw;position:absolute;transition-duration:.2s;width:9.6vw}.button.is-pushed,.button:active{background-color:#f2eaea;box-shadow:inset 0 .375vw 0 #fff,inset 0 -.375vw 0 #ece0e0,inset 0 0 0 .375vw #f0e6e6,inset 0 0 0 1vw #f6f0f0,inset 0 0 0 1.2vw #d0b0b0,inset 0 0 0 1.4117647059vw #aa7171,inset 0 0 0 1.6vw #fff3,inset 0 0 0 2.1818181818vw #f0e6e6,inset 0 4.8vw 1.6vw #e7d7d7,inset 0 0 1.2vw 2vw #d9c0c0,0 .6vw 0 #0000004d}.button.is-pushed:after,.button:active:after{border-width:0;bottom:1.4vw}}@media only screen and (max-width:50em){.button{background-color:#f6f0f0;border:0;border-radius:50%;bottom:5rem;box-shadow:inset 0 .53125vw 0 #fff,inset 0 -.53125vw 0 #ece0e0,inset 0 0 0 .53125vw #f0e6e6,inset 0 0 0 1.4166666667vw #f6f0f0,inset 0 0 0 1.7vw #d0b0b0,inset 0 0 0 1.847826087vw #905757,inset 0 0 0 2.2666666667vw #ffffffb3,inset 0 0 0 3.0909090909vw #f6f0f0,inset 0 6.8vw 2.2666666667vw #ece0e0,inset 0 0 1.7vw 2.8333333333vw #e3d0d0,0 .85vw 0 #0000004d;cursor:pointer;display:inline-block;height:17vw;margin:1em;outline:none;position:relative;transition:box-shadow .2s;width:17vw}.button:after{border:solid #0000004d;border-radius:50%;border-width:0 0 1.1333333333vw;bottom:.85vw;content:"";display:block;height:13.6vw;left:1.7vw;position:absolute;transition-duration:.2s;width:13.6vw}.button.mobile-buttons-pushed{background-color:#d9c0c0!important;box-shadow:inset 0 .53125vw 0 #fff,inset 0 -.53125vw 0 #ece0e0,inset 0 0 0 .53125vw #f0e6e6,inset 0 0 0 1.4166666667vw #f6f0f0,inset 0 0 0 1.7vw #d0b0b0,inset 0 0 0 2vw #aa7171,inset 0 0 0 2.2666666667vw #fff3,inset 0 0 0 3.0909090909vw #f0e6e6,inset 0 6.8vw 2.2666666667vw #e7d7d7,inset 0 0 1.7vw 2.8333333333vw #b38080,0 .85vw 0 #0000004d!important}.button.mobile-buttons-pushed:after{border-width:0!important;bottom:1.9833333333vw!important}}@media only screen and (max-height:450px) and (min-width:400px){.button{background-color:#f6f0f0;border:0;border-radius:50%;box-shadow:inset 0 .53125vh 0 #fff,inset 0 -.53125vh 0 #ece0e0,inset 0 0 0 .53125vh #f0e6e6,inset 0 0 0 1.4166666667vh #f6f0f0,inset 0 0 0 1.7vh #d0b0b0,inset 0 0 0 1.847826087vh #905757,inset 0 0 0 2.2666666667vh #ffffffb3,inset 0 0 0 3.0909090909vh #f6f0f0,inset 0 6.8vh 2.2666666667vh #ece0e0,inset 0 0 1.7vh 2.8333333333vh #e3d0d0,0 .85vh 0 #0000004d;cursor:pointer;display:inline-block;height:17vh;margin:1em;outline:none;position:relative;transition:box-shadow .2s;width:17vh}.button:after{border:solid #0000004d;border-radius:50%;border-width:0 0 1.1333333333vh;bottom:.85vh;content:"";display:block;height:13.6vh;left:1.7vh;position:absolute;transition-duration:.2s;width:13.6vh}.button.mobile-buttons-pushed{background-color:#d0b0b0!important;box-shadow:inset 0 .53125vh 0 #fff,inset 0 -.53125vh 0 #ece0e0,inset 0 0 0 .53125vh #f0e6e6,inset 0 0 0 1.4166666667vh #f6f0f0,inset 0 0 0 1.7vh #c6a0a0,inset 0 0 0 2vh #a06161,inset 0 0 0 2.2666666667vh #fff3,inset 0 0 0 3.0909090909vh #ece0e0,inset 0 6.8vh 2.2666666667vh #e3d0d0,inset 0 0 1.7vh 2.8333333333vh #b38080,0 .85vh 0 #0006!important}.button.mobile-buttons-pushed:after{border-width:0!important;bottom:1.9833333333vh!important}}.button-P-Area{grid-area:button-p;left:14%;position:relative;top:30%}@media screen and (min-width:118.75em){.button-P-Area{left:20%;top:30%}}@media only screen and (max-width:37.5em){.button-P-Area{left:17%;top:35%}}.button-K-Area{grid-area:button-k;position:relative;right:5%;top:28%}@media only screen and (min-width:118.75em){.button-K-Area{top:20%}}@media only screen and (max-width:37.5em){.button-K-Area{left:11%;right:0;top:17%}}@media only screen and (max-height:450px) and (min-width:650px){.button-K-Area{top:15%}}.button-jc-Area{bottom:-2%;grid-area:button-jc;position:relative;right:12%}@media only screen and (min-width:118.75em){.button-jc-Area{bottom:-4%;right:0}}@media only screen and (max-width:37.5em){.button-jc-Area{bottom:19%;right:4%}}@media only screen and (max-height:450px) and (min-width:400px){.button-jc-Area{bottom:20%}}.button-Clear-Area{bottom:1%;grid-area:button-clear;position:relative;right:12%}@media only screen and (min-width:118.75em){.button-Clear-Area{bottom:-1%;left:1rem;right:0}}@media only screen and (max-width:37.5em){.button-Clear-Area{bottom:22%;right:8%}}@media only screen and (max-height:450px) and (min-width:400px){.button-Clear-Area{bottom:22%}}.button-Copy-Area{bottom:1.2%;grid-area:button-copy;position:relative;right:12%}@media only screen and (min-width:118.75em){.button-Copy-Area{bottom:0;left:4%;right:0}}@media only screen and (max-width:37.5em){.button-Copy-Area{bottom:24%;right:5%}}@media only screen and (max-height:450px) and (min-width:400px){.button-Copy-Area{bottom:22%}}.button-Copy-Area .switch{background-color:#3a3a3a9e;border-radius:50%;bottom:8%;color:hsla(0,0%,77%,.831);height:22px;justify-content:center;left:40%;position:relative;transition:all .2s ease-in-out;width:22px}.button-Copy-Area .switch:hover{color:hsla(0,0%,94%,.945);cursor:pointer;transform:scale(1.1)}@media only screen and (min-width:118.75em){.button-Copy-Area .switch{height:30px;width:30px}.button-Copy-Area .switch i{font-size:1.8rem}}@media only screen and (max-width:37.5em){.button-Copy-Area .switch{bottom:20%}}@media only screen and (max-height:450px) and (min-width:400px){.button-Copy-Area .switch{bottom:12vh}}@media only screen and (min-width:800px) and (max-height:450px){.button-Copy-Area .switch{bottom:2vh}}.button-HS-Area{bottom:5%;grid-area:button-hs;left:3%;position:relative}@media only screen and (min-width:118.75em){.button-HS-Area{bottom:1%;left:4.5rem;right:0}}@media only screen and (max-width:37.5em){.button-HS-Area{bottom:-7%;left:-1%}}.button-S-Area{grid-area:button-s;left:5%;position:relative}@media only screen and (min-width:118.75em){.button-S-Area{left:17%}}@media only screen and (max-width:37.5em){.button-S-Area{bottom:-9%}}.button-D-Area{bottom:1.5rem;grid-area:button-d;position:relative}@media only screen and (min-width:118.75em){.button-D-Area{bottom:.5rem;left:5rem}}@media only screen and (max-width:37.5em){.button-D-Area{bottom:-5%;right:10%}}.switches{display:flex;flex-wrap:wrap;justify-content:space-between;margin:10vh 0 0;width:105%}.switches p{font-size:1.4rem;margin:0}.switches>div{margin:0 14px 16px 0}.switches>div:hover{cursor:pointer}@media screen and (max-width:62.5em){.switches>div{margin-right:25px}}@media screen and (max-width:56.25em){.switches{left:5%;position:relative;width:95%}}@media screen and (max-width:37.5em){.switches{left:1rem;margin:4vh 0 0;padding-right:15px;width:94%}}.arcade-switches{display:flex;font-family:Press Start\ 2P,Arial,Helvetica,sans-serif;justify-content:space-between;margin:16% 0 6%;width:100%}.arcade-switches>div{background-color:#3a3a3a9e;border:2px solid #0000;border-radius:10px;padding:7px 15px 4px;transition:all .2s ease-in-out}.arcade-switches>div p{color:hsla(0,0%,73%,.749);font-size:1.4rem;margin:0;transition:all .2s ease-in-out}.arcade-switches>div:hover{cursor:pointer}.arcade-switches>div:hover p{color:#f6f0f0}.arcade-switches>div:active{transform:scale(.95)}.arcade-switches .active-switch{border:2px solid crimson}@media only screen and (max-width:37.5em){.arcade-switches.android{margin-top:.5%}}@media only screen and (max-height:800px){.arcade-switches{margin-top:10%}}@media only screen and (max-width:37.5em){.arcade-switches{margin-top:2%;padding:0 25px}.arcade-switches>div{padding:7px 15px}.arcade-switches>div p{font-size:1rem}}@media only screen and (max-width:390px) and (max-height:690px){.arcade-switches{margin-bottom:50px}}@media only screen and (max-height:450px) and (min-width:500px){.arcade-switches{flex-direction:column;left:4%;margin-top:0;position:fixed;width:72px}.arcade-switches>div{padding:5px 7px 3px 10px}.arcade-switches>div p{font-size:1rem}.arcade-switches>div:first-child{margin-bottom:3vh}}input[type=checkbox]{display:none}.check-box{background-color:initial;border:.25rem solid #444;cursor:pointer;height:2.5rem;position:relative;transition:border-color .2s ease;width:2.5rem}.check-box,.check-box:after,.check-box:before{border-radius:5px;box-sizing:border-box;display:inline-block}.check-box:after,.check-box:before{background-color:#fff;content:" ";height:0;position:absolute;transform-origin:left top;transition:opacity .5 ease;width:.5rem}.check-box:before{box-shadow:0 0 0 .125rem #1d1c1b;left:1.025rem;top:1.8rem;transform:rotate(-135deg)}.check-box:after{left:.125rem;top:.925rem;transform:rotate(-45deg)}.check-box.checked,input[type=checkbox]:checked+.check-box{border-color:#fff}.check-box.checked:after,input[type=checkbox]:checked+.check-box:after{animation:dothabottomcheck .2s ease 0s forwards;height:1.25rem}.check-box.checked:before,input[type=checkbox]:checked+.check-box:before{animation:dothatopcheck .4s ease 0s forwards;height:3rem}.check-box+p{bottom:6px;display:inline-block;left:10px;position:relative}@media only screen and (max-width:62.5em){.check-box+p{left:5px}.isCloseAttackArea{margin-right:15px}}@media (max-width:499) and (min-width:350px){.isCloseAttackArea{margin-bottom:15px}}@media only screen and (max-width:62.5em){.isAirComboArea{margin-right:15px}}@media screen and (max-width:37.5em){.changeOrderArea{width:100%}}.options{display:flex;font-family:Press Start\ 2P,Arial,Helvetica,sans-serif;justify-content:space-between;margin-top:25px;padding-bottom:30px;width:109%}@media only screen and (max-width:50em){.options{justify-content:space-around;width:100%}}.current-game-btn{background-color:#3a3a3a9e;border:none;border-radius:20px;color:hsla(0,0%,50%,.831);display:flex;font-size:1.2rem;height:max-content;padding:6px 15px;text-transform:capitalize;width:max-content}.current-game-btn__switch{transition:all .2s ease-in-out}.current-game-btn__switch:focus,.current-game-btn__switch:focus-within,.current-game-btn__switch:hover{color:crimson;cursor:pointer}.current-game-btn__switch:active{transform:scale(.96)}.save-combo-btn{background-color:#3a3a3a9e;border:2px solid #0000;border-radius:20px;color:hsla(0,0%,50%,.831);font-size:1.2rem;height:max-content;padding:6px 15px;position:relative;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none;width:max-content}.save-combo-btn:hover{color:#65bf47;cursor:pointer}.save-combo-btn:active{transform:scale(.96)}.save-combo-btn:focus,.save-combo-btn:focus-within{border:2px solid crimson;outline:none}button.pause-size{font-size:1.4rem}.menu-btn{align-self:end;background-color:#3a3a3a9e;border:none;border-radius:10px;bottom:10%;color:hsla(0,0%,50%,.831);font-family:Press Start\ 2P,Arial,Helvetica,sans-serif;font-size:1.6rem;height:max-content;letter-spacing:1px;padding:7px 15px;position:relative;text-transform:capitalize;transition:all .2s ease-in-out;width:max-content}.menu-btn:hover{cursor:pointer;transform:scale(1.1)}.menu-btn:active{cursor:pointer;transform:scale(1)}.menu-btn:focus,.menu-btn:focus-visible{border:2px solid crimson;outline:none}.light-up{color:#fff}@media only screen and (max-width:56.25em){.menu-btn{align-self:center;bottom:7%;transform:rotate(90deg)}.menu-btn:active{cursor:pointer;transform:scale(1) rotate(90deg)}.menu-btn:hover{cursor:pointer;transform:scale(1.1) rotate(90deg)}.menu-letter{display:inline-block;margin:0 1px;transform:rotate(-90deg)}}@media only screen and (max-height:450px) and (min-width:400px){.controls .menu-btn{font-size:1.2rem;left:3vw;position:fixed!important;top:30vh;transform:rotate(0deg)}.controls .menu-btn.pause-size{left:unset;right:3vw;top:65vh}.controls .menu-btn .menu-letter{transform:rotate(0deg)}}.controls{display:grid;grid-template-columns:40% 1fr;grid-template-rows:1fr 200px;margin:1% auto 0;max-height:545px;transition:opacity .3s ease-in-out}.controls #joystick-canvas{grid-column:1/2;grid-row:1/2}.controls .buttons-container{grid-column:2/3;grid-row:1/3}.controls .menu-btn{grid-column:1/2;grid-row:2/3}@media only screen and (max-width:1024px){.controls{grid-template-columns:28% 1fr;margin-top:4%}}@media only screen and (max-width:56.25em){.controls{grid-template-columns:145px 1fr;grid-template-rows:max-content 1fr;justify-items:center;margin-top:0}.controls .menu-btn{grid-column:1/2;grid-row:1/2;position:relative;right:5vw}.controls #joystick-canvas{grid-column:2/3;grid-row:1/2}.controls .buttons-container{grid-column:1/3;grid-row:2/3}}@media only screen and (max-width:50em) and (min-height:450px){.controls{column-gap:4%;row-gap:12%}}@media only screen and (max-width:37.5em){.controls{column-gap:4%;row-gap:4%}}@media only screen and (max-height:450px) and (min-width:400px){.controls{grid-template-columns:38% 1fr;grid-template-rows:1fr 99px;margin:1% auto 0;max-height:245px}.controls #joystick-canvas{grid-column:1/2;grid-row:1/2}.controls .buttons-container{grid-column:2/3;grid-row:1/3}}.free-training-animation{color:#d1d1d1;font-family:Press Start\ 2P,Arial,Helvetica,sans-serif;font-size:1.5rem;position:relative;width:200px}.free-training-animation span{display:inline-block;margin-left:10px;text-shadow:3px 2px crimson}@media only screen and (max-width:37.5em){.free-training-animation{width:150px}}.daily-challenge-animation{position:relative}.daily-challenge-animation .punch-1{filter:invert(-12%) saturate(134%) hue-rotate(1122deg) brightness(232%) contrast(100%);height:25px;position:relative;width:25px}.daily-challenge-animation .pos-1{left:10px;top:30px}.daily-challenge-animation .pos-2{left:-30px;top:50px}.daily-challenge-animation .pos-3{left:60px;top:40px}.daily-challenge-animation .pos-4{left:70px;right:50px}.daily-challenge-animation .pos-5{left:10px;right:30px}.daily-challenge-animation .pos-6{left:30px;right:33px}.daily-challenge-animation .pos-7{left:10px;right:-21px}.daily-challenge-animation .pos-8{left:15px;top:-2px}.daily-challenge-animation .pos-9{right:18px;top:20px}.daily-challenge-animation .pos-10{right:20px;top:12px}.daily-challenge-animation .pos-11{right:10px;top:33px}.daily-challenge-animation .pos-12{right:12px;top:40px}.daily-challenge-animation .pos-13{right:30px;top:20px}.daily-challenge-animation .pos-14{right:7px;top:2px}.daily-challenge-animation .pos-15{right:18px;top:35px}.daily-challenge-animation .pos-16{right:12px;top:34px}.daily-challenge-animation .pos-17{right:40px;top:19px}.daily-challenge-animation .pos-18{right:43px;top:28px}.daily-challenge-animation .pos-19{right:10px;top:22px}.daily-challenge-animation .pos-20{right:-7px;top:5px}.combos-container{display:grid;gap:3%;grid-template-rows:max-content 76% max-content;height:94%;width:100%}.combos-container__title{color:crimson;font-family:Press Start\ 2P,Arial,Helvetica,sans-serif;font-size:95%;margin:3% auto 0 0;width:max-content}.combos-container__bottom{align-items:center;display:flex;justify-content:space-between}@media only screen and (max-width:37.5em){.combos-container__bottom{padding:0 20px 0 10px}}.combos-container__bottom--count{font-family:Assistant,sans-serif;font-size:2rem;font-weight:700}.combos-container__bottom--GO{background-color:#65bf47;border:none;border-radius:4px;color:#fff;font-family:Press Start\ 2P,Arial,Helvetica,sans-serif;font-size:2rem;font-weight:700;height:40px;letter-spacing:2px;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none;width:65px}@media only screen and (min-width:660px) and (max-height:380px){.combos-container__bottom--GO{height:35px;width:60px}}.combos-container__bottom--GO:hover{cursor:pointer;filter:brightness(1.05);transform:scale(1.1)}.combos-container__bottom--GO:active{filter:brightness(1s);transform:scale(1)}.combos-container__bottom--GO:disabled,.combos-container__bottom--GO[disabled]{filter:brightness(1);transform:scale(1)}@media only screen and (max-width:90em){.combos-container{grid-template-rows:max-content 79% max-content}}@media only screen and (max-width:37.5em){.combos-container{grid-template-rows:max-content 75% max-content;height:89%}.combos-container.android{grid-template-rows:max-content 68% max-content}}@media only screen and (min-width:500px) and (max-width:550px) and (min-height:720px) and (max-height:750px){.combos-container{grid-template-rows:max-content 78% max-content;height:82%}}@media only screen and (max-height:43.75em){.combos-container{grid-template-rows:max-content 58% max-content;height:99%}}@media only screen and (min-width:37.5em) and (max-height:420px){.combos-container{grid-template-rows:max-content 82% max-content;height:60%}.combos-container__title{margin:1% auto 1% 0}.combos-container.android{grid-template-rows:max-content 80% max-content}}.no-combos{align-items:center;color:#989898;display:flex;flex-direction:column;font-family:Press Start\ 2P,Arial,Helvetica,sans-serif;font-size:2rem;justify-content:center}.no-combos__title{margin-bottom:20px}.no-combos__content{font-size:1.8rem;text-align:center}.no-combos__content p{margin:0 auto 20px;text-align:center;width:60%}.go-now{animation-duration:.6s;color:#44b3f5;display:block;text-decoration:none;transition:all .2s ease-in-out}.go-now:hover{transform:scale(1.1)!important}.go-now:active{transform:scale(1)!important}.combo-list{padding:0 20px}@media only screen and (max-width:37.5em){.mobile-list-padding{padding:35px 0 0 15px!important}.mobile-margin-title{margin:11% 0 4%!important}}.combo-card{align-items:center;border:2px solid #0000;border-radius:12px;box-shadow:3px 2px 14px #cdcdcd;display:grid;grid-template-columns:.1fr 1fr .2fr;height:max-content;margin:10px 0 30px;min-height:100px;padding:15px 10px 15px 20px;position:relative;transition:all .2s ease-in-out;width:100%}@media only screen and (max-width:37.5em){.combo-card{grid-template-columns:1fr;row-gap:20px}.combo-card__select{margin-bottom:12px}.combo-card__combo{font-size:1.5rem}.combo-card__options{flex-direction:row!important;justify-content:space-around!important}}.combo-card:first-child{margin:10px 0 30px}.combo-card__select{margin-right:20px}.combo-card__combo{color:#222;font-family:Press Start\ 2P,Arial,Helvetica,sans-serif}.combo-card__options{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.combo-card__options--delete,.combo-card__options--stars{font-size:25px}.combo-card__options--delete{color:#c12c25}.combo-card__options--delete i{transition:all .2s ease-in-out}.combo-card__options--delete i:hover{transform:scale(1.1)}.combo-card__options--delete i:active{transform:scale(1)}.combo-card__options--stars i{transition:all .2s ease-in-out}.combo-card__cat img{opacity:0;transition:all .4s ease-in-out;width:50px}.combo-card:hover{cursor:pointer;transform:scale(1.02)}.combo-card:hover .combo-card__combo{color:crimson}.selected-card{border:2px solid crimson}.empty-star{color:rgba(51,51,51,.251)}.full-star{color:#fdc11a;text-shadow:3px 2px #000}.scale-star{animation:small-scale .2s ease-in-out}.results-screen{align-items:center;display:grid;font-family:Press Start\ 2P,Arial,Helvetica,sans-serif;grid-template-rows:max-content max-content 22% 40%;height:90%;row-gap:30px;width:100%}.results-screen__title{color:#7665fd;margin:0 auto;position:relative;top:.5rem;width:max-content}.results-screen__combo{align-items:center;background-color:#333;border-radius:5px;display:flex;height:auto;justify-content:center;justify-self:center;min-height:70px;width:90%}@media only screen and (max-width:37.5em){.results-screen__combo{padding:10px}}.results-screen__combo p.combo-text-2{animation:none;height:auto;left:0;margin:0;max-height:max-content;overflow-wrap:break-word;padding:10px 15;text-align:center;transform:skew(0deg);white-space:normal;width:100%}.results-screen__combo p.combo-text-2 span{display:inline-block;margin:2px 8px}.results-screen__stars{align-items:center;display:flex;flex-direction:column}.results-screen__stars i{font-size:8rem}.results-screen__stars .congrats{color:#fdc11a;font-size:1.4rem;margin:20px 0 0;text-align:center}.results-screen__bottom{display:flex;width:100%}.results-screen__bottom .back-section,.results-screen__bottom .unlock-section{border-radius:20px;box-shadow:5px -2px 23px #cdcdcd}.results-screen__bottom .back-section{align-items:center;display:flex;font-size:14px;justify-content:space-around;margin:0 6% 0 3%;padding:30px 10px;width:50%}.results-screen__bottom .back-section .back-to-list,.results-screen__bottom .back-section .retry{align-items:center;color:#727272;display:flex;flex-direction:column;font-family:Press Start\ 2P,Arial,Helvetica,sans-serif;max-width:80px;text-align:center;transition:all .2s ease-in-out}.results-screen__bottom .back-section .back-to-list i,.results-screen__bottom .back-section .retry i{font-size:4rem}.results-screen__bottom .back-section .back-to-list p,.results-screen__bottom .back-section .retry p{margin:10px 0 0}.results-screen__bottom .back-section .back-to-list:hover,.results-screen__bottom .back-section .retry:hover{color:crimson;cursor:pointer;transform:scale(1.1)}.results-screen__bottom .back-section .back-to-list:active,.results-screen__bottom .back-section .retry:active{transform:scale(1)}.results-screen__bottom .unlock-section{width:38%}@media only screen and (max-width:37.5em){.results-screen__bottom{flex-direction:column;margin:0 auto}.results-screen__bottom .back-section,.results-screen__bottom .unlock-section{width:90%}.results-screen__bottom .unlock-section{margin:0 auto;padding:1.5vh}.results-screen__bottom .unlock-section p{margin:2rem 0 1.5rem}.results-screen__bottom .back-section{font-size:1.7vh;margin:0 auto 4rem;padding:3vh 1.5vh}}@media only screen and (min-width:90em){.results-screen{height:93%}}@media only screen and (max-width:37.5em){.results-screen{grid-template-rows:max-content max-content 18% .8fr;padding:10px 10px 20px}.results-screen__title{top:0}}@media only screen and (max-width:920px) and (max-height:500px){.results-screen{grid-template-rows:1fr 1fr 1fr 1fr;margin-top:1rem;padding-bottom:30px}.results-screen.android{padding-bottom:90px}}.obtained-star{animation:obtained-star 1s ease-in-out;color:#fdc11a;text-shadow:none}@keyframes obtained-star{1%{color:rgba(51,51,51,.251);transform:rotate(0deg) scale(.7)}80%{transform:rotate(380deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}.unlock-section{padding:15px}.unlock-section .unlock-message{align-items:center;color:#727272;display:flex;flex-direction:column;text-align:center}.unlock-section .unlock-message img{filter:drop-shadow(2px 3px 3px #727272);opacity:0;transition:all .4s ease-in-out;width:75px}.unlock-section .unlock-message p{font-size:1.45rem;margin:7px 0 0}.unlock-section .locked-maneki img{filter:drop-shadow(2px 3px 3px #727272) grayscale(1);margin-top:3px;width:60px}.unlock-section .locked-maneki p{font-size:12px;margin-bottom:3px;margin-top:14px}.unlock-section .unlocked-maneki img{filter:drop-shadow(2px 3px 3px #727272) hue-rotate(326deg) saturate(86%);margin-top:3px;width:60px}.unlock-section .unlocked-maneki p{font-size:12px;margin:14px 5px 3px}.unlock-section .unlocked-cat p.title{color:#7665fd;font-size:13px;margin:5px 0 7px}.unlock-section .unlocked-cat p.title.rare{animation:blink 1s linear infinite}.unlock-section .unlocked-cat p.name{font-size:12px;margin:10px 0 5px}.unlock-section .unlocked-cat img{filter:drop-shadow(2px 3px 3px #727272) blur(4px)}.unlock-section .unlocked-cat a{color:crimson;font-size:13px;text-decoration:none;transition:all .2s ease-in-out}.unlock-section .unlocked-cat a:hover{transform:scale(1.03)}.unlock-section .unlocked-cat a:active{transform:scale(.95)}.unlock-section .two-cats{display:flex;display:grid;grid-template-columns:50% 50%}.unlock-section .two-cats .two-pics{position:relative}.unlock-section .two-cats .two-pics img:first-child{position:relative;right:38px;top:34px;transform:rotate(336deg);z-index:10}.unlock-section .two-cats .two-pics img:last-child{left:45px;position:absolute;top:8px;transform:rotate(16deg);z-index:1}.unlock-section .two-cats p.name{text-align:end}@media only screen and (max-width:830px){.unlock-section p.extra-rare{font-size:10px!important}.unlock-section .two-cats p.name{font-size:10.5px}.unlock-section .two-cats a{font-size:11px}}@media only screen and (max-width:37.5em){.results-mode{padding:10px 0 10px 10px!important}}@media only screen and (max-width:920px) and (max-height:500px){.results-mode{padding:10px 0 0 10px!important}.results-mode div.combo-picker__title{margin-top:6vw}}@keyframes blink{0%{opacity:0}25%{opacity:.5}50%{opacity:1}75%{opacity:.5}to{opacity:0}}@keyframes dothabottomcheck{0%{height:0}to{height:1.25rem}}@keyframes dothatopcheck{0%{height:0}50%{height:0}to{height:3rem}}@font-face{font-display:swap;font-family:Press Start\ 2P;font-style:normal;font-weight:400;src:url(/fonts/press_start_2p.ttf) format("truetype")}@font-face{font-display:swap;font-family:Assistant;font-style:normal;font-weight:300 800;src:url(/fonts/assistant.ttf) format("truetype")}.combo-picker{align-items:center;animation:opacityGoAndReturn .3s ease-in-out;background-color:#f6f0f0;border-radius:20px;display:flex;flex-direction:column;height:615px;padding:35px 35px 15px;transition:all .2s ease-in-out;width:800px}.combo-picker.android{padding:35px 35px 80px}.combo-picker__apptitle{display:none}.combo-picker__title{color:crimson;font-family:Press Start\ 2P,Arial,Helvetica,sans-serif;font-size:2rem;text-transform:uppercase}.combo-picker__content{margin:auto;width:100%}@media only screen and (max-width:56.25em){.combo-picker{width:90vw}}@media only screen and (max-width:43.75em){.combo-picker{border-radius:0;gap:30px;height:100%;position:fixed;width:100vw}.combo-picker__apptitle{display:block;position:absolute;top:1%}.combo-picker__apptitle h1{color:#333}.combo-picker__title{margin-top:10%}.combo-picker__content{flex-direction:column}.combo-picker__content .combo-premade{margin-bottom:8%;margin-right:0}.combo-picker__content .combo-own,.combo-picker__content .combo-premade{height:35vh;width:70%}.combo-picker__content .combo-own h6,.combo-picker__content .combo-premade h6{font-size:2.5rem}}@media only screen and (max-height:43.75em){.combo-picker{border-radius:0;height:100%;width:100vw}.combo-picker__apptitle{display:block;position:absolute;top:1%}.combo-picker__apptitle h1{color:#333}.combo-picker__content,.combo-picker__title{margin:8vh 0 1vh}.combo-picker__content div{max-width:400px}.combo-picker__content div.combo-premade{margin-right:80px}}@media only screen and (max-width:37.5em){.combo-picker__content .combo-own,.combo-picker__content .combo-premade{width:80%}}@media only screen and (max-width:400px) and (max-height:730px){.combo-picker__content .combo-own h6,.combo-picker__content .combo-premade h6{margin:0 0 3rem}}@media only screen and (max-width:920px) and (max-height:500px){.combo-picker{border-radius:0;height:100%;position:fixed;width:100vw}.combo-picker__title{margin-top:2.8%}.combo-picker__apptitle{display:block;position:absolute;top:1%}.combo-picker__apptitle h1{color:#333}.combo-picker__content{flex-direction:row}.combo-picker__content .combo-premade{margin-bottom:0;margin-right:40px}.combo-picker__content .combo-own,.combo-picker__content .combo-premade{height:245px;width:40%}.combo-picker__content .combo-own h6,.combo-picker__content .combo-premade h6{font-size:2.5rem}.combo-picker__content .combo-own p,.combo-picker__content .combo-premade p{padding:0 30px}}.combo-own,.combo-premade{text-align:center}.combo-own h6,.combo-premade h6{color:#222;font-family:Assistant,sans-serif;font-size:3rem;font-weight:600;line-height:1;margin:0 0 6rem;transition:all .2s ease-in-out}.combo-own p,.combo-premade p{color:#616161;margin:9rem 0 0;padding:0 40px}.combo-own,.combo-premade{align-items:center;border-radius:20px;box-shadow:5px -2px 23px #cdcdcd;display:flex;flex-direction:column;height:300px;justify-content:center;position:relative;transition:all .2s ease-in-out;width:50%}.combo-own:hover,.combo-premade:hover{cursor:pointer;transform:scale(1.05)}.combo-own:hover h6,.combo-premade:hover h6{color:crimson}.combo-own__animation,.combo-premade__animation{min-height:40px}.combo-premade{margin-right:40px}.combo-premade__animation{position:relative;top:4%}.combopicker-back{bottom:4rem;left:5rem;position:fixed;transition:all .2s ease-in-out}@media only screen and (max-width:43.75em){.combopicker-back{bottom:1.5rem;left:1.5rem}}@media only screen and (max-width:920px) and (max-height:500px){.combopicker-back{bottom:1.5rem;left:1.5rem}}