Implement the 011-quick-hp-input feature that adds an inline damage/heal numeric input per combatant row with mode toggle, keyboard workflow, and visual distinction

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

apps/web/src/components/combatant-row.tsx

@@ -2,6 +2,7 @@ import type { CombatantId } from "@initiative/domain";
 import { X } from "lucide-react";
 import { useCallback, useRef, useState } from "react";
 import { cn } from "../lib/utils";
+import { QuickHpInput } from "./quick-hp-input";
 import { Button } from "./ui/button";
 import { Input } from "./ui/input";
 
@@ -228,6 +229,9 @@ export function CombatantRow({
 					<span className="text-sm tabular-nums text-muted-foreground">/</span>
 				)}
 				<MaxHpInput maxHp={maxHp} onCommit={(v) => onSetHp(id, v)} />
+				{maxHp !== undefined && (
+					<QuickHpInput combatantId={id} onAdjustHp={onAdjustHp} />
+				)}
 			</div>
 
 			{/* Actions */}