clean up styling

src/ui/render.js

@@ -118,11 +118,6 @@ export async function renderBattle(root) {
     app.innerHTML = `
     <div class="battle-scene">
 
-      <div class="battle-background">
-        <div class="bg-particles"></div>
-        <div class="bg-glow"></div>
-      </div>
-
       <div class="battle-arena" ${backgroundImage ? `style="background-image: url('${backgroundImage}'); background-size: cover; background-position: center; background-repeat: no-repeat;"` : ''}>
       
       <div class="enemy-battle-zone">

style.css

@@ -499,15 +499,6 @@ h3 {
     cursor: help;
 }
 
-.battle-background {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    pointer-events: none;
-}
-
 .bg-particles {
     position: absolute;
     width: 100%;
@@ -1238,7 +1229,11 @@ h3 {
     border: 2px solid;
 }
 
-.intent-danger { border-color: #dc3545; background: rgba(220, 53, 69, 0.1); }
+.intent-danger { 
+    border-color: #dc3545; 
+    background: rgba(220, 53, 69, 0.1); 
+    margin-top: 10px;
+}
 .intent-info { border-color: #17a2b8; background: rgba(23, 162, 184, 0.1); }
 .intent-warning { border-color: #ffc107; }
 .intent-success { border-color: #28a745; background: rgba(40, 167, 69, 0.1); }
@@ -3638,7 +3633,6 @@ h3 {
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    padding: 60px 40px 40px 40px;
     text-align: center;
 }
 
@@ -3741,7 +3735,6 @@ h3 {
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    padding: 60px 40px 40px 40px;
     text-align: center;
 }
 
@@ -3853,7 +3846,8 @@ h3 {
 }
 
 .upgrade-header {
-    margin-bottom: 50px;
+    margin-top: 40px;
+    margin-bottom: 40px;
 }
 
 
@@ -3866,7 +3860,6 @@ h3 {
     display: flex;
     flex-direction: column;
     align-items: center;
-    padding: 40px 20px;
     color: #e8e8e8;
 }
 
@@ -3878,6 +3871,7 @@ h3 {
     border-radius: 16px;
     padding: 30px;
     box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
+    margin-top: 40px;
 }
 
 .shop-header h1 {
@@ -3920,11 +3914,11 @@ h3 {
 .shop-inventory {
     max-width: 1200px;
     width: 100%;
-    margin-bottom: 40px;
+    margin-bottom: 20px;
 }
 
 .shop-section {
-    margin-bottom: 40px;
+    margin-bottom: 20px;
     background: rgba(0, 0, 0, 0.7);
     border: 2px solid #3a3a4a;
     border-radius: 16px;