Get hourglass improved

templates/Apps/DelveDiceHUD/style.css

@@ -1,6 +1,6 @@
 #ripcrypt-delve-dice {
 	display: grid;
-	grid-template-columns: max-content 1fr 1fr 1fr max-content;
+	grid-template-columns: max-content 1fr 0.6fr 1fr max-content;
 	gap: 8px;
 	padding: 4px 1.5rem;
 	background: var(--DelveDice-background);
@@ -51,4 +51,29 @@
 			transform: rotate(-90deg); /* North by default */
 		}
 	}
+
+	#the-hourglass {
+		display: flex;
+		flex-direction: row;
+		position: relative;
+
+		.hourglass-container {
+			position: absolute;
+			width: 34px;
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			padding: 4px 0;
+			background: var(--accent-1);
+			border-radius: 8px;
+
+			rc-svg {
+				inset: 4px;
+			}
+		}
+
+		.hud-text {
+			margin-left: 38px;
+		}
+	}
 }

templates/Apps/DelveDiceHUD/tour/current.hbs

@@ -1,3 +1,12 @@
-<div>
+<div id="the-hourglass">
+	<div class="hourglass-container">
+		<rc-svg
+			class="hourglass"
+			name="icons/hourglass"
+			var:fill="var(--accent-2)"
+		></rc-svg>
+	</div>
+	<div class="hud-text">
 		The Hourglass
 	</div>
+</div>