

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <title>SEC football Games - Scores & Schedules | SEC Scouts</title>
    <meta name="description" content="SEC game scores, schedules, and results across football, basketball, baseball, and softball. Box scores, previews, and recaps for all 16 SEC teams.">
    <meta name="keywords" content="SEC games, SEC scores, SEC schedule, SEC results, college sports scores">
    
    <link rel="canonical" href="https://secscouts.com/games/">
    

    <meta property="og:type" content="website">
    <meta property="og:title" content="SEC football Games - Scores & Schedules | SEC Scouts">
    <meta property="og:description" content="SEC game scores, schedules, and results across football, basketball, baseball, and softball. Box scores, previews, and recaps for all 16 SEC teams.">
    <meta property="og:image" content="https://secscouts.com/assets/images/secscouts_logo2.png">
    <meta property="og:url" content="https://secscouts.com/games/">
    <meta property="og:site_name" content="SEC Scouts">

    
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="SEC football Games - Scores & Schedules | SEC Scouts">
    <meta name="twitter:description" content="SEC game scores, schedules, and results across football, basketball, baseball, and softball. Box scores, previews, and recaps for all 16 SEC teams.">
    <meta name="twitter:image" content="https://secscouts.com/assets/images/secscouts_logo2.png">
    

    <link rel="icon" type="image/x-icon" href="https://secscouts.com/assets/images/favicon.ico">

    
    <style>
        :root {
            --sec-primary: #002855;
            --sec-secondary: #B3A369;
            --sec-accent: #9E1B32;
            --text-dark: #1a1a1a;
            --text-light: #666;
            --bg-light: #f8f9fa;
            --border-color: #e0e0e0;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
            color: var(--text-dark);
            line-height: 1.6;
            background-color: #fff;
        }

        a {
            color: var(--sec-primary);
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Header */
        .site-header {
            background: var(--sec-primary);
            color: #fff;
            padding: 8px 0;
            position: sticky;
            top: 0;
            z-index: 1000;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        .header-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .logo {
            font-size: 1.5rem;
            font-weight: 700;
            color: #fff;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .logo:hover {
            text-decoration: none;
            color: var(--sec-secondary);
        }

        .logo-img {
            height: 85px;
            width: auto;
        }

        .fav-team-header {
            display: flex;
            align-items: center;
            margin-left: 15px;
            padding: 5px;
            background: rgba(255,255,255,0.1);
            border-radius: 8px;
            transition: background 0.2s;
        }

        .fav-team-header:hover {
            background: rgba(255,255,255,0.2);
            text-decoration: none;
        }

        .fav-team-logo {
            height: 50px;
            width: 50px;
            object-fit: contain;
        }

        /* Navigation */
        .main-nav {
            display: flex;
            gap: 5px;
        }

        .main-nav a {
            color: #fff;
            padding: 8px 15px;
            border-radius: 5px;
            font-weight: 500;
            transition: background 0.2s;
        }

        .main-nav a:hover {
            background: rgba(255,255,255,0.1);
            text-decoration: none;
        }

        .main-nav a.active {
            background: var(--sec-secondary);
            color: var(--sec-primary);
        }

        /* Mobile menu */
        .mobile-menu-btn,
        .mobile-share-btn {
            display: none;
            background: none;
            border: none;
            color: #fff;
            font-size: 1.5rem;
            cursor: pointer;
        }

        .mobile-share-btn {
            margin-right: 10px;
        }

        /* Desktop share buttons */
        .desktop-share-btns {
            display: flex;
            gap: 10px;
            margin-left: 20px;
        }

        .share-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            transition: transform 0.2s, opacity 0.2s;
        }

        .share-btn:hover {
            transform: scale(1.1);
            opacity: 0.9;
        }

        .share-fb {
            background: #1877f2;
        }

        .share-x {
            background: #000;
        }

        @media (max-width: 768px) {
            .logo-img {
                height: 60px;
                width: auto;
            }

            .fav-team-header {
                margin-left: 10px;
                padding: 3px;
            }

            .fav-team-logo {
                height: 40px;
                width: 40px;
            }

            .main-nav {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                right: 0;
                background: var(--sec-primary);
                flex-direction: column;
                padding: 10px 20px;
            }

            .main-nav.active {
                display: flex;
            }

            .mobile-menu-btn,
            .mobile-share-btn {
                display: block;
            }

            .desktop-share-btns {
                display: none;
            }
        }

        /* Badges */
        .badge {
            display: inline-block;
            padding: 3px 8px;
            font-size: 0.75rem;
            font-weight: 600;
            border-radius: 4px;
            text-transform: uppercase;
        }

        .badge-success {
            background: #28a745;
            color: #fff;
        }

        .badge-warning {
            background: #ffc107;
            color: #000;
        }

        .badge-info {
            background: #17a2b8;
            color: #fff;
        }

        .badge-primary {
            background: var(--sec-primary);
            color: #fff;
        }

        .badge-secondary {
            background: #6c757d;
            color: #fff;
        }

        /* Cards */
        .card {
            background: #fff;
            border: 1px solid var(--border-color);
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 20px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        }

        .card-title {
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 10px;
        }

        /* Section headers */
        .section-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid var(--sec-primary);
        }

        .section-title {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--sec-primary);
        }

        .section-link {
            font-size: 0.9rem;
            color: var(--sec-accent);
        }

        /* Grid layouts */
        .grid-2 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }

        .grid-3 {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }

        .grid-4 {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }

        @media (max-width: 992px) {
            .grid-4 { grid-template-columns: repeat(2, 1fr); }
            .grid-3 { grid-template-columns: repeat(2, 1fr); }
        }

        @media (max-width: 576px) {
            .grid-4, .grid-3, .grid-2 { grid-template-columns: 1fr; }
        }

        /* Utility classes */
        .text-center { text-align: center; }
        .text-muted { color: var(--text-light); }
        .mb-1 { margin-bottom: 0.5rem; }
        .mb-2 { margin-bottom: 1rem; }
        .mb-3 { margin-bottom: 1.5rem; }
        .mt-2 { margin-top: 1rem; }
        .mt-3 { margin-top: 1.5rem; }

        /* Main content area */
        .main-content {
            padding: 30px 0;
            min-height: calc(100vh - 200px);
        }
    </style>
