diff --git a/app/globals.css b/app/globals.css
index a4bf8e3..ac21149 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -1046,13 +1046,26 @@
 }
 
 [data-fullscreen-target="results-container"]:fullscreen .countdown-card {
-  background: transparent !important;
+  background: #0c8a65 !important;
   border: none !important;
   box-shadow: none !important;
+  position: fixed !important;
+  top: 0 !important;
+  left: 0 !important;
+  width: 100vw !important;
+  height: 100vh !important;
+  z-index: 1 !important;
 }
 
 [data-fullscreen-target="results-container"]:fullscreen .results-display {
   padding: 3rem;
+  background: #0c8a65 !important;
+  position: fixed !important;
+  top: 0 !important;
+  left: 0 !important;
+  width: 100vw !important;
+  height: 100vh !important;
+  z-index: 1 !important;
 }
 
 /* Fullscreen Countdown Styles */
@@ -1062,6 +1075,8 @@
   justify-content: center;
   align-items: center;
   min-height: 100vh;
+  position: relative;
+  z-index: 2;
 }
 
 /* Old standalone countdown styles - keep for backwards compatibility */
@@ -1246,11 +1261,12 @@
 }
 
 [data-fullscreen-target="results-container"]:fullscreen .results-card {
-  background: rgba(255, 255, 255, 0.1) !important;
+  background: #0c8a65 !important;
   backdrop-filter: blur(20px) !important;
-  border: 2px solid rgba(255, 255, 255, 0.3) !important;
+  border: 2px solid rgba(255, 255, 255, 0.8) !important;
   max-width: 1400px;
   margin: 0 auto;
+  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important;
 }
 
 [data-fullscreen-target="results-container"]:fullscreen .results-title {
@@ -1289,9 +1305,9 @@
 }
 
 [data-fullscreen-target="results-container"]:fullscreen .bg-white {
-  background: rgba(255, 255, 255, 0.15) !important;
+  background: #0c8a65 !important;
   backdrop-filter: blur(10px) !important;
-  border: 1px solid rgba(255, 255, 255, 0.3) !important;
+  border: 1px solid rgba(255, 255, 255, 0.8) !important;
 }
 
 [data-fullscreen-target="results-container"]:fullscreen .text-gray-900,
diff --git a/app/results/page.tsx b/app/results/page.tsx
index d9052ff..aed2871 100644
--- a/app/results/page.tsx
+++ b/app/results/page.tsx
@@ -75,8 +75,8 @@ function ResultsPageContent() {
   const [isRefreshing, setIsRefreshing] = useState(false)
   const [lastUpdated, setLastUpdated] = useState<Date>(new Date())
 
-  // Chart colors
-  const COLORS = ['#3B82F6', '#10B981', '#F59E0B', '#EF4444', '#8B5CF6', '#06B6D4', '#84CC16', '#F97316']
+  // Chart colors - More vibrant and visible
+  const COLORS = ['#FF6B6B', '#4ECDC4', '#45B7D1', '#96CEB4', '#FFEAA7', '#DDA0DD', '#98D8C8', '#F7DC6F']
 
   useEffect(() => {
     fetchEvents()