Style for Stance, dice difficulty, initiative

system/styles/scss/dices.scss

@@ -185,36 +185,56 @@
     }
 }
 
-.gm-tools-dialog {
-    bottom: 10px;
-    right: 5px;
+#l5r5e-gm-tools-dialog {
+    bottom: 0;
+    right: 0.5rem;
     display: flex;
-
+    background-position: center;
+    background-size: 100%;
+    background: linear-gradient(
+        $l5r5e-linear-gradient-second,
+        $l5r5e-linear-gradient-second-dark,
+        $l5r5e-linear-gradient-second
+    );
+    background-origin: padding-box;
+    border: 1px solid rgb(195, 165, 130);
+    background-origin: padding-box;
+    border-image: url("../assets/ui/macro-button.webp") 10 repeat;
+    border-image-width: 0.5rem;
+    border-image-outset: 0px;
+    .window-header {
+        text-align: center;
+        border-bottom: 1px solid rgb(195, 165, 130);
+        h4 {
+            font-family: $font-primary;
+            text-transform: uppercase;
+            letter-spacing: 0.15rem;
+        }
+    }
     .window-content {
         text-align: center;
         vertical-align: middle;
-
+        background: transparent;
+        color: $white-light;
         .gm-tools-container {
             flex: 1;
             display: flex;
             flex-flow: wrap;
-
-            div {
+            a {
                 flex: 1;
                 cursor: url("../assets/cursors/pointer.webp"), pointer;
+                i {
+                    font-size: 3rem;
+                    line-height: 4rem;
+                    vertical-align: middle;
+                }
             }
-
             .difficulty {
-                font-size: 60px;
-            }
-
-            i {
-                font-size: 60px;
-                vertical-align: middle;
+                flex: 1;
+                font-size: 3rem;
             }
         }
     }
-
     // hide "search anywhere" draggable icon
     .window-draggable-handle {
         display: none;

system/styles/scss/fonts.scss

@@ -279,3 +279,15 @@ i.i_skill {
     height: 1rem;
     width: 1rem;
 }
+
+// Compendium
+.compendium {
+    .item {
+        i {
+            font-family: $font-primary;
+            &:before {
+                font-family: $font-logoType;
+            }
+        }
+    }
+}

system/styles/scss/global.scss

@@ -62,6 +62,29 @@ body {
                 }
             }
         }
+        // Compendium
+        .compendium {
+            .item {
+                position: relative;
+                i {
+                    float: right;
+                    line-height: 1rem;
+                    text-align: right;
+                    margin-right: 2rem;
+                    font-size: 0.75rem;
+                    color: rgba(240, 240, 225, 0.75);
+                    font-style: italic;
+                    flex: 0 0 auto;
+                    position: absolute;
+                    right: 0;
+                    text-shadow: 0 0 0 rgba(255, 255, 255, 0.1);
+                    &:before {
+                        margin: 0 0.25rem 0 0;
+                        font-style: normal;
+                    }
+                }
+            }
+        }
     }
     &.sheet,
     &.npc,
@@ -284,6 +307,7 @@ sup {
         font-variant: normal;
         text-rendering: auto;
         line-height: 1;
+        width: 1.5rem;
         &-true:before {
             content: "\f06e";
         }

system/styles/scss/ui.scss

@@ -568,14 +568,31 @@ button {
             h3 {
                 font-size: 0.85rem;
             }
+            ul {
+                display: flex;
+                color: $l5r5e-white;
+                &.encounter {
+                    border-right: 1px solid $l5r5e-white-light;
+                }
+                li {
+                    flex: 1;
+                    cursor: url("../assets/cursors/pointer.webp"), pointer;
+                }
+            }
             .encounter {
                 i {
                     font-size: 23px;
                     vertical-align: middle;
+                    &:hover {
+                        text-shadow: 0 0 8px $red;
+                    }
                 }
 
                 .active {
                     color: $l5r5e-maho;
+                    &:hover {
+                        text-shadow: none;
+                    }
                 }
 
                 &-icon {