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/quickstart.md

@@ -0,0 +1,39 @@
+# Quickstart: Combatant Row UI Polish
+
+**Feature**: 027-ui-polish | **Date**: 2026-03-10
+
+## Overview
+
+Six presentational improvements to the combatant row in the initiative tracker. No domain or application layer changes — all work is in `apps/web/src/components/`.
+
+## Key Files
+
+- `apps/web/src/components/combatant-row.tsx` — Main component; most changes here
+- `apps/web/src/components/condition-picker.tsx` — May need positioning tweak for inline context
+- `apps/web/src/components/ac-shield.tsx` — New component for shield-shaped AC display
+
+## Development
+
+```bash
+pnpm --filter web dev          # Start dev server
+pnpm check                     # Run before committing (knip + format + lint + typecheck + test)
+```
+
+## Implementation Order
+
+1. Inline conditions + remove BookOpen icon (layout restructure)
+2. Row click opens stat block (event delegation)
+3. Hover-only remove button (CSS opacity)
+4. AC shield shape (new component)
+5. Expanded concentration click target (grid/padding tweak)
+6. Larger d20 icon (className change)
+
+## Testing
+
+No domain tests needed. Verify visually via dev server:
+- Conditions appear inline after creature name
+- "+" and "×" appear only on hover
+- Clicking row opens stat block (bestiary creatures only)
+- AC displays inside shield shape
+- Concentration clickable across full left gutter
+- D20 icon clearly recognizable