From c4d8a534feb82c7206a0935fec6812ccb4232372 Mon Sep 17 00:00:00 2001
From: Michael <michaelmmarut@gmail.com>
Date: Fri, 6 Feb 2026 18:25:35 -0500
Subject: [PATCH] Corruption tab UI layout adjustments

---
 Pictures/Default/WowCube2.png | Bin 0 -> 481 bytes
 Synergism.css                 | 188 ++++++++++++++++++++++-
 index.html                    | 271 ++++++++++++++++++++++++----------
 src/Corruptions.ts            |  63 +++++++-
 src/UpdateVisuals.ts          |  34 +++--
 translations/en.json          |  67 ++++-----
 6 files changed, 497 insertions(+), 126 deletions(-)
 create mode 100644 Pictures/Default/WowCube2.png

diff --git a/Pictures/Default/WowCube2.png b/Pictures/Default/WowCube2.png
new file mode 100644
index 0000000000000000000000000000000000000000..6eb0a3b4d10691a740bc9d060f9a00975d0a403a
GIT binary patch
literal 481
zcmV<70UrK|P)<h;3K|Lk000e1NJLTq001}u001}$1^@s6sD?Wp00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D0d`45K~!i%?U+%L
z#2^Snaj!D>KT^)({)8H;3k@1DahLZsbQI}g9L*3VNs=VV|D~XyQ4gx9y@m3zdFWCP
zs&6ytS`#O7OL!CadSoKEq?3fyf{8F*1+I&+hG~P=gDP%jOLA|t8c>@;GoxvdXzOVj
z@`J)(BMt6O8r+>UxI3-}>v;jToKG5e=WDncl(&k}BIS6O+sTQmL2@YW?tH}Epv2lm
z>$n+049<38c3zJVgFPa<r4eS3yCDtnXHARf9z_~#5oM%Bs6jk7I4&P5QO5!jYLIE|
zyO!=rxIx)9i|$RhLF$-j>7Fbx_#|m?chcbQq`}=WokQ}PB{dnZK&t_@DbNhYtH5<J
zo<@7Ud5Vx)IFU7B1+JbmIIhKLJ(tvhzw)qHj7PK{)|yNk^eRzrqjS-vl<&KtqP6rp
zYcE0TjHdPUJA|EsvRLfYO2Q156B1v&CkQk67SiA-vp*D3`_(lWg9fo^e9qvwBq90*
Xq?|^#F)chP00000NkvXXu0mjfW7^Eb

literal 0
HcmV?d00001

diff --git a/Synergism.css b/Synergism.css
index 6c39d3dd3..2860d2278 100644
--- a/Synergism.css
+++ b/Synergism.css
@@ -3658,6 +3658,184 @@ p#ascendHotKeys {
     margin-top: 10px;
 }
 
+/* =========================================
+  SELECTED AND TOTAL CORRUPTIONS TABLE (Corruptions Redesign)
+   ========================================= */
+
+.allCorruptionEffectsHeader {
+    margin-top: 10px;
+    margin-bottom: 2px;
+    font-weight: 800;
+    color: #ddd;
+    text-align: center;
+}
+
+/* shared table style */
+.corruptionTable {
+    margin: 6px auto;
+    border-collapse: collapse;
+    background-color: #141414;
+    font-size: 15px;
+    width: 540px;
+}
+
+/* header */
+.corruptionTable th {
+    background-color: #1f1f1f;
+    color: orange;
+    border: 1px solid #2a2a2a;
+    padding: 6px 10px;
+    text-align: center;
+    font-weight: 500;
+}
+
+/* cells */
+.corruptionTable td {
+    border: 1px solid #2a2a2a;
+    padding: 4px 8px;
+    color: #dcdcdc;
+    white-space: normal;
+    word-break: break-word;
+}
+
+/* label column */
+.corruptionTable td:first-child,
+.corruptionTable th:first-child {
+    width: 160px;
+    text-align: left;
+    color: #bfbfbf;
+}
+
+/* value columns */
+.corruptionTable td:nth-child(2),
+.corruptionTable td:nth-child(3),
+.corruptionTable th:nth-child(2),
+.corruptionTable th:nth-child(3) {
+    width: 180px;
+    text-align: right;
+    font-family: monospace;
+}
+
+/* slightly taller effect row */
+.corruptionTable tr:nth-child(3) td {
+    padding-top: 8px;
+    padding-bottom: 8px;
+}
+
+/* =========================================
+   ASCEND REWARDS GRID (Corruptions Redesign)
+   ========================================= */
+#ascensionRewardsTitle {
+    text-align: center;
+    margin-bottom: 5px;
+}
+
+#corruptionDetails.vAlign {
+    justify-content: flex-start !important;
+    align-items: center !important;
+    min-height: unset !important;
+    height: auto !important;
+}
+
+#corruptionScore {
+    font-size: 1.18em;
+    font-weight: 600;
+    color: #ffd700;
+}
+
+#corruptionScoreDR {
+    font-size: 0.95em;
+    font-weight: 500;
+    margin-top: 4px;
+    opacity: 0.85;
+}
+
+#ascendRewardsSection {
+    margin-top: 6px;
+}
+
+/* To make Ascension rewards closer up */
+#corruptionMain #ascensionRewardsTitle {
+    margin-top: 6px !important;
+    margin-bottom: 4px !important;
+}
+
+#ascendRewardsGrid {
+    max-width: 530px;
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 18px;
+    margin: 10px auto 0;
+}
+
+.ascendRewardTile {
+    border: 1px solid #666;
+    height: 118px;
+    padding: 10px 8px;
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+#ascendRewardsGrid .ascendRewardTile:nth-child(1) {
+    border-color: darkorange;
+}
+
+#ascendRewardsGrid .ascendRewardTile:nth-child(2) {
+    border-color: gold;
+}
+
+#ascendRewardsGrid .ascendRewardTile:nth-child(3) {
+    border-color: orange;
+}
+
+#ascendRewardsGrid .ascendRewardTile:nth-child(4) {
+    border-color: crimson;
+}
+
+#ascendRewardsGrid .ascendRewardTile:nth-child(5) {
+    border-color: orchid;
+}
+
+#ascendRewardsGrid .ascendRewardTile:nth-child(6) {
+    border-color: mediumpurple;
+}
+
+.ascendRewardTile img.openImage {
+    width: 64px;
+    height: 64px;
+    margin-bottom: 6px;
+}
+
+/* Number styling */
+.ascendRewardTile span {
+    display: block;
+    font-size: 18px;
+    font-weight: 600;
+    margin-bottom: 4px;
+}
+
+/* Req line styling */
+.ascendRewardTile p {
+    margin: 0;
+    font-size: 14px;
+    line-height: 1.15;
+}
+
+.reqLine {
+    display: block;        /* forces it under the number */
+    font-size: 12px;
+    opacity: 0.75;
+    margin-top: 6px;
+}
+
+.ascendRewardTile p span,
+.ascendRewardTile p img {
+    font-size: initial;
+}
+
 #ascensionAmount,
 #ascensionAutoEnable,
 #ascensionAutoToggle {
@@ -3676,12 +3854,18 @@ p#ascendHotKeys {
     min-width: 500px;
     max-width: 600px;
     margin: 10px;
+    padding: 0;
+    border: none;
+    background: none;
+    box-sizing: border-box;
+}
+
+#corruptionStatsBox {
     padding: 30px 10px;
     border: 1px solid orange;
+    background-color: var(--box-color);
     box-sizing: border-box;
     color: white;
-    background-color: var(--box-color);
-    text-align: center;
 }
 
 #corrStatsBtn,
diff --git a/index.html b/index.html
index 384ab9d52..eaad44801 100644
--- a/index.html
+++ b/index.html
@@ -2697,67 +2697,77 @@ <h4 id="campaignTokenRewardText"></h4>
 
     <div id="traits" style="display: none;">
         <div id="corruptionStatsLoadouts" class="flex column">
-            <span id="corrButtonRow" class="flex row center">
-                <button id="corrStatsBtn" class="active-subtab" i18n="corruptions.corrStatsBtn"></button>
-                <button id="corrLoadoutsBtn" i18n="corruptions.corrLoadoutsBtn"></button>
-            </span>
-            <div id="corruptionStats" class="corruptionContainer">
-                <span class="corruptionStatRow chal11Corruption">
-                </span>
-                <span class="corruptionStatRow chal11Corruption">
-                </span>
-                <span class="corruptionStatRow chal12Corruption">
-                </span>
-                <span class="corruptionStatRow chal12Corruption">
-                </span>
-                <span class="corruptionStatRow chal13Corruption">
-                </span>
-                <span class="corruptionStatRow chal13Corruption">
-                </span>
-                <span class="corruptionStatRow chal14Corruption">
+            <div id="corruptionStatsBox">
+                <span id="corrButtonRow" class="flex row center">
+                    <button id="corrStatsBtn" class="active-subtab" i18n="corruptions.corrStatsBtn"></button>
+                    <button id="corrLoadoutsBtn" i18n="corruptions.corrLoadoutsBtn"></button>
                 </span>
-                <span class="corruptionStatRow chal14Corruption">
-                </span>
-                <!-- TODO: <script>corruptionButtonsAdd()</script> -->
-            </div>
-            <div id="corruptionLoadouts" style="display: none">
-                <table id="corruptionLoadoutTable">
-                    <tr>
-                        <th class="corrLoadoutNameCol"></th>
-                        <th>
-                            <img src="Pictures/Default/CorruptViscosity.png" class="corruptionImg small" title="Viscosity" loading="lazy">
-                        </th>
-                        <th>
-                            <img src="Pictures/Default/CorruptDrought.png" class="corruptionImg small" title="Drought" loading="lazy">
-                        </th>
-                        <th>
-                            <img src="Pictures/Default/CorruptDeflation.png" class="corruptionImg small" title="Deflation" loading="lazy">
-                        </th>
-                        <th>
-                            <img src="Pictures/Default/CorruptExtinction.png" class="corruptionImg small" title="Extinction" loading="lazy">
-                        </th>
-                        <th>
-                            <img src="Pictures/Default/CorruptIlliteracy.png" class="corruptionImg small" title="Illiteracy" loading="lazy">
-                        </th>
-                        <th>
-                            <img src="Pictures/Default/CorruptRecession.png" class="corruptionImg small" title="Recession" loading="lazy">
-                        </th>
-                        <th>
-                            <img src="Pictures/Default/CorruptDilation.png" class="corruptionImg small" title="Dilation" loading="lazy">
-                        </th>
-                        <th>
-                            <img src="Pictures/Default/CorruptHyperchallenge.png" class="corruptionImg small" title="Hyperchallenge" loading="lazy">
-                        </th>
-                    </tr>
-                </table>
-                <!-- TODO: <script>corruptionLoadoutTableCreate()</script> -->
+                <div id="corruptionStats" class="corruptionContainer">
+                    <span class="corruptionStatRow chal11Corruption">
+                    </span>
+                    <span class="corruptionStatRow chal11Corruption">
+                    </span>
+                    <span class="corruptionStatRow chal12Corruption">
+                    </span>
+                    <span class="corruptionStatRow chal12Corruption">
+                    </span>
+                    <span class="corruptionStatRow chal13Corruption">
+                    </span>
+                    <span class="corruptionStatRow chal13Corruption">
+                    </span>
+                    <span class="corruptionStatRow chal14Corruption">
+                    </span>
+                    <span class="corruptionStatRow chal14Corruption">
+                    </span>
+                    <!-- TODO: <script>corruptionButtonsAdd()</script> -->
+                </div>
+                
+                <div id="corruptionLoadouts" style="display: none">
+                    <table id="corruptionLoadoutTable">
+                        <tr>
+                            <th class="corrLoadoutNameCol"></th>
+                            <th>
+                                <img src="Pictures/Default/CorruptViscosity.png" class="corruptionImg small" title="Viscosity" loading="lazy">
+                            </th>
+                            <th>
+                                <img src="Pictures/Default/CorruptDrought.png" class="corruptionImg small" title="Drought" loading="lazy">
+                            </th>
+                            <th>
+                                <img src="Pictures/Default/CorruptDeflation.png" class="corruptionImg small" title="Deflation" loading="lazy">
+                            </th>
+                            <th>
+                                <img src="Pictures/Default/CorruptExtinction.png" class="corruptionImg small" title="Extinction" loading="lazy">
+                            </th>
+                            <th>
+                                <img src="Pictures/Default/CorruptIlliteracy.png" class="corruptionImg small" title="Illiteracy" loading="lazy">
+                            </th>
+                            <th>
+                                <img src="Pictures/Default/CorruptRecession.png" class="corruptionImg small" title="Recession" loading="lazy">
+                            </th>
+                            <th>
+                                <img src="Pictures/Default/CorruptDilation.png" class="corruptionImg small" title="Dilation" loading="lazy">
+                            </th>
+                            <th>
+                                <img src="Pictures/Default/CorruptHyperchallenge.png" class="corruptionImg small" title="Hyperchallenge" loading="lazy">
+                            </th>
+                        </tr>
+                    </table>
+                    <!-- TODO: <script>corruptionLoadoutTableCreate()</script> -->
+                </div>
+                <div id="corruptionDisplays" class="flex row center">
+                    <img src="Pictures/Default/CorruptExit.png" class="corruptionImg" loading="lazy">
+                    <button id="corruptionCleanse" i18n="corruptions.cleanse"></button>
+                    <button id="corruptionCleanseConfirm" i18n="corruptions.confirm"></button>
+                </div>
             </div>
-            <div id="corruptionDisplays" class="flex row center">
-                <img src="Pictures/Default/CorruptExit.png" class="corruptionImg" loading="lazy">
-                <button id="corruptionCleanse" i18n="corruptions.cleanse"></button>
-                <button id="corruptionCleanseConfirm" i18n="corruptions.confirm"></button>
+            <div id="ascensionAutomation" class="cubeUpgrade10 vAlign">
+                <button id="ascensionAutoEnable" class="ascendunlock hCenter tight" style="border: 2px solid green"></button>
+                <button id="ascensionAutoToggle" class="hCenter tight" style="border:2px solid orchid;"></button>
+                <input id="ascensionAmount" class="ascendunlock hCenter tight" type="number" min="1" max="999999999" defaultValue="1">
+                <p id="autoAscend" class="ascendunlock tightText"></p>
             </div>
         </div>
+        
         <div id="corruptionMain" class="flex column">
             <div id="corruptionIntroduction" class="tightText" i18n="corruptions.intro"></div>
             <div id="corruptionInfo1" class="tightText" i18n="corruptions.traitInfo"></div>
@@ -2767,30 +2777,137 @@ <h4 id="campaignTokenRewardText"></h4>
             <div id="corruptionDetails" class="vAlign">
                 <p id="corruptionName" class="tightText redText"></p>
                 <p id="corruptionDescription" class="tightText"></p>
-                <p id="corruptionLevelCurrent" class="tightText"></p>
-                <p id="corruptionLevelPlanned" class="tightText"></p>
+
+                <div id="corruptionStatLines">
+                    <p id="corruptionLevelCurrent" class="tightText"></p>
+                    <p id="corruptionLevelPlanned" class="tightText"></p>
+                    <p id="corruptionMultiplierContribution" class="tightText"></p>
+                    <p id="corruptionDifficultyContribution" class="tightText"></p>
+                </div>
+            </div>
+
+            <!-- TABLES WRAPPER -->
+            <div id="corruptionTablesWrap">
+            <!-- SELECTED CORRUPTION EFFECTS TABLE -->
+            <div id="selectedCorruptionSection" style="display:none;">
+                <p class="allCorruptionEffectsHeader">Selected Corruption Effects</p>
                 <p id="corruptionFreeLevels" class="tightText" style="color: orchid"></p>
-                <p id="corruptionMultiplierContribution" class="tightText"></p>
-                <p id="corruptionDifficultyContribution" class="tightText"></p>
+
+                <table id="selectedCorruptionTable" class="corruptionTable">
+                <colgroup>
+                    <col style="width: 185px;">
+                    <col style="width: 235px;">
+                    <col style="width: 235px;">
+                </colgroup>
+
+                <tr>
+                    <th></th>
+                    <th>Current</th>
+                    <th>Next Ascension</th>
+                </tr>
+
+                <tr>
+                    <td>Corruption Level:</td>
+                    <td id="selectedLevelCurr"></td>
+                    <td id="selectedLevelNext"></td>
+                </tr>
+
+                <tr>
+                    <td>Corruption Effect:</td>
+                    <td id="selectedEffectCurr" class="effectCell"></td>
+                    <td id="selectedEffectNext" class="effectCell"></td>
+                </tr>
+
+                <tr>
+                    <td>Score Multiplier:</td>
+                    <td id="selectedMultiplierCurr"></td>
+                    <td id="selectedMultiplierNext"></td>
+                </tr>
+
+                <tr>
+                    <td>Difficulty Rating:</td>
+                    <td id="selectedDifficultyCurr"></td>
+                    <td id="selectedDifficultyNext"></td>
+                </tr>
+                </table>
             </div>
-            <p id="corruptionMultiplierTotal" class="tightText"></p>
-            <p id="corruptionDifficultyTotal" class="tightText"></p>
-            <p id="corruptionSpiritTotal" class="chal12 tightText" style="color: gold"></p>
-            <p id="corruptionBank" class="tightText" style="color: white"></p>
+
+            <div id="allCorruptionSection">
+                <p class="allCorruptionEffectsHeader">All Corruption Effects</p>
+
+                <table id="corruptionTotalsTable" class="corruptionTable">
+                <colgroup>
+                    <col style="width: 185px;">
+                    <col style="width: 235px;">
+                    <col style="width: 235px;">
+                </colgroup>
+
+                <tr>
+                    <th></th>
+                    <th>Current</th>
+                    <th>Next Ascension</th>
+                </tr>
+
+                <tr>
+                    <td>Total Score:</td>
+                    <td id="corruptionMultiplierTotalCurr"></td>
+                    <td id="corruptionMultiplierTotalNext"></td>
+                </tr>
+
+                <tr>
+                    <td>Total Difficulty:</td>
+                    <td id="corruptionDifficultyTotalCurr"></td>
+                    <td id="corruptionDifficultyTotalNext"></td>
+                </tr>
+
+                <tr>
+                    <td>Spirit Power Bonus:</td>
+                    <td id="corruptionSpiritTotalCurr"></td>
+                    <td id="corruptionSpiritTotalNext"></td>
+                </tr>
+                </table>
+            </div>
+            </div>
+
+            <div id="ascendRewardsSection">
+            <p id="ascensionRewardsTitle" style="font-size: 1.3em;" i18n="corruptions.ascensionRewards">
+            Ascension Rewards
+            </p>
+
             <p id="corruptionScore" class="tightText" style="color: white"></p>
-            <p id="corruptionScoreDR" class="tightText" style="color: red" i18n="corruptions.corruptionScoreDR"></p>
-            <p id="corruptionAscensionCount" class="tightText" style="color: white"></p>
-            <p id="corruptionCubes" class="tightText" style="color: white"></p>
-            <p id="corruptionTesseracts" class="tightText" style="color: white"></p>
-            <p id="corruptionHypercubes" class="chal13 tightText" style="color: white"></p>
-            <p id="corruptionPlatonicCubes" class="chal14 tightText" style="color: white"></p>
-            <p id="corruptionHepteracts" class="chal15 tightText" style="color: white"></p>
-            <div id="ascensionAutomation" class="cubeUpgrade10 vAlign">
-                <button id="ascensionAutoEnable" class="ascendunlock hCenter tight" style="border: 2px solid green"></button>
-                <button id="ascensionAutoToggle" class="hCenter tight" style="border:2px solid orchid;"></button>
-                <input id="ascensionAmount" class="ascendunlock hCenter tight" type="number" min="1" max="999999999" defaultValue="1">
-                <p id="autoAscend" class="ascendunlock tightText"></p>
+
+            <div id="ascendOutcomeBox">
+                <div id="ascendRewardsGrid">
+                    <div class="ascendRewardTile">
+                        <img class="openImage" src="Pictures/Default/OcteractAscensionCount2.png" loading="lazy">
+                        <p id="corruptionAscensionCount" class="tightText" style="color: white"></p>
+                    </div>
+                    <div class="ascendRewardTile">
+                        <img class="openImage" src="Pictures/Default/WowCube2.png" loading="lazy">
+                        <p id="corruptionCubes" class="tightText" style="color: white"></p>
+                    </div>
+                    <div class="ascendRewardTile">
+                        <img class="openImage" src="Pictures/Default/WowTessaract.png" loading="lazy">
+                        <p id="corruptionTesseracts" class="tightText" style="color: white"></p>
+                    </div>
+                    <div class="ascendRewardTile">
+                        <img class="openImage" src="Pictures/Default/WowHypercube.png" loading="lazy">
+                        <p id="corruptionHypercubes" class="chal13 tightText" style="color: white"></p>
+                    </div>
+                    <div class="ascendRewardTile">
+                        <img class="openImage" src="Pictures/Default/PlatonicCube.png" loading="lazy">
+                        <p id="corruptionPlatonicCubes" class="chal14 tightText" style="color: white"></p>
+                    </div>
+                    <div class="ascendRewardTile">
+                        <img class="openImage" src="Pictures/Default/Hepteract.png" loading="lazy">
+                        <p id="corruptionHepteracts" class="chal15 tightText" style="color: white"></p>
+                    </div>
+                </div>
             </div>
+            <p id="corruptionBank" class="tightText" style="color: white"></p>
+            <p id="corruptionScoreDR" class="tightText" style="color: red" i18n="corruptions.corruptionScoreDR"></p>
+        </div>
+            
         </div>
     </div>
 
diff --git a/src/Corruptions.ts b/src/Corruptions.ts
index 017ce8196..410348d59 100644
--- a/src/Corruptions.ts
+++ b/src/Corruptions.ts
@@ -444,6 +444,9 @@ export const corrIcons: Record<keyof Corruptions, string> = {
 }
 
 export const corruptionDisplay = (corr: keyof Corruptions | 'exit') => {
+  // Always hide selected table first (safe reset)
+  DOMCacheGetOrSet('selectedCorruptionSection').style.display = 'none'
+
   if (DOMCacheGetOrSet('corruptionDetails').style.visibility !== 'visible') {
     DOMCacheGetOrSet('corruptionDetails').style.visibility = 'visible'
   }
@@ -487,8 +490,11 @@ export const corruptionDisplay = (corr: keyof Corruptions | 'exit') => {
       }),
       image: `Pictures/${IconSets[player.iconSet][0]}${corrIcons[corr]}`
     }
-    DOMCacheGetOrSet(`corrCurrent${corr}`).textContent = format(player.corruptions.used.getLevel(corr))
-    DOMCacheGetOrSet(`corrNext${corr}`).textContent = format(player.corruptions.next.getLevel(corr))
+
+    DOMCacheGetOrSet(`corrCurrent${corr}`).textContent =
+      format(player.corruptions.used.getLevel(corr))
+    DOMCacheGetOrSet(`corrNext${corr}`).textContent =
+      format(player.corruptions.next.getLevel(corr))
   }
 
   DOMCacheGetOrSet('corruptionName').textContent = text.name
@@ -499,6 +505,59 @@ export const corruptionDisplay = (corr: keyof Corruptions | 'exit') => {
   DOMCacheGetOrSet('corruptionDifficultyContribution').textContent = text.difficulty
   DOMCacheGetOrSet('corruptionFreeLevels').textContent = text.freeLevels
   DOMCacheGetOrSet('corruptionSelectedPic').setAttribute('src', text.image)
+
+  // -------------------------------
+  // VIEW MODE SWITCHING
+  // -------------------------------
+
+  if (corr !== 'exit') {
+    // Hide text stats
+    DOMCacheGetOrSet('corruptionLevelCurrent').style.display = 'none'
+    DOMCacheGetOrSet('corruptionLevelPlanned').style.display = 'none'
+    DOMCacheGetOrSet('corruptionMultiplierContribution').style.display = 'none'
+    DOMCacheGetOrSet('corruptionDifficultyContribution').style.display = 'none'
+
+    // Show table
+    DOMCacheGetOrSet('selectedCorruptionSection').style.display = 'block'
+
+    // Populate table
+    DOMCacheGetOrSet('selectedLevelCurr').textContent =
+      format(player.corruptions.used.getLevel(corr))
+
+    DOMCacheGetOrSet('selectedLevelNext').textContent =
+      format(player.corruptions.next.getLevel(corr))
+
+    DOMCacheGetOrSet('selectedEffectCurr').textContent =
+  i18next.t(`corruptions.currentLevel.${corr}`, {
+    level: player.corruptions.used.getLevel(corr),
+    effect: format(player.corruptions.used.corruptionEffects(corr), 3, true)
+  })
+
+DOMCacheGetOrSet('selectedEffectNext').textContent =
+  i18next.t(`corruptions.prototypeLevel.${corr}`, {
+    level: player.corruptions.next.getLevel(corr),
+    effect: format(player.corruptions.next.corruptionEffects(corr), 3, true)
+  })
+
+    DOMCacheGetOrSet('selectedMultiplierCurr').textContent =
+      format(player.corruptions.used.scoreMult(corr), 2, true)
+
+    DOMCacheGetOrSet('selectedMultiplierNext').textContent =
+      format(player.corruptions.next.scoreMult(corr), 2, true)
+
+    DOMCacheGetOrSet('selectedDifficultyCurr').textContent =
+      format(16 * Math.pow(player.corruptions.used.getTotalLevel(corr), 2), 0, false)
+
+    DOMCacheGetOrSet('selectedDifficultyNext').textContent =
+      format(16 * Math.pow(player.corruptions.next.getTotalLevel(corr), 2), 0, false)
+
+  } else {
+    // Restore text stats for cleanse mode
+    DOMCacheGetOrSet('corruptionLevelCurrent').style.display = 'block'
+    DOMCacheGetOrSet('corruptionLevelPlanned').style.display = 'block'
+    DOMCacheGetOrSet('corruptionMultiplierContribution').style.display = 'block'
+    DOMCacheGetOrSet('corruptionDifficultyContribution').style.display = 'block'
+  }
 }
 
 export const corruptionStatsUpdate = () => {
diff --git a/src/UpdateVisuals.ts b/src/UpdateVisuals.ts
index 1cf646d5f..00f2b7c81 100644
--- a/src/UpdateVisuals.ts
+++ b/src/UpdateVisuals.ts
@@ -1488,18 +1488,28 @@ export const visualUpdateCorruptions = () => {
       hepteractAmount: format(metaData[8], 0, true)
     }
   )
-  DOMCacheGetOrSet('corruptionMultiplierTotal').textContent = i18next.t('corruptions.totalScoreMultiplier', {
-    curr: format(player.corruptions.used.totalCorruptionAscensionMultiplier, 2, true),
-    next: format(player.corruptions.next.totalCorruptionAscensionMultiplier, 2, true)
-  })
-  DOMCacheGetOrSet('corruptionDifficultyTotal').textContent = i18next.t('corruptions.totalDifficulty', {
-    curr: format(player.corruptions.used.totalCorruptionDifficultyScore, 2, true),
-    next: format(player.corruptions.next.totalCorruptionDifficultyScore, 2, true)
-  })
-  DOMCacheGetOrSet('corruptionSpiritTotal').textContent = i18next.t('corruptions.totalSpiritContribution', {
-    curr: formatAsPercentIncrease(player.corruptions.used.totalCorruptionDifficultyMultiplier),
-    next: formatAsPercentIncrease(player.corruptions.next.totalCorruptionDifficultyMultiplier)
-  })
+  // Split these into two seperate curr and next variables for table
+  DOMCacheGetOrSet('corruptionMultiplierTotalCurr').textContent =
+    `x${format(player.corruptions.used.totalCorruptionAscensionMultiplier, 2, true)}`;
+
+  DOMCacheGetOrSet('corruptionMultiplierTotalNext').textContent =
+    `x${format(player.corruptions.next.totalCorruptionAscensionMultiplier, 2, true)}`;
+
+
+  // Split these into two seperate curr and next variables for table
+  DOMCacheGetOrSet('corruptionDifficultyTotalCurr').textContent =
+    format(player.corruptions.used.totalCorruptionDifficultyScore, 2, true);
+
+  DOMCacheGetOrSet('corruptionDifficultyTotalNext').textContent =
+    format(player.corruptions.next.totalCorruptionDifficultyScore, 2, true);
+
+
+  // Split these into two seperate curr and next variables for table
+  DOMCacheGetOrSet('corruptionSpiritTotalCurr').textContent =
+    `+${formatAsPercentIncrease(player.corruptions.used.totalCorruptionDifficultyMultiplier)}`;
+
+  DOMCacheGetOrSet('corruptionSpiritTotalNext').textContent =
+    `+${formatAsPercentIncrease(player.corruptions.next.totalCorruptionDifficultyMultiplier)}`;
 
   DOMCacheGetOrSet('corruptionAscensionCount').style.display = ascCount > 1 ? 'block' : 'none'
 
diff --git a/translations/en.json b/translations/en.json
index 3b66fefe5..0ee4aeb3e 100644
--- a/translations/en.json
+++ b/translations/en.json
@@ -4934,37 +4934,37 @@
       "recession": "Yet another 2025 catastrophe."
     },
     "currentLevel": {
-      "viscosity": "On this Ascension, this corruption is level {{ level }}. Effect: Free Accel. and Multipliers Exponent ^{{ effect }}",
-      "dilation": "On this Ascension, this corruption is level {{ level }}. Effect: Time Speed is multiplied by {{ effect }}",
-      "hyperchallenge": "On this Ascension, this corruption is level {{ level }}. Effect: Challenge Exponent Reqs. x{{ effect }}",
-      "illiteracy": "On this Ascension, this corruption is level {{ level }}. Effect: Obtainium gain ^{{ effect }}",
-      "deflation": "On this Ascension, this corruption is level {{ level }}. Effect: Diamond gain ^{{ effect }}",
-      "extinction": "On this Ascension, this corruption is level {{ level }}. Effect: Ant Upgrade Level Effect /{{ effect }}",
-      "drought": "On this Ascension, this corruption is level {{ level }}. Effect: Salvage {{ effect }}",
-      "recession": "On this Ascension, this corruption is level {{ level }}. Effect: Coin Gain ^{{ effect }}"
+      "viscosity": "Free Accel. and Multiplier Exp ^{{ effect }}",
+      "dilation": "Time Speed multiplied by {{ effect }}",
+      "hyperchallenge": "Challenge Exponent Reqs. x{{ effect }}",
+      "illiteracy": "Obtainium gain ^{{ effect }}",
+      "deflation": "Diamond gain ^{{ effect }}",
+      "extinction": "Ant Upgrade Level Effect /{{ effect }}",
+      "drought": "Salvage {{ effect }}",
+      "recession": "Coin Gain ^{{ effect }}"
     },
     "prototypeLevel": {
-      "viscosity": "On next Ascension, this corruption will be level {{ level }}. Effect: Free Accel. and Multipliers Exponent ^{{ effect }}",
-      "dilation": "On next Ascension, this corruption will be level {{ level }}. Effect: Time Speed is multiplied by {{ effect }}",
-      "hyperchallenge": "On next Ascension, this corruption will be level {{ level }}. Effect: Challenge Exponent Reqs. x{{ effect }}",
-      "illiteracy": "On next Ascension, this corruption will be level {{ level }}. Effect: Obtainium gain ^{{ effect }}",
-      "deflation": "On next Ascension, this corruption will be level {{ level }}. Effect: Diamond gain ^{{ effect }}",
-      "extinction": "On next Ascension, this corruption will be level {{ level }}. Effect: Ant Upgrade Level Effect /{{ effect }}",
-      "drought": "On next Ascension, this corruption will be level {{ level }}. Effect: Salvage {{ effect }}",
-      "recession": "On next Ascension, this corruption will be level {{ level }}. Effect: Coin Gain ^{{ effect }}"
-    },
-    "scoreMultiplier": "Current Score Multiplier: {{ curr }} / Next Ascension Score Multiplier: {{ next }}",
+      "viscosity": "Free Accel. and Multiplier Exp ^{{ effect }}",
+      "dilation": "Time Speed multiplied by {{ effect }}",
+      "hyperchallenge": "Challenge Exponent Reqs. x{{ effect }}",
+      "illiteracy": "Obtainium gain ^{{ effect }}",
+      "deflation": "Diamond gain ^{{ effect }}",
+      "extinction": "Ant Upgrade Level Effect /{{ effect }}",
+      "drought": "Salvage {{ effect }}",
+      "recession": "Coin Gain ^{{ effect }}"
+    },
+    "scoreMultiplier": "Score Multiplier: {{ curr }} / Next Ascension Score Multiplier: {{ next }}",
     "difficultyEffect": "This corruption adds {{ curr }} difficulty rating / Next Ascension +{{next}}",
-    "freeLevels": "Free Levels: {{ curr }} (Does not increase difficulty of Corruption!)",
-    "totalScoreMultiplier": "Corruptions give total Score Multiplier: x{{ curr }} / Next Ascension: x{{ next }}",
-    "totalDifficulty": "Total Ascension Difficulty Score: {{ curr }} / Next Ascension: {{ next }} (Base 400 difficulty)",
-    "totalSpiritContribution": "Corruption Loadout Spirit Power Bonus: +{{ curr }} / Next Ascension: +{{ next }} (+1% per 4 extra difficulty)",
+    "freeLevels": "Free Corruption Levels: {{ curr }} (Does not increase difficulty of Corruption!)",
+    "totalScoreMultiplier": "Total Score Multiplier: x{{ curr }} / Next Ascension: x{{ next }}",
+    "totalDifficulty": "Total Difficulty Score: {{ curr }} / Next Ascension: {{ next }} (Base 400 difficulty)",
+    "totalSpiritContribution": "Spirit Power Bonus: +{{ curr }} / Next Ascension: +{{ next }} (+1% per 4 extra difficulty)",
     "exitCorruption": {
       "name": "CLEANSE THE CORRUPTION",
       "description": "Free this world of sin.",
       "current": "Reset all Corruptions to level 0 for your current ascension. Does not reset your current ascension.",
-      "planned": "Push that big 'Reset Corruptions' button to confirm your decision.",
-      "multiplier": "Note: if you need to do this, you may have bitten off more than you can chew."
+      "planned": "Push that big 'Confirm' button to confirm your decision.",
+      "multiplier": "Note: If you need to do this, you may have bitten off more than you can chew."
     },
     "max": "MAX",
     "current": "Current: ",
@@ -5005,15 +5005,16 @@
     "intro": "The most rewarding ventures are those few would dare to embark.",
     "traitInfo": "Select the trait levels you wish to run with. Choose wisely! <<var(--red-text-color)|Don't bite off more than you can chew...>>",
     "spiritBonus": "However, it also multiplies Spirit Power by <<wheat|{{multiplier}}>>.",
-    "corruptionBank": "You have <<var(--crimson-text-color)|{{number}}>> Wow! Cubes in the Ascension bank. Gain more by finishing Challenges! Ascend to redeem them.",
-    "corruptionScore": "Your Ascension Score is <<goldenrod|{{ascScore}}>></span> (base) * <<var(--crimson-text-color)|{{corrMult}}>> (Corruption mult) * <<var(--orchid-text-color)|{{bonusMult}}>> (Bonus mult) = <<var(--darkorchid-text-color)|{{totalScore}}>>",
-    "corruptionScoreDR": "Past 1e23 Ascension Score, further gains are square rooted! You are currently under this penalty.",
-    "ascensionCount": "If you Ascend now, <<darkorange|{{ascCount}}>> will be added to your ascension count.",
-    "corruptionCubes": "If you Ascend now, you will gain <<yellow|{{cubeAmount}}>> Wow! Cubes.",
-    "corruptionTesseracts": "If you Ascend now, you will gain <<orange|{{tesseractAmount}}>> Wow! Tesseracts. [<<var(--orange-text-color)|Get more if Score >100,000>>]",
-    "corruptionHypercubes": "If you Ascend now, you will gain <<var(--crimson-text-color)|{{hypercubeAmount}}>> Wow! Hypercubes. [<<var(--red-text-color)|Req Score: >1,000,000,000>>]",
-    "corruptionPlatonics": "If you Ascend now, you will gain <<orchid|{{platonicAmount}}>> PLATONIC CUBES. [<<var(--orchid-text-color)|Req Score: >2,666,000,000,000>>]",
-    "corruptionHepteracts": "If you Ascend now, you will gain <<mediumpurple|{{hepteractAmount}}>> HEPTERACTS. [<<mediumpurple|Req Score: >1.666e17>>]",
+    "ascensionRewards": "Ascension Rewards",
+    "corruptionBank": "You have <<yellow|{{number}}>> Wow! Cubes in the Ascension bank. Ascend to redeem them.",
+    "corruptionScore": "Your Ascension Score = <<goldenrod|{{totalScore}}>>",
+    "corruptionScoreDR": "Ascension gains are square-rooted past 1e23! You are under this penalty.",
+    "ascensionCount": "<<darkorange|+{{ascCount}}>> to Ascension Count",
+    "corruptionCubes": "<<yellow|+{{cubeAmount}}>><span class='reqLine'><<yellow|Req Score >0>></span>",
+    "corruptionTesseracts": "<<orange|+{{tesseractAmount}}>> <span class='reqLine'><<orange|Req Score >100,000>></span>",
+    "corruptionHypercubes": "<<crimson|+{{hypercubeAmount}}>> <span class='reqLine'><<red|Req Score >1e9>></span>",
+    "corruptionPlatonics": "<<orchid|+{{platonicAmount}}>> <span class='reqLine'><<orchid|Req Score >2.67e12>></span>",
+    "corruptionHepteracts": "<<mediumpurple|+{{hepteractAmount}}>> <span class='reqLine'><<mediumpurple|Req Score >1.67e17>></span>",
     "autoAscend": {
       "c10Completions": "Ascend when you've completed Sadistic Challenge I a total of <<var(--violet-text-color)|{{input}}>> times, Currently <<gold|{{completions}}>>",
       "realTime": "Ascend when the timer is at least <<var(--violet-text-color)|{{input}}>> seconds (Real-time), Currently <<gold|{{time}}>>",