Update the system CSS to use sub-layers

This is so I have more granular control over interactions between resets and intentional styles

templates/Apps/apps.css

@@ -7,4 +7,23 @@
 @import url("./HeroSkillsCardV1/style.css");
 @import url("./RichEditor/style.css");
 
+@import url("./popover.css");
 @import url("./popovers/AmmoTracker/style.css");
+
+.ripcrypt {
+	.window-content {
+		flex: initial;
+		padding: 0;
+		margin: 0;
+	}
+
+	.HeroSummaryCardV1,
+	.HeroSkillsCardV1,
+	.HeroCraftCardV1 {
+		padding: 8px;
+		/* height: 270px; */
+		width: 680px;
+		--col-gap: 2px;
+		--row-gap: 4px;
+	}
+}

templates/Apps/popover.css

@@ -0,0 +1,17 @@
+.ripcrypt.popover {
+	box-sizing: border-box;
+
+	&.frameless {
+		border-width: 2px;
+		border-style: solid;
+		border-color: transparent;
+		border-radius: 4px;
+		position: absolute;
+		z-index: calc(var(--z-index-tooltip) - 5);
+		transform-origin: top left;
+
+		&.locked {
+			border-color: var(--accent-3);
+		}
+	}
+}