Create PlayerSheet

styles/Apps/PlayerSheet.css

@@ -0,0 +1,60 @@
+.taf.PlayerSheet {
+	> .window-content {
+		padding: 0.5rem;
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
+	}
+
+	.sheet-header, fieldset, .content {
+		border-radius: 8px;
+		border: 1px solid rebeccapurple;
+	}
+
+	.window-content > header {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		gap: 0.5rem;
+		padding: 4px;
+	}
+
+	.attributes {
+		display: flex;
+		flex-direction: row;
+		flex-wrap: wrap;
+		justify-content: space-around;
+		gap: 0.5rem;
+	}
+
+	.attr-range {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		gap: 4px;
+		width: 100px;
+
+		> input {
+			text-align: center;
+		}
+	}
+
+	.content {
+		flex-grow: 1;
+		overflow: hidden;
+
+		&:not(:has(> prose-mirror)) {
+			padding: 0.5rem;
+		}
+	}
+
+	prose-mirror {
+		height: 100%;
+		background: var(--color-cool-5);
+
+		menu {
+			border-bottom-left-radius: 0;
+			border-bottom-right-radius: 0;
+		}
+	}
+}

styles/elements/headers.css

@@ -0,0 +1,5 @@
+.taf > .window-content {
+	h1, h2, h3, h4, h5, h6 {
+		margin: 0;
+	}
+}

styles/elements/input.css

@@ -0,0 +1,6 @@
+.taf > .window-content input {
+	&.large {
+		--input-height: 2.5rem;
+		font-size: 1.75rem;
+	}
+}

styles/elements/p.css

@@ -0,0 +1,9 @@
+.taf > .window-content p {
+	&:first-child {
+		margin-top: 0;
+	}
+
+	&:last-child {
+		margin-bottom: 0;
+	}
+}

styles/elements/prose-mirror.css

@@ -0,0 +1,5 @@
+.taf > .window-content prose-mirror {
+	.editor-content {
+		padding: 0 8px 8px;
+	}
+}

styles/main.css

@@ -0,0 +1,12 @@
+@layer resets, elements, components, partials, apps, exceptions;
+
+/* Resets */
+
+/* Elements */
+@import url("./elements/headers.css") layer(elements);
+@import url("./elements/input.css") layer(elements);
+@import url("./elements/p.css") layer(elements);
+@import url("./elements/prose-mirror.css") layer(elements);
+
+/* Apps */
+@import url("./Apps/PlayerSheet.css") layer(apps);

styles/resets/inputs.css

@@ -0,0 +1,5 @@
+.taf > .window-content {
+	button, input {
+		all: initial;
+	}
+}