From 9b892e5289ad832aa08eeea2dd839a91cc157a6e Mon Sep 17 00:00:00 2001
From: rgriffith <koalatrap@users.noreply.github.com>
Date: Thu, 19 Mar 2026 08:05:54 +0000
Subject: [PATCH] fix: remove unsupported cursor:auto and normalize rgb()
 spacing in USS files

---
 unity-client/Assets/UI/CoachPanel.uss         |  36 +++---
 unity-client/Assets/UI/CollectionTracker.uss  |  37 +++---
 unity-client/Assets/UI/CommanderLabShared.uss | 121 +++++++++---------
 unity-client/Assets/UI/DeckGenerator.uss      |  25 ++--
 unity-client/Assets/UI/MainMenu.uss           |  14 +-
 unity-client/Assets/UI/SimulationPanel.uss    |  20 +--
 unity-client/Assets/UI/TrainingPanel.uss      |  38 +++---
 7 files changed, 144 insertions(+), 147 deletions(-)

diff --git a/unity-client/Assets/UI/CoachPanel.uss b/unity-client/Assets/UI/CoachPanel.uss
index 453ad03..56f49ed 100644
--- a/unity-client/Assets/UI/CoachPanel.uss
+++ b/unity-client/Assets/UI/CoachPanel.uss
@@ -4,9 +4,9 @@
     flex-direction: row;
     align-items: center;
     padding: 8px 14px;
-    background-color: rgb(17, 15, 28);
+    background-color: rgb(17,15,28);
     border-bottom-width: 1px;
-    border-bottom-color: rgb(50, 40, 80);
+    border-bottom-color: rgb(50,40,80);
 }
 
 .deck-dropdown   { flex-grow: 1; margin: 0 8px; }
@@ -24,7 +24,7 @@
     flex-direction: column;
     border-radius: 0;
     border-right-width: 1px;
-    border-right-color: rgb(50, 40, 80);
+    border-right-color: rgb(50,40,80);
     margin: 0;
     padding: 0;
 }
@@ -37,32 +37,32 @@
 /* Bubbles */
 .chat-bubble-user {
     align-self: flex-end;
-    background-color: rgb(60, 42, 110);
+    background-color: rgb(60,42,110);
     border-radius: 14px 14px 4px 14px;
     padding: 8px 14px;
     max-width: 70%;
     margin: 4px 8px;
-    color: rgb(230, 220, 255);
+    color: rgb(230,220,255);
     font-size: 13px;
     white-space: normal;
 }
 
 .chat-bubble-coach {
     align-self: flex-start;
-    background-color: rgb(24, 20, 40);
+    background-color: rgb(24,20,40);
     border-width: 1px;
-    border-color: rgb(70, 55, 110);
+    border-color: rgb(70,55,110);
     border-radius: 14px 14px 14px 4px;
     padding: 8px 14px;
     max-width: 78%;
     margin: 4px 8px;
-    color: rgb(200, 195, 215);
+    color: rgb(200,195,215);
     font-size: 13px;
     white-space: normal;
 }
 
 .typing-indicator {
-    color: rgb(140, 120, 200);
+    color: rgb(140,120,200);
     font-size: 12px;
     padding: 4px 14px;
     -unity-font-style: italic;
@@ -73,8 +73,8 @@
     align-items: center;
     padding: 8px 12px;
     border-top-width: 1px;
-    border-top-color: rgb(50, 40, 80);
-    background-color: rgb(17, 15, 28);
+    border-top-color: rgb(50,40,80);
+    background-color: rgb(17,15,28);
 }
 
 .chat-input { flex-grow: 1; margin-right: 6px; }
