diff --git a/css/chess.css b/css/chess.css
index 157d020..742a177 100644
--- a/css/chess.css
+++ b/css/chess.css
@@ -348,6 +348,14 @@ button:disabled .silhouette {
    cursor: default;
 }
 
+#cb_board.cb-lt-turn .cb-lt-piece, #cb_board.cb-dk-turn .cb-dk-piece {
+   z-index: 2;
+}
+
+#cb_board.cb-lt-turn .cb-dk-piece, #cb_board.cb-dk-turn .cb-lt-piece {
+   z-index: 1;
+}
+
 #cb_peers {
    color: #cccccc;
 }
diff --git a/js/pacosako_ui.js b/js/pacosako_ui.js
index b972b48..1f2b6e9 100644
--- a/js/pacosako_ui.js
+++ b/js/pacosako_ui.js
@@ -336,6 +336,12 @@ $(function (){
          }
       }
 
+      if (game.player === PS.LIGHT) {
+         $('#cb_board').removeClass('cb-dk-turn').addClass('cb-lt-turn');
+      } else {
+         $('#cb_board').removeClass('cb-lt-turn').addClass('cb-dk-turn');
+      }
+
       const liveView = !game.canRedo;
       const playing = game.status === PS.PLAYING;