style(game): conversation as a centered subtitle (mockup look)

styles.css

@@ -1630,54 +1630,37 @@ footer { display: none !important; }
 /* bottom subtitle / dialogue panel */
 #game-dialogue {
     position: fixed;
-    left: 0;
-    right: 0;
-    bottom: 14px;
+    left: 50%;
+    transform: translateX(-50%);
+    right: auto;
+    bottom: 96px;               /* just under the child's fog base; tune */
+    width: min(900px, 82vw);
     z-index: 9;
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 6px;
+    display: flex; flex-direction: column; align-items: center; gap: 8px;
 }
 
 #game-dialogue .chatbot {
-    width: min(780px, 74vw) !important;
-    height: 200px !important;
-    margin: 0 auto !important;
-    background: rgba(12,9,18,0.62) !important;
-    border: 10px solid transparent !important;
-    border-image: var(--stone-frame) 30 !important;
-    box-shadow: var(--stone-bevel),
-                0 -20px 60px rgba(0,0,0,0.55) !important;
-    backdrop-filter: blur(3px);
-    -webkit-backdrop-filter: blur(3px);
-    padding: 12px 16px !important;
-    box-sizing: border-box !important;
-}
-
-#game-dialogue .bot,
-#game-dialogue .bot .prose,
-#game-dialogue .bot .message,
-#game-dialogue .bot p {
-    font-style: italic !important;
-    font-size: 1.12rem !important;
-    color: #d8d2e6 !important;
-    text-shadow: 0 0 16px rgba(120,70,160,0.22);
-}
-
-#game-dialogue .user,
-#game-dialogue .user .prose,
-#game-dialogue .user .message,
-#game-dialogue .user p {
-    font-style: normal !important;
-    font-size: 1.0rem !important;
-    color: #e6e0f0 !important;
-}
-
-#game-dialogue .user {
-    background: rgba(18,14,28,0.72) !important;
+    width: 100% !important;
+    max-height: 130px !important;
+    background: transparent !important;
+    border: none !important;
+    border-image: none !important;
+    box-shadow: none !important;
+    backdrop-filter: none !important;
+    padding: 0 !important;
+    overflow-y: auto;
 }
+#game-dialogue .message-row,
+#game-dialogue .message,
+#game-dialogue .bubble { background: transparent !important; border: none !important;
+                         box-shadow: none !important; text-align: center !important; }
+#game-dialogue .bot, #game-dialogue .bot .prose, #game-dialogue .bot p {
+    font-style: italic !important; font-size: 1.2rem !important; line-height: 1.6 !important;
+    color: #ece6f4 !important; text-align: center !important;
+    text-shadow: 0 2px 16px #000 !important; }
+#game-dialogue .user, #game-dialogue .user .prose, #game-dialogue .user p {
+    font-style: normal !important; font-size: 1.0rem !important;
+    color: #b9b2cc !important; text-align: center !important; background: transparent !important; }
 
 #game-inputrow {
     display: flex;