...

Chrono/Web/Pages/Home.razor.css

@@ -141,12 +141,35 @@
     flex-shrink: 0;
 }
 
-.stat-icon.agents { background: rgba(108, 99, 255, 0.15); color: var(--accent); }
-.stat-icon.spells { background: rgba(255, 215, 0, 0.12); color: var(--gold); }
-.stat-icon.tokens { background: rgba(0, 200, 150, 0.15); color: #00c896; }
-.stat-icon.decks { background: rgba(255, 120, 80, 0.15); color: #ff7850; }
-.stat-icon.factions { background: rgba(100, 200, 255, 0.15); color: #64c8ff; }
-.stat-icon.total { background: rgba(200, 150, 255, 0.15); color: #c896ff; }
+.stat-icon.agents {
+    background: rgba(108, 99, 255, 0.15);
+    color: var(--accent);
+}
+
+.stat-icon.spells {
+    background: rgba(255, 215, 0, 0.12);
+    color: var(--gold);
+}
+
+.stat-icon.tokens {
+    background: rgba(0, 200, 150, 0.15);
+    color: #00c896;
+}
+
+.stat-icon.decks {
+    background: rgba(255, 120, 80, 0.15);
+    color: #ff7850;
+}
+
+.stat-icon.factions {
+    background: rgba(100, 200, 255, 0.15);
+    color: #64c8ff;
+}
+
+.stat-icon.total {
+    background: rgba(200, 150, 255, 0.15);
+    color: #c896ff;
+}
 
 .stat-body {
     display: flex;
@@ -234,15 +257,38 @@
 }
 
 /* ── Responsive ── */
-@@media (max-width: 900px) {
-    .home-stats { grid-template-columns: repeat(3, 1fr); }
-    .home-sections { grid-template-columns: 1fr; }
+@
+@media (max-width: 900px) {
+    .home-stats {
+        grid-template-columns: repeat(3, 1fr);
+    }
+
+    .home-sections {
+        grid-template-columns: 1fr;
+    }
 }
 
-@@media (max-width: 600px) {
-    .hero-title { font-size: 2.2rem; }
-    .hero-subtitle { font-size: 0.95rem; }
-    .hero-actions { flex-direction: column; align-items: center; }
-    .cta-button { width: 100%; justify-content: center; }
-    .home-stats { grid-template-columns: repeat(2, 1fr); }
+@
+@media (max-width: 600px) {
+    .hero-title {
+        font-size: 2.2rem;
+    }
+
+    .hero-subtitle {
+        font-size: 0.95rem;
+    }
+
+    .hero-actions {
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .cta-button {
+        width: 100%;
+        justify-content: center;
+    }
+
+    .home-stats {
+        grid-template-columns: repeat(2, 1fr);
+    }
 }