@import"https://fonts.googleapis.com/css2?family=Bungee:wght@400&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Bungee,cursive;overflow:hidden;background:#000}.app{width:100vw;height:100vh;position:relative;background:#000;overflow:hidden;cursor:default}.app:hover .infesquito{cursor:url(/cursor_41.png) 24 24,crosshair!important}.background{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 70%,rgba(0,80,0,.15) 0%,transparent 60%),radial-gradient(circle at 70% 30%,rgba(0,100,0,.1) 0%,transparent 50%),linear-gradient(45deg,rgba(0,50,0,.05) 0%,transparent 30%);animation:backgroundDrift 8s ease-in-out infinite}@keyframes backgroundDrift{0%,to{opacity:.4;transform:translate(0)}25%{opacity:.6;transform:translate(10px,-5px)}50%{opacity:.5;transform:translate(-5px,10px)}75%{opacity:.7;transform:translate(5px,5px)}}.swarm-container{position:relative;width:100%;height:100%}.infesquito{cursor:url(/cursor_41.png) 24 24,crosshair!important;filter:drop-shadow(0 0 2px rgba(0,255,0,.4));will-change:transform,opacity;transition:filter .2s ease;pointer-events:auto;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.infesquito:hover{filter:drop-shadow(0 0 8px rgba(0,255,0,.9)) drop-shadow(0 0 15px rgba(255,100,0,.6)) drop-shadow(0 0 25px rgba(0,255,0,.3))}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.logo-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:0;transition:all 2s ease-in-out;z-index:1000;pointer-events:none}.logo-text.visible{opacity:1;animation:textGlow 1s ease-out forwards}.creator-name{font-family:Bungee,cursive;font-size:clamp(.8rem,2.5vw,1.2rem);color:#fff;text-shadow:0 0 8px rgba(255,255,255,.8),0 0 15px rgba(255,255,255,.4),2px 2px 0px #000,4px 4px 0px #333;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3rem;opacity:.85;animation:creatorFlicker 5s ease-in-out infinite}@keyframes creatorFlicker{0%,90%,to{text-shadow:0 0 8px rgba(255,255,255,.8),0 0 15px rgba(255,255,255,.4),2px 2px 0px #000,4px 4px 0px #333;opacity:.85}5%,15%,25%{text-shadow:0 0 12px rgba(255,255,255,1),0 0 25px rgba(255,255,255,.6),2px 2px 0px #000,4px 4px 0px #333;opacity:1}10%,20%{text-shadow:0 0 5px rgba(255,255,255,.6),2px 2px 0px #000,4px 4px 0px #333;opacity:.7}}.logo-text h1{font-family:Bungee,cursive;font-size:clamp(2.5rem,10vw,6rem);color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:3px #00ff00;text-stroke:3px #00ff00;text-shadow:0 0 30px #00ff00,0 0 60px #00ff00,0 0 90px #00ff00,0 0 120px rgba(0,255,0,.5),-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000;letter-spacing:.1em;position:relative;z-index:1000;width:100%;white-space:nowrap;mix-blend-mode:screen;animation:randomGlow 15s ease-in-out infinite;margin-bottom:.5rem}@supports not (-webkit-text-stroke: 3px #00ff00){.logo-text h1{color:#0f0;-webkit-text-fill-color:#00ff00;-webkit-text-stroke:none;text-stroke:none}}.logo-text .subcopy{font-family:Bungee,cursive;font-size:clamp(.8rem,2.5vw,1.2rem);color:#fff;text-shadow:0 0 15px rgba(255,255,255,.8),0 0 30px rgba(255,255,255,.4),-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;letter-spacing:.05em;text-align:center;opacity:1;font-weight:400;margin-top:.5rem}@keyframes explodeBug{0%{opacity:1}50%{opacity:.8;filter:brightness(2) contrast(1.5)}to{opacity:0;filter:brightness(0) contrast(0)}}.infesquito.exploded{animation:explodeBug .5s ease-out forwards;pointer-events:none}@keyframes randomGlow{0%,85%,to{text-shadow:0 0 30px #00ff00,0 0 60px #00ff00,0 0 90px #00ff00,0 0 120px rgba(0,255,0,.5)}87%,89%{text-shadow:0 0 50px #00ff00,0 0 100px #00ff00,0 0 150px #00ff00,0 0 200px rgba(0,255,0,.9),0 0 250px rgba(0,255,0,.6)}91%,93%{text-shadow:0 0 60px #00ff00,0 0 120px #00ff00,0 0 180px #00ff00,0 0 240px rgba(0,255,0,1),0 0 300px rgba(0,255,0,.8)}}@keyframes textGlow{0%{opacity:0;transform:translate(-50%,-50%) scale(.3);filter:blur(10px)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0px)}}.click-effect{pointer-events:none;animation:clickBurst 1s ease-out forwards}.click-effect:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(ellipse 60% 80% at 50% 50%,#ffff00 0%,#ffff00 15%,transparent 15%),radial-gradient(ellipse 80% 60% at 50% 50%,#ff6600 0%,#ff6600 20%,transparent 20%),radial-gradient(ellipse 100% 100% at 50% 50%,#ff0000 0%,#ff0000 25%,transparent 25%);clip-path:polygon(50% 0%,60% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,40% 35%);animation:comicBurst .8s ease-out forwards}.click-effect:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,transparent 40%,#ffff00 40%,#ffff00 42%,transparent 42%),radial-gradient(circle,transparent 50%,#ff6600 50%,#ff6600 52%,transparent 52%),radial-gradient(circle,transparent 60%,#ff0000 60%,#ff0000 62%,transparent 62%);animation:comicRays .8s ease-out forwards}@keyframes comicBurst{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:0}20%{transform:translate(-50%,-50%) scale(1.2) rotate(5deg);opacity:1}60%{transform:translate(-50%,-50%) scale(1.5) rotate(-3deg);opacity:.9}to{transform:translate(-50%,-50%) scale(2) rotate(2deg);opacity:0}}@keyframes comicRays{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:0}30%{transform:translate(-50%,-50%) scale(.8) rotate(10deg);opacity:.8}70%{transform:translate(-50%,-50%) scale(1.3) rotate(-5deg);opacity:.6}to{transform:translate(-50%,-50%) scale(1.8) rotate(8deg);opacity:0}}.splat-text{font-family:Bungee,cursive;font-size:2rem;color:red;text-shadow:0 0 15px #ff0000,0 0 30px #ff0000,0 0 45px #ff0000,3px 3px 0px #000,6px 6px 0px #660000;transform:rotate(-10deg);animation:splatText 1s ease-out forwards}@keyframes clickBurst{0%{opacity:1;transform:translate(-50%,-50%) scale(.3)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}@keyframes splatText{0%{transform:rotate(-10deg) scale(.3);opacity:0}20%{transform:rotate(-10deg) scale(1.4);opacity:1}40%{transform:rotate(-5deg) scale(1.1)}60%{transform:rotate(-15deg) scale(1.2)}to{transform:rotate(-10deg) scale(1);opacity:1}}.top-navigation{position:fixed;top:0;left:0;width:100%;height:60px;background:#000;display:flex;justify-content:center;align-items:center;gap:clamp(2rem,4vw,4rem);z-index:900;border-bottom:1px solid rgba(0,255,0,.2)}.nav-button-top{font-family:Bungee,cursive;font-size:clamp(1rem,2vw,1.2rem);color:#0f0;background:transparent;border:none;padding:.5rem 1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em;position:relative;text-shadow:-1px -1px 0 #003300,1px -1px 0 #003300,-1px 1px 0 #003300,1px 1px 0 #003300,0 0 3px #00ff00,0 0 8px rgba(0,255,0,.5);outline:none}.nav-button-top:focus,.nav-button-top:focus-visible{outline:none}.nav-button-top:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:#0f0;transition:width .3s ease;box-shadow:0 0 5px #0f0}.nav-button-top:hover:after{width:100%}.nav-button-top:hover{text-shadow:-1px -1px 0 #003300,1px -1px 0 #003300,-1px 1px 0 #003300,1px 1px 0 #003300,0 0 5px #00ff00,0 0 15px #00ff00,0 0 25px rgba(0,255,0,.7);transform:translateY(-2px)}@media (pointer: coarse){.top-navigation{height:60px;gap:clamp(.25rem,1vw,.8rem);padding:0 .5rem;align-items:center}.nav-button-top{font-size:clamp(.85rem,2.2vw,1rem);padding:.5rem .4rem;letter-spacing:.05em;line-height:1;text-shadow:0 0 2px #00ff00,0 0 5px rgba(0,255,0,.4),-.3px -.3px 0 #000,.3px -.3px 0 #000,-.3px .3px 0 #000,.3px .3px 0 #000}.creator-name{font-size:clamp(.8rem,2.5vw,1.2rem);margin-bottom:.2rem}.logo-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed;transition:none!important}.logo-text.visible{animation:textGlowMobile 1s ease-out forwards;will-change:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}.logo-text h1{font-size:clamp(1.5rem,10vw,4rem);letter-spacing:.05em;color:#0f0!important;-webkit-text-fill-color:#00ff00!important;-webkit-text-stroke:none!important;text-stroke:none!important;font-weight:900!important;mix-blend-mode:normal!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizeLegibility!important;text-shadow:-2px -2px 0 #006600,2px -2px 0 #006600,-2px 2px 0 #006600,2px 2px 0 #006600,0 0 12px rgba(0,255,0,.7);animation:simpleMobileGlow 10s ease-in-out infinite!important;transform:translateZ(0);backface-visibility:hidden}@keyframes textGlowMobile{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}}@media (pointer: coarse) and (max-width: 480px){.creator-name{font-size:clamp(.4rem,2.5vw,.7rem);margin-bottom:.15rem}.logo-text h1{font-size:clamp(1rem,8vw,2.5rem);letter-spacing:.02em}.infesquito:hover{filter:drop-shadow(0 0 4px rgba(0,255,0,.8))}@keyframes explodeBugMobile{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}to{opacity:0;transform:scale(.8)}}.infesquito.exploded{animation:explodeBugMobile .4s ease-out forwards}.click-effect:before,.click-effect:after{display:none}.click-effect{animation:clickBurstMobile .6s ease-out forwards}@keyframes clickBurstMobile{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}}@keyframes simpleMobileGlow{0%,85%,to{text-shadow:-2px -2px 0 #006600,2px -2px 0 #006600,-2px 2px 0 #006600,2px 2px 0 #006600,0 0 12px rgba(0,255,0,.7)}87%,89%{text-shadow:-2px -2px 0 #006600,2px -2px 0 #006600,-2px 2px 0 #006600,2px 2px 0 #006600,0 0 25px #00ff00,0 0 40px rgba(0,255,0,.9)}91%,93%{text-shadow:-2px -2px 0 #006600,2px -2px 0 #006600,-2px 2px 0 #006600,2px 2px 0 #006600,0 0 30px #00ff00,0 0 50px rgba(0,255,0,1)}}