feat: restructure guardian progression system with dynamic element support

src/components/game/debug/PactDebug.tsx

@@ -34,7 +34,7 @@ function GuardianPactRow({ floor, isSigned, onForceSign, onRemove }: {
           Floor {floor} | {guardian.pact}x multiplier
         </div>
         <div className="text-xs text-gray-500">
-          Element: {ELEMENTS[guardian.element]?.name || guardian.element}
+          Element: {guardian.element.map(el => ELEMENTS[el]?.name || el).join(' + ')}
         </div>
       </div>
       <div className="flex gap-1">
@@ -112,7 +112,7 @@ export function PactDebug() {
       ...signedPactDetails,
       [floor]: {
         floor,
-        guardianId: guardian.element,
+        guardianId: guardian.element.join('+'),
         signedAt: { day: useGameStore.getState().day, hour: useGameStore.getState().hour },
         skillLevels: {} as Record<string, number>,
       },