Update pixel update to current standards

Synergism.css

@@ -1558,6 +1558,26 @@ p#transcendhotkeys {
     padding: 0;
 }
 
+#challengesTabsToggle {
+    display: flex;
+    justify-content: center;
+    flex-flow: wrap;
+    margin-top: 15px;
+    margin-bottom: 10px;
+    gap: 10px 15px;
+}
+
+#challengesTabsToggle > button {
+    min-width: 100px;
+    text-align: center;
+}
+
+.singularityChallenges {
+    display: flex;
+    justify-content: center;
+    column-gap: 4px;
+}
+
 #challengesWrapper {
     display: flex;
     flex-direction: column;
@@ -1567,14 +1587,23 @@ p#transcendhotkeys {
 #challengeIntroduction {
     text-align: center;
     font-size: 1.2em;
-    margin: 20px 0 0;
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+#ExaltIntroduction {
+    text-align: center;
+    font-size: 1.2em;
+    margin-top: 10px;
+    margin-bottom: 10px;
 }
 
 #challengesAutoToggles {
     display: flex;
     justify-content: center;
     flex-flow: wrap;
     gap: 10px 15px;
+    margin-bottom: 10px;
 }
 
 #challengesAutoToggles > button {
@@ -1635,10 +1664,11 @@ p#transcendhotkeys {
 }
 
 #challengeDetails {
-    display: flex;
+    display: grid;
+    grid-template-columns: repeat(2, auto);
     justify-content: center;
-    max-width: 1200px;
     align-self: center;
+    margin-top: 10px;
 }
 
 #challengeTimers {
@@ -3545,12 +3575,6 @@ header #obtainiumDisplay { color: pink; }
     border: 2px solid blue;
 }
 
-.singularityChallenges {
-    display: flex;
-    justify-content: center;
-    column-gap: 4px;
-}
-
 .rainbowBorder {
     width: 64px;
     height: 64px;
@@ -3570,6 +3594,11 @@ header #obtainiumDisplay { color: pink; }
     border-radius: 3px;
 }
 
+.rainbowBorder:hover {
+    cursor: pointer;
+    background-color: var(--hover-color);
+}
+
 .rainbowBorder::before {
     position: absolute;
     width: 150%; /* 96px */
@@ -3667,13 +3696,49 @@ img#singularityPerksIcon {
 }
 
 #singularityChallengeDetails {
-    width: 50%;
-    margin-left: 25%;
+    display: block;
 }
 
-#singularityChallengesMultiline {
+#singularityChallengesInfo {
     white-space: pre-line;
-    margin: 15px 0 0;
+    margin-top: 10px;
+    margin-bottom: 5px;
+    text-align: center;
+}
+
+#singularityChallengeAllRewards {
+    display: grid;
+    grid-template-rows: repeat(2, auto);
+    grid-template-columns: repeat(2, 375px);
+    justify-content: center;
+    grid-gap: 10px;
+}
+
+#singularityChallengeScalingHeader {
+    font-weight: bold;
+    font-size: 1.2em;
+    text-align: center;
+    margin: 0;
+}
+
+#singularityChallengeUniqueHeader {
+    font-weight: bold;
+    font-size: 1.2em;
+    text-align: center;
+    margin: 0;
+}
+
+#singularityChallengesScalingRewards {
+    display: block;
+    white-space: pre-line;
+    margin: 0;
+    text-align: center;
+}
+
+#singularityChallengesUniqueRewards {
+    display: block;
+    white-space: pre-line;
+    margin: 0;
 }
 
 .newPerk {
@@ -3801,7 +3866,7 @@ img#singularityPerksIcon {
     padding-top: 10px;
 }
 
-#accountSubTab > div.scrollbarX > img#discord-logo {
+#accountSubTab > div.scrollbarX > img {
     /* A 1.3 width x height ratio */
     width: 96px;
     height: 72px;

package.json

@@ -10,11 +10,14 @@
     "eventemitter3": "^4.0.7",
     "i18next": "^22.4.9",
     "localforage": "^1.10.0",
+    "lodash.clonedeepwith": "^4.5.0",
     "lz-string": "^1.4.4",
