:root{--white:#fff;--orange:#ff9752;--pink:#fc7eca;--purple:#e581fe;--lime:#6effad;--red:#ff4848;--blue:#7aa2ff;--light-yellow:#ffff5e;--black-navy:#131a25;--navy:#182635;--slate-blue:#6a5acd;--dark-slate-blue:#483d8b;--text-slate-blue:#9c8cff;--grey-blue:#4f5966;--light-grey:#9ca8b4;--new-black-navy:#111827}@keyframes fadeInKF{0%{opacity:0}to{opacity:1}}@keyframes fadeOutKF{0%{opacity:1}to{opacity:0}}body,html{background:var(--black-navy);height:100%;margin:0;padding:0;font-family:system-ui;position:relative;overflow:hidden}canvas{width:100%;overflow:hidden}h1{color:var(--white);margin-left:16px;font-size:1.5rem;position:fixed}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem}button:hover{filter:brightness(130%)}input{border:none;border-radius:4px;height:30px;padding:8px}.game-over__container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed}.game-over__inner-container{-ms-overflow-style:none;scrollbar-width:none;flex-direction:column;max-height:100%;display:flex;overflow-y:scroll}@media screen and (width>=0) and (width<=767px){.game-over__inner-container{width:100%}}@media screen and (width>=768px){.game-over__inner-container{width:50%}}.game-over__inner-container::-webkit-scrollbar{display:none}.game-over__score{color:var(--new-black-navy);z-index:10;background:var(--blue);box-shadow:1px 1px 0px 0px var(--lime),2px 2px 0px 0px var(--lime),3px 3px 0px 0px var(--lime),4px 4px 0px 0px var(--lime),5px 5px 0px 0px var(--lime),6px 6px 0px 0px var(--lime),7px 7px 0px 0px var(--lime),8px 8px 0px 0px var(--lime);margin:24px;padding:16px;font-size:1.2rem;font-weight:700;display:none}.arcade-button{box-sizing:border-box;font:inherit;cursor:pointer;outline:inherit;min-width:100px;color:var(--new-black-navy);text-transform:uppercase;background:var(--lime);box-shadow:1px 1px 0px 0px var(--purple),2px 2px 0px 0px var(--purple),3px 3px 0px 0px var(--purple),4px 4px 0px 0px var(--purple),5px 5px 0px 0px var(--purple),6px 6px 0px 0px var(--purple),7px 7px 0px 0px var(--purple),8px 8px 0px 0px var(--purple);margin:.5rem;padding:.75rem;font-size:1rem;font-weight:700}.arcade-button:active{box-shadow:1px 1px 0px 0px var(--purple);transform:translateY(4px)}.score-header{font-size:1rem;display:none}.speed-increased__container{z-index:10;background:0 0;justify-content:center;width:100%;font-size:1.5rem;font-weight:700;display:none;position:absolute;top:0}.boss-wave__container{z-index:10;justify-content:center;width:100%;font-size:1.5rem;font-weight:700;display:none;position:absolute;bottom:0}.powerup__container{z-index:10;justify-content:center;width:100%;font-size:1.5rem;font-weight:700;display:none;position:absolute;bottom:55%}.highscores{opacity:0;z-index:1;-ms-overflow-style:none;scrollbar-width:none;flex-direction:column;align-items:center;min-height:220px;margin:24px;padding:16px;font-size:1.2rem;font-weight:700;display:flex;overflow-y:scroll}@media screen and (width>=0) and (width<=767px){.highscores{max-height:300px}}.highscores::-webkit-scrollbar{display:none}.play-button{opacity:0;pointer-events:none;color:var(--new-black-navy);text-transform:uppercase;margin:24px;font-weight:700}.highscores-loaded{opacity:0;background:var(--lime);box-shadow:1px 1px 0px 0px var(--purple),2px 2px 0px 0px var(--purple),3px 3px 0px 0px var(--purple),4px 4px 0px 0px var(--purple),5px 5px 0px 0px var(--purple),6px 6px 0px 0px var(--purple),7px 7px 0px 0px var(--purple),8px 8px 0px 0px var(--purple);animation-name:fadeInKF;animation-duration:1s;animation-iteration-count:1;animation-delay:.1s;animation-fill-mode:forwards}.play-button-loaded{opacity:0;pointer-events:all;animation-name:fadeInKF;animation-duration:1s;animation-iteration-count:1;animation-delay:.1s;animation-fill-mode:forwards}.error-visible{background-color:var(--red);text-align:center;opacity:0;border-radius:6px;padding:8px;font-size:1rem;font-weight:700;animation-name:fadeInKF;animation-duration:1s;animation-iteration-count:1;animation-delay:.1s;animation-fill-mode:forwards}@keyframes info-box{0%{border:2px dotted var(--blue)}to{border:2px dotted var(--purple)}}@keyframes cycle-colours{0%{color:var(--white)}to{color:var(--red)}}.animation--info-box{-ms-animation:info-box .5s linear infinite alternate;padding:.5rem;animation:.5s linear infinite alternate info-box}.animation--cycle-colours{-ms-animation:cycle-colours 1s linear infinite alternate;animation:1s linear infinite alternate cycle-colours}.menu-animated-background-container-show{opacity:0;background:var(--black-navy);justify-content:center;align-items:center;width:100%;height:100%;animation-name:fadeInKF;animation-duration:2s;animation-iteration-count:1;animation-delay:.1s;animation-fill-mode:forwards;display:flex;position:absolute}.menu-animated-background-container-hide{opacity:1;pointer-events:none;animation-name:fadeOutKF;animation-duration:1s;animation-iteration-count:1;animation-delay:.1s;animation-fill-mode:forwards}.animated-dot{position:relative}.animated-dot:after{content:"";width:15px;height:15px;transform-style:preserve-3d;border-radius:100%;position:absolute}.pink{animation:10s infinite forwards rotate}.pink:after{background:var(--pink);width:35px;height:35px;transform:translateY(-25px)}.lime{animation:12s infinite forwards rotate}.lime:after{background:var(--lime);width:45px;height:45px;transform:translateY(-100px)}.blue{animation:14s infinite forwards rotate}.blue:after{background:var(--blue);transform:translateY(-200px)}.yellow{animation:16s infinite forwards rotate}.yellow:after{background:var(--light-yellow);width:60px;height:60px;transform:translateY(-300px)}.orange{animation:18s infinite forwards rotate}.orange:after{background:var(--orange);width:200px;height:200px;transform:translateY(-100px)}.purple{animation:20s infinite forwards rotate}.purple:after{background:var(--purple);width:100px;height:100px;transform:translateY(-500px)}.pink-2{animation:21s infinite forwards rotate}.pink-2:after{background:var(--pink);width:200px;height:200px;transform:translate3d(200px,50px,50px)}.lime-2{animation:22s infinite forwards rotate}.lime-2:after{background:var(--lime);transform:translate(100px,200px)}.blue-2{animation:9s infinite forwards rotate}.blue-2:after{background:var(--blue);width:100px;height:100px;transform:translateY(300px)}.yellow-2{animation:12s infinite forwards rotate}.yellow-2:after{background:var(--light-yellow);transform:translateY(400px)}.orange-2{animation:11s infinite forwards rotate}.orange-2:after{background:var(--orange);transform:translateY(500px)}.purple-2{width:50px;height:50px;animation:12s infinite forwards rotate}.purple-2:after{background:var(--purple);transform:translateY(600px)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=index.fa6739db.css.map */