body {
    font-family: 'Arial', sans-serif;
    color: #fff;
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--bg-armory) no-repeat center center fixed;
    background-size: cover;
}
        
        .arena-content {
            min-height: calc(100vh - 200px); /* Adjust based on header/footer height */
        }

        .arena-content .table-container {
            scrollbar-width: thin;
            scrollbar-color: #ffcc00 #1f2937;
            font-family: 'Arial', sans-serif;
        }

        .arena-content .table-container::-webkit-scrollbar {
            width: 8px;
        }

        .arena-content .table-container::-webkit-scrollbar-track {
            background: #1f2937;
        }

        .arena-content .table-container::-webkit-scrollbar-thumb {
            background: #ffcc00;
            border-radius: 4px;
        }

        .arena-content .top5 {
            background: linear-gradient(to right, #161616, #043a9e) !important;
        }

        .arena-content .top5:hover {
            background: linear-gradient(to right, #5807db, #0609c79c) !important;
        }

        .arena-content tr:not(.top5):hover {
            background-color: #10369e; /* Custom blue for hover */
            transition: background-color 0.2s ease-in-out;
            cursor: var(--hover-wow-gif) 16 16, auto;
        }

        .arena-content tr.top5:hover {
            filter: brightness(1.2);
            transition: filter 0.2s ease-in-out;
        }

        .arena-content a {
            color: #ffffff;
            text-decoration: none;
        }

        .arena-content a:hover {
            text-decoration: underline;
        }

        /* Scope nav-container override to arena-nav-wrapper */
        .arena-nav-wrapper .nav-container {
            border: 2px double #4338ca;
            margin-top: 20px;
        }