@@ -97,30 +97,30 @@
 
 .stat-chip {
     flex-grow: 1;
-    background-color: rgb(28, 24, 44);
+    background-color: rgb(28,24,44);
     border-radius: 8px;
     padding: 8px;
     margin: 3px;
     border-width: 1px;
-    border-color: rgb(70, 55, 100);
+    border-color: rgb(70,55,100);
 }
 
 .chart-rect {
-    background-color: rgb(16, 14, 26);
+    background-color: rgb(16,14,26);
     border-radius: 6px;
     border-width: 1px;
-    border-color: rgb(55, 42, 90);
+    border-color: rgb(55,42,90);
     margin: 4px 0;
 }
 
 .mana-chart   { height: 100px; }
-.chart-sub    { font-size: 10px; color: rgb(120, 110, 150); margin-top: 2px; }
+.chart-sub    { font-size: 10px; color: rgb(120,110,150); margin-top: 2px; }
 
 .precon-panel {
-    background-color: rgb(22, 18, 35);
+    background-color: rgb(22,18,35);
     border-radius: 8px;
     padding: 10px;
     margin-top: 8px;
     border-width: 1px;
-    border-color: rgb(60, 45, 90);
+    border-color: rgb(60,45,90);
 }
diff --git a/unity-client/Assets/UI/CollectionTracker.uss b/unity-client/Assets/UI/CollectionTracker.uss
index 9794f17..f95e51f 100644
--- a/unity-client/Assets/UI/CollectionTracker.uss
+++ b/unity-client/Assets/UI/CollectionTracker.uss
@@ -4,9 +4,9 @@
     flex-direction: row;
     align-items: center;
     padding: 8px 14px;
-    background-color: rgb(17, 15, 28);
+    background-color: rgb(17,15,28);
     border-bottom-width: 1px;
-    border-bottom-color: rgb(50, 40, 80);
+    border-bottom-color: rgb(50,40,80);
 }
 
 .search-input   { flex-grow: 1; margin-right: 8px; }
@@ -25,7 +25,7 @@
     flex-shrink: 0;
     overflow-y: auto;
     border-right-width: 1px;
-    border-right-color: rgb(50, 40, 80);
+    border-right-color: rgb(50,40,80);
     border-radius: 0;
     padding: 14px 10px;
 }
@@ -59,24 +59,23 @@
     margin: 5px;
     border-radius: 8px;
     border-width: 1px;
-    border-color: rgb(70, 55, 110);
-    background-color: rgb(22, 18, 36);
+    border-color: rgb(70,55,110);
+    background-color: rgb(22,18,36);
     overflow: hidden;
