Created Dice Roller - Began work on character sheets

2026-07-12 04:32:36 -04:00
parent fea5ea7bb8
commit 8ee55532f3
16 changed files with 2411 additions and 86 deletions
@@ -1,26 +1,53 @@
@import "tailwindcss";

-:root {
-  --background: #ffffff;
-  --foreground: #171717;
+@theme {
+  --color-bg: #1a1512;
+  --color-surface: #2a2420;
+  --color-ink: #f0e6d3;
+  --color-dim: #9e8e7a;
+  --color-gold: #d4a84b;
+  --color-gold-glow: #e6c06a;
+  --color-rust: #8b3a3a;
 }

-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
+* {
+  box-sizing: border-box;
 }

+html,
 body {
-  background: var(--background);
-  color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  overflow: hidden;
+  background: var(--color-bg);
+  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
+  color: var(--color-ink);
 }
+
+#scene {
+  pointer-events: none;
+  -moz-user-select: none;
+  user-select: none;
+  position: fixed;
+  inset: 0;
+  z-index: 1;
+}
+
+canvas {
+  pointer-events: none;
+  -moz-user-select: none;
+  user-select: none;
+  display: block;
+}
+
+@keyframes morphIn {
+  from {
+    opacity: 0;
+    transform: scaleX(0.3) scaleY(0.3) translateY(-50%);
+  }
+  to {
+    opacity: 1;
+    transform: scaleX(1) scaleY(1) translateY(-50%);
+  }
+}