/*
             * Category color definitions.
             */
            .k3-ranking-primary-tab[data-group="overview"],
            .k3-ranking-group[data-rank-group="overview"] {
                --k3-category-color: #39ff14;
                --k3-category-rgb: 57, 255, 20;
            }

            .k3-ranking-primary-tab[data-group="rpg"],
            .k3-ranking-group[data-rank-group="rpg"] {
                --k3-category-color: #d85cff;
                --k3-category-rgb: 216, 92, 255;
            }

            .k3-ranking-primary-tab[data-group="world"],
            .k3-ranking-group[data-rank-group="world"] {
                --k3-category-color: #28dfff;
                --k3-category-rgb: 40, 223, 255;
            }

            .k3-ranking-primary-tab[data-group="combat"],
            .k3-ranking-group[data-rank-group="combat"] {
                --k3-category-color: #ff5b38;
                --k3-category-rgb: 255, 91, 56;
            }

            .k3-ranking-primary-tab[data-group="community"],
            .k3-ranking-group[data-rank-group="community"] {
                --k3-category-color: #ffd24a;
                --k3-category-rgb: 255, 210, 74;
            }

            /*
             * Primary category buttons.
             */
            .k3-ranking-primary-tab {
                position: relative;
                overflow: hidden;
                border-color:
                    rgba(
                        var(--k3-category-rgb, 57, 255, 20),
                        .48
                    ) !important;
            }

            .k3-ranking-primary-tab::after {
                content: "";
                position: absolute;
                inset: auto 12px 0;
                height: 2px;
                background:
                    var(--k3-category-color, #39ff14);
                opacity: .35;
                box-shadow:
                    0 0 10px
                    var(--k3-category-color, #39ff14);
                transition:
                    opacity .16s ease,
                    inset .16s ease;
            }

            .k3-ranking-primary-tab:hover,
            .k3-ranking-primary-tab.is-active {
                color:
                    var(--k3-category-color, #39ff14)
                    !important;
                border-color:
                    var(--k3-category-color, #39ff14)
                    !important;
                background:
                    rgba(
                        var(--k3-category-rgb, 57, 255, 20),
                        .13
                    ) !important;
                box-shadow:
                    0 0 15px
                    rgba(
                        var(--k3-category-rgb, 57, 255, 20),
                        .48
                    ),
                    inset 0 0 15px
                    rgba(
                        var(--k3-category-rgb, 57, 255, 20),
                        .07
                    ) !important;
            }

            .k3-ranking-primary-tab:hover::after,
            .k3-ranking-primary-tab.is-active::after {
                inset: auto 0 0;
                opacity: 1;
            }

            .k3-ranking-primary-tab::before {
                filter:
                    drop-shadow(
                        0 0 5px
                        rgba(
                            var(--k3-category-rgb, 57, 255, 20),
                            .72
                        )
                    ) !important;
            }

            /*
             * Active subcategory panel.
             */
            .k3-ranking-group[data-rank-group] {
                border-top-color:
                    rgba(
                        var(--k3-category-rgb),
                        .58
                    ) !important;
                border-bottom-color:
                    rgba(
                        var(--k3-category-rgb),
                        .58
                    ) !important;
                background:
                    linear-gradient(
                        90deg,
                        rgba(
                            var(--k3-category-rgb),
                            .035
                        ),
                        rgba(0, 0, 0, .34),
                        rgba(
                            var(--k3-category-rgb),
                            .035
                        )
                    ) !important;
            }

            .k3-ranking-group[data-rank-group] h2 {
                color:
                    var(--k3-category-color)
                    !important;
                text-shadow:
                    0 0 10px
                    rgba(
                        var(--k3-category-rgb),
                        .82
                    ) !important;
            }

            .k3-ranking-group[data-rank-group]
            .k3-ranking-category-tabs a {
                border-color:
                    rgba(
                        var(--k3-category-rgb),
                        .42
                    ) !important;
            }

            .k3-ranking-group[data-rank-group]
            .k3-ranking-category-tabs a:hover,
            .k3-ranking-group[data-rank-group]
            .k3-ranking-category-tabs a.active {
                color:
                    var(--k3-category-color)
                    !important;
                border-color:
                    var(--k3-category-color)
                    !important;
                background:
                    rgba(
                        var(--k3-category-rgb),
                        .13
                    ) !important;
                box-shadow:
                    0 0 11px
                    rgba(
                        var(--k3-category-rgb),
                        .45
                    ) !important;
            }

            .k3-ranking-group[data-rank-group]
            .k3-ranking-category-tabs a::before {
                filter:
                    drop-shadow(
                        0 0 5px
                        rgba(
                            var(--k3-category-rgb),
                            .68
                        )
                    ) !important;
            }

            /*
             * Weekly Rankings theme.
             */
            .k3-ranking-weekly-block {
                --k3-weekly-color: #2de2c5;
                --k3-weekly-rgb: 45, 226, 197;

                border-color:
                    rgba(
                        var(--k3-weekly-rgb),
                        .58
                    ) !important;
                background:
                    linear-gradient(
                        145deg,
                        rgba(
                            var(--k3-weekly-rgb),
                            .055
                        ),
                        rgba(0, 0, 0, .48),
                        rgba(255, 210, 74, .035)
                    ) !important;
                box-shadow:
                    inset 0 0 24px
                    rgba(
                        var(--k3-weekly-rgb),
                        .035
                    ) !important;
            }

            .k3-ranking-weekly-block h2 {
                color:
                    var(--k3-weekly-color)
                    !important;
                text-shadow:
                    0 0 10px
                    rgba(
                        var(--k3-weekly-rgb),
                        .82
                    ) !important;
            }

            .k3-ranking-weekly-block
            .k3-ranking-text-tabs a:hover,
            .k3-ranking-weekly-block
            .k3-ranking-text-tabs a.active {
                color:
                    var(--k3-weekly-color)
                    !important;
                text-shadow:
                    0 0 9px
                    rgba(
                        var(--k3-weekly-rgb),
                        .75
                    ) !important;
            }

            .k3-ranking-weekly-block
            .k3-ranking-text-tabs span {
                color:
                    var(--k3-weekly-color)
                    !important;
            }

            .k3-ranking-rewards-text,
            .k3-ranking-rewards-text strong {
                text-shadow:
                    0 0 8px
                    rgba(255, 210, 74, .62)
                    !important;
            }

            /*
             * Ranking result heading follows the selected
             * main category through a class added by JavaScript.
             */
            .k3-rankings-box[data-active-rank-group="overview"]
            .k3-ranking-table-box h2 {
                color: #39ff14 !important;
                text-shadow: 0 0 10px #39ff14 !important;
            }

            .k3-rankings-box[data-active-rank-group="rpg"]
            .k3-ranking-table-box h2 {
                color: #d85cff !important;
                text-shadow: 0 0 10px #d85cff !important;
            }

            .k3-rankings-box[data-active-rank-group="world"]
            .k3-ranking-table-box h2 {
                color: #28dfff !important;
                text-shadow: 0 0 10px #28dfff !important;
            }

            .k3-rankings-box[data-active-rank-group="combat"]
            .k3-ranking-table-box h2 {
                color: #ff5b38 !important;
                text-shadow: 0 0 10px #ff5b38 !important;
            }

            .k3-rankings-box[data-active-rank-group="community"]
            .k3-ranking-table-box h2 {
                color: #ffd24a !important;
                text-shadow: 0 0 10px #ffd24a !important;
            }