Correction compendiums

css/cde-theme.css

@@ -177,6 +177,11 @@
   flex: 1 1 110px;
   max-width: 200px;
 }
+.cde-stat-cell--wide {
+  flex: 1 1 100%;
+  max-width: 100%;
+  min-width: 0;
+}
 .cde-stat-label {
   font-size: 10px;
   font-family: "Averia", sans-serif;
@@ -205,6 +210,23 @@
 .cde-stat-cell input:focus {
   border-bottom-color: #00d4d4;
 }
+.cde-stat-cell textarea {
+  width: 100%;
+  background: transparent;
+  border: 1px solid #1a2436;
+  border-radius: 2px;
+  color: #e2e8f4;
+  font-size: 13px;
+  font-family: inherit;
+  padding: 4px 6px;
+  outline: none;
+  resize: vertical;
+  transition: border-color 0.15s;
+  line-height: 1.5;
+}
+.cde-stat-cell textarea:focus {
+  border-color: #ff3d5a;
+}
 .cde-stat-cell select {
   width: 100%;
   border: none;
@@ -385,7 +407,6 @@ section.npc .cde-neon-tabs .item.active {
   display: none;
   flex-direction: column;
   gap: 12px;
-  min-height: 100%;
 }
 .cde-tab-body .tab.active {
   display: flex;
@@ -1254,6 +1275,12 @@ section.npc .cde-neon-tabs .item.active {
   width: auto;
   height: auto;
   opacity: 0.6;
+  cursor: zoom-in;
+  transition: opacity 0.2s ease, box-shadow 0.2s ease;
+}
+.cde-loksyu-standalone .cde-loksyu-visual-row .cde-lok-visual:hover {
+  opacity: 0.9;
+  box-shadow: 0 0 10px #263853;
 }
 .cde-loksyu-standalone .cde-lok-footer {
   display: flex;
@@ -3080,6 +3107,12 @@ strong.ellipsis {
   max-height: 180px;
   opacity: 0.45;
   border-radius: 4px;
+  cursor: zoom-in;
+  transition: opacity 0.2s ease, box-shadow 0.2s ease;
+}
+.cde-nghang-diagram img:hover {
+  opacity: 0.85;
+  box-shadow: 0 0 12px #263853;
 }
 .img-die-sm {
   width: 27px !important;

css/cde-theme.less

@@ -208,6 +208,12 @@
   min-width: 110px;
   flex: 1 1 110px;
   max-width: 200px;
+
+  &--wide {
+    flex: 1 1 100%;
+    max-width: 100%;
+    min-width: 0;
+  }
 }
 
 .cde-stat-label {
@@ -240,6 +246,23 @@
   &:focus { border-bottom-color: @cde-item; }
 }
 
+.cde-stat-cell textarea {
+  width: 100%;
+  background: transparent;
+  border: 1px solid @cde-border;
+  border-radius: 2px;
+  color: @cde-text;
+  font-size: 13px;
+  font-family: inherit;
+  padding: 4px 6px;
+  outline: none;
+  resize: vertical;
+  transition: border-color 0.15s;
+  line-height: 1.5;
+
+  &:focus { border-color: @cde-kungfu; }
+}
+
 .cde-stat-cell select {
   width: 100%;
   border: none;
@@ -369,7 +392,6 @@ section.npc        .cde-neon-tabs .item.active { color: @cde-supernatural; borde
     display: none;
     flex-direction: column;
     gap: @cde-gap;
-    min-height: 100%;
   }
 
   .tab.active {
@@ -1289,6 +1311,13 @@ section.npc        .cde-neon-tabs .item.active { color: @cde-supernatural; borde
       width: auto;
       height: auto;
       opacity: 0.6;
+      cursor: zoom-in;
+      transition: opacity 0.2s ease, box-shadow 0.2s ease;
+
+      &:hover {
+        opacity: 0.9;
+        box-shadow: 0 0 10px @cde-border-hi;
+      }
     }
   }
 
@@ -3131,6 +3160,13 @@ strong.ellipsis {
     max-height: 180px;
     opacity: 0.45;
     border-radius: 4px;
+    cursor: zoom-in;
+    transition: opacity 0.2s ease, box-shadow 0.2s ease;
+
+    &:hover {
+      opacity: 0.85;
+      box-shadow: 0 0 12px @cde-border-hi;
+    }
   }
 }