restores visuals of skills

src/style/molecules/_lists.scss

@@ -7,6 +7,10 @@
 
     .talent-group {
       break-inside: avoid-column;
+      display: unset;
+      height: unset;
+      gap: unset;
+      padding: unset;
     }
 
     ul {

src/style/molecules/_rollable.scss

@@ -146,7 +146,7 @@ $rollable_colours_font: (
         .value {
           width: 28px;
           height: 28px;
-          left: 0;
+          left: -1px;
           top: -2px;
           scale: 0.8;
 
@@ -171,39 +171,22 @@ $rollable_colours_font: (
     .die {
       stroke-width: 0.5;
 
-      span.value {
-        color: $font_color;
-      }
+      svg {
 
-      .border {
-        fill: colour.$rollable-die-border-color;
-        stroke: colour.$rollable-die-border-color;
-      }
+        margin: -4px;
 
-      .center {
+        path {
           fill: $color;
           stroke: colour.$rollable-die-border-color;
+          stroke-width: 5px;
+        }
       }
 
-      .topleft {
-        fill: color.adjust($color, $lightness: numbers.$lighter_factor);
-        stroke: colour.$rollable-die-border-color;
+      span.value {
+        color: $font_color;
+
       }
 
-      .bottomleft {
-        fill: color.adjust($color, $lightness: numbers.$lightest_factor);
-        stroke: colour.$rollable-die-border-color;
-      }
-
-      .topright {
-        fill: color.adjust($color, $lightness: numbers.$darken_factor);
-        stroke: colour.$rollable-die-border-color;
-      }
-
-      .bottomright, .bottom {
-        fill: color.adjust($color, $lightness: numbers.$darkest_factor);
-        stroke: colour.$rollable-die-border-color;
-      }
     }
 
     .container {