Basic dice roll support

styles/fonts.less

@@ -3,6 +3,11 @@
   src: url("../assets/fonts/georama.woff2") format("woff2");
 }
 
+@font-face {
+  font-family: "Broadway";
+  src: url("../assets/fonts/broadway.woff2") format("woff2");
+}
+
 @font-face {
   font-family: "Caslon";
   src: url("../fonts/caslonpro-regular.otf") format("truetype");

styles/fvtt-cthulhu-eternal.less

@@ -1,3 +1,4 @@
+@import "fonts.less";
 @import "global.less";
 
 .fvtt-cthulhu-eternal {

styles/global.less

@@ -5,7 +5,12 @@
   /*--background-image-base: url("../assets/ui/jazzage_background_main.webp");*/
   --font-primary: "Georama";
   --font-secondary: "Georama";
+  --font-title: "Broadway";
   --logo-standard: url("../assets/logos/reanimated-ce-logo.webp");
+  --color-success: darkgreen;
+  --color-failure: darkred;
+  --color-critical-success: lightgreen;
+  --color-critical-failure: lightcoral;
 }
 
 .era-icon-color {
@@ -57,6 +62,7 @@ i.fvtt-cthulhu-eternal {
 .chat-message.whisper {
   font-family: var(--font-primary);
   background-image: var(--background-image-base);
-  background-repeat: no-repeat;
+  background-repeat:repeat-y;
+  background-position: 0%;
   background-size: 100% 100%;
 }

styles/protagonist.less

@@ -62,6 +62,8 @@
       .protagonist-name {
         display: flex;
         input {
+          font-family: var(--font-title);
+          font-size: calc(var(--font-size-standard) * 1.4);
           width: 400px;
         }
       }

styles/roll.less

@@ -75,6 +75,38 @@
     .intro-right {
       display: flex;
       flex-direction: column;
+      ul {
+        list-style-type: none;
+        padding: 0;
+        margin: 0;
+        justify-content: center;
+        align-items: center;
+        li {
+          margin: 0 10px;
+          font-family: var(--font-primary);
+          font-size: calc(var(--font-size-standard) * 1.0);
+        }
+        .result-success {
+          color: var(--color-success);
+          font-family: var(--font-title);
+          font-size: calc(var(--font-size-standard) * 1.2);
+        }
+        .result-critical-success {
+          color: var(--color-critical-success);
+          font-family: var(--font-title);
+          font-size: calc(var(--font-size-standard) * 1.2);
+        }
+        .result-failure {
+          color: var(--color-failure);
+          font-family: var(--font-title);
+          font-size: calc(var(--font-size-standard) * 1.2);
+        }
+        .result-critical-failure {
+          color: var(--color-critical-failure);
+          font-family: var(--font-title);
+          font-size: calc(var(--font-size-standard) * 1.2);
+        }
+      }
       .introText {
         font-family: var(--font-secondary);
         font-size: calc(var(--font-size-standard) * 1.2);