fix(web): stop hunting encounter cards from collapsing to 0px height

The host switched to display:grid + justify-items:center to center the
new flavor-text line under each card. Grid items size to their own
content by default, and .encounter-card has no in-flow content (every
child is absolutely positioned), so its intrinsic width collapsed to 0
-- taking the aspect-ratio-derived height down with it.

Revert the host to a plain block layout and center the flavor line with
its own margin instead of grid alignment.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01JDyWTLMpKYUGMz84CKrtT8

apps/web/src/app/features/hunting/encounter-card/encounter-card.component.scss

@@ -1,7 +1,5 @@
 :host {
-  display: grid;
-  gap: 0.5rem;
-  justify-items: center;
+  display: block;
 }
 
 /*
@@ -200,7 +198,8 @@
    wrap to a second row. */
 .encounter-card__flavor {
   max-inline-size: 20rem;
-  margin: 0;
+  margin-block-start: 0.5rem;
+  margin-inline: auto;
   color: var(--ar-text-muted);
   font-family: Georgia, 'Times New Roman', serif;
   font-size: var(--ar-font-sm);