/* Global CSS Resets & Scrollbar Hiding */
::-webkit-scrollbar { display: none; }
* { -ms-overflow-style: none; scrollbar-width: none; }

/* Lenis Required Styles & Mobile Fixes */
html { overscroll-behavior: none; }
html.lenis, html.lenis body { height: auto; min-height: 100%; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-scrolling iframe { pointer-events: none; }

body {
    background-color: #0F172A; 
    color: #FFFFFF;
    overflow-x: hidden;
    overscroll-behavior: none; 
}

/* Glassmorphism Utility */
.glass-panel {
    background: rgba(30, 41, 59, 0.4);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Typography Utilities */
.text-data-heading {
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.text-yardage {
    font-weight: 900;
    letter-spacing: -0.05em;
}

/* PERFORMANCE FIX: Completely strip blur on mobile, replace with solid color */
@media (max-width: 768px) {
    .glass-panel {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background: rgba(30, 41, 59, 0.95); 
        border: 1px solid rgba(255, 255, 255, 0.1);
    }
}