Add collapsible boss teams and hide attempts in hardcore mode

Boss battle cards now collapse the pokemon team by default with a
chevron toggle. Expanded teams show larger sprites with "Lvl" prefix.
In hardcore mode, the BossDefeatModal hides the attempts field and
lost button since a loss ends the run.

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

frontend/src/components/BossDefeatModal.tsx

@@ -6,9 +6,10 @@ interface BossDefeatModalProps {
   onSubmit: (data: CreateBossResultInput) => void
   onClose: () => void
   isPending?: boolean
+  hardcoreMode?: boolean
 }
 
-export function BossDefeatModal({ boss, onSubmit, onClose, isPending }: BossDefeatModalProps) {
+export function BossDefeatModal({ boss, onSubmit, onClose, isPending, hardcoreMode }: BossDefeatModalProps) {
   const [result, setResult] = useState<'won' | 'lost'>('won')
   const [attempts, setAttempts] = useState('1')
 
@@ -16,8 +17,8 @@ export function BossDefeatModal({ boss, onSubmit, onClose, isPending }: BossDefe
     e.preventDefault()
     onSubmit({
       bossBattleId: boss.id,
-      result,
-      attempts: Number(attempts) || 1,
+      result: hardcoreMode ? 'won' : result,
+      attempts: hardcoreMode ? 1 : Number(attempts) || 1,
     })
   }
 
@@ -71,30 +72,34 @@ export function BossDefeatModal({ boss, onSubmit, onClose, isPending }: BossDefe
                 >
                   Won
                 </button>
-                <button
-                  type="button"
-                  onClick={() => setResult('lost')}
-                  className={`flex-1 px-3 py-2 text-sm font-medium rounded-md border transition-colors ${
-                    result === 'lost'
-                      ? 'bg-red-600 text-white border-red-600'
-                      : 'border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700'
-                  }`}
-                >
-                  Lost
-                </button>
+                {!hardcoreMode && (
+                  <button
+                    type="button"
+                    onClick={() => setResult('lost')}
+                    className={`flex-1 px-3 py-2 text-sm font-medium rounded-md border transition-colors ${
+                      result === 'lost'
+                        ? 'bg-red-600 text-white border-red-600'
+                        : 'border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700'
+                    }`}
+                  >
+                    Lost
+                  </button>
+                )}
               </div>
             </div>
 
-            <div>
-              <label className="block text-sm font-medium mb-1">Attempts</label>
-              <input
-                type="number"
-                min={1}
-                value={attempts}
-                onChange={(e) => setAttempts(e.target.value)}
-                className="w-full px-3 py-2 border rounded-md dark:bg-gray-700 dark:border-gray-600"
-              />
-            </div>
+            {!hardcoreMode && (
+              <div>
+                <label className="block text-sm font-medium mb-1">Attempts</label>
+                <input
+                  type="number"
+                  min={1}
+                  value={attempts}
+                  onChange={(e) => setAttempts(e.target.value)}
+                  className="w-full px-3 py-2 border rounded-md dark:bg-gray-700 dark:border-gray-600"
+                />
+              </div>
+            )}
           </div>
 
           <div className="px-6 py-4 border-t border-gray-200 dark:border-gray-700 flex justify-end gap-3">