feat: link alla pagina scores e qualche tweak allo stile della tabella scores

client/styles/main.scss

@@ -223,7 +223,7 @@ p {
     margin: 0;
 }
 
-p+p {
+p + p {
     margin-top: 0.5rem;
 }
 
@@ -353,6 +353,7 @@ main.page-scores {
         grid-template-columns: auto auto auto;
 
         box-shadow: -2px 4px 6px 1px #00000018, 0 0 4px 0px #00000010;
+        border: 1px solid #ddd;
         border-radius: 0.5rem;
         background: #ffffff;
 
@@ -366,19 +367,17 @@ main.page-scores {
 
         overflow: hidden;
 
+        position: relative;
+
         .cell {
-            text-align: center;
-            padding: 1rem 2rem;
-            display: flex;
-            align-items: center;
-            text-align: center;
+            padding: 1rem 1rem 1rem 2rem;
 
             gap: 0.5rem;
 
             border-left: 1px solid #ddd;
             border-top: 1px solid #ddd;
 
-            &:nth-child(3n+1) {
+            &:nth-child(3n + 1) {
                 border-left: none;
             }
 
@@ -392,13 +391,55 @@ main.page-scores {
                 font-weight: 400;
                 font-size: 22px;
 
-                background: #fdfdfd;
+                background: #f0f0f0;
 
-                padding-right: 1rem;
+                display: flex;
+                align-items: center;
+                text-align: center;
+                justify-content: space-between;
+            }
+
+            &:not(.header) {
+                user-select: text;
+
+                &:nth-child(3n + 1) {
+                    text-align: left;
+                }
+                &:nth-child(3n + 2),
+                &:nth-child(3n + 3) {
+                    text-align: center;
+                }
+
+                &:nth-child(3n + 3) {
+                    &::after {
+                        content: '';
+                        position: absolute;
+
+                        left: 0;
+                        right: 0;
+                        height: 3rem;
+
+                        transform: translate(0, -1rem);
+
+                        pointer-events: none;
+                        background: transparent;
+                    }
+
+                    &:hover::after {
+                        background: #00000006;
+                    }
+                }
+
+                &:hover {
+                    &:nth-child(3n + 1) + .cell + .cell::after {
+                        background: #00000006;
+                    }
+                    &:nth-child(3n + 2) + .cell::after {
+                        background: #00000006;
+                    }
+                }
             }
         }
-
-
     }
 }
 
@@ -693,8 +734,7 @@ header {
 }
 
 // On mobile
-@media screen and (max-width: $device-s-width),
-(pointer: coarse) {
+@media screen and (max-width: $device-s-width), (pointer: coarse) {
     main {
         padding: 2rem 1rem 6rem;
 
@@ -761,8 +801,7 @@ header {
     }
 }
 
-@media screen and (max-width: $device-m-width),
-(pointer: coarse) {
+@media screen and (max-width: $device-m-width), (pointer: coarse) {
     .markdown-editor {
         grid-template-columns: auto;
         grid-template-rows: auto auto;