@keyframes gridPulse{0%,to{opacity:.05}50%{opacity:.08}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.battlefield-background{z-index:0;background:linear-gradient(0deg,rgba(0,0,0,.98),rgba(10,5,20,.98)),linear-gradient(90deg,transparent 49%,rgba(107,45,158,.02) 50%,transparent 51%) 0 0 /60px 60px,linear-gradient(0deg,transparent 49%,rgba(107,45,158,.02) 50%,transparent 51%) 0 0 /60px 60px;animation:gridPulse 6s infinite}.battlefield-background,.battlefield-particles{position:fixed;top:0;left:0;width:100%;height:100%}.battlefield-particles{pointer-events:none;z-index:1;overflow:hidden}.particle{position:absolute;width:1px;height:1px;background:rgba(0,217,255,.3);border-radius:50%;animation:float 6s ease-in-out infinite}.glass-card{background:rgba(10,5,20,.4);border:1px solid rgba(107,45,158,.15);transition:all .3s ease}.glass-card:hover{background:rgba(10,5,20,.5);border-color:rgba(0,217,255,.2)}.cyan-glow{color:#00d9ff;text-shadow:0 0 8px rgba(0,217,255,.3)}.purple-glow{color:#9b6dd6;text-shadow:0 0 8px rgba(107,45,158,.3)}.cyber-button{background:rgba(0,217,255,.1);border:1px solid rgba(0,217,255,.3);color:#00d9ff;transition:all .3s}.cyber-button:hover{background:rgba(0,217,255,.15);border-color:rgba(0,217,255,.5);box-shadow:0 0 15px rgba(0,217,255,.2)}.energy-field{background:rgba(10,5,20,.3);border:1px dashed rgba(0,217,255,.2)}.soldier-card{background:rgba(10,5,20,.6);border:1px solid rgba(107,45,158,.2);transition:all .3s}.soldier-card:hover{border-color:rgba(0,217,255,.3);box-shadow:0 4px 20px rgba(0,217,255,.1)}.territory-card{background:rgba(10,5,20,.5);border:1px solid rgba(107,45,158,.2);transition:all .3s}.territory-card-selected{border-color:rgba(0,217,255,.4);box-shadow:0 0 20px rgba(0,217,255,.15)}.deployed-glow{border-color:rgba(0,217,255,.4);box-shadow:0 0 15px rgba(0,217,255,.2)}.hud-stat{background:rgba(10,5,20,.6);border:1px solid rgba(107,45,158,.15);padding:.5rem 1rem;font-size:.875rem}.cyber-spinner{border:2px solid rgba(0,217,255,.1);border-top-color:rgba(0,217,255,.6);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@keyframes fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fall{0%{transform:translateY(-100vh) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(1turn);opacity:0}}@keyframes zoom-in{0%{opacity:0;transform:scale(.5)}50%{opacity:1}to{opacity:0;transform:scale(5)}}@keyframes zoom-out{0%{opacity:0;transform:scale(5)}50%{opacity:1}to{opacity:0;transform:scale(.5)}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.animate-slide-in-left{animation:slide-in-left .6s ease-out forwards}.animate-slide-in-right{animation:slide-in-right .6s ease-out forwards}.animate-shake{animation:shake .5s ease-in-out infinite}.animate-fade-in{animation:fade-in .8s ease-out forwards}.animate-fall{animation:fall linear forwards}.animate-zoom-in{animation:zoom-in .5s ease-in forwards}.animate-zoom-out{animation:zoom-out .5s ease-out forwards}