:root{--color-primary: #00ff00;--color-primary-dark: #006600;--color-primary-outline: #003300;--color-background: #000;--color-white: #ffffff;--color-red: #ff0000;--color-red-dark: #660000;--color-yellow: #ffff00;--color-orange: #ff6600;--z-background: 1;--z-bugs-back: 50;--z-bugs-mid: 100;--z-bugs-front: 200;--z-navigation: 900;--z-logo: 1000;--z-effects: 1000;--font-primary: "Bungee", cursive;--transition-fast: .2s ease;--transition-standard: .3s ease;--transition-slow: 2s ease-in-out;--nav-height: 60px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);overflow:hidden;background:var(--color-background)}.logo-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:0;transition:all var(--transition-slow);z-index:var(--z-logo);pointer-events:none}.logo-text.visible{opacity:1;animation:textGlow 1s ease-out forwards}.creator-name{font-family:var(--font-primary);font-size:clamp(.8rem,2.5vw,1.2rem);color:var(--color-white);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}.logo-text h1{font-family:var(--font-primary);font-size:clamp(2.5rem,10vw,6rem);color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:3px var(--color-primary);text-stroke:3px var(--color-primary);text-shadow:0 0 40px #00ff00,0 0 100px 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:var(--z-logo);width:100%;white-space:nowrap;margin-bottom:.5rem}.logo-text h1:after{content:"";position:absolute;top:50%;left:50%;width:180%;height:400%;background:radial-gradient(ellipse at center,rgba(0,255,0,.5) 0%,rgba(0,255,0,.25) 30%,rgba(0,255,0,.1) 50%,transparent 75%);transform:translate(-50%,-50%);opacity:0;z-index:-1;pointer-events:none;will-change:opacity;animation:glowPulseSimple 15s ease-in-out infinite}@supports not (-webkit-text-stroke: 3px #00ff00){.logo-text h1{color:var(--color-primary);-webkit-text-fill-color:var(--color-primary);-webkit-text-stroke:none;text-stroke:none}}.logo-text .subcopy{font-family:var(--font-primary);font-size:clamp(.8rem,2.5vw,1.2rem);color:var(--color-white);text-shadow:0 0 10px rgba(255,255,255,.6),-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 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)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes explodeBug{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}to{opacity:0;transform:scale(.5)}}@keyframes creatorFlicker{0%,90%,to{opacity:.85}5%,15%,25%{opacity:1}10%,20%{opacity:.7}}@keyframes glowPulseSimple{0%,85%,to{opacity:0}87%,89%{opacity:.8}91%,93%{opacity:1}}@keyframes textGlow{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@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}}@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 splatBlob{0%{opacity:1;transform:translate(-50%,-50%) scale(.2)}40%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes splatDroplets{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}20%{opacity:1;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}@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}}@keyframes splatTextBounce{0%{transform:rotate(-5deg) scale(0);opacity:0}30%{transform:rotate(-12deg) scale(1.3);opacity:1}50%{transform:rotate(-8deg) scale(.9)}70%{transform:rotate(-15deg) scale(1.15)}85%{transform:rotate(-10deg) scale(.95)}to{transform:rotate(-12deg) scale(1);opacity:1}}.app{width:100vw;height:100vh;position:relative;background:var(--color-background);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}.swarm-container{position:relative;width:100%;height:100%}.infesquito{cursor:url(/cursor_41.png) 24 24,crosshair!important;pointer-events:auto;transform:translateZ(0);backface-visibility:hidden}.infesquito.hovered{filter:drop-shadow(0 0 8px rgba(0,255,0,.9))}.infesquito.exploded{animation:explodeBug .5s ease-out forwards;pointer-events:none}.top-navigation{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);background:var(--color-background);display:flex;justify-content:center;align-items:center;gap:clamp(2rem,4vw,4rem);z-index:var(--z-navigation);border-bottom:1px solid rgba(0,255,0,.2)}.nav-button-top{font-family:var(--font-primary);font-size:clamp(1rem,2vw,1.2rem);color:var(--color-primary);background:transparent;border:none;padding:.5rem 1rem;cursor:pointer;transition:all var(--transition-standard);text-transform:uppercase;letter-spacing:.1em;position:relative;text-shadow:-1px -1px 0 var(--color-primary-outline),1px -1px 0 var(--color-primary-outline),-1px 1px 0 var(--color-primary-outline),1px 1px 0 var(--color-primary-outline),0 0 3px var(--color-primary),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:var(--color-primary);transition:width var(--transition-standard);box-shadow:0 0 5px var(--color-primary)}.nav-button-top:hover:after{width:100%}.nav-button-top:hover{text-shadow:-1px -1px 0 var(--color-primary-outline),1px -1px 0 var(--color-primary-outline),-1px 1px 0 var(--color-primary-outline),1px 1px 0 var(--color-primary-outline),0 0 5px var(--color-primary),0 0 15px var(--color-primary),0 0 25px rgba(0,255,0,.7);transform:translateY(-2px)}.click-effect{pointer-events:none;animation:clickBurst .6s ease-out forwards}.click-effect:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:radial-gradient(ellipse 90% 70% at 45% 55%,#7CFC00 0%,#32CD32 35%,transparent 60%),radial-gradient(ellipse 60% 80% at 60% 40%,#00ff00 0%,#228B22 40%,transparent 55%),radial-gradient(ellipse 50% 45% at 35% 65%,#32CD32 0%,#006400 50%,transparent 70%);border-radius:73% 27% 41% 59%/43% 61% 39% 57%;animation:splatBlob .5s ease-out forwards}.click-effect:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:130px;height:130px;background:radial-gradient(ellipse 3% 5% at 18% 12%,#00ff00 0%,#00ff00 70%,transparent 80%),radial-gradient(ellipse 4% 3% at 78% 23%,#32CD32 0%,#32CD32 70%,transparent 80%),radial-gradient(ellipse 2% 4% at 88% 67%,#7CFC00 0%,#7CFC00 70%,transparent 80%),radial-gradient(ellipse 3% 2% at 12% 78%,#00ff00 0%,#00ff00 70%,transparent 80%),radial-gradient(ellipse 2% 3% at 53% 8%,#32CD32 0%,#32CD32 70%,transparent 80%),radial-gradient(ellipse 3% 2% at 47% 92%,#7CFC00 0%,#7CFC00 70%,transparent 80%),radial-gradient(ellipse 2% 2% at 7% 43%,#00ff00 0%,#00ff00 70%,transparent 80%),radial-gradient(ellipse 2% 3% at 93% 52%,#32CD32 0%,#32CD32 70%,transparent 80%),radial-gradient(ellipse 2% 2% at 25% 5%,#7CFC00 0%,#7CFC00 70%,transparent 80%),radial-gradient(ellipse 3% 2% at 72% 88%,#00ff00 0%,#00ff00 70%,transparent 80%),radial-gradient(ellipse 2% 3% at 5% 62%,#32CD32 0%,#32CD32 70%,transparent 80%),radial-gradient(ellipse 2% 2% at 95% 35%,#7CFC00 0%,#7CFC00 70%,transparent 80%);animation:splatDroplets .5s ease-out forwards}.splat-text{font-family:var(--font-primary);font-size:clamp(2rem,5vw,3rem);color:#0f0;-webkit-text-stroke:3px #000;text-shadow:0 0 15px #00ff00,0 0 30px rgba(0,255,0,.6),4px 4px 0 #000;transform:rotate(-10deg);animation:splatTextBounce .6s cubic-bezier(.175,.885,.32,1.275) forwards}@media (pointer: coarse){.background{animation:none!important;opacity:.5}.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:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 15px rgba(0,255,0,.9);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.hovered{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{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:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 15px rgba(0,255,0,.9)}87%,89%{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 25px #00ff00,0 0 40px rgba(0,255,0,.9)}91%,93%{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 30px #00ff00,0 0 50px rgba(0,255,0,1)}}