Make terminal output more authentic: smaller font, tighter line spacing

Message font dropped from 20px to 14px and the 10px inline margin-bottom
(set from JS on every message) replaced with a 2px CSS margin so the
terminal reads like dense console output instead of spaced-out chat
bubbles. Colors are unchanged.

assets/game1.js

@@ -29,7 +29,6 @@ function subscribeToMercure(mercurePublicUrl, topic, myScreen) {
             msgEl.className = 'message';
             msgEl.textContent = data[1];
             msgEl.style.color = '#0F0'; // Green for incoming messages
-            msgEl.style.marginBottom = '10px';
             messageContainer.appendChild(msgEl);
             window.scrollTo(0, document.body.scrollHeight);
             if(stillPlayingSound)
@@ -92,7 +91,6 @@ function appendResultMessage(container, text, messageType) {
   const msgEl = document.createElement('div');
   msgEl.className = ('message ' + lockMessageClass(messageType)).trim();
   msgEl.textContent = text;
-  msgEl.style.marginBottom = '10px';
   container.appendChild(msgEl);
 }
 
@@ -345,7 +343,6 @@ document.addEventListener('DOMContentLoaded', async () => {
 
         msgEl.className = 'message ' + extraClass;
         msgEl.textContent = msg[0];
-        msgEl.style.marginBottom = '10px';
         messageContainer.appendChild(msgEl);
         window.scrollTo(0, document.body.scrollHeight);
 
@@ -374,7 +371,6 @@ document.addEventListener('DOMContentLoaded', async () => {
               const msgEl = document.createElement('div');
               msgEl.className = 'message';
               msgEl.textContent = message;
-              msgEl.style.marginBottom = '10px';
               messageContainer.appendChild(msgEl);
 
               if (message && apiEchoUrl) {