Implement the 027-ui-polish feature that adds six combatant row improvements (inline conditions, row-click stat block, hover-only remove button, AC shield shape, expanded concentration click target, larger d20 icon) plus top bar redesign with icon-only StepBack/StepForward navigation buttons, dark-themed scrollbars, and multiple UX fixes including stat block panel stability during initiative rolls and mobile touch safety for hidden buttons

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

specs/027-ui-polish/data-model.md

@@ -0,0 +1,25 @@
+# Data Model: Combatant Row UI Polish
+
+**Feature**: 027-ui-polish | **Date**: 2026-03-10
+
+## Data Model Changes
+
+**None.** This feature is purely presentational. No domain entities, application state, or persistence formats change.
+
+All six improvements modify only the rendering and interaction behavior of existing data:
+- Conditions (already on combatant) — rendered inline instead of below
+- Stat block toggle (already exists) — triggered by row click instead of icon click
+- Remove action (already exists) — visibility changed to hover-only
+- AC value (already on combatant) — rendered inside shield shape instead of beside icon
+- Concentration (already on combatant) — click target area expanded
+- D20 icon (already exists) — size increased
+
+## Affected Components
+
+| Component | File | Change Type |
+|-----------|------|-------------|
+| CombatantRow | `apps/web/src/components/combatant-row.tsx` | Layout restructure, event handling |
+| ConditionTags | `apps/web/src/components/condition-tags.tsx` | No changes (reused as-is) |
+| ConditionPicker | `apps/web/src/components/condition-picker.tsx` | Minor positioning adjustment |
+| D20Icon | `apps/web/src/components/d20-icon.tsx` | No changes (sized via className) |
+| AcShield (new) | `apps/web/src/components/ac-shield.tsx` | New presentational component |