fix: size of pieces and removed text view of the game state

src/app/pages/game/game.component.css

@@ -40,35 +40,9 @@ h2 {
 
 .top-section {
   display: grid;
-  gap: 0.75rem;
-  margin-bottom: 0.75rem;
-  flex: 0 0 auto;
-}
-
-.state-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
-  gap: 0.75rem;
+  gap: 0.5rem;
   margin-bottom: 0.5rem;
-}
-
-.panel {
-  background: #B9C2DA;
-  border-radius: 10px;
-  border: 2px solid #5A2C28;
-  padding: 0.75rem;
-}
-
-.panel p {
-  margin: 0.3rem 0;
-}
-
-code {
-  display: block;
-  background: #E1EAA9;
-  border-radius: 8px;
-  padding: 0.5rem;
-  overflow-wrap: anywhere;
+  flex: 0 0 auto;
 }
 
 .move-form {
@@ -78,11 +52,17 @@ code {
   gap: 0.75rem;
 }
 
+.board-hint {
+  margin: 0;
+  color: #5A2C28;
+}
+
 .board-section {
   flex: 1 1 auto;
   min-height: 0;
   display: grid;
   place-items: center;
+  container-type: size;
   padding: clamp(0.35rem, 1vw, 0.75rem);
   border-radius: 10px;
   border: 2px solid #5A2C28;