initial commit

goons.css

@@ -0,0 +1,72 @@
+
+/* ===== Goons Status – page-scoped visuals only ===== */
+
+/* Match your “card” look from other pages */
+.gs-section {
+  border: 1px solid rgba(0,255,102,.25);
+  padding: 1rem;
+  margin: 1rem 0;
+  box-shadow: 0 0 14px rgba(0,255,102,.08);
+}
+
+.gs-row { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
+.muted { color: #9aa0a6; }
+
+/* Pill/badge styles */
+.chip {
+  padding: .2rem .5rem;
+  border-radius: 999px;
+  border: 1px solid rgba(0,255,102,.25);
+  background: rgba(0,255,102,.08);
+  color: #a7f3d0;
+  font-size: .85rem;
+  white-space: nowrap;
+  display: inline-flex;
+  align-items: center;
+  gap: .35rem;
+}
+.chip.stale {
+  border-color: rgba(255,194,0,.45);
+  background: rgba(255,194,0,.08);
+  color: #ffd889;
+}
+
+.badge {
+  padding: .25rem .5rem;
+  border-radius: 999px;
+  background: rgba(0,255,102,.08);
+  border: 1px solid rgba(0,255,102,.25);
+  color: #a7f3d0;
+  font-size: .85rem;
+  white-space: nowrap;
+}
+
+/* Map name */
+.map-pill {
+  display: inline-block;
+  padding: .2rem .5rem;
+  border-radius: 6px;
+  border: 1px solid rgba(0,255,102,.25);
+  background: rgba(0,255,102,.08);
+  color: #283f75;   /* your chosen accent color */
+  font-weight: 700;
+  text-shadow: none;
+}
+.pill-row { margin-bottom: .35rem; }
+
+/* Cards & layout */
+.gs-card { margin-bottom: .75rem; }
+.gs-card h3 { margin: 0 0 .35rem 0; font-size: 1.05rem; }
+
+.gs-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+  gap: 14px;
+}
+
+/* Header meta row */
+.page-meta { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; }
+.page-meta .spacer { flex: 1 1 auto; }
+
+/* Tighten glow around updated badge for clearer text */
+#gs-updated { text-shadow: none; }