Update HUD control buttons

frontend/css/immersive.css

@@ -158,10 +158,13 @@ body.reduced-motion .orch.is-handoff { animation: none; }
 /* ---- bottom controls ---- */
 .controls { position: fixed; left: 50%; bottom: 22px; transform: translateX(-50%); z-index: 7; display: flex; gap: 10px; }
 .ctl {
-  width: 44px; height: 44px; border-radius: 50%; cursor: pointer; font-size: 17px;
+  width: 44px; height: 44px; border-radius: 50%; cursor: pointer; font-size: 19px;
+  line-height: 1;
   background: var(--glass); border: 1px solid var(--glass-line); color: var(--ink);
   display: grid; place-items: center; backdrop-filter: blur(8px); transition: transform 0.15s, border-color 0.2s, background 0.2s;
 }
+/* the mic is the primary "speak more" action — render it a touch larger and crisper than the rest */
+#mic-mini { font-size: 23px; }
 .ctl:hover { transform: translateY(-2px); border-color: rgba(231, 183, 90, 0.5); }
 .ctl--lang { font-size: 12px; font-weight: 700; letter-spacing: 0.06em; }
 .ctl.is-active { border-color: var(--gold); color: var(--gold); }

frontend/index.html

@@ -56,7 +56,7 @@
 
       <button id="mic-btn" class="mic" type="button" aria-label="Hold the mic and speak your story">
         <span class="mic__ring"></span>
-        <span class="mic__dot">🎙</span>
+        <span class="mic__dot">🎤</span>
       </button>
       <p class="mic__hint" id="mic-hint">
         <span data-en>Tap, speak, tap again — watch it become a world.</span>
@@ -97,10 +97,10 @@
 
     <!-- Bottom controls (appear once a world is live). -->
     <div id="controls" class="controls" hidden>
-      <button id="mic-mini" class="ctl" type="button" title="Speak more" aria-label="Speak more">🎙</button>
+      <button id="mic-mini" class="ctl" type="button" title="Speak more" aria-label="Speak more">🎤</button>
       <button id="save-btn" class="ctl" type="button" title="Save your world" aria-label="Save your world">🎬</button>
       <button id="stop-btn" class="ctl" type="button" title="New world" aria-label="New world">⟲</button>
-      <button id="rm-btn" class="ctl" type="button" title="Reduce motion" aria-label="Reduce motion">♿</button>
+      <button id="rm-btn" class="ctl" type="button" title="Reduce motion" aria-label="Reduce motion">🐢</button>
       <button id="about-btn" class="ctl" type="button" title="About" aria-label="About">ⓘ</button>
     </div>