</head>
<body>
    <header class="site-header">
        <div class="header-container">
            <a href="/" class="logo" title="SEC Scouts - SEC Sports News & Coverage">
                <img src="https://secscouts.com/assets/images/secscouts_logo.png"
                     alt="SEC Scouts - SEC Sports News & Coverage"
                     title="SEC Scouts"
                     class="logo-img"
                     width="85"
                     height="85"
                     loading="eager">
            </a>
            <a href="#" id="favTeamLink" class="fav-team-header" style="display:none;" title="My Team">
                <img src="" id="favTeamLogo" class="fav-team-logo" alt="My Team">
            </a>

            <button class="mobile-share-btn" onclick="shareThisPage()" title="Share"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><rect x="4" y="10" width="16" height="11" rx="2"/><path d="M12 2v12M12 2l4 4M12 2L8 6"/></svg></button>
            <button class="mobile-menu-btn" onclick="toggleMobileMenu()">☰</button>

            <nav class="main-nav" id="mainNav">
                <a href="/teams/">Teams</a>
                <a href="/games/">Games</a>
                <a href="/schedule/">Schedule</a>
                <a href="/standings/">Standings</a>
                <a href="/stats/">Stats</a>
                <a href="/news/">News</a>
                <a href="/news/pressroom.cfm">Press Room</a>
            </nav>

            <div class="desktop-share-btns">
                <a href="#" onclick="shareToFacebook()" title="Share on Facebook" class="share-btn share-fb">
                    <svg width="18" height="18" viewBox="0 0 24 24" fill="white"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
                </a>
                <a href="#" onclick="shareToTwitter()" title="Share on X" class="share-btn share-x">
                    <svg width="18" height="18" viewBox="0 0 24 24" fill="white"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
                </a>
            </div>
        </div>
    </header>

    
    <script>
    (function() {
        var teams = {
            "alabama": { logo: "https://secscouts.com/assets/images/logos/alabama.webp", slug: "alabama" },
            "arkansas": { logo: "https://secscouts.com/assets/images/logos/arkansas.webp", slug: "arkansas" },
            "auburn": { logo: "https://secscouts.com/assets/images/logos/auburn.webp", slug: "auburn" },
            "florida": { logo: "https://secscouts.com/assets/images/logos/florida.webp", slug: "florida" },
            "georgia": { logo: "https://secscouts.com/assets/images/logos/georgia.webp", slug: "georgia" },
            "kentucky": { logo: "https://secscouts.com/assets/images/logos/kentucky.webp", slug: "kentucky" },
            "lsu": { logo: "https://secscouts.com/assets/images/logos/lsu.webp", slug: "lsu" },
            "miss state": { logo: "https://secscouts.com/assets/images/logos/mississippi-state.webp", slug: "mississippi-state" },
            "missouri": { logo: "https://secscouts.com/assets/images/logos/missouri.webp", slug: "missouri" },
            "oklahoma": { logo: "https://secscouts.com/assets/images/logos/oklahoma.webp", slug: "oklahoma" },
            "ole miss": { logo: "https://secscouts.com/assets/images/logos/ole-miss.webp", slug: "ole-miss" },
            "south carolina": { logo: "https://secscouts.com/assets/images/logos/south-carolina.webp", slug: "south-carolina" },
            "tennessee": { logo: "https://secscouts.com/assets/images/logos/tennessee.webp", slug: "tennessee" },
            "texas": { logo: "https://secscouts.com/assets/images/logos/texas.webp", slug: "texas" },
            "texas a&m": { logo: "https://secscouts.com/assets/images/logos/texas-am.webp", slug: "texas-am" },
            "vanderbilt": { logo: "https://secscouts.com/assets/images/logos/vanderbilt.webp", slug: "vanderbilt" }
            
        };

        function getCookie(name) {
            var match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
            return match ? decodeURIComponent(match[2]) : null;
        }

        var favTeam = getCookie('favoriteTeam');
        if (favTeam) {
            var teamKey = favTeam.toLowerCase();
            if (teams[teamKey]) {
                var link = document.getElementById('favTeamLink');
                var logo = document.getElementById('favTeamLogo');
                if (link && logo) {
                    link.href = '/teams/' + teams[teamKey].slug + '/';
                    link.title = favTeam;
                    logo.src = teams[teamKey].logo;
                    logo.alt = favTeam;
                    link.style.display = 'flex';
                }
            }
        }
    })();
    </script>

    <main class="main-content">
        <div class="container">


