:root{--primary-color: hsl(309, 100%, 50%);--secondary-color: hsl(0, 0%, 0%);--bg: #000000;--clr-1: #00c2ff;--clr-2: #33ff8c;--clr-3: #ffc640;--clr-4: #e54cff;--font-orbitron: "Orbitron", sans-serif;--font-roboto: "Roboto", sans-serif;--blur: 1rem;--fs: clamp(3rem, 8vw, 7rem);--ls: clamp(-1.75px, -.25vw, -3.5px)}*,*:before,*:after{box-sizing:border-box}*{margin:0}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:var(--font-roboto);font-optical-sizing:auto;font-weight:400;font-style:normal;background-color:#000;overflow:hidden}.bebas-neue-regular{font-family:Bebas Neue,sans-serif;font-weight:400;font-style:normal}@property --angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.game-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh}.container{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;flex-direction:column;align-items:center;font-size:4rem;font-weight:700;color:#fff;position:absolute;background-size:cover;background-position:center;background-repeat:no-repeat;background-blend-mode:lighten;background-color:#000;padding:0;top:0;left:0;z-index:10002;opacity:1;transition:opacity .3s ease}.rules-modal{position:absolute;top:-100vh;left:0;width:100vw;height:100vh;background-color:#000c;z-index:10003;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .1s ease-in-out;opacity:0;transition:all .8s ease-in;overflow:hidden}.rules-modal .rules-content{position:relative;z-index:1;overflow:hidden;padding:2rem;border:3px solid transparent;background:linear-gradient(#000 0 0) padding-box,conic-gradient(from var(--angle),#2ee59d,#ffcc00,#e54cff,#2ee59d) border-box;animation:spin 10s linear infinite}@keyframes spin{to{--angle: 360deg}}.rules-modal.show{opacity:1;top:0;transition:all .8s ease-in-out}.overlay{border-image:linear-gradient(#000c 0 0) fill 1}.start-button{background-color:#2ee59d;color:#000;border:1px solid #2ee59d;padding:.5rem 2rem;margin-block:1rem;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;border-radius:100vw;width:fit-content}.title{font-size:var(--fs);font-weight:800;letter-spacing:var(--ls);position:relative;overflow:hidden;background-color:#000;margin:0;font-family:var(--font-orbitron)}.container p{font-size:2.5rem;transition:opacity .3s ease}.controls{display:flex;justify-content:space-between;gap:1rem;align-items:center}.score{z-index:1;font-size:3rem;color:#ff69b4}.score span{color:#ff69b4}.score-value{font-size:inherit;font-weight:700;color:#fff}header{position:absolute;width:100vw;height:fit-content;top:0;left:0;z-index:2;display:none;justify-content:space-between;flex-direction:row;align-items:center;width:100%;height:100px;background-color:#000c;color:#fff;font-size:2rem;font-weight:700;padding:0 3rem}.health-bar{position:absolute;bottom:0;left:0;width:100%;height:8px;background:#ffffff1f;border-radius:6px;overflow:hidden}.health-bar-fill{height:100%;width:100%;background:linear-gradient(90deg,#2ee59d,#fc0);box-shadow:0 0 12px #2ee59d80 inset;transition:width .2s ease}button.rules{background-color:transparent;color:#fff;border:1px solid #2ee59d;padding:.5rem 2rem;margin-block:1rem;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;border-radius:100vw;width:fit-content}.exit-button{position:absolute;top:1rem;right:1rem;background-color:#2ee59d;color:#000;border:1px solid #2ee59d;padding:.5rem 2rem;margin-block:1rem;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;border-radius:100vw;width:fit-content}.rules-content{max-width:800px;margin:0 auto;padding:2rem;background-color:#000c;border-radius:10px;color:#fff;font-size:1.2rem;font-weight:700;text-align:left;line-height:1.5;text-shadow:0 0 10px rgba(0,0,0,.5)}.rules-content li{margin-bottom:1rem}.main-controls{display:flex;gap:5rem;justify-content:center;align-content:center;align-items:center}.pause-button,.restart-button,header.btn-quit{background-color:#2ee59d;color:#000;border:1px solid #2ee59d;padding:.5rem 2rem;margin-block:1rem;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;border-radius:100vw;width:fit-content}.aurora{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;mix-blend-mode:darken;pointer-events:none}.aurora__item{overflow:hidden;position:absolute;width:60vw;height:60vw;background-color:var(--clr-1);border-radius:37% 29% 27% 27%/28% 25% 41% 37%;filter:blur(var(--blur));mix-blend-mode:overlay}.aurora__item:nth-of-type(1){top:-50%;animation:aurora-border 6s ease-in-out infinite,aurora-1 12s ease-in-out infinite alternate}.aurora__item:nth-of-type(2){background-color:var(--clr-3);right:0;top:0;animation:aurora-border 6s ease-in-out infinite,aurora-2 12s ease-in-out infinite alternate}.aurora__item:nth-of-type(3){background-color:var(--clr-2);left:0;bottom:0;animation:aurora-border 6s ease-in-out infinite,aurora-3 8s ease-in-out infinite alternate}.aurora__item:nth-of-type(4){background-color:var(--clr-4);right:0;bottom:-50%;animation:aurora-border 6s ease-in-out infinite,aurora-4 24s ease-in-out infinite alternate}#preloader{display:none}#preloader.show{position:fixed;inset:0;background:radial-gradient(ellipse at center,#08131b,#000);display:flex;align-items:center;justify-content:center;z-index:10000}.loader-content{width:min(480px,80vw);color:#e6f7ff;text-align:center;font-size:1.5rem}.loader-text{margin-bottom:12px}.loader-bar{width:100%;height:10px;background:#ffffff26;border-radius:6px;overflow:hidden}.loader-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#27e6ff,#7b61ff);box-shadow:0 0 12px #27e6ffb3;transition:width .3s ease}.countdown{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:none;justify-content:center;align-items:center;font-size:5rem;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5);padding:1rem}.level-up{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;display:none;justify-content:center;align-items:center;font-size:3rem;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.6);padding:.75rem 1.25rem;border-radius:8px;background:#00000059}@keyframes aurora-1{0%{top:0;right:0}50%{top:100%;right:75%}75%{top:100%;right:25%}to{top:0;right:0}}@keyframes aurora-2{0%{top:-50%;left:0%}60%{top:100%;left:75%}85%{top:100%;left:25%}to{top:-50%;left:0%}}@keyframes aurora-3{0%{bottom:0;left:0}40%{bottom:100%;left:75%}65%{bottom:40%;left:50%}to{bottom:0;left:0}}@keyframes aurora-4{0%{bottom:-50%;right:0}50%{bottom:0%;right:40%}90%{bottom:50%;right:25%}to{bottom:-50%;right:0}}@keyframes aurora-border{0%{border-radius:37% 29% 27% 27%/28% 25% 41% 37%}25%{border-radius:47% 29% 39% 49%/61% 19% 66% 26%}50%{border-radius:57% 23% 47% 72%/63% 17% 66% 33%}75%{border-radius:28% 49% 29% 100%/93% 20% 64% 25%}to{border-radius:37% 29% 27% 27%/28% 25% 41% 37%}}@keyframes party{0%{background-color:var(--primary-color)}to{background-color:transparent}}
