フロントエンドプレイアブル

app/assets/stylesheets/application.css

@@ -0,0 +1,10 @@
+/*
+ * This is a manifest file that'll be compiled into application.css.
+ *
+ * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
+ * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
+ * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
+ * depending on specificity.
+ *
+ * Consider organizing styles into separate files for maintainability.
+ */

app/assets/tailwind/application.css

@@ -0,0 +1,18 @@
+@import "tailwindcss";
+
+:root {
+    --background-image-diplomacy: url('background.png');
+}
+
+body {
+    background-image: var(--background-image-diplomacy);
+    background-attachment: fixed;
+    background-size: 600px;
+    background-repeat: repeat;
+}
+
+.game-map svg {
+    width: 100%;
+    height: auto;
+    max-height: 70vh;
+}