-    "worker-timers": "^7.0.53"
+    "worker-timers": "^7.0.53",
+    "zod": "^3.23.8"
   },
   "devDependencies": {
     "@biomejs/biome": "^1.4.1",
+    "@types/lodash.clonedeepwith": "^4.5.9",
     "@types/lz-string": "^1.3.34",
     "deep-object-diff": "^1.1.9",
     "dprint": "^0.45.0",

src/BlueberryUpgrades.ts

@@ -1,12 +1,14 @@
 import i18next from 'i18next'
 import { DOMCacheGetOrSet } from './Cache/DOM'
+import { calculateAmbrosiaGenerationSpeed, calculateAmbrosiaLuck } from './Calculate'
 import { DynamicUpgrade } from './DynamicUpgrade'
 import type { IUpgradeData } from './DynamicUpgrade'
 import { exportData, saveFilename } from './ImportExport'
 import { format, player } from './Synergism'
 import type { Player } from './types/Synergism'
 import { Alert, Confirm, Prompt } from './UpdateHTML'
 import { visualUpdateAmbrosia } from './UpdateVisuals'
+import { Globals as G } from './Variables'
 
 export type blueberryUpgradeNames =
   | 'ambrosiaTutorial'
@@ -121,7 +123,7 @@ export class BlueberryUpgrade extends DynamicUpgrade {
         break
       } else {
         if (this.level === 0) {
-          const availableBlueberries = player.caches.blueberryInventory.totalVal - player.spentBlueberries
+          const availableBlueberries = G.ambrosiaCurrStats.ambrosiaBlueberries - player.spentBlueberries
           if (availableBlueberries < this.blueberryCost) {
             return Alert(i18next.t('ambrosia.notEnoughBlueberries'))
           } else {
@@ -283,7 +285,7 @@ export class BlueberryUpgrade extends DynamicUpgrade {
   }
 
   public get rewardDesc (): string {
-    const effectiveLevel = (player.singularityChallenges.noAmbrosiaUpgrades.enabled) ? 0: this.level
+    const effectiveLevel = (player.singularityChallenges.noAmbrosiaUpgrades.enabled) ? 0 : this.level
     if ('desc' in this.rewards(0)) {
       return String(this.rewards(effectiveLevel).desc)
     } else {
@@ -292,7 +294,7 @@ export class BlueberryUpgrade extends DynamicUpgrade {
   }
 
   public get bonus () {
-    const effectiveLevel = (player.singularityChallenges.noAmbrosiaUpgrades.enabled) ? 0: this.level
+    const effectiveLevel = (player.singularityChallenges.noAmbrosiaUpgrades.enabled) ? 0 : this.level
     return this.rewards(effectiveLevel)
   }
 }
@@ -389,8 +391,9 @@ export const blueberryUpgradeData: Record<
       ambrosiaTutorial: 10
     },
     cacheUpdates: [
-      () => player.caches.ambrosiaLuck.updateVal('BlueberryUpgrade1'),
-      () => player.caches.ambrosiaLuck.updateVal('BlueberryUpgrade2')
+      () => {
+        G.ambrosiaCurrStats.ambrosiaLuck = calculateAmbrosiaLuck().value
+      }
     ]
   },
   ambrosiaQuarkCube1: {
@@ -428,7 +431,7 @@ export const blueberryUpgradeData: Record<
     },
     rewards: (n: number) => {
       const baseVal = 0.0002 * n
-      const val = 1 + baseVal * player.caches.ambrosiaLuck.usedTotal
+      const val = 1 + baseVal * G.ambrosiaCurrStats.ambrosiaLuck
       return {
         cubes: val,
         desc: String(
@@ -485,9 +488,9 @@ export const blueberryUpgradeData: Record<
     rewards: (n: number) => {
       const baseVal = 0.0001 * n
       const effectiveLuck = Math.min(
-        player.caches.ambrosiaLuck.usedTotal,
+        G.ambrosiaCurrStats.ambrosiaLuck,
         Math.pow(1000, 0.5)
-          * Math.pow(player.caches.ambrosiaLuck.usedTotal, 0.5)
+          * Math.pow(G.ambrosiaCurrStats.ambrosiaLuck, 0.5)
       )
       const val = 1 + baseVal * effectiveLuck
       return {
@@ -535,7 +538,9 @@ export const blueberryUpgradeData: Record<
       ambrosiaCubes1: 20
     },
     cacheUpdates: [
-      () => player.caches.ambrosiaLuck.updateVal('BlueberryCubeLuck1')
+      () => {
+        G.ambrosiaCurrStats.ambrosiaLuck = calculateAmbrosiaLuck().value
+      }
     ]
   },
   ambrosiaQuarkLuck1: {
@@ -563,7 +568,9 @@ export const blueberryUpgradeData: Record<
       ambrosiaQuarks1: 20
     },
     cacheUpdates: [
-      () => player.caches.ambrosiaLuck.updateVal('BlueberryQuarkLuck1')
+      () => {
+        G.ambrosiaCurrStats.ambrosiaLuck = calculateAmbrosiaLuck().value
+      }
     ]
   },
   ambrosiaQuarks2: {
@@ -645,7 +652,9 @@ export const blueberryUpgradeData: Record<
       ambrosiaLuck1: 40
     },
     cacheUpdates: [
-      () => player.caches.ambrosiaLuck.updateVal('BlueberryUpgrade2')
+      () => {
+        G.ambrosiaCurrStats.ambrosiaLuck = calculateAmbrosiaLuck().value
+      }
     ]
   },
   ambrosiaPatreon: {
@@ -667,7 +676,9 @@ export const blueberryUpgradeData: Record<
       }
     },
     cacheUpdates: [
-      () => player.caches.ambrosiaGeneration.updateVal('BlueberryPatreon')
+      () => {
+        G.ambrosiaCurrStats.ambrosiaGenerationSpeed = calculateAmbrosiaGenerationSpeed().value
+      }
     ]
   },
   ambrosiaObtainium1: {
@@ -678,7 +689,7 @@ export const blueberryUpgradeData: Record<
       return baseCost * Math.pow(25, level)
     },
     rewards: (n: number) => {
-      const luck = player.caches.ambrosiaLuck.usedTotal
+      const luck = G.ambrosiaCurrStats.ambrosiaLuck
       return {
         luckMult: n,
         obtainiumMult: n * luck,
@@ -698,7 +709,7 @@ export const blueberryUpgradeData: Record<
       return baseCost * Math.pow(25, level)
     },
     rewards: (n: number) => {
-      const luck = player.caches.ambrosiaLuck.usedTotal
+      const luck = G.ambrosiaCurrStats.ambrosiaLuck
       return {
         luckMult: n,
         offeringMult: n * luck,
@@ -757,7 +768,7 @@ export const validateBlueberryTree = (modules: BlueberryOpt) => {
   }
 
   const ambrosiaBudget = player.lifetimeAmbrosia
-  const blueberryBudget = player.caches.blueberryInventory.totalVal
+  const blueberryBudget = G.ambrosiaCurrStats.ambrosiaBlueberries
 
   let spentAmbrosia = 0
   let spentBlueberries = 0