feat(ui): inline expansion for cards view at mobile

Same accordion pattern as stream: card-row gets entity-exp markup,
selectEntity/expandInline/dismissPeek/Escape all handle .card-row.
Fullscreen expand works for both views.

web/style.css

@@ -600,20 +600,23 @@ main.focus-peek .resize-handle { visibility: hidden; }
 
 /* ── CARD ROWS ──────────────────────────────────────── */
 .card-row {
-    display: flex;
-    align-items: center;
-    gap: 7px;
-    padding: 9px 12px 9px 14px;
     margin: 2px 10px;
     background: var(--surf);
     border: 1px solid var(--border);
     border-radius: var(--r2);
     cursor: pointer;
-    min-height: 40px;
     position: relative;
     transition: border-color var(--t-fast), background var(--t-fast);
 }
 
+.card-head {
+    display: flex;
+    align-items: center;
+    gap: 7px;
+    padding: 9px 12px 9px 14px;
+    min-height: 40px;
+}
+
 .card-row:hover { border-color: var(--muted); }
 .card-row.selected { border-color: var(--accent); background: var(--a-bg); }
 .card-row.pinned { border-left: 2px solid var(--accent); }
@@ -1531,10 +1534,13 @@ kbd { background: var(--raised); border: 1px solid var(--border); border-radius:
         grid-template-rows: 0fr;
         transition: grid-template-rows .2s ease;
     }
-    .entity-item.selected .entity-exp { grid-template-rows: 1fr; }
-    .entity-item.selected .exp-toolbar { display: flex; }
+    .entity-item.selected .entity-exp,
+    .card-row.selected .entity-exp { grid-template-rows: 1fr; }
+    .entity-item.selected .exp-toolbar,
+    .card-row.selected .exp-toolbar { display: flex; }
     .entity-item.exp-full,
-    .entity-item.is-card.exp-full {
+    .entity-item.is-card.exp-full,
+    .card-row.exp-full {
         position: fixed;
         inset: 0;
         z-index: 60;
@@ -1544,7 +1550,9 @@ kbd { background: var(--raised); border: 1px solid var(--border); border-radius:
         margin: 0;
         border-radius: 0;
     }
-    .entity-item.exp-full .entity-exp { grid-template-rows: 1fr; }
-    .entity-item.exp-full .exp-inner { padding-top: 1rem; padding-bottom: 2rem; }
+    .entity-item.exp-full .entity-exp,
+    .card-row.exp-full .entity-exp { grid-template-rows: 1fr; }
+    .entity-item.exp-full .exp-inner,
+    .card-row.exp-full .exp-inner { padding-top: 1rem; padding-bottom: 2rem; }
     main.focus-peek #entity-panel { display: block; overflow: auto; min-width: 0; }
 }