From 64b25469ea18280667cf59f156f0e24c14d2d56f Mon Sep 17 00:00:00 2001
From: catloversg <152669316+catloversg@users.noreply.github.com>
Date: Tue, 19 May 2026 05:03:59 +0700
Subject: [PATCH] UI: Improve visual effect of "SoA - Flood of Poseidon"
 augmentation (#2781)

---
 src/Infiltration/ui/Cyberpunk2077Game.tsx | 42 +++++++++++++++--------
 1 file changed, 27 insertions(+), 15 deletions(-)

diff --git a/src/Infiltration/ui/Cyberpunk2077Game.tsx b/src/Infiltration/ui/Cyberpunk2077Game.tsx
index 915019953..1d8c9423c 100644
--- a/src/Infiltration/ui/Cyberpunk2077Game.tsx
+++ b/src/Infiltration/ui/Cyberpunk2077Game.tsx
@@ -43,7 +43,7 @@ export function Cyberpunk2077Game({ stage }: IProps): React.ReactElement {
         <Typography variant="h5" color={Settings.theme.primary}>
           Targets:{" "}
           {stage.answers.map((a, i) => {
-            if (i == stage.currentAnswerIndex)
+            if (i === stage.currentAnswerIndex)
               return (
                 <span key={`${i}`} style={{ fontSize: "1em", color: Settings.theme.infolight }}>
                   {a}&nbsp;
@@ -64,20 +64,32 @@ export function Cyberpunk2077Game({ stage }: IProps): React.ReactElement {
             gap: 1,
           }}
         >
-          {flatGrid.map((item, idx) => (
-            <Typography
-              key={idx}
-              sx={{
-                fontSize: fontSize,
-                color: item.color,
-                border: item.selected ? `2px solid ${Settings.theme.infolight}` : "unset",
-                lineHeight: "unset",
-                p: item.selected ? "2px" : "4px",
-              }}
-            >
-              {item.content}
-            </Typography>
-          ))}
+          {flatGrid.map((item, idx) => {
+            let borderStyle = "solid";
+            let borderColor = "transparent";
+            if (item.selected) {
+              borderColor = Settings.theme.infolight;
+            } else if (hasAugment && item.content === stage.answers[stage.currentAnswerIndex]) {
+              borderStyle = "dashed";
+              borderColor = Settings.theme.warning;
+            }
+            return (
+              <Typography
+                key={idx}
+                sx={{
+                  fontSize: fontSize,
+                  color: item.color,
+                  // Always use a 2px border to avoid small symbol position shifts caused by size changes (element vs
+                  // element + 2px border).
+                  border: `2px ${borderStyle} ${borderColor}`,
+                  lineHeight: "unset",
+                  p: item.selected ? "2px" : "4px",
+                }}
+              >
+                {item.content}
+              </Typography>
+            );
+          })}
         </Box>
       </Paper>
     </>