@import"https://fonts.googleapis.com/css2?family=Just+Another+Hand&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{cursor:url(/ui/aim.png) 24 24,auto;margin:0;overflow:hidden}.loading-overlay,.loading-overlay *,.game-over-overlay.is-active,.game-over-overlay.is-active *{cursor:url(/ui/aimWhite.png) 24 24,auto}.webgl{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none}.timer-text{position:absolute;top:2rem;left:50%;transform:translate(-50%);font-family:Just Another Hand,cursive;font-weight:400;font-style:normal;font-size:clamp(2rem,5vw,5rem);color:#fff;line-height:.8;background-color:#00000080;padding:1.3rem 2.5rem 1rem;border-radius:2rem}.counter-container{position:absolute;bottom:0;right:0;display:flex;justify-content:center;align-items:center;margin:clamp(1rem,3vw,3rem) clamp(1rem,3.5vw,3.5rem);gap:clamp(.5rem,1vw,1rem);.counter-text{font-family:Just Another Hand,cursive;font-weight:400;font-style:normal;font-size:clamp(2rem,4vw,4rem);color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5)}img{width:clamp(4rem,6.5vw,6.5rem);height:auto}}.boost-container{position:absolute;bottom:0;left:0;margin:clamp(1rem,3vw,3rem) clamp(1rem,3.5vw,3.5rem);--boost-gap: 1rem;width:auto;overflow:visible;display:block;opacity:0;visibility:hidden;transform:translateZ(0);transition:opacity .15s ease,visibility .15s ease;pointer-events:none;img{width:clamp(4rem,8vw,8rem);height:auto;flex-shrink:0}}.boost-container.is-visible{opacity:1;visibility:visible}.boost-container.boost-roulette.is-spinning{padding:.5rem .75rem;border-radius:.75rem;background:#00000040;backdrop-filter:blur(4px)}.boost-container.boost-roulette.is-spinning:after{content:"";position:absolute;left:50%;top:.35rem;bottom:.35rem;width:3px;transform:translate(-50%);background:#fffc;border-radius:999px;box-shadow:0 0 10px #ffffff59}.boost-container.is-active{overflow:visible}.boost-track{display:flex;align-items:center;gap:var(--boost-gap);width:max-content;will-change:transform;transform:translateZ(0)}.boost-container.is-active .boost-track{width:auto;justify-content:flex-start}.boost-item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:.6rem}.boost-active{display:flex;flex-direction:column;align-items:center;gap:.6rem}.boost-container.is-active img{width:100%;height:100%;object-fit:contain;display:block}.boost-active__icon{position:relative;width:clamp(3.5rem,7vw,7rem);height:auto}.boost-active__pie{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.boost-active__pie-path{fill:#00000080}.boost-active__label{margin:0;display:block;width:100%;text-align:center;font-family:Just Another Hand,cursive;font-weight:400;font-style:normal;font-size:clamp(1.2rem,3vw,3rem);text-shadow:0 0 10px rgba(0,0,0,.5);color:#fff;line-height:1;user-select:none}.grid-centered-container{position:fixed;top:0;left:0;display:grid;width:100%;height:100%;place-items:center;.restart-button{background:none;border:none;padding:0;margin:0;box-shadow:none;outline:none;font:inherit;color:inherit;cursor:pointer;border:4px solid #ffffff;border-radius:1rem;padding:.5rem 2rem;transition:all .2s ease;&:hover{background-color:#fff;color:#282836;transform:scale(1.05)}}.game-over-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem;width:max-content;height:max-content;padding:2rem 8rem;h2,p,button{font-family:Just Another Hand,cursive;font-weight:400;font-style:normal;font-size:clamp(2rem,4vw,4rem);color:#fff}.game-over-title{font-size:clamp(3rem,5vw,5rem)}.time-survived-container{display:flex;align-items:center;justify-content:center;gap:1rem;p{font-size:clamp(2rem,3.5vw,3.5rem)}img{width:clamp(3rem,4vw,4rem);height:auto}}.enemies-defeated-container{display:flex;align-items:center;justify-content:center;gap:1rem;p{font-size:clamp(2rem,3.5vw,3.5rem)}img{width:clamp(2rem,4vw,4rem);height:auto}}}}.game-over-overlay{position:fixed;inset:0;z-index:9999;background:#282836;--r: 0vmax;-webkit-clip-path:circle(var(--r) at 50% 50%);clip-path:circle(var(--r) at 50% 50%);opacity:0;visibility:hidden;pointer-events:none;will-change:clip-path}.game-over-overlay.is-active{opacity:1;visibility:visible;pointer-events:auto}.loading-overlay{position:fixed;inset:0;display:grid;place-items:center;z-index:9999;background:transparent;font-family:Just Another Hand,cursive;font-weight:400;font-style:normal;font-size:clamp(2rem,4vw,4rem);color:#fff;--ready-delay: .15s;.loading-button{background:none;border:none;padding:0;margin:0;box-shadow:none;outline:none;font:inherit;color:inherit;cursor:pointer;border:6px solid #ffffff;border-radius:2rem;padding:.5rem 3rem;font-size:clamp(2rem,5vw,5rem);transition:all .2s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;&:hover{background-color:#fff;color:#282836;transform:scale(1.05)}}.loading-button--start{transform:scale(0);opacity:0;transform-origin:center;pointer-events:none}.loading-button--start.is-visible{pointer-events:auto;animation:startButtonPopIn .45s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--ready-delay)}.controls-container{opacity:0;pointer-events:none;transition:opacity .45s ease;transition-delay:var(--ready-delay)}&.is-ready{.controls-container{opacity:1;pointer-events:auto}}}.loading-overlay-mask{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.loading-overlay>*:not(.loading-overlay-mask){position:relative;z-index:1}@keyframes startButtonPopIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.loading-loader-container{position:relative;top:50%;left:0%;transform:translate(-0%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;.loading-text{font-size:clamp(2rem,5vw,5rem)}.load-circle-container{position:relative;display:grid;place-items:center;width:max-content;p{grid-area:1 / 1;margin:0;line-height:1;text-align:center;z-index:1}circle{fill:none;stroke:#fff;stroke-width:13px;stroke-dasharray:565;stroke-dashoffset:565}svg{grid-area:1 / 1;display:block}}}.controls-container{display:flex;align-items:center;justify-content:space-between;width:60%;user-select:none;-webkit-user-select:none;-ms-user-select:none}.control-keyboard,.control-mouse{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;p{color:#b5cfff;margin:0;line-height:1}img{height:clamp(2rem,12vw,12rem);width:auto;display:block}}#kaykit-logo{position:absolute;bottom:2rem;right:2rem;width:clamp(2rem,10vw,10rem);height:auto}.loading-overlay #kaykit-logo{pointer-events:none;opacity:1;transform:scale(0);transform-origin:center;will-change:transform}.loading-overlay.is-ready #kaykit-logo{pointer-events:auto;animation:kaykitElasticPop .9s cubic-bezier(.22,1.4,.36,1) both;animation-delay:var(--ready-delay)}@keyframes kaykitElasticPop{0%{transform:scale(0)}to{transform:scale(1)}}