@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";:root{--bg-primary: #1a1d2e;--bg-secondary: #242838;--bg-tertiary: #2d3244;--bg-hover: #363b52;--text-primary: #e8eaf0;--text-secondary: #a8adc0;--text-muted: #6b7190;--accent-primary: #7ec8a3;--accent-secondary: #a3d9c0;--accent-glow: rgba(126, 200, 163, .3);--accent-dark: #5a9e7d;--pastel-mint: #98d4bb;--pastel-sage: #b8d4c8;--pastel-sky: #9fc5d8;--pastel-lavender: #b8a9d4;--pastel-rose: #d4a9b8;--pastel-peach: #d4c0a9;--pastel-coral: #d4a9a9;--success: #7ec8a3;--warning: #d4c89e;--danger: #d49e9e;--info: #9eb8d4;--border-color: #3d4259;--border-light: #4a5170;--border-radius: 8px;--mutation-locomotion: #9fc5d8;--mutation-offense: #d4a9a9;--mutation-defense: #98d4bb;--mutation-utility: #d4c89e;--mutation-size: #b8a9d4;--font-main: "Nunito", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);line-height:1.5}.pixel-button{font-family:var(--font-main);font-weight:700;background:linear-gradient(180deg,var(--accent-secondary) 0%,var(--accent-primary) 50%,var(--accent-dark) 100%);color:var(--bg-primary);border:2px solid var(--accent-dark);border-radius:6px;box-shadow:0 3px 0 var(--accent-dark),inset 0 1px #ffffff4d;transition:all .15s ease}.pixel-button:hover{background:linear-gradient(180deg,#b3e0cc 0%,var(--accent-secondary) 50%,var(--accent-primary) 100%);transform:translateY(-1px);box-shadow:0 4px 0 var(--accent-dark),inset 0 1px #fff6}.pixel-button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--accent-dark),inset 0 1px #0000001a}.pixel-panel{background:linear-gradient(180deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border:2px solid var(--border-light);border-radius:8px;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff0d}button{font-family:inherit;cursor:pointer;border:none;outline:none}input{font-family:inherit;outline:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--border-light) 0%,var(--border-color) 100%);border-radius:5px;border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-primary) 0%,var(--accent-dark) 100%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--accent-glow)}50%{box-shadow:0 0 20px var(--accent-glow)}}@keyframes softPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes floatUp{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-30px) scale(.8)}}@keyframes attackPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes damageFlash{0%{filter:brightness(1)}50%{filter:brightness(1.5) saturate(2) hue-rotate(-10deg)}to{filter:brightness(1)}}@keyframes healFlash{0%{filter:brightness(1)}50%{filter:brightness(1.3) saturate(1.5) hue-rotate(80deg)}to{filter:brightness(1)}}@keyframes deathAnimation{0%{transform:scale(1) rotate(0);opacity:1}to{transform:scale(0) rotate(180deg);opacity:0}}@keyframes attackLine{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes unitSpawn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes explosionScale{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}@keyframes explosionRing{0%{transform:scale(.3);opacity:1;border-width:8px}to{transform:scale(1.5);opacity:0;border-width:1px}}@keyframes explosionBurst{0%{transform:scale(0);opacity:1}50%{opacity:.8}to{transform:scale(1.5);opacity:0}}@keyframes explosionFlash{0%{transform:scale(0);opacity:1}50%{transform:scale(2);opacity:1}to{transform:scale(3);opacity:0}}@keyframes coneExpand{0%{transform:rotate(var(--cone-angle, 0deg)) scaleX(0);opacity:1}30%{transform:rotate(var(--cone-angle, 0deg)) scaleX(1);opacity:1}to{transform:rotate(var(--cone-angle, 0deg)) scaleX(1);opacity:0}}@keyframes coneFade{0%{opacity:0;transform:scaleX(.3)}20%{opacity:1;transform:scaleX(1)}70%{opacity:.8;transform:scaleX(1.05)}to{opacity:0;transform:scaleX(1.1)}}@keyframes coneParticle{0%{opacity:0;transform:translate(0)}30%{opacity:1}to{opacity:0;transform:translate(30px)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-soft-pulse{animation:softPulse 2s ease-in-out infinite}