feat: reaction TDS styling, debounce read receipts, Escape to skip boot, type fixes

- lotus-terminal.css.ts: add reaction chip styles for dark + light TDS modes
  (cyan border/bg for unselected, orange accent for own/pressed reactions)
- useRoomReadPositions: debounce receipt handler at 150ms (M-3)
- lotus-boot.ts: Escape key skips boot animation (I-3)
- RoomInput.tsx: replace (uploadRes as any) with typed assertion (M-7)
- CallEmbedProvider: call mention detection, audio cleanup, display name (C-1, C-2, M-5)
- EventReaders: timestamps in seen-by modal, filter self, TDS styling
- ReadReceiptAvatars: StackedAvatar pill, TDS visual treatment
- chatBackground: add waves/neon/aurora backgrounds
- RoomView: auto-apply tactical bg when TDS active and bg is none
- settings: extend ChatBackground union type

src/app/features/lotus/chatBackground.ts

@@ -16,6 +16,9 @@ export const BG_OPTIONS: { value: ChatBackground; label: string }[] = [
   { value: 'tactical', label: 'Tactical' },
   { value: 'circuit', label: 'Circuit' },
   { value: 'hexgrid', label: 'Hex Grid' },
+  { value: 'waves', label: 'Waves' },
+  { value: 'neon', label: 'Neon Grid' },
+  { value: 'aurora', label: 'Aurora' },
 ];
 
 const DARK: Record<ChatBackground, CSSProperties> = {
@@ -147,6 +150,39 @@ const DARK: Record<ChatBackground, CSSProperties> = {
     backgroundImage: 'url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2229%22%20height%3D%2250%22%3E%3Cpath%20d%3D%22M14.5%200L29%208L29%2025L14.5%2033L0%2025L0%208Z%20M14.5%2033L29%2041V50%20M14.5%2033L0%2041V50%22%20fill%3D%22none%22%20stroke%3D%22rgba%280%2C212%2C255%2C0.13%29%22%20stroke-width%3D%220.8%22/%3E%3C/svg%3E")',
     backgroundSize: '29px 50px',
   },
+
+  // Flowing sine-wave lines
+  waves: {
+    backgroundColor: '#080c18',
+    backgroundImage: [
+      'repeating-radial-gradient(ellipse at 0% 50%, transparent 0, transparent 18px, rgba(80,130,255,0.07) 19px, transparent 20px)',
+      'repeating-radial-gradient(ellipse at 100% 50%, transparent 0, transparent 28px, rgba(80,130,255,0.05) 29px, transparent 30px)',
+      'repeating-radial-gradient(ellipse at 50% 0%, transparent 0, transparent 22px, rgba(100,60,200,0.06) 23px, transparent 24px)',
+    ].join(','),
+  },
+
+  // Neon cyberpunk grid — orange/cyan TDS colors
+  neon: {
+    backgroundColor: '#020408',
+    backgroundImage: [
+      'linear-gradient(rgba(255,107,0,0.10) 1px, transparent 1px)',
+      'linear-gradient(90deg, rgba(255,107,0,0.10) 1px, transparent 1px)',
+      'linear-gradient(rgba(0,212,255,0.05) 1px, transparent 1px)',
+      'linear-gradient(90deg, rgba(0,212,255,0.05) 1px, transparent 1px)',
+    ].join(','),
+    backgroundSize: '60px 60px, 60px 60px, 12px 12px, 12px 12px',
+  },
+
+  // Aurora borealis — flowing gradient bands
+  aurora: {
+    backgroundColor: '#030810',
+    backgroundImage: [
+      'radial-gradient(ellipse at 20% 30%, rgba(0,255,136,0.08) 0%, transparent 55%)',
+      'radial-gradient(ellipse at 80% 70%, rgba(0,100,255,0.08) 0%, transparent 55%)',
+      'radial-gradient(ellipse at 50% 10%, rgba(120,0,255,0.06) 0%, transparent 50%)',
+      'radial-gradient(ellipse at 60% 90%, rgba(0,212,255,0.06) 0%, transparent 50%)',
+    ].join(','),
+  },
 };
 
 const LIGHT: Record<ChatBackground, CSSProperties> = {
@@ -272,6 +308,36 @@ const LIGHT: Record<ChatBackground, CSSProperties> = {
     backgroundImage: 'url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2229%22%20height%3D%2250%22%3E%3Cpath%20d%3D%22M14.5%200L29%208L29%2025L14.5%2033L0%2025L0%208Z%20M14.5%2033L29%2041V50%20M14.5%2033L0%2041V50%22%20fill%3D%22none%22%20stroke%3D%22rgba%2850%2C100%2C220%2C0.11%29%22%20stroke-width%3D%220.8%22/%3E%3C/svg%3E")',
     backgroundSize: '29px 50px',
   },
+
+  waves: {
+    backgroundColor: '#eef3ff',
+    backgroundImage: [
+      'repeating-radial-gradient(ellipse at 0% 50%, transparent 0, transparent 18px, rgba(50,100,220,0.09) 19px, transparent 20px)',
+      'repeating-radial-gradient(ellipse at 100% 50%, transparent 0, transparent 28px, rgba(50,100,220,0.07) 29px, transparent 30px)',
+      'repeating-radial-gradient(ellipse at 50% 0%, transparent 0, transparent 22px, rgba(80,40,180,0.07) 23px, transparent 24px)',
+    ].join(','),
+  },
+
+  neon: {
+    backgroundColor: '#fafafa',
+    backgroundImage: [
+      'linear-gradient(rgba(196,78,0,0.12) 1px, transparent 1px)',
+      'linear-gradient(90deg, rgba(196,78,0,0.12) 1px, transparent 1px)',
+      'linear-gradient(rgba(0,98,184,0.06) 1px, transparent 1px)',
+      'linear-gradient(90deg, rgba(0,98,184,0.06) 1px, transparent 1px)',
+    ].join(','),
+    backgroundSize: '60px 60px, 60px 60px, 12px 12px, 12px 12px',
+  },
+
+  aurora: {
+    backgroundColor: '#f4faf8',
+    backgroundImage: [
+      'radial-gradient(ellipse at 20% 30%, rgba(0,160,80,0.09) 0%, transparent 55%)',
+      'radial-gradient(ellipse at 80% 70%, rgba(0,80,200,0.09) 0%, transparent 55%)',
+      'radial-gradient(ellipse at 50% 10%, rgba(100,0,200,0.07) 0%, transparent 50%)',
+      'radial-gradient(ellipse at 60% 90%, rgba(0,160,200,0.07) 0%, transparent 50%)',
+    ].join(','),
+  },
 };
 
 export const getChatBg = (bg: ChatBackground, isDark: boolean): CSSProperties =>