-    cursor: auto;
     transition-duration: 0.15s;
 }
 
 .card-tile:hover {
-    border-color: rgb(150, 110, 255);
+    border-color: rgb(150,110,255);
     scale: 1.04;
 }
 
 .card-tile-name {
     font-size: 10px;
-    color: rgb(200, 190, 220);
+    color: rgb(200,190,220);
     -unity-text-align: middle-center;
     padding: 3px;
-    background-color: rgba(10, 8, 20, 0.8);
+    background-color: rgba(10,8,20,0.8);
     position: absolute;
     bottom: 0;
     left: 0;
@@ -93,7 +92,7 @@
 .detail-overlay {
     position: absolute;
     top: 0; left: 0; right: 0; bottom: 0;
-    background-color: rgba(5, 3, 15, 0.85);
+    background-color: rgba(5,3,15,0.85);
     align-items: center;
     justify-content: center;
     display: none;
@@ -102,7 +101,7 @@
 .detail-card {
     width: 680px;
     max-width: 95%;
-    border-color: rgb(100, 70, 180);
+    border-color: rgb(100,70,180);
     border-width: 2px;
     position: relative;
 }
@@ -121,28 +120,28 @@
 .card-art-front {
     width: 200px;
     height: 280px;
-    background-color: rgb(30, 25, 50);
+    background-color: rgb(30,25,50);
     border-radius: 10px;
     border-width: 2px;
-    border-color: rgb(80, 60, 130);
+    border-color: rgb(80,60,130);
 }
 
 .card-art-back {
     width: 80px;
     height: 112px;
-    background-color: rgb(20, 16, 35);
+    background-color: rgb(20,16,35);
     border-radius: 6px;
     margin-top: 8px;
     border-width: 1px;
-    border-color: rgb(60, 45, 90);
+    border-color: rgb(60,45,90);
 }
 
 .detail-info-col { flex-grow: 1; }
-.detail-name     { font-size: 20px; color: rgb(220, 200, 255); -unity-font-style: bold; margin-bottom: 6px; }
+.detail-name     { font-size: 20px; color: rgb(220,200,255); -unity-font-style: bold; margin-bottom: 6px; }
 .detail-mana     { font-size: 14px; margin-bottom: 6px; }
 
 .oracle-text {
-    color: rgb(190, 180, 200);
+    color: rgb(190,180,200);
     font-size: 12px;
     white-space: normal;
     flex-grow: 1;
@@ -154,6 +153,6 @@
     right: 8px;
     padding: 4px 10px;
     font-size: 16px;
-    background-color: rgb(70, 20, 30);
-    border-color: rgb(160, 50, 60);
+    background-color: rgb(70,20,30);
+    border-color: rgb(160,50,60);
 }
diff --git a/unity-client/Assets/UI/CommanderLabShared.uss b/unity-client/Assets/UI/CommanderLabShared.uss
index f084f84..a9a08cd 100644
--- a/unity-client/Assets/UI/CommanderLabShared.uss
+++ b/unity-client/Assets/UI/CommanderLabShared.uss
@@ -7,8 +7,8 @@
 .lab-root {
     flex-direction: column;
     flex-grow: 1;
-    background-color: rgb(13, 13, 20);
-    color: rgb(220, 210, 190);
+    background-color: rgb(13,13,20);
+    color: rgb(220,210,190);
     font-size: 14px;
 }
 
@@ -17,15 +17,15 @@
     flex-direction: row;
     align-items: center;
     padding: 10px 18px;
-    background-color: rgb(20, 16, 30);
+    background-color: rgb(20,16,30);
     border-bottom-width: 2px;
-    border-bottom-color: rgb(90, 60, 160);
+    border-bottom-color: rgb(90,60,160);
     height: 54px;
 }
 
 .nav-title {
     font-size: 20px;
-    color: rgb(180, 140, 255);
+    color: rgb(180,140,255);
     -unity-font-style: bold;
     flex-grow: 1;
     letter-spacing: 1px;
@@ -33,56 +33,55 @@
 
 /* ── Buttons ── */
 .btn {
-    background-color: rgb(60, 42, 100);
-    color: rgb(220, 210, 190);
+    background-color: rgb(60,42,100);
+    color: rgb(220,210,190);
     border-width: 1px;
-    border-color: rgb(100, 70, 180);
+    border-color: rgb(100,70,180);
     border-radius: 6px;
     padding: 8px 16px;
     margin: 4px;
     font-size: 13px;
-    cursor: auto;
     transition-duration: 0.15s;
 }
 
 .btn:hover {
-    background-color: rgb(80, 55, 140);
-    border-color: rgb(150, 110, 255);
+    background-color: rgb(80,55,140);
+    border-color: rgb(150,110,255);
 }
 
 .btn:active {
-    background-color: rgb(50, 35, 85);
+    background-color: rgb(50,35,85);
 }
 
 .btn-primary {
-    background-color: rgb(80, 50, 170);
-    border-color: rgb(150, 100, 255);
-    color: rgb(255, 255, 255);
+    background-color: rgb(80,50,170);
+    border-color: rgb(150,100,255);
+    color: rgb(255,255,255);
     -unity-font-style: bold;
 }
 
 .btn-primary:hover {
-    background-color: rgb(100, 65, 210);
+    background-color: rgb(100,65,210);
 }
 
 .btn-danger {
-    background-color: rgb(120, 30, 40);
-    border-color: rgb(200, 60, 70);
-    color: rgb(255, 180, 180);
+    background-color: rgb(120,30,40);
+    border-color: rgb(200,60,70);
+    color: rgb(255,180,180);
 }
 
 .btn-danger:hover {
-    background-color: rgb(160, 40, 55);
+    background-color: rgb(160,40,55);
 }
 
 .btn-success {
-    background-color: rgb(30, 100, 50);
-    border-color: rgb(60, 180, 90);
-    color: rgb(180, 255, 190);
+    background-color: rgb(30,100,50);
+    border-color: rgb(60,180,90);
+    color: rgb(180,255,190);
 }
 
 .btn-success:hover {
-    background-color: rgb(40, 130, 65);
+    background-color: rgb(40,130,65);
 }
 
 .btn-icon {
@@ -92,9 +91,9 @@
 
 /* ── Panel / Cards ── */
 .panel {
-    background-color: rgb(20, 18, 32);
+    background-color: rgb(20,18,32);
     border-width: 1px;
-    border-color: rgb(60, 45, 100);
+    border-color: rgb(60,45,100);
     border-radius: 10px;
     padding: 14px;
     margin: 6px;
@@ -102,21 +101,21 @@
 
 .panel-header {
     font-size: 16px;
-    color: rgb(180, 140, 255);
+    color: rgb(180,140,255);
     -unity-font-style: bold;
     margin-bottom: 10px;
     border-bottom-width: 1px;
-    border-bottom-color: rgb(60, 45, 100);
+    border-bottom-color: rgb(60,45,100);
     padding-bottom: 6px;
 }
 
 /* ── Inputs & Dropdowns ── */
 .input-field {
-    background-color: rgb(28, 24, 44);
+    background-color: rgb(28,24,44);
     border-width: 1px;
-    border-color: rgb(80, 60, 130);
+    border-color: rgb(80,60,130);
     border-radius: 6px;
-    color: rgb(220, 210, 190);
+    color: rgb(220,210,190);
     padding: 6px 10px;
     font-size: 13px;
     margin: 3px 0;
@@ -124,15 +123,15 @@
 }
 
 .input-field:focus {
-    border-color: rgb(140, 100, 255);
+    border-color: rgb(140,100,255);
 }
 
 .dropdown {
-    background-color: rgb(28, 24, 44);
+    background-color: rgb(28,24,44);
     border-width: 1px;
-    border-color: rgb(80, 60, 130);
+    border-color: rgb(80,60,130);
     border-radius: 6px;
-    color: rgb(220, 210, 190);
+    color: rgb(220,210,190);
     padding: 4px 8px;
     font-size: 13px;
     margin: 3px 0;
@@ -141,35 +140,35 @@
 
 /* ── Labels ── */
 .label {
-    color: rgb(160, 150, 180);
+    color: rgb(160,150,180);
     font-size: 13px;
     margin-bottom: 2px;
 }
 
 .label-bold {
-    color: rgb(200, 190, 220);
+    color: rgb(200,190,220);
     font-size: 13px;
     -unity-font-style: bold;
 }
 
 .stat-value {
-    color: rgb(140, 200, 255);
+    color: rgb(140,200,255);
     font-size: 22px;
     -unity-font-style: bold;
 }
 
 /* ── Error Panel ── */
 .error-panel {
-    background-color: rgb(60, 15, 20);
+    background-color: rgb(60,15,20);
     border-width: 1px;
-    border-color: rgb(180, 50, 60);
+    border-color: rgb(180,50,60);
     border-radius: 8px;
     padding: 12px;
     margin: 8px;
 }
 
 .error-text {
-    color: rgb(255, 140, 140);
+    color: rgb(255,140,140);
     font-size: 13px;
 }
 
@@ -179,69 +178,69 @@
     height: 32px;
     border-radius: 16px;
     border-width: 3px;
-    border-color: rgb(100, 70, 200);
-    border-top-color: rgb(200, 160, 255);
+    border-color: rgb(100,70,200);
+    border-top-color: rgb(200,160,255);
     margin: 8px auto;
 }
 
 /* ── Scroll area ── */
 .scroll-view {
     flex-grow: 1;
-    background-color: rgb(16, 14, 26);
+    background-color: rgb(16,14,26);
     border-radius: 6px;
 }
 
 /* ── Divider ── */
 .divider {
     height: 1px;
-    background-color: rgb(50, 40, 80);
+    background-color: rgb(50,40,80);
     margin: 8px 0;
 }
 
 /* ── Badge / Chip ── */
 .badge {
-    background-color: rgb(60, 45, 100);
+    background-color: rgb(60,45,100);
     border-radius: 12px;
     padding: 2px 10px;
     font-size: 11px;
-    color: rgb(200, 180, 255);
+    color: rgb(200,180,255);
     margin: 2px;
 }
 
-.badge-green  { background-color: rgb(20, 70, 35);  color: rgb(160, 255, 170); }
-.badge-red    { background-color: rgb(70, 20, 25);  color: rgb(255, 150, 150); }
-.badge-blue   { background-color: rgb(20, 45, 90);  color: rgb(140, 200, 255); }
-.badge-gold   { background-color: rgb(70, 55, 10);  color: rgb(255, 215, 100); }
+.badge-green  { background-color: rgb(20,70,35);  color: rgb(160,255,170); }
+.badge-red    { background-color: rgb(70,20,25);  color: rgb(255,150,150); }
+.badge-blue   { background-color: rgb(20,45,90);  color: rgb(140,200,255); }
+.badge-gold   { background-color: rgb(70,55,10);  color: rgb(255,215,100); }
 
 /* ── MTG color identity dots ── */
-.color-w { background-color: rgb(248, 231, 185); border-radius: 8px; width:14px; height:14px; margin:1px; }
-.color-u { background-color: rgb( 14, 104, 171); border-radius: 8px; width:14px; height:14px; margin:1px; }
-.color-b { background-color: rgb( 21,  11,  0 ); border-radius: 8px; width:14px; height:14px; margin:1px; }
-.color-r { background-color: rgb(211,  32,  42); border-radius: 8px; width:14px; height:14px; margin:1px; }
-.color-g { background-color: rgb(  0, 115,  62); border-radius: 8px; width:14px; height:14px; margin:1px; }
-.color-c { background-color: rgb(180, 180, 180); border-radius: 8px; width:14px; height:14px; margin:1px; }
+.color-w { background-color: rgb(248,231,185); border-radius: 8px; width:14px; height:14px; margin:1px; }
+.color-u { background-color: rgb(14,104,171); border-radius: 8px; width:14px; height:14px; margin:1px; }
+.color-b { background-color: rgb(21,11,0); border-radius: 8px; width:14px; height:14px; margin:1px; }
+.color-r { background-color: rgb(211,32,42); border-radius: 8px; width:14px; height:14px; margin:1px; }
+.color-g { background-color: rgb(0,115,62); border-radius: 8px; width:14px; height:14px; margin:1px; }
+.color-c { background-color: rgb(180,180,180); border-radius: 8px; width:14px; height:14px; margin:1px; }
 
 /* ── Progress bar ── */
 .progress-track {
     height: 12px;
-    background-color: rgb(30, 25, 50);
+    background-color: rgb(30,25,50);
     border-radius: 6px;
     border-width: 1px;
-    border-color: rgb(70, 55, 110);
+    border-color: rgb(70,55,110);
     overflow: hidden;
     margin: 4px 0;
 }
 
 .progress-fill {
     height: 12px;
-    background-color: rgb(100, 70, 220);
+    background-color: rgb(100,70,220);
     border-radius: 6px;
     transition-duration: 0.3s;
 }
 
 /* ── Toggle ── */
 .toggle-label {
-    color: rgb(180, 170, 200);
+    color: rgb(180,170,200);
     font-size: 13px;
     flex-direction: row;
     align-items: center;
diff --git a/unity-client/Assets/UI/DeckGenerator.uss b/unity-client/Assets/UI/DeckGenerator.uss
index eb5da40..42339a0 100644
--- a/unity-client/Assets/UI/DeckGenerator.uss
+++ b/unity-client/Assets/UI/DeckGenerator.uss
@@ -16,7 +16,7 @@
 
 .step-header {
     font-size: 15px;
-    color: rgb(160, 130, 255);
+    color: rgb(160,130,255);
 }
 
 .step-row {
@@ -29,10 +29,10 @@
 .commander-results {
     max-height: 200px;
     margin: 6px 0;
-    background-color: rgb(16, 14, 26);
+    background-color: rgb(16,14,26);
     border-radius: 6px;
     border-width: 1px;
-    border-color: rgb(55, 42, 90);
+    border-color: rgb(55,42,90);
 }
 
 .commander-result-list { flex-direction: column; padding: 4px; }
@@ -44,21 +44,20 @@
     padding: 6px 10px;
     border-radius: 5px;
     margin-bottom: 2px;
-    cursor: auto;
 }
 
 .commander-row:hover {
-    background-color: rgb(45, 35, 75);
+    background-color: rgb(45,35,75);
 }
 
 .selected-commander-label {
-    color: rgb(180, 240, 180);
+    color: rgb(180,240,180);
     font-size: 14px;
     -unity-font-style: bold;
     padding: 6px 2px;
     margin-top: 4px;
     border-top-width: 1px;
-    border-top-color: rgb(50, 40, 80);
+    border-top-color: rgb(50,40,80);
 }
 
 /* Two-column form layout */
@@ -93,26 +92,26 @@
 }
 
 /* Result */
-.result-panel { border-color: rgb(60, 160, 80); }
+.result-panel { border-color: rgb(60,160,80); }
 
 .result-summary {
     font-size: 16px;
-    color: rgb(160, 255, 170);
+    color: rgb(160,255,170);
     margin-bottom: 6px;
 }
 
 .mana-preview {
     font-size: 12px;
-    color: rgb(140, 200, 255);
+    color: rgb(140,200,255);
     margin-bottom: 8px;
 }
 
 .result-card-scroll {
     max-height: 280px;
-    background-color: rgb(16, 14, 26);
+    background-color: rgb(16,14,26);
     border-radius: 6px;
     border-width: 1px;
-    border-color: rgb(55, 42, 90);
+    border-color: rgb(55,42,90);
 }
 
 .result-card-list { flex-direction: column; padding: 4px; }
@@ -123,7 +122,7 @@
     border-radius: 4px;
 }
 
-.result-card-row:hover { background-color: rgb(35, 28, 58); }
+.result-card-row:hover { background-color: rgb(35,28,58); }
 
 .result-actions {
     flex-direction: row;
diff --git a/unity-client/Assets/UI/MainMenu.uss b/unity-client/Assets/UI/MainMenu.uss
index b02d4e9..a4d5a61 100644
--- a/unity-client/Assets/UI/MainMenu.uss
+++ b/unity-client/Assets/UI/MainMenu.uss
@@ -9,7 +9,7 @@
   justify-content: space-between;
   align-items: center;
   padding: 16px 24px;
-  background-color: rgba(15, 5, 25, 0.95);
+  background-color: rgba(15,5,25,0.95);
   border-bottom-width: 2px;
   border-bottom-color: #6b21a8;
 }
@@ -25,7 +25,7 @@
   font-size: 12px;
   color: #9ca3af;
   padding: 4px 10px;
-  background-color: rgba(107, 33, 168, 0.3);
+  background-color: rgba(107,33,168,0.3);
   border-radius: 8px;
 }
 
@@ -33,7 +33,7 @@
 .server-config-panel {
   margin: 16px 24px;
   padding: 16px;
-  background-color: rgba(30, 15, 50, 0.8);
+  background-color: rgba(30,15,50,0.8);
   border-radius: 10px;
   border-width: 1px;
   border-color: #374151;
@@ -115,17 +115,17 @@
   min-width: 220px;
   margin-right: 12px;
   padding: 20px;
-  background-color: rgba(30, 15, 50, 0.85);
+  background-color: rgba(30,15,50,0.85);
   border-radius: 12px;
   border-width: 1px;
   border-color: #374151;
-  transition-property: border-color, background-color;
+  transition-property: border-color,background-color;
   transition-duration: 0.2s;
 }
 
 .nav-card:hover {
   border-color: #a855f7;
-  background-color: rgba(45, 20, 75, 0.9);
+  background-color: rgba(45,20,75,0.9);
 }
 
 .nav-card-icon {
@@ -165,7 +165,7 @@
   justify-content: space-between;
   margin: 0 24px 12px 24px;
   padding: 12px 16px;
-  background-color: rgba(127, 29, 29, 0.6);
+  background-color: rgba(127,29,29,0.6);
   border-radius: 8px;
   border-width: 1px;
   border-color: #dc2626;
diff --git a/unity-client/Assets/UI/SimulationPanel.uss b/unity-client/Assets/UI/SimulationPanel.uss
index 0d3efae..ee8dd20 100644
--- a/unity-client/Assets/UI/SimulationPanel.uss
+++ b/unity-client/Assets/UI/SimulationPanel.uss
@@ -28,7 +28,7 @@
 
 .slot-label {
     width: 24px;
-    color: rgb(150, 130, 200);
+    color: rgb(150,130,200);
     -unity-font-style: bold;
     font-size: 13px;
     margin-right: 8px;
@@ -70,7 +70,7 @@
 
 .status-text {
     font-size: 14px;
-    color: rgb(180, 240, 180);
+    color: rgb(180,240,180);
     margin: 4px 0;
 }
 
@@ -82,7 +82,7 @@
 
 .winner-text {
     font-size: 18px;
-    color: rgb(255, 215, 100);
+    color: rgb(255,215,100);
     -unity-font-style: bold;
     margin: 6px 0;
 }
@@ -96,14 +96,14 @@
     padding: 7px 10px;
     border-radius: 4px;
     border-bottom-width: 1px;
-    border-bottom-color: rgb(40, 32, 65);
+    border-bottom-color: rgb(40,32,65);
 }
 
-.result-row:hover     { background-color: rgb(30, 25, 50); }
-.result-header        { background-color: rgb(25, 20, 42); }
-.result-header > Label { color: rgb(140, 120, 200); -unity-font-style: bold; }
+.result-row:hover     { background-color: rgb(30,25,50); }
+.result-header        { background-color: rgb(25,20,42); }
+.result-header > Label { color: rgb(140,120,200); -unity-font-style: bold; }
 
 .col-name { flex-grow: 1; }
-.col-wr   { width: 70px;  color: rgb(140, 200, 140); -unity-font-style: bold; }
-.col-w    { width: 55px;  color: rgb(140, 200, 255); }
-.col-l    { width: 55px;  color: rgb(255, 140, 140); }
+.col-wr   { width: 70px;  color: rgb(140,200,140); -unity-font-style: bold; }
+.col-w    { width: 55px;  color: rgb(140,200,255); }
+.col-l    { width: 55px;  color: rgb(255,140,140); }
diff --git a/unity-client/Assets/UI/TrainingPanel.uss b/unity-client/Assets/UI/TrainingPanel.uss
index a2f9adb..f683771 100644
--- a/unity-client/Assets/UI/TrainingPanel.uss
+++ b/unity-client/Assets/UI/TrainingPanel.uss
@@ -26,17 +26,17 @@
 
 .stat-cell {
     width: 48%;
-    background-color: rgb(24, 20, 40);
+    background-color: rgb(24,20,40);
     border-radius: 7px;
     padding: 8px 10px;
     margin: 3px;
     border-width: 1px;
-    border-color: rgb(60, 48, 95);
+    border-color: rgb(60,48,95);
 }
 
 .train-status {
     font-size: 13px;
-    color: rgb(160, 230, 160);
+    color: rgb(160,230,160);
     margin-bottom: 8px;
 }
 
@@ -50,18 +50,18 @@
 .charts-panel { flex-grow: 1; }
 
 .train-chart {
-    background-color: rgb(16, 14, 26);
+    background-color: rgb(16,14,26);
     border-radius: 6px;
     border-width: 1px;
-    border-color: rgb(55, 42, 90);
+    border-color: rgb(55,42,90);
     height: 80px;
     margin: 4px 0 10px 0;
     position: relative;
     overflow: hidden;
 }
 
-.accuracy-chart { border-color: rgb(40, 110, 55); }
-.loss-chart     { border-color: rgb(110, 35, 40); }
+.accuracy-chart { border-color: rgb(40,110,55); }
+.loss-chart     { border-color: rgb(110,35,40); }
 
 /* ── Right Column ── */
 .train-right {
@@ -85,28 +85,28 @@
 .feature-bar-label {
     width: 100px;
     font-size: 11px;
-    color: rgb(180, 170, 200);
+    color: rgb(180,170,200);
     margin-right: 6px;
 }
 
 .feature-bar-track {
     flex-grow: 1;
     height: 10px;
-    background-color: rgb(30, 25, 50);
+    background-color: rgb(30,25,50);
     border-radius: 5px;
     overflow: hidden;
 }
 
 .feature-bar-fill {
     height: 10px;
-    background-color: rgb(100, 70, 200);
+    background-color: rgb(100,70,200);
     border-radius: 5px;
 }
 
 .feature-bar-value {
     width: 44px;
     font-size: 10px;
-    color: rgb(140, 130, 170);
+    color: rgb(140,130,170);
     margin-left: 6px;
     -unity-text-align: middle-right;
 }
@@ -120,16 +120,16 @@
     flex-direction: row;
     padding: 6px 10px;
     border-bottom-width: 1px;
-    border-bottom-color: rgb(40, 32, 65);
+    border-bottom-color: rgb(40,32,65);
 }
 
-.history-row:hover    { background-color: rgb(28, 22, 46); }
-.history-header       { background-color: rgb(22, 18, 38); }
-.history-header Label { color: rgb(130, 115, 185); -unity-font-style: bold; font-size: 12px; }
+.history-row:hover    { background-color: rgb(28,22,46); }
+.history-header       { background-color: rgb(22,18,38); }
+.history-header Label { color: rgb(130,115,185); -unity-font-style: bold; font-size: 12px; }
 
-.h-ver  { width: 70px;  font-size: 13px; color: rgb(200, 180, 255); }
-.h-acc  { flex-grow: 1; font-size: 13px; color: rgb(140, 200, 140); }
-.h-date { width: 140px; font-size: 11px; color: rgb(130, 120, 160); }
+.h-ver  { width: 70px;  font-size: 13px; color: rgb(200,180,255); }
+.h-acc  { flex-grow: 1; font-size: 13px; color: rgb(140,200,140); }
+.h-date { width: 140px; font-size: 11px; color: rgb(130,120,160); }
 
 /* Log */
 .log-panel  { flex-grow: 1; }
@@ -137,7 +137,7 @@
 
 .log-text {
     font-size: 11px;
-    color: rgb(150, 195, 150);
+    color: rgb(150,195,150);
     white-space: normal;
     padding: 6px;
     font-family: monospace;