<section class="games-hero">
    <div class="hero-content">
        <h1>SEC Games Center</h1>
        <p>Schedules, scores, stats, and analysis</p>
    </div>
</section>


<div class="games-filters">
    <div class="filter-row">
        
        <div class="filter-group">
            <span class="filter-label">Sport:</span>
            <div class="filter-pills">
                
                <a href="/games/?tab=upcoming" class="filter-pill">All</a>
                
                    <a href="/games/?sport=football&tab=upcoming" class="filter-pill active">
                        🏈 Football
                    </a>
                
                    <a href="/games/?sport=men's basketball&tab=upcoming" class="filter-pill">
                        🏀MBB Men's Basketball
                    </a>
                
                    <a href="/games/?sport=women's basketball&tab=upcoming" class="filter-pill">
                        🏀WBB Women's Basketball
                    </a>
                
                    <a href="/games/?sport=baseball&tab=upcoming" class="filter-pill">
                        ⚾ Baseball
                    </a>
                
                    <a href="/games/?sport=softball&tab=upcoming" class="filter-pill">
                        🥎 Softball
                    </a>
                
                
            </div>
        </div>
    </div>

    
    <div class="filter-row team-filter-row">
        <span class="filter-label">Team:</span>
        <div class="team-logo-bar">
            
            <a href="/games/?tab=upcoming&all=1&sport=football" class="team-logo-link active" title="All Teams">
                <span class="all-teams-icon">ALL</span>
            </a>
            
                <a href="/games/?team=Alabama&tab=upcoming&sport=football" class="team-logo-link" title="University of Alabama">
                    
                        <img src="https://secscouts.com/assets/images/logos/alabama.webp" alt="Alabama" class="team-logo-small">
                    
                </a>
            
                <a href="/games/?team=Arkansas&tab=upcoming&sport=football" class="team-logo-link" title="University of Arkansas">
                    
                        <img src="https://secscouts.com/assets/images/logos/arkansas.webp" alt="Arkansas" class="team-logo-small">
                    
                </a>
            
                <a href="/games/?team=Auburn&tab=upcoming&sport=football" class="team-logo-link" title="Auburn University">
                    
                        <img src="https://secscouts.com/assets/images/logos/auburn.webp" alt="Auburn" class="team-logo-small">
                    
                </a>
            
                <a href="/games/?team=Florida&tab=upcoming&sport=football" class="team-logo-link" title="University of Florida">
                    
                        <img src="https://secscouts.com/assets/images/logos/florida.webp" alt="Florida" class="team-logo-small">
                    
                </a>
            
                <a href="/games/?team=Georgia&tab=upcoming&sport=football" class="team-logo-link" title="University of Georgia">
                    
                        <img src="https://secscouts.com/assets/images/logos/georgia.webp" alt="Georgia" class="team-logo-small">
                    
                </a>
            
                <a href="/games/?team=Kentucky&tab=upcoming&sport=football" class="team-logo-link" title="University of Kentucky">
                    
                        <img src="https://secscouts.com/assets/images/logos/kentucky.webp" alt="Kentucky" class="team-logo-small">
                    
                </a>
            
                <a href="/games/?team=LSU&tab=upcoming&sport=football" class="team-logo-link" title="Louisiana State University">
                    
                        <img src="https://secscouts.com/assets/images/logos/lsu.webp" alt="LSU" class="team-logo-small">
                    
                </a>
            
                <a href="/games/?team=Miss State&tab=upcoming&sport=football" class="team-logo-link" title="Mississippi State University">
                    
                        <img src="https://secscouts.com/assets/images/logos/mississippi-state.webp" alt="Miss State" class="team-logo-small">
                    
                </a>
            
                <a href="/games/?team=Missouri&tab=upcoming&sport=football" class="team-logo-link" title="University of Missouri">
                    
                        <img src="https://secscouts.com/assets/images/logos/missouri.webp" alt="Missouri" class="team-logo-small">
                    
                </a>
            
                <a href="/games/?team=Oklahoma&tab=upcoming&sport=football" class="team-logo-link" title="University of Oklahoma">
                    
                        <img src="https://secscouts.com/assets/images/logos/oklahoma.webp" alt="Oklahoma" class="team-logo-small">
                    
                </a>
            
                <a href="/games/?team=Ole Miss&tab=upcoming&sport=football" class="team-logo-link" title="University of Mississippi">
                    
                        <img src="https://secscouts.com/assets/images/logos/ole-miss.webp" alt="Ole Miss" class="team-logo-small">
                    
                </a>
            
                <a href="/games/?team=South Carolina&tab=upcoming&sport=football" class="team-logo-link" title="University of South Carolina">
                    
                        <img src="https://secscouts.com/assets/images/logos/south-carolina.webp" alt="South Carolina" class="team-logo-small">
                    
                </a>
            
                <a href="/games/?team=Tennessee&tab=upcoming&sport=football" class="team-logo-link" title="University of Tennessee">
                    
                        <img src="https://secscouts.com/assets/images/logos/tennessee.webp" alt="Tennessee" class="team-logo-small">
                    
                </a>
            
                <a href="/games/?team=Texas&tab=upcoming&sport=football" class="team-logo-link" title="University of Texas">
                    
                        <img src="https://secscouts.com/assets/images/logos/texas.webp" alt="Texas" class="team-logo-small">
                    
                </a>
            
                <a href="/games/?team=Texas A&M&tab=upcoming&sport=football" class="team-logo-link" title="Texas A&M University">
                    
                        <img src="https://secscouts.com/assets/images/logos/texas-am.webp" alt="Texas A&M" class="team-logo-small">
                    
                </a>
            
                <a href="/games/?team=Vanderbilt&tab=upcoming&sport=football" class="team-logo-link" title="Vanderbilt University">
                    
                        <img src="https://secscouts.com/assets/images/logos/vanderbilt.webp" alt="Vanderbilt" class="team-logo-small">
                    
                </a>
            
            
        </div>
    </div>

    
</div>


<div class="games-layout">
    
    <div class="games-main">
        
        <div class="tab-nav" id="games-tabs">
            
            <a href="/games/?tab=upcoming&sport=football" class="tab-btn active">
                📅 Upcoming <span class="tab-count">0</span>
            </a>
            <a href="/games/?tab=recent&sport=football" class="tab-btn">
                🏆 Recent Games <span class="tab-count">149</span>
            </a>
            
        </div>

        
            <div class="games-list">
                
                    <div class="no-games">
                        <h3>No Upcoming Games</h3>
                        <p>Check back later for scheduled games.</p>
                    </div>
                
            </div>
        

    </div>

    
    <aside class="games-sidebar">
        <div class="sidebar-widget">
            <h3>⚡ Game Recaps</h3>
            
                <p class="no-data">No game recaps available.</p>
            
        </div>

        
        <div class="sidebar-widget">
            <h3>📊 AP Top 25</h3>
            
            
                <p class="no-data">Rankings not available.</p>
            
        </div>
    </aside>
</div>


<style>
    /* Hero */
    .games-hero {
        background: linear-gradient(135deg, #002855 0%, #1a4480 100%);
        color: #fff;
        padding: 50px 20px;
        text-align: center;
        margin: -30px -20px 30px;
    }

    .games-hero h1 {
        font-size: 2.5rem;
        margin-bottom: 10px;
    }

    .games-hero p {
        font-size: 1.1rem;
        opacity: 0.9;
    }

    /* Filters */
    .games-filters {
        background: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 12px;
        padding: 20px;
        margin-bottom: 30px;
    }

    .filter-row {
        display: flex;
        align-items: center;
        gap: 15px;
        flex-wrap: wrap;
    }

    .filter-row + .filter-row {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid #eee;
    }

    .filter-label {
        font-weight: 600;
        color: #333;
        font-size: 0.9rem;
        min-width: 50px;
    }

    .filter-pills {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .filter-pill {
        padding: 8px 16px;
        background: #f8f9fa;
        border: 1px solid #e0e0e0;
        border-radius: 20px;
        font-size: 0.9rem;
        color: #666;
        text-decoration: none;
        transition: all 0.2s;
    }

    .filter-pill:hover {
        background: #e9ecef;
        text-decoration: none;
    }

    .filter-pill.active {
        background: #002855;
        border-color: #002855;
        color: #fff;
    }

    /* Team Logo Bar */
    .team-filter-row {
        align-items: flex-start;
    }

    .team-logo-bar {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        flex: 1;
    }

    .team-logo-link {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: #f8f9fa;
        border: 2px solid transparent;
        transition: all 0.2s;
        text-decoration: none;
    }

    .team-logo-link:hover {
        transform: scale(1.15);
        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    }

    .team-logo-link.active {
        border-color: #9E1B32;
        box-shadow: 0 0 0 2px rgba(158,27,50,0.3);
    }

    .team-logo-small {
        width: 26px;
        height: 26px;
        object-fit: contain;
    }

    .team-logo-placeholder {
        width: 26px;
        height: 26px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.75rem;
        font-weight: bold;
        color: #fff;
    }

    .all-teams-icon {
        font-size: 0.65rem;
        font-weight: 700;
        color: #002855;
    }

    .filter-notice {
        margin-top: 15px;
        padding: 10px 15px;
        background: #e7f3ff;
        border-radius: 8px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 0.9rem;
    }

    .clear-filter {
        color: #9E1B32;
        font-weight: 600;
        text-decoration: none;
    }

    /* Layout */
    .games-layout {
        display: grid;
        grid-template-columns: 1fr 350px;
        gap: 30px;
        align-items: start;
        max-width: 100%;
        overflow: hidden;
    }

    .games-main {
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
    }

    /* Tabs */
    .tab-nav {
        display: flex;
        gap: 10px;
        margin-bottom: 20px;
    }

    .tab-btn {
        padding: 12px 24px;
        background: #f8f9fa;
        border: 2px solid #e0e0e0;
        border-radius: 8px;
        font-size: 1rem;
        font-weight: 600;
        color: #666;
        text-decoration: none;
        transition: all 0.2s;
    }

    .tab-btn:hover {
        background: #e9ecef;
        text-decoration: none;
    }

    .tab-btn.active {
        background: #002855;
        border-color: #002855;
        color: #fff;
    }

    .tab-count {
        background: rgba(0,0,0,0.15);
        padding: 2px 8px;
        border-radius: 10px;
        font-size: 0.8rem;
        margin-left: 5px;
    }

    .tab-btn.active .tab-count {
        background: rgba(255,255,255,0.2);
    }

    /* Games List */
    .games-list {
        display: flex;
        flex-direction: column;
        gap: 10px;
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
    }

    .date-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 15px 0 10px;
        border-bottom: 2px solid #002855;
        margin-bottom: 5px;
    }

    .date-header:not(:first-child) {
        margin-top: 20px;
    }

    .date-day {
        font-weight: 700;
        color: #002855;
        font-size: 1rem;
    }

    .date-full {
        color: #666;
        font-size: 0.9rem;
    }

    /* Game Card */
    .game-card {
        display: grid;
        grid-template-columns: 50px 1fr auto;
        gap: 15px;
        align-items: center;
        padding: 15px 20px;
        background: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 10px;
        transition: all 0.2s;
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    .game-card:hover {
        border-color: #002855;
        box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    }

    a.game-card {
        text-decoration: none;
        color: inherit;
    }

    .game-sport {
        font-size: 1.8rem;
        text-align: center;
    }

    .game-teams {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .team-row {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .team-row .team-logo {
        width: 32px;
        height: 32px;
        object-fit: contain;
    }

    .team-row .team-logo-placeholder {
        width: 32px;
        height: 32px;
        font-size: 0.9rem;
    }

    .team-rank {
        font-size: 0.85rem;
        font-weight: 700;
        color: #9E1B32;
        min-width: 28px;
    }

    .team-name {
        font-weight: 600;
        font-size: 1rem;
        flex: 1;
    }

    .team-row.winner .team-name {
        color: #28a745;
    }

    .team-score {
        font-size: 1.2rem;
        font-weight: 700;
        min-width: 35px;
        text-align: right;
    }

    .team-score.winning {
        color: #28a745;
    }

    .vs-text {
        font-size: 0.8rem;
        color: #999;
        padding-left: 38px;
    }

    .game-info {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 5px;
    }

    .game-time {
        font-size: 0.9rem;
        font-weight: 600;
        color: #333;
        background: #f8f9fa;
        padding: 4px 10px;
        border-radius: 5px;
    }

    .game-broadcast {
        font-size: 0.8rem;
        font-weight: 600;
        color: #fff;
        background: #dc3545;
        padding: 3px 10px;
        border-radius: 5px;
    }

    .conf-badge {
        font-size: 0.7rem;
        font-weight: 700;
        color: #002855;
        background: #B3A369;
        padding: 2px 8px;
        border-radius: 10px;
    }

    .final-badge {
        font-size: 0.75rem;
        font-weight: 700;
        color: #fff;
        background: #28a745;
        padding: 3px 10px;
        border-radius: 5px;
    }

    .stats-badge, .analysis-badge {
        font-size: 0.75rem;
        font-weight: 600;
        color: #0066cc;
        background: #e7f3ff;
        padding: 3px 10px;
        border-radius: 5px;
    }

    .sport-name { display: block; font-size: 0.7rem; color: #666; margin-top: 2px; }
    .recap-badge, .preview-badge {
        font-size: 0.75rem; padding: 2px 6px; border-radius: 4px;
        text-decoration: none; cursor: pointer;
    }
    .recap-badge { background: #e8f5e9; color: #2e7d32; }
    .preview-badge { background: #e3f2fd; color: #1565c0; }

    .game-venue {
        grid-column: 2 / -1;
        font-size: 0.85rem;
        color: #666;
        padding-top: 5px;
    }

    .game-meta {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 5px;
    }

    .no-games {
        text-align: center;
        padding: 50px 20px;
        background: #f8f9fa;
        border-radius: 10px;
        color: #666;
    }

    .no-games h3 {
        margin-bottom: 10px;
        color: #333;
    }

    /* Sidebar */
    .games-sidebar {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .sidebar-widget {
        background: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 12px;
        padding: 20px;
    }

    .sidebar-widget h3 {
        font-size: 1.1rem;
        color: #002855;
        margin-bottom: 15px;
        padding-bottom: 10px;
        border-bottom: 2px solid #002855;
    }

    /* QuickHits */
    .quickhits-list {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .quickhit-item {
        padding-bottom: 15px;
        border-bottom: 1px solid #f0f0f0;
    }

    .quickhit-item:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .qh-game-banner {
        display: flex;
        align-items: center;
        gap: 10px;
        background: linear-gradient(135deg, #002855 0%, #1a4480 100%);
        color: #fff;
        padding: 10px 12px;
        border-radius: 8px;
        margin-bottom: 10px;
        text-decoration: none;
        font-size: 0.85rem;
        transition: transform 0.2s, box-shadow 0.2s;
    }

    .qh-game-banner:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,40,85,0.3);
        color: #fff;
        text-decoration: none;
    }

    .qh-sport {
        font-size: 1.2rem;
    }

    .qh-matchup {
        flex: 1;
    }

    .quickhit-item h4 {
        font-size: 0.95rem;
        color: #1a1a1a;
        margin-bottom: 6px;
        line-height: 1.3;
    }

    .qh-preview {
        font-size: 0.85rem;
        color: #666;
        line-height: 1.5;
        margin-bottom: 8px;
    }

    .qh-meta {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 0.8rem;
    }

    .qh-date {
        color: #999;
    }

    .qh-link {
        color: #9E1B32;
        font-weight: 500;
    }

    /* Rankings Widget */
    .rankings-list {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .ranking-item {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 8px;
        border-radius: 6px;
        background: #f8f9fa;
    }

    .ranking-item.sec-team {
        background: #e7f3ff;
        border-left: 3px solid #002855;
    }

    .ranking-num {
        font-weight: 700;
        color: #002855;
        min-width: 30px;
    }

    .ranking-logo {
        width: 24px;
        height: 24px;
        object-fit: contain;
    }

    .ranking-name {
        flex: 1;
        font-size: 0.9rem;
        font-weight: 500;
    }

    .ranking-record {
        font-size: 0.8rem;
        color: #666;
    }

    .widget-link {
        display: block;
        text-align: center;
        padding-top: 15px;
        margin-top: 15px;
        border-top: 1px solid #e0e0e0;
        font-size: 0.9rem;
        color: #9E1B32;
    }

    .no-data {
        text-align: center;
        color: #999;
        padding: 20px;
    }

    /* Responsive */
    @media (max-width: 1100px) {
        .games-layout {
            grid-template-columns: 1fr;
        }

        .games-sidebar {
            flex-direction: row;
            flex-wrap: wrap;
        }

        .sidebar-widget {
            flex: 1;
            min-width: 300px;
        }
    }

    @media (max-width: 768px) {
        .games-hero h1 {
            font-size: 2rem;
        }

        .game-card {
            grid-template-columns: 1fr;
            gap: 10px;
        }

        .game-sport {
            display: none;
        }

        .game-venue {
            grid-column: 1;
        }

        .game-info, .game-meta {
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: flex-start;
        }

        .tab-nav {
            flex-direction: column;
        }

        .tab-btn {
            text-align: center;
        }

        .sidebar-widget {
            min-width: 100%;
        }
    }

    @media (max-width: 576px) {
        .filter-row {
            flex-direction: column;
            align-items: flex-start;
        }

        .filter-pills {
            width: 100%;
        }

        .team-logo-bar {
            justify-content: center;
        }

        .stats-table {
            font-size: 0.75rem;
        }

        .stats-table th, .stats-table td {
            padding: 6px 4px;
        }
    }

    /* Expandable Game Cards */
    .game-card-wrapper {
        margin-bottom: 10px;
        min-width: 0;
        max-width: 100%;
    }

    .game-card.expandable {
        cursor: pointer;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .game-card.expandable:hover {
        background: #f8f9fa;
    }

    .game-card.expandable.expanded {
        border-bottom: none;
        background: #f8f9fa;
    }

    .expand-icon {
        font-size: 0.8rem;
        color: #666;
        transition: transform 0.3s;
        margin-left: 5px;
    }

    .expand-icon.rotated {
        transform: rotate(180deg);
    }

    /* Game Details Panel */
    .game-details {
        background: #fff;
        border: 1px solid #e0e0e0;
        border-top: none;
        border-radius: 0 0 10px 10px;
        padding: 20px;
        animation: slideDown 0.3s ease;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
        box-sizing: border-box;
    }

    .game-details .stats-section {
        max-width: 100%;
        overflow-x: auto;
    }

    @keyframes slideDown {
        from {
            opacity: 0;
            max-height: 0;
        }
        to {
            opacity: 1;
            max-height: 2000px;
        }
    }

    .stats-section {
        margin-bottom: 25px;
    }

    .stats-section h4, .analysis-section h4 {
        font-size: 1rem;
        color: #002855;
        margin-bottom: 12px;
        padding-bottom: 8px;
        border-bottom: 2px solid #002855;
    }

    .stats-table-wrapper {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
    }

    .stats-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.9rem;
        min-width: 400px;
    }

    .stats-table th {
        background: #002855;
        color: #fff;
        padding: 10px 12px;
        text-align: left;
        font-weight: 600;
        font-size: 0.8rem;
    }

    .stats-table td {
        padding: 10px 12px;
        border-bottom: 1px solid #e0e0e0;
    }

    .stats-table tr:last-child td {
        border-bottom: none;
    }

    .stats-table tr.winner-row {
        background: #e8f5e9;
    }

    .stats-table tr.winner-row td:first-child {
        border-left: 3px solid #28a745;
    }

    /* Analysis Section */
    .analysis-section {
        margin-bottom: 20px;
    }

    .analysis-section h5 {
        font-size: 1.1rem;
        color: #1a1a1a;
        margin-bottom: 12px;
        line-height: 1.4;
    }

    .analysis-content {
        font-size: 0.95rem;
        line-height: 1.7;
        color: #333;
        max-height: 400px;
        overflow-y: auto;
        padding-right: 10px;
    }

    .analysis-content p {
        margin-bottom: 12px;
    }

    .analysis-content p:last-child {
        margin-bottom: 0;
    }

    /* Details Footer */
    .details-footer {
        padding-top: 15px;
        border-top: 1px solid #e0e0e0;
        text-align: center;
    }

    .full-recap-btn {
        display: inline-block;
        padding: 10px 25px;
        background: linear-gradient(135deg, #002855 0%, #1a4480 100%);
        color: #fff;
        border-radius: 6px;
        font-weight: 600;
        text-decoration: none;
        transition: all 0.2s;
    }

    .full-recap-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,40,85,0.3);
        color: #fff;
        text-decoration: none;
    }

    /* Mobile adjustments for game details */
    @media (max-width: 768px) {
        .game-details {
            padding: 15px;
        }

        .stats-table {
            display: block;
            overflow-x: auto;
        }

        .analysis-content {
            max-height: 300px;
        }
    }
</style>

<script>
function toggleGameDetails(gameId) {
    var details = document.getElementById('game-details-' + gameId);
    var icon = document.getElementById('expand-icon-' + gameId);
    var card = document.querySelector('[data-game-id="' + gameId + '"]');

    if (details.style.display === 'none') {
        details.style.display = 'block';
        icon.classList.add('rotated');
        card.classList.add('expanded');
    } else {
        details.style.display = 'none';
        icon.classList.remove('rotated');
        card.classList.remove('expanded');
    }
}

// Auto-scroll to games tabs when team is specified


</script>

        </div>
    </main>

    <footer class="site-footer">
        <div class="footer-container">
            <div class="footer-section">
                <h4>SEC Teams</h4>
                <div class="footer-teams">
                    <a href="/alabama/">Alabama</a>
                    <a href="/arkansas/">Arkansas</a>
                    <a href="/auburn/">Auburn</a>
                    <a href="/florida/">Florida</a>
                    <a href="/georgia/">Georgia</a>
                    <a href="/kentucky/">Kentucky</a>
                    <a href="/lsu/">LSU</a>
                    <a href="/mississippi-state/">Miss State</a>
                    <a href="/missouri/">Missouri</a>
                    <a href="/ole-miss/">Ole Miss</a>
                    <a href="/oklahoma/">Oklahoma</a>
                    <a href="/south-carolina/">S. Carolina</a>
                    <a href="/tennessee/">Tennessee</a>
                    <a href="/texas/">Texas</a>
                    <a href="/texas-am/">Texas A&M</a>
                    <a href="/vanderbilt/">Vanderbilt</a>
                </div>
            </div>

            <div class="footer-section">
                <h4>Coverage</h4>
                <ul class="footer-links">
                    <li><a href="/portal/">Transfer Portal</a></li>
                    <li><a href="/recruiting/">Recruiting</a></li>
                    <li><a href="/nil/">NIL Tracker</a></li>
                    <li><a href="/blog/">News & Analysis</a></li>
                    <li><a href="/schedule/">Schedules</a></li>
                </ul>
            </div>

            <div class="footer-section">
                <h4>About</h4>
                <ul class="footer-links">
                    <li><a href="/about/">About SEC Scouts</a></li>
                    <li><a href="/contact/">Contact Us</a></li>
                    <li><a href="/privacy/">Privacy Policy</a></li>
                    <li><a href="/terms/">Terms of Use</a></li>
                </ul>
            </div>

            <div class="footer-section">
                <h4>Follow Us</h4>
                <div class="social-links">
                    <a href="https://x.com/secscoutshq" target="_blank" rel="noopener">X / Twitter</a>
                    <a href="https://www.facebook.com/61586203719720/" target="_blank" rel="noopener">Facebook</a>
                </div>
            </div>
        </div>

        <div class="footer-bottom">
            
            <p>&copy; 2026 SEC Scouts. All rights reserved.</p>
            
            <p class="disclaimer">SEC Scouts is not affiliated with the Southeastern Conference or any member institutions.</p>
        </div>
    </footer>

    
    <style>
        .site-footer {
            background: #1a1a1a;
            color: #ccc;
            padding: 40px 0 20px;
            margin-top: 40px;
        }

        .footer-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: 30px;
        }

        .footer-section h4 {
            color: #fff;
            font-size: 1rem;
            margin-bottom: 15px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .footer-teams {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 8px;
        }

        .footer-teams a,
        .footer-links a,
        .social-links a {
            color: #999;
            font-size: 0.9rem;
            transition: color 0.2s;
        }

        .footer-teams a:hover,
        .footer-links a:hover,
        .social-links a:hover {
            color: #fff;
            text-decoration: none;
        }

        .footer-links {
            list-style: none;
        }

        .footer-links li {
            margin-bottom: 8px;
        }

        .social-links {
            display: flex;
            gap: 15px;
        }

        .footer-bottom {
            max-width: 1200px;
            margin: 30px auto 0;
            padding: 20px 20px 0;
            border-top: 1px solid #333;
            text-align: center;
            font-size: 0.85rem;
        }

        .footer-bottom .disclaimer {
            margin-top: 10px;
            font-size: 0.75rem;
            color: #666;
        }

        @media (max-width: 992px) {
            .footer-container {
                grid-template-columns: 1fr 1fr;
            }
            .footer-teams {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 576px) {
            .footer-container {
                grid-template-columns: 1fr;
            }
        }
    </style>

    <script>
        function toggleMobileMenu() {
            document.getElementById('mainNav').classList.toggle('active');
        }

        function shareThisPage() {
            if (navigator.share) {
                navigator.share({
                    title: document.title,
                    url: window.location.href
                }).catch(function(err) {
                    console.log('Share cancelled or failed');
                });
            } else {
                // Fallback: copy to clipboard
                navigator.clipboard.writeText(window.location.href).then(function() {
                    alert('Link copied to clipboard!');
                });
            }
        }

        function shareToFacebook() {
            var url = encodeURIComponent(window.location.href);
            window.open('https://www.facebook.com/sharer/sharer.php?u=' + url, 'facebook-share', 'width=580,height=400');
            return false;
        }

        function shareToTwitter() {
            var url = encodeURIComponent(window.location.href);
            var text = encodeURIComponent(document.title);
            window.open('https://twitter.com/intent/tweet?url=' + url + '&text=' + text, 'twitter-share', 'width=580,height=400');
            return false;
        }
    </script>
</body>
</html>