/*
             * Active category colour.
             */
            .k3-rankings-box {
                --k3-active-rank-color: #39ff14;
                --k3-active-rank-rgb: 57, 255, 20;
            }

            /*
             * Ranking title above the podium and table.
             */
            .k3-ranking-podium > h2,
            .k3-ranking-table-box > h2 {
                color: var(--k3-active-rank-color) !important;
                font-size: 25px !important;
                letter-spacing: 1.7px !important;
                text-shadow:
                    0 0 7px var(--k3-active-rank-color),
                    0 0 17px rgba(
                        var(--k3-active-rank-rgb),
                        .62
                    ) !important;
                transition:
                    color .25s ease,
                    text-shadow .25s ease;
            }

            .k3-ranking-table-box > h2 {
                position: relative;
                width: fit-content;
                margin: 30px auto 24px !important;
                padding: 0 58px 9px;
            }

            .k3-ranking-table-box > h2::before,
            .k3-ranking-table-box > h2::after {
                content: "";
                position: absolute;
                top: 47%;
                width: 43px;
                height: 1px;
                background: linear-gradient(
                    90deg,
                    transparent,
                    var(--k3-active-rank-color)
                );
                box-shadow:
                    0 0 8px var(--k3-active-rank-color);
            }

            .k3-ranking-table-box > h2::before {
                left: 3px;
            }

            .k3-ranking-table-box > h2::after {
                right: 3px;
                transform: scaleX(-1);
            }

            /*
             * Image podium.
             */
            .k3-ranking-podium {
                overflow: visible !important;
                margin: 32px 0 30px !important;
                padding: 24px 10px 8px !important;
                border-top:
                    1px solid rgba(
                        var(--k3-active-rank-rgb),
                        .40
                    ) !important;
                border-bottom:
                    1px solid rgba(
                        var(--k3-active-rank-rgb),
                        .40
                    ) !important;
                background:
                    radial-gradient(
                        circle at 50% 45%,
                        rgba(
                            var(--k3-active-rank-rgb),
                            .10
                        ),
                        transparent 57%
                    ) !important;
            }

            .k3-ranking-podium-stage {
                position: relative !important;
                display: block !important;
                width: min(100%, 1000px) !important;
                min-height: 570px !important;
                margin: 0 auto -140px !important;
                padding: 0 !important;
                transform: translateY(-140px);
                background-image:
                    url('/wp-content/uploads/k3-ranking-ikoni/testrankt.png');
                background-repeat: no-repeat;
                background-position: center bottom -45px;
                background-size: calc(100% - 250px) auto;
            }

            .k3-ranking-podium-player {
                position: absolute !important;
                z-index: 2;
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                width: 180px !important;
                min-height: 0 !important;
                padding: 0 !important;
                border: 0 !important;
                background: transparent !important;
                box-shadow: none !important;
            }

            .k3-ranking-podium-place-1 {
                order: initial !important;
                left: 50% !important;
                bottom: 160px !important;
                transform: translateX(-50%) !important;
            }

            .k3-ranking-podium-place-2 {
                order: initial !important;
                left: calc(26.5% + 35px) !important;
                bottom: 128px !important;
                transform: translateX(-50%) !important;
            }

            .k3-ranking-podium-place-3 {
                order: initial !important;
                left: calc(73.5% - 23px) !important;
                bottom: 104px !important;
                transform: translateX(-50%) !important;
            }

            .k3-ranking-podium-medal,
            .k3-ranking-podium-number {
                display: none !important;
            }

            .k3-ranking-podium-skin {
                display: block !important;
                width: 112px !important;
                height: 190px !important;
                margin: 0 auto !important;
                overflow: visible !important;
            }

            .k3-ranking-podium-place-1
            .k3-ranking-podium-skin {
                width: 132px !important;
                height: 220px !important;
            }

            .k3-ranking-podium-skin img {
                display: block !important;
                width: 100% !important;
                height: 100% !important;
                object-fit: contain !important;
                object-position: center bottom !important;
                image-rendering: pixelated;
                filter:
                    drop-shadow(0 5px 3px rgba(0, 0, 0, .92))
                    drop-shadow(
                        0 0 9px
                        rgba(var(--k3-active-rank-rgb), .36)
                    ) !important;
                transition:
                    transform .18s ease,
                    filter .18s ease;
            }

            .k3-ranking-podium-player:hover
            .k3-ranking-podium-skin img {
                transform: translateY(-5px) scale(1.035);
                filter:
                    drop-shadow(0 7px 4px rgba(0, 0, 0, .95))
                    drop-shadow(
                        0 0 14px
                        rgba(var(--k3-active-rank-rgb), .70)
                    ) !important;
            }

            .k3-ranking-podium-name {
                position: relative;
                z-index: 4;
                display: block !important;
                width: 170px;
                margin: 4px auto 0 !important;
                color: #ffffff !important;
                font-size: 14px !important;
                font-weight: 800 !important;
                line-height: 1.2 !important;
                text-align: center;
                text-shadow:
                    0 2px 2px #000,
                    0 0 6px #000 !important;
            }

            .k3-ranking-podium-value {
                position: relative;
                z-index: 4;
                display: block !important;
                margin-top: 5px !important;
                padding: 4px 11px !important;
                border:
                    1px solid
                    rgba(var(--k3-active-rank-rgb), .52);
                color: var(--k3-active-rank-color) !important;
                background: rgba(0, 0, 0, .86) !important;
                font-size: 13px !important;
                line-height: 1.15 !important;
                text-shadow:
                    0 0 7px
                    rgba(var(--k3-active-rank-rgb), .72);
                box-shadow:
                    0 0 10px
                    rgba(var(--k3-active-rank-rgb), .20);
            }

            /*
             * Cleaner Weekly reward presentation.
             */
            .k3-ranking-rewards-showcase {
                width: min(100%, 850px);
                margin: 25px auto 22px !important;
            }

            .k3-ranking-rewards-showcase h3 {
                position: relative;
                width: fit-content;
                margin: 0 auto 17px !important;
                padding: 0 44px 7px;
                color: #ffd75a !important;
                font-size: 20px !important;
                letter-spacing: 1.4px !important;
                text-shadow:
                    0 0 8px rgba(255, 215, 90, .92),
                    0 0 19px rgba(255, 168, 25, .42)
                    !important;
            }

            .k3-ranking-reward-grid {
                display: flex !important;
                flex-direction: column !important;
                gap: 7px !important;
                width: min(100%, 760px) !important;
                max-width: none !important;
                margin: 0 auto !important;
            }

            .k3-ranking-reward-card {
                position: relative;
                display: grid !important;
                grid-template-columns: 54px 130px 1fr !important;
                align-items: center !important;
                width: 100% !important;
                min-height: 58px !important;
                padding: 8px 18px !important;
                overflow: hidden;
                border: 1px solid rgba(255, 255, 255, .18)
                    !important;
                border-radius: 0 !important;
                background:
                    linear-gradient(
                        90deg,
                        rgba(255, 255, 255, .06),
                        rgba(0, 0, 0, .74) 52%,
                        rgba(255, 255, 255, .025)
                    ) !important;
                box-shadow:
                    inset 4px 0 0 var(--reward-color),
                    inset 0 0 19px rgba(255, 255, 255, .025)
                    !important;
            }

            .k3-ranking-reward-card::after {
                content: "";
                position: absolute;
                inset: 0;
                pointer-events: none;
                background:
                    linear-gradient(
                        105deg,
                        transparent 45%,
                        rgba(255, 255, 255, .055),
                        transparent 66%
                    );
            }

            .k3-ranking-reward-first {
                --reward-color: #ffd52f;
                border-color: rgba(255, 213, 47, .68)
                    !important;
                background:
                    linear-gradient(
                        90deg,
                        rgba(255, 193, 35, .16),
                        rgba(15, 10, 0, .82) 50%,
                        rgba(255, 193, 35, .045)
                    ) !important;
                box-shadow:
                    inset 5px 0 0 #ffd52f,
                    0 0 14px rgba(255, 193, 35, .16)
                    !important;
            }

            .k3-ranking-reward-second {
                --reward-color: #c8d3df;
                border-color: rgba(200, 211, 223, .47)
                    !important;
            }

            .k3-ranking-reward-third {
                --reward-color: #d78643;
                border-color: rgba(215, 134, 67, .47)
                    !important;
            }

            .k3-ranking-reward-finalists {
                --reward-color: #a675ff;
                border-color: rgba(166, 117, 255, .43)
                    !important;
            }

            .k3-ranking-reward-medal {
                grid-column: 1;
                display: block !important;
                font-family:
                    Arial,
                    "Segoe UI Emoji",
                    sans-serif !important;
                font-size: 27px !important;
                line-height: 1 !important;
                text-align: center;
            }

            .k3-ranking-reward-card strong {
                grid-column: 2;
                display: block !important;
                margin: 0 !important;
                color: var(--reward-color) !important;
                font-size: 14px !important;
                letter-spacing: .7px;
                text-align: left;
            }

            .k3-ranking-reward-card p {
                grid-column: 3;
                grid-row: 1;
                display: inline-block !important;
                margin: 0 0 0 14px !important;
                color: #f4f4f4 !important;
                font-size: 13px !important;
                line-height: 1.4 !important;
                text-align: right;
            }

            .k3-ranking-reward-card p + p {
                margin-left: 10px !important;
            }

            .k3-ranking-reward-card p + p::before {
                content: "◆";
                margin-right: 10px;
                color: var(--reward-color);
                font-size: 7px;
                vertical-align: 2px;
            }

            /*
             * Because CSS Grid normally stacks each paragraph
             * in the same cell, combine them as a flex group.
             */
            .k3-ranking-reward-card {
                grid-template-columns: 54px 130px auto !important;
            }

            .k3-ranking-reward-card p {
                position: relative;
            }

            @media (min-width: 761px) {
                .k3-ranking-reward-card {
                    display: flex !important;
                }

                .k3-ranking-reward-medal {
                    flex: 0 0 54px;
                }

                .k3-ranking-reward-card strong {
                    flex: 0 0 130px;
                }

                .k3-ranking-reward-card p {
                    flex: 0 0 auto;
                }

                .k3-ranking-reward-card p:first-of-type {
                    margin-left: auto !important;
                }
            }


            /*
             * Player name and result are displayed directly
             * over the lower part of each Minecraft skin.
             */
            .k3-ranking-podium-name {
                position: absolute !important;
                z-index: 8 !important;
                left: 50% !important;
                bottom: calc(100% + 39px) !important;
                width: 164px !important;
                margin: 0 !important;
                padding: 4px 7px 3px !important;
                transform: translateX(-50%);
                color: #ffffff !important;
                background:
                    linear-gradient(
                        90deg,
                        transparent,
                        rgba(0, 0, 0, .92) 18%,
                        rgba(0, 0, 0, .92) 82%,
                        transparent
                    ) !important;
                font-size: 14px !important;
                font-weight: 900 !important;
                line-height: 1.15 !important;
                text-align: center !important;
                text-shadow:
                    0 2px 2px #000000,
                    0 0 6px #000000 !important;
                white-space: nowrap;
            }

            .k3-ranking-podium-value {
                position: absolute !important;
                z-index: 9 !important;
                left: 50% !important;
                bottom: calc(100% + 8px) !important;
                width: max-content !important;
                max-width: 170px !important;
                margin: 0 !important;
                padding: 4px 11px !important;
                transform: translateX(-50%);
                text-align: center !important;
                white-space: nowrap;
            }

            .k3-ranking-podium-place-1
            .k3-ranking-podium-name {
                bottom: calc(100% + 39px) !important;
            }

            .k3-ranking-podium-place-1
            .k3-ranking-podium-value {
                bottom: calc(100% + 8px) !important;
            }

            @media (max-width: 760px) {
                .k3-ranking-table-box > h2 {
                    max-width: 100%;
                    padding: 0 12px 8px;
                    font-size: 20px !important;
                }

                .k3-ranking-table-box > h2::before,
                .k3-ranking-table-box > h2::after {
                    display: none;
                }

                .k3-ranking-podium-stage {
                    display: flex !important;
                    margin-bottom: -20px !important;
                    transform: translateY(-20px);
                    align-items: flex-end !important;
                    justify-content: center !important;
                    gap: 4px !important;
                    min-height: 390px !important;
                    padding: 60px 2px 62px !important;
                    background-position: center bottom 30px;
                }

                .k3-ranking-podium-player {
                    position: relative !important;
                    left: auto !important;
                    bottom: auto !important;
                    width: 31% !important;
                }

                .k3-ranking-podium-place-1 {
                    order: 2 !important;
                    transform: translateY(-42px) !important;
                }

                .k3-ranking-podium-place-2 {
                    order: 1 !important;
                    transform: none !important;
                }

                .k3-ranking-podium-place-3 {
                    order: 3 !important;
                    transform: none !important;
                }

                .k3-ranking-podium-skin,
                .k3-ranking-podium-place-1
                .k3-ranking-podium-skin {
                    width: 78px !important;
                    height: 132px !important;
                }

                .k3-ranking-podium-name {
                    width: 100% !important;
                    overflow: hidden;
                    font-size: 11px !important;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

                .k3-ranking-podium-value {
                    max-width: 100%;
                    padding: 3px 5px !important;
                    overflow: hidden;
                    font-size: 10px !important;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

                .k3-ranking-rewards-showcase h3 {
                    padding: 0 5px 7px;
                    font-size: 16px !important;
                }

                .k3-ranking-reward-card {
                    display: grid !important;
                    grid-template-columns: 42px 1fr !important;
                    min-height: 66px !important;
                    padding: 8px 10px !important;
                }

                .k3-ranking-reward-medal {
                    grid-column: 1;
                    grid-row: 1 / span 2;
                    font-size: 23px !important;
                }

                .k3-ranking-reward-card strong {
                    grid-column: 2;
                    grid-row: 1;
                    font-size: 12px !important;
                    text-align: left;
                }

                .k3-ranking-reward-card p {
                    grid-column: auto;
                    grid-row: 2;
                    margin:
                        3px 8px 0 0 !important;
                    font-size: 10px !important;
                    text-align: left;
                }

                .k3-ranking-reward-card
                p:first-of-type {
                    grid-column: 2;
                }
            }

            /*
             * Separate podium results beneath testrankt.png.
             */
            .k3-ranking-podium-results {
                position: relative;
                z-index: 10;
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                align-items: center;
                gap: 18px;
                width: min(100%, 750px);
                margin: 12px auto 8px;
                padding: 0 18px;
            }

            .k3-ranking-podium-results
            .k3-ranking-podium-value {
                position: static !important;
                left: auto !important;
                bottom: auto !important;
                display: block !important;
                width: 100% !important;
                max-width: none !important;
                margin: 0 !important;
                padding: 8px 10px !important;
                transform: none !important;
                color: var(--k3-active-rank-color) !important;
                border:
                    1px solid
                    rgba(var(--k3-active-rank-rgb), .58)
                    !important;
                background:
                    linear-gradient(
                        90deg,
                        rgba(0, 0, 0, .92),
                        rgba(
                            var(--k3-active-rank-rgb),
                            .10
                        ),
                        rgba(0, 0, 0, .92)
                    ) !important;
                font-size: 14px !important;
                font-weight: 900 !important;
                letter-spacing: .4px;
                text-align: center !important;
                text-shadow:
                    0 0 7px
                    rgba(var(--k3-active-rank-rgb), .78)
                    !important;
                box-shadow:
                    0 0 11px
                    rgba(var(--k3-active-rank-rgb), .18);
                white-space: nowrap;
            }

            .k3-ranking-podium-results
            [data-podium-place="2"] {
                grid-column: 1;
                grid-row: 1;
            }

            .k3-ranking-podium-results
            [data-podium-place="1"] {
                grid-column: 2;
                grid-row: 1;
            }

            .k3-ranking-podium-results
            [data-podium-place="3"] {
                grid-column: 3;
                grid-row: 1;
            }

            @media (max-width: 760px) {
                .k3-ranking-podium-results {
                    gap: 5px;
                    width: 100%;
                    margin-top: 6px;
                    padding: 0 3px;
                }

                .k3-ranking-podium-results
                .k3-ranking-podium-value {
                    padding: 6px 3px !important;
                    overflow: hidden;
                    font-size: 9px !important;
                    text-overflow: ellipsis;
                }
            }


            /*
             * The actual ranking title replaces the old
             * CHAMPIONS heading above the podium.
             */
            .k3-ranking-podium
            > .k3-ranking-relocated-title {
                position: relative;
                z-index: 20;
                width: fit-content;
                margin: 0 auto 20px !important;
                padding: 0 60px 9px !important;
                color: var(--k3-active-rank-color) !important;
                font-size: 25px !important;
                letter-spacing: 1.7px !important;
                text-align: center;
                text-shadow:
                    0 0 7px var(--k3-active-rank-color),
                    0 0 17px
                    rgba(var(--k3-active-rank-rgb), .62)
                    !important;
            }

            .k3-ranking-podium
            > .k3-ranking-relocated-title::before,
            .k3-ranking-podium
            > .k3-ranking-relocated-title::after {
                content: "";
                position: absolute;
                top: 47%;
                width: 44px;
                height: 1px;
                background:
                    linear-gradient(
                        90deg,
                        transparent,
                        var(--k3-active-rank-color)
                    );
                box-shadow:
                    0 0 8px
                    var(--k3-active-rank-color);
            }

            .k3-ranking-podium
            > .k3-ranking-relocated-title::before {
                left: 4px;
            }

            .k3-ranking-podium
            > .k3-ranking-relocated-title::after {
                right: 4px;
                transform: scaleX(-1);
            }

            @media (max-width: 760px) {
                .k3-ranking-podium
                > .k3-ranking-relocated-title {
                    max-width: 100%;
                    padding: 0 8px 8px !important;
                    font-size: 19px !important;
                }

                .k3-ranking-podium
                > .k3-ranking-relocated-title::before,
                .k3-ranking-podium
                > .k3-ranking-relocated-title::after {
                    display: none;
                }
            }


            /*
             * The actual ranking title replaces the old
             * CHAMPIONS heading above the podium.
             */
            .k3-ranking-podium
            > .k3-ranking-relocated-title {
                position: relative;
                z-index: 20;
                width: fit-content;
                margin: 0 auto 20px !important;
                padding: 0 60px 9px !important;
                color: var(--k3-active-rank-color) !important;
                font-size: 25px !important;
                letter-spacing: 1.7px !important;
                text-align: center;
                text-shadow:
                    0 0 7px var(--k3-active-rank-color),
                    0 0 17px
                    rgba(var(--k3-active-rank-rgb), .62)
                    !important;
            }

            .k3-ranking-podium
            > .k3-ranking-relocated-title::before,
            .k3-ranking-podium
            > .k3-ranking-relocated-title::after {
                content: "";
                position: absolute;
                top: 47%;
                width: 44px;
                height: 1px;
                background:
                    linear-gradient(
                        90deg,
                        transparent,
                        var(--k3-active-rank-color)
                    );
                box-shadow:
                    0 0 8px
                    var(--k3-active-rank-color);
            }

            .k3-ranking-podium
            > .k3-ranking-relocated-title::before {
                left: 4px;
            }

            .k3-ranking-podium
            > .k3-ranking-relocated-title::after {
                right: 4px;
                transform: scaleX(-1);
            }

            @media (max-width: 760px) {
                .k3-ranking-podium
                > .k3-ranking-relocated-title {
                    max-width: 100%;
                    padding: 0 8px 8px !important;
                    font-size: 19px !important;
                }

                .k3-ranking-podium
                > .k3-ranking-relocated-title::before,
                .k3-ranking-podium
                > .k3-ranking-relocated-title::after {
                    display: none;
                }
            }