html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;touch-action:none;overscroll-behavior:none}.game-canvas{position:absolute;inset:0;pointer-events:all}.game-canvas:focus{outline:none!important;border:none!important}.fill-screen{position:absolute;inset:0;width:100%;height:100%}#top-center{position:absolute;display:flex;gap:20px;top:10px;left:50%;transform:translate(-50%)}@media screen and (max-width:1280px){#top-center{gap:15px}}@media screen and (max-width:768px){#top-center{gap:10px}}.button-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:2px solid #000;box-shadow:5px 5px #000;background-color:#fff}@media screen and (max-width:1280px){.button-icon{width:35px;height:35px}}@media screen and (max-width:768px){.button-icon{box-shadow:3px 3px #000;width:30px;height:30px}}#attributes{display:grid;grid-template-columns:repeat(4,auto);grid-auto-rows:auto;grid-auto-flow:row;gap:10px}@media screen and (max-width:1280px){#attributes{gap:7px}}@media screen and (max-width:768px){#attributes{gap:5px}}.attribute{width:fit-content;height:fit-content;display:flex;flex-direction:column;font-size:15px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;color:#000}.attribute p{text-align:center;margin:3px}.attribute .content{display:flex;flex-direction:row;background-color:#334;width:fit-content;height:15px;border-radius:10px;overflow:hidden;border:2px solid #000;box-shadow:5px 5px #000}.attribute .content .attribute-slot{width:15px;height:15px;background-color:#0000;border-right:1px solid rgba(255,255,255,.3333333333)}.attribute .content .attribute-add{width:15px;height:15px;text-align:center;background-color:#fff;border-radius:none;border:none}@media screen and (max-width:1280px){.attribute{font-size:13px}.attribute .content{height:13px}.attribute .content .attribute-slot,.attribute .content .attribute-add{width:13px;height:13px}}@media screen and (max-width:768px){.attribute{font-size:10px}.attribute .content{height:11px;box-shadow:3px 3px #000}.attribute .content .attribute-slot,.attribute .content .attribute-add{width:11px;height:11px}}#evolutions{display:grid;grid-template-columns:repeat(4,auto);grid-auto-rows:auto;grid-auto-flow:row;align-content:center;gap:12px;color:#000;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}#evolutions .evolution{position:relative}#evolutions .evolution p{position:absolute;text-align:center;list-style:none;width:100%;font-size:15px;left:50%;bottom:-10px;transform:translate(-50%)}#evolutions .evolution{width:130px;height:130px;border-radius:16px;border:2px solid #000;box-shadow:5px 5px #000;background-color:#8989df;display:flex;align-items:center;justify-content:center;cursor:pointer}#evolutions .evolution .tank{position:relative;width:60px;height:60px}#evolutions .evolution .tank .tank-body{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:3px solid #2145bb;background-color:#28f;z-index:2}#evolutions .evolution .tank .tank-barrel{position:absolute;left:50%;top:50%;width:8px;height:26px;transform:translate(-50%) rotate(-90deg);transform-origin:top center;border-radius:5px;border:2px solid #2f2f2f;background-color:#555;z-index:1}@media screen and (max-width:1280px){#evolutions{gap:10px}#evolutions .evolution p{font-size:13px}#evolutions .evolution{width:90px;height:90px}#evolutions .evolution .tank{transform:scale(.7)}}@media screen and (max-width:768px){#evolutions{gap:5px}#evolutions .evolution{box-shadow:3px 3px #000}#evolutions .evolution p{font-size:9px}#evolutions .evolution{width:50px;height:50px}#evolutions .evolution .tank{transform:scale(.5)}}#level-bar-container{position:absolute;left:50%;bottom:10px;width:30%;height:30px;border-radius:20px;transform:translate(-50%);background-color:#99a;border:2px solid #000;box-shadow:5px 5px #000;overflow:hidden}#level-bar-container #level-bar{position:absolute;background-color:#2a7;border-right:2px solid rgba(0,0,0,.2);width:0%;height:100%;transition:ease 1s width}#level-bar-container .span{position:fixed;left:50%;transform:translate(-50%,-50%);align-self:center;text-align:center}@media screen and (max-width:1280px){#level-bar-container{height:25px;bottom:5px}}@media screen and (max-width:768px){#level-bar-container{box-shadow:3px 3px #000;height:25px;bottom:5px}}#score-bar-container{position:absolute;left:50%;bottom:55px;width:15%;height:20px;border-radius:20px;transform:translate(-50%);background-color:#445;overflow:hidden;border:2px solid #000;box-shadow:5px 5px #000}#score-bar-container .span{width:100%;height:100%;font-size:13px;position:fixed;left:50%;transform:translate(-50%,-50%);align-self:center;text-align:center}@media screen and (max-width:1280px){#score-bar-container{height:20px;bottom:40px}#score-bar-container .span{font-size:11px}}@media screen and (max-width:768px){#score-bar-container{box-shadow:3px 3px #000;height:15px;bottom:40px}#score-bar-container .span{font-size:9px}}.span{color:#000;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.span-detailed{color:#000;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}#fps-view{position:absolute;font-size:25px;left:5px;top:30%;color:#eef}@media screen and (max-width:1280px){#fps-view{font-size:15px}}@media screen and (max-width:768px){#fps-view{font-size:13px}}#menu,#ui{transition:1s ease opacity}.menu-button,.menu-button-white:active,.menu-button-white{border-radius:10px;border:2px solid #000;box-shadow:4px 4px #000;padding:20px 100px;background-color:#3ae;color:#000;font-size:30px;cursor:pointer}@media screen and (max-width:1280px){.menu-button,.menu-button-white:active,.menu-button-white{padding:15px 60px;font-size:20px}}@media screen and (max-width:768px){.menu-button,.menu-button-white:active,.menu-button-white{padding:10px 50px;font-size:15px}}.menu-button-white{background-color:#fff}.menu-button-white:active{background-color:#aaa}.menu-button:active,.menu-button-white:active{border-radius:10px;border:4px solid #000;background-color:#2685bd}.text-input{border-radius:10px;border:2px solid #000;box-shadow:5px 5px #000;background-color:#fff;padding:20px;color:#000;font-size:30px}@media screen and (max-width:1280px){.text-input{padding:13px;font-size:20px}}@media screen and (max-width:768px){.text-input{padding:9px;font-size:15px}}.text-input:active{background-color:#aaa}#game-input{display:flex;gap:15px;flex-direction:column;width:fit-content;height:fit-content;position:absolute;margin:auto;inset:0}#game-title{-webkit-user-select:none;user-select:none;pointer-events:none;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;color:#eee;text-shadow:-1px -1px 0 #000,2px -1px 0 #000,-1px 2px 0 #000,5px 5px 0 #000;margin:0;font-size:200px}@media screen and (max-width:1280px){#game-title{font-size:130px}}@media screen and (max-width:768px){#game-title{font-size:90px}}#info{position:absolute;right:10px;bottom:10px;display:flex;justify-content:center;gap:20px;padding:15px}#info .social-link{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:2px solid #000;box-shadow:5px 5px #000;background-color:#fff}#info .social-icon{width:28px;height:28px;background-size:contain;background-repeat:no-repeat;background-position:center}#info .social-icon.discord{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='0'%3E%3Cpath d='M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.118.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z'/%3E%3C/svg%3E")}#info .social-icon.youtube{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='0'%3E%3Cpath d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E")}#info .social-icon.instagram{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z'/%3E%3C/svg%3E")}#info .social-icon.github{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")}#info .social-icon.twitter{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E")}@media screen and (max-width:1280px){#info{gap:15px}#info .social-link{width:35px;height:35px}#info .social-icon{width:20px;height:20px}}@media screen and (max-width:768px){#info{gap:10px}#info .social-link{width:30px;height:30px}#info .social-icon{width:20px;height:20px}}#game-mobile-ui{pointer-events:none;position:absolute;width:100%;height:100%;inset:0}kl-joystick{pointer-events:all;position:absolute;z-index:100;width:300px;height:300px;background-color:#0002;border:2px solid #000;box-shadow:5px 5px #000;bottom:100px}kl-joystick .knob{background-color:#333;border:2px solid #000;width:80px;height:80px}@media screen and (max-width:1280px){kl-joystick{width:200px;height:200px;bottom:75px}}@media screen and (max-width:768px){kl-joystick{width:110px;height:110px;box-shadow:3px 3px #000;bottom:50px}kl-joystick .knob{background-color:#333;border:2px solid #000;width:40px;height:40px}}#left-joystick{left:10%}#left-joystick .knob{background-color:#2c70afad}#right-joystick{right:10%}#right-joystick .knob{background-color:#8b2b2bad}#game-canvas{pointer-events:none}* p{-webkit-user-select:none;user-select:none;pointer-events:none}* button{-webkit-user-select:none;user-select:none}