🎨 Adjust UI styling with reduced padding, border radius, and shadow intensity for a more compact design

code/websites/pokedex.online/src/views/GamemasterExplorer.vue

@@ -805,7 +805,7 @@ onMounted(() => {
 <style scoped>
 .gamemaster-explorer {
   min-height: 100vh;
-  padding: 2rem 1rem;
+  padding: 1rem 0.5rem;
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 }
 
@@ -813,9 +813,9 @@ onMounted(() => {
   max-width: 1200px;
   margin: 0 auto;
   background: white;
-  border-radius: 12px;
-  padding: 2rem;
-  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
+  border-radius: 8px;
+  padding: 1rem;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }
 
 /* Loading & Error States */
@@ -1127,9 +1127,9 @@ onMounted(() => {
 .content-viewer {
   background: #f8f8f8;
   border: 1px solid #e0e0e0;
-  border-radius: 8px;
+  border-radius: 6px;
   margin-bottom: 1rem;
-  max-height: 70vh;
+  max-height: 50vh;
   overflow: auto;
 }
 
@@ -1140,11 +1140,11 @@ onMounted(() => {
 }
 
 .scroller {
-  height: 70vh;
+  height: 50vh;
 }
 
 .lines-container {
-  padding: 1rem;
+  padding: 0.75rem;
 }
 
 .line {