.k3-rankings-box {
                width: min(980px, calc(100% - 30px)) !important;
                max-width: 980px !important;
                padding: 28px 30px !important;
                border-radius: 0 !important;
                box-sizing: border-box !important;
            }

            /*
             * Primary navigation generated by JavaScript.
             */
            .k3-ranking-primary-tabs {
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
                gap: 8px;
                margin: 24px auto 14px;
                padding: 0;
            }

            .k3-ranking-primary-tab {
                min-height: 40px;
                padding: 8px 15px;
                border: 1px solid rgba(33, 201, 0, .52);
                border-radius: 0 !important;
                background: rgba(0, 0, 0, .62);
                color: #e8e8e8;
                font: inherit;
                font-size: 14px;
                line-height: 1.15;
                cursor: pointer;
                transition:
                    color .16s ease,
                    border-color .16s ease,
                    background .16s ease,
                    box-shadow .16s ease;
            }

            .k3-ranking-primary-tab:hover,
            .k3-ranking-primary-tab.is-active {
                color: #39ff14;
                border-color: #39ff14;
                background: rgba(33, 201, 0, .12);
                box-shadow:
                    0 0 12px rgba(33, 201, 0, .34),
                    inset 0 0 10px rgba(33, 201, 0, .05);
            }

            .k3-ranking-primary-tab[data-group="rpg"].is-active,
            .k3-ranking-primary-tab[data-group="rpg"]:hover {
                color: #e77cff;
                border-color: #d85cff;
                background: rgba(180, 40, 255, .12);
                box-shadow:
                    0 0 12px rgba(180, 40, 255, .38),
                    inset 0 0 10px rgba(180, 40, 255, .05);
            }

            /*
             * Only the selected category group is visible.
             */
            .k3-ranking-groups {
                display: block !important;
                margin: 0 auto 18px !important;
            }

            .k3-ranking-group {
                display: none !important;
                width: 100%;
                min-height: 0 !important;
                margin: 0 !important;
                padding: 14px 10px 16px !important;
                border: 0 !important;
                border-top: 1px solid rgba(33, 201, 0, .34) !important;
                border-bottom: 1px solid rgba(33, 201, 0, .34) !important;
                border-radius: 0 !important;
                background: rgba(0, 0, 0, .28) !important;
                box-shadow: none !important;
                box-sizing: border-box;
            }

            .k3-ranking-group.is-active {
                display: block !important;
            }

            .k3-ranking-group h2 {
                margin: 0 0 12px !important;
                color: #21c900 !important;
                font-size: 15px !important;
                line-height: 1.2;
                text-align: center;
                letter-spacing: .8px;
                text-shadow: 0 0 9px rgba(33, 201, 0, .72);
            }

            .k3-ranking-group-rpg {
                border-top-color: rgba(205, 70, 255, .52) !important;
                border-bottom-color: rgba(205, 70, 255, .52) !important;
            }

            .k3-ranking-group-rpg h2 {
                color: #dc67ff !important;
                text-shadow: 0 0 9px rgba(190, 55, 255, .8);
            }

            .k3-ranking-category-tabs {
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
                gap: 7px;
            }

            .k3-ranking-category-tabs a {
                display: inline-flex;
                min-height: 34px;
                align-items: center;
                justify-content: center;
                padding: 6px 11px;
                border: 1px solid rgba(33, 201, 0, .42);
                border-radius: 0 !important;
                background: rgba(0, 0, 0, .64);
                color: #fff !important;
                font-size: 13px !important;
                line-height: 1.15;
                text-decoration: none !important;
                transition:
                    color .15s ease,
                    border-color .15s ease,
                    background .15s ease,
                    box-shadow .15s ease;
            }

            .k3-ranking-category-tabs a:hover,
            .k3-ranking-category-tabs a.active {
                color: #39ff14 !important;
                border-color: #39ff14;
                background: rgba(33, 201, 0, .12);
                box-shadow: 0 0 10px rgba(33, 201, 0, .33);
            }

            .k3-ranking-group-rpg
            .k3-ranking-category-tabs a:hover,
            .k3-ranking-group-rpg
            .k3-ranking-category-tabs a.active {
                color: #e98cff !important;
                border-color: #d85cff;
                background: rgba(180, 40, 255, .12);
                box-shadow: 0 0 10px rgba(180, 40, 255, .38);
            }

            /*
             * Compact Weekly panel.
             */
            .k3-ranking-weekly-block {
                margin: 18px 0 22px !important;
                padding: 15px 18px !important;
                border-radius: 0 !important;
                background:
                    linear-gradient(
                        180deg,
                        rgba(8, 22, 10, .46),
                        rgba(0, 0, 0, .38)
                    ) !important;
            }

            .k3-ranking-weekly-block h2 {
                margin: 0 0 8px !important;
                font-size: 16px !important;
            }

            .k3-ranking-weekly-block
            .k3-ranking-text-tabs {
                margin: 8px auto 12px !important;
                gap: 7px !important;
                line-height: 1.45 !important;
            }

            .k3-ranking-weekly-block
            .k3-ranking-text-tabs a {
                font-size: 14px !important;
            }

            .k3-ranking-rewards-text {
                margin: 9px auto !important;
                font-size: 13px !important;
                line-height: 1.45 !important;
            }

            .k3-ranking-weekly-block > p {
                margin: 8px auto 0 !important;
                font-size: 13px !important;
            }

            /*
             * Table sits closer to the navigation.
             */
            .k3-ranking-table-box {
                margin-top: 18px !important;
                border-radius: 0 !important;
            }

            .k3-ranking-table-box h2 {
                margin: 0 0 15px !important;
            }

            .k3-ranking-table {
                margin-top: 0 !important;
                border-radius: 0 !important;
            }

            .k3-ranking-table th,
            .k3-ranking-table td {
                padding: 8px !important;
                border-radius: 0 !important;
            }

            .k3-ranking-table th {
                background: rgba(33, 201, 0, .095);
            }

            .k3-ranking-table tr:nth-child(even) td {
                background: rgba(255, 255, 255, .022);
            }

            .k3-ranking-table tr:hover td {
                background: rgba(33, 201, 0, .07);
            }

            .k3-ranking-pagination,
            .k3-ranking-pagination a {
                border-radius: 0 !important;
            }

            @media (max-width: 760px) {
                .k3-rankings-box {
                    width: calc(100% - 18px) !important;
                    padding: 18px 10px !important;
                }

                .k3-ranking-primary-tabs {
                    gap: 6px;
                    margin-top: 18px;
                }

                .k3-ranking-primary-tab {
                    min-height: 36px;
                    padding: 7px 10px;
                    font-size: 12px;
                }

                .k3-ranking-group {
                    padding: 12px 5px 14px !important;
                }

                .k3-ranking-category-tabs {
                    gap: 5px;
                }

                .k3-ranking-category-tabs a {
                    min-height: 32px;
                    padding: 6px 8px;
                    font-size: 11px !important;
                }

                .k3-ranking-weekly-block {
                    padding: 13px 8px !important;
                }

                .k3-ranking-table {
                    font-size: 12px !important;
                }

                .k3-ranking-table th,
                .k3-ranking-table td {
                    padding: 6px 4px !important;
                }
            }