/* Critical above-the-fold styles to prevent CLS */
body { 
  margin: 0; 
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
  background-color: #064e3b;
  line-height: 1.5;
}
.min-h-screen { min-height: 100vh; }
.bg-green-900 { background-color: #064e3b; }
.text-white { color: #ffffff; }
.flex { display: flex; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
/* Fixed leaderboard positioning to prevent layout shifts */
.fixed { position: fixed; }
.bottom-4 { bottom: 1rem; }
.right-4 { right: 1rem; }
.w-80 { width: 20rem; }
.z-40 { z-index: 40; }
/* Loading states with reserved space */
.loading-placeholder { 
  width: 20rem; 
  min-height: 420px; 
  background: rgba(255,255,255,0.95); 
  border-radius: 1rem;
  backdrop-filter: blur(8px);
}
/* Critical navigation styles */
.bg-green-800 { background-color: #166534; }
.p-3, .p-4 { padding: 1rem; }
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); }
.sticky { position: sticky; }
.top-0 { top: 0; }