Begin work on the updated delve dice HUD that is better in every way than the other version

templates/Apps/DelveDiceHUD/difficulty.hbs

@@ -0,0 +1,3 @@
+<div>
+	Difficulty: {{dc}}
+</div>

templates/Apps/DelveDiceHUD/fateCompass.hbs

@@ -0,0 +1,3 @@
+<div id="fate-compass">
+	North
+</div>

templates/Apps/DelveDiceHUD/style.css

@@ -0,0 +1,18 @@
+#ripcrypt-delve-dice {
+	display: grid;
+	grid-template-columns: max-content 1fr 1fr 1fr max-content;
+	gap: 8px;
+	padding: 4px 1.5rem;
+	background: var(--DelveDice-background);
+	align-items: center;
+	justify-items: center;
+	pointer-events: all;
+
+	border-radius: 0 0 999px 999px;
+
+	button {
+		&:hover {
+			cursor: pointer;
+		}
+	}
+}

templates/Apps/DelveDiceHUD/tour/current.hbs

@@ -0,0 +1,3 @@
+<div>
+	The Hourglass
+</div>

templates/Apps/DelveDiceHUD/tour/next.hbs

@@ -0,0 +1,7 @@
+<button
+	type="button"
+	class="icon"
+	data-action="tourDelta"
+>
+	&gt;
+</button>

templates/Apps/DelveDiceHUD/tour/previous.hbs

@@ -0,0 +1,7 @@
+<button
+	type="button"
+	class="icon"
+	data-action="tourDelta"
+>
+	&lt;
+</button>

templates/Apps/apps.css

@@ -1,6 +1,7 @@
 @import url("./AllItemSheetV1/style.css");
 @import url("./CombinedHeroSheet/style.css");
 @import url("./CryptApp/style.css");
+@import url("./DelveDiceHUD/style.css");
 @import url("./DicePool/style.css");
 @import url("./HeroSummaryCardV1/style.css");
 @import url("./HeroSkillsCardV1/style.css");

templates/css/elements/button.css

@@ -1,4 +1,4 @@
-.ripcrypt > .window-content button {
+.ripcrypt button {
 	all: revert;
 	outline: none;
 	border: none;

templates/css/themes/dark.css

@@ -41,4 +41,8 @@
 	--pill-input-background: var(--accent-2);
 	--pill-input-disabled-text: white;
 	--pill-input-disabled-background: black;
+
+	/* Custom HUD Components */
+	--DelveDice-background: var(--accent-1);
+	--DelveDice-text: white;
 }