targeting back

client/assets/styles/game.css

@@ -37,7 +37,7 @@
 .opponent .game-cryp {
     align-items: flex-start;
     grid-template-rows: min-content min-content 2fr;
-    grid-template-columns: 1fr min-content 1fr;
+    grid-template-columns: 1fr 1fr 1fr;
     grid-template-areas:
         "stats  stats ."
         "effects effects ."
@@ -52,7 +52,7 @@
     /*align-items: flex-end;*/
 
     grid-template-rows: 1fr 2fr 1fr min-content;
-    grid-template-columns: 1fr min-content 1fr;
+    grid-template-columns: 1fr 1fr 1fr;
     grid-template-areas:
         "skills skills  ."
         "avatar target  ."
@@ -156,7 +156,7 @@
 .game-cryp button[disabled], .game-cryp button[disabled]:hover {
     color: #333333;
     font-size: 14pt;
-    /*text-decoration: line-through
+    text-decoration: line-through
 }
 
 .game-cryp button:hover {
@@ -166,7 +166,7 @@
 .game-cryp.ko {
     animation: none;
     opacity: 0.5;
-    /*opacity: 0.35;*/
+    opacity: 0.35;
     filter: grayscale(100%);
 }
 
@@ -175,10 +175,14 @@
 }
 
 .game-cryp.unfocus {
-    /*opacity: 0.65;*/
+    opacity: 0.65;
     filter: blur(5px);
 }
 
+.game-cryp.unfocus.ko {
+    filter: blur(5px) grayscale(100%);
+}
+
 .combat-text {
     fill: whitesmoke;
     font-size: 2em;
@@ -189,9 +193,8 @@
     text-align: center;
 }
 
-/*
 CRYP DAMAGE
-*/
+
 .game-cryp.active-skill {
     filter: drop-shadow(0 0 0.2em silver);
     /*border-color: silver;*/