/* Small cache-busting layer for the 2026 event category cards. */
@media all {
    body.bluecg-page .bluecg-event-category-section .bluecg-event-category-card:nth-child(5)::before,
    body.bluecg-page .bluecg-event-category-section .bluecg-event-category-card.is-other::before {
        background: linear-gradient(180deg, var(--bcg-teal), var(--bcg-amber));
    }

    body.bluecg-page .bluecg-event-category-section .bluecg-category-mark-image {
        display: block;
        max-width: calc(100% - .36rem);
        max-height: calc(100% - .36rem);
        object-fit: contain;
        border-radius: .38rem;
    }

    body.bluecg-page .bluecg-reward-appearance-preview {
        display: inline-grid;
        flex: 0 0 auto;
        width: 1.55rem;
        height: 1.55rem;
        margin-left: .06rem;
        place-items: center;
        overflow: hidden;
        border: 1px solid rgba(82, 111, 184, .18);
        border-radius: .42rem;
        background: linear-gradient(180deg, rgba(247, 250, 255, .96), rgba(255, 253, 247, .88));
        cursor: zoom-in;
        padding: 0;
        appearance: none;
    }

    body.bluecg-page .bluecg-reward-appearance-preview img {
        display: block;
        max-width: 1.45rem;
        max-height: 1.45rem;
        object-fit: contain;
        image-rendering: pixelated;
    }

    body.bluecg-page .bluecg-reward-appearance-preview:hover,
    body.bluecg-page .bluecg-reward-appearance-preview:focus-visible {
        border-color: rgba(82, 111, 184, .34);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .86),
            0 0 0 .18rem rgba(82, 111, 184, .12);
        outline: 0;
    }

    body.bluecg-page .bluecg-reward-card-mark-image {
        display: block;
        max-width: calc(100% - .42rem);
        max-height: calc(100% - .42rem);
        object-fit: contain;
        border-radius: .38rem;
    }

    body.bluecg-page .bluecg-reward-card-title > .bluecg-reward-card-label {
        display: inline-flex;
        align-items: center;
        width: fit-content;
        max-width: 100%;
        min-height: 1rem;
    }

    body.bluecg-page .bluecg-reward-card-label-image {
        display: block;
        width: auto;
        max-width: min(100%, 8rem);
        max-height: 1.45rem;
        object-fit: contain;
        border-radius: .28rem;
    }

    body.bluecg-page .bluecg-reward-prize-layout {
        display: grid;
        gap: .5rem;
        min-width: 0;
    }

    body.bluecg-page .bluecg-reward-items-main {
        min-width: 0;
    }

    body.bluecg-page .bluecg-reward-featured-items {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
        gap: .55rem;
        min-width: 0;
    }

    body.bluecg-page .bluecg-reward-line.has-featured-reward {
        align-items: start;
        padding: .62rem 0 .78rem;
    }

    body.bluecg-page .bluecg-reward-line.has-featured-reward .bluecg-reward-rank-label {
        margin-top: .08rem;
    }

    body.bluecg-page .bluecg-reward-featured-items .bluecg-reward-item.is-appearance {
        display: grid;
        grid-template-columns: 2.35rem minmax(0, 1fr) auto;
        gap: .58rem;
        align-items: center;
        width: 100%;
        min-height: 4.05rem;
        padding: .58rem .66rem;
        border: 1px solid rgba(196, 135, 47, .25);
        border-left: 4px solid rgba(196, 135, 47, .82);
        border-radius: .75rem;
        background:
            linear-gradient(135deg, rgba(255, 247, 225, .92), rgba(247, 252, 255, .84) 58%),
            rgba(255, 255, 253, .94);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .9),
            0 .55rem 1.25rem rgba(86, 64, 30, .08);
    }

    body.bluecg-page .bluecg-reward-featured-items .bluecg-reward-item.is-appearance .bluecg-reward-item-icon {
        width: 2.28rem;
        height: 2.28rem;
        border-color: rgba(196, 135, 47, .24);
        border-radius: .58rem;
        background: linear-gradient(180deg, rgba(255, 253, 244, .96), rgba(255, 244, 221, .82));
    }

    body.bluecg-page .bluecg-reward-featured-items .bluecg-reward-item.is-appearance .bluecg-reward-item-icon img {
        width: 2rem;
        height: 2rem;
        border-radius: .46rem;
    }

    body.bluecg-page .bluecg-reward-featured-items .bluecg-reward-item.is-appearance .bluecg-reward-item-text {
        display: block;
        min-width: 0;
    }

    body.bluecg-page .bluecg-reward-featured-items .bluecg-reward-item.is-appearance .bluecg-reward-item-label {
        color: #2f3749;
        font-size: .86rem;
        font-weight: 950;
        line-height: 1.24;
    }

    body.bluecg-page .bluecg-reward-featured-items .bluecg-reward-item.is-headgear {
        display: grid;
        grid-template-columns: 2.6rem minmax(0, 1fr);
        gap: .66rem;
        align-items: center;
        width: 100%;
        min-height: 4.45rem;
        padding: .68rem .74rem;
        border: 1px solid rgba(196, 135, 47, .28);
        border-left: 4px solid rgba(150, 107, 34, .9);
        border-radius: .78rem;
        background:
            linear-gradient(135deg, rgba(255, 248, 226, .96), rgba(255, 255, 253, .88) 52%, rgba(239, 247, 255, .76)),
            rgba(255, 255, 253, .96);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .92),
            0 .58rem 1.35rem rgba(92, 62, 20, .09);
    }

    body.bluecg-page .bluecg-reward-featured-items .bluecg-reward-item.is-headgear .bluecg-reward-item-icon {
        width: 2.55rem;
        height: 2.55rem;
        border-color: rgba(150, 107, 34, .26);
        border-radius: .62rem;
        background:
            radial-gradient(circle at 50% 42%, rgba(255, 255, 255, .92), rgba(255, 246, 220, .76));
    }

    body.bluecg-page .bluecg-reward-featured-items .bluecg-reward-item.is-headgear .bluecg-reward-item-icon img {
        width: 2.2rem;
        height: 2.2rem;
        border-radius: .48rem;
    }

    body.bluecg-page .bluecg-reward-featured-items .bluecg-reward-item.is-headgear .bluecg-reward-item-text {
        display: grid;
        gap: .34rem;
        min-width: 0;
    }

    body.bluecg-page .bluecg-reward-featured-items .bluecg-reward-item.is-headgear .bluecg-reward-item-label {
        color: #2f3749;
        font-size: .9rem;
        font-weight: 950;
        line-height: 1.24;
    }

    body.bluecg-page .bluecg-reward-item-details {
        display: grid;
        gap: .32rem;
        min-width: 0;
    }

    body.bluecg-page .bluecg-reward-stat-list {
        display: flex;
        flex-wrap: wrap;
        gap: .24rem .32rem;
        min-width: 0;
    }

    body.bluecg-page .bluecg-reward-stat,
    body.bluecg-page .bluecg-reward-title-bonus {
        display: inline-flex;
        align-items: center;
        min-height: 1.38rem;
        max-width: 100%;
        padding: .18rem .42rem;
        border: 1px solid rgba(196, 135, 47, .2);
        border-radius: 999px;
        background: rgba(255, 251, 240, .86);
        color: #6f4e1d;
        font-size: .72rem;
        font-weight: 900;
        line-height: 1.18;
        overflow-wrap: anywhere;
    }

    body.bluecg-page .bluecg-reward-title-bonus {
        justify-self: start;
        border-color: rgba(82, 111, 184, .18);
        background: rgba(244, 248, 255, .86);
        color: #405f9f;
    }

    body.bluecg-page .bluecg-reward-featured-items .bluecg-reward-appearance-preview {
        width: 3.25rem;
        height: 3.25rem;
        margin-left: 0;
        border-color: rgba(82, 111, 184, .2);
        border-radius: .68rem;
        background: linear-gradient(180deg, rgba(248, 251, 255, .98), rgba(255, 250, 240, .9));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .86),
            0 .4rem .9rem rgba(64, 95, 159, .1);
    }

    body.bluecg-page .bluecg-reward-featured-items .bluecg-reward-appearance-preview img {
        max-width: 3.05rem;
        max-height: 3.05rem;
    }

    @media (min-width: 980px) {
        body.bluecg-page .bluecg-reward-card-grid {
            gap: 1.1rem 1.2rem;
        }

        body.bluecg-page .bluecg-reward-card {
            padding: 1.08rem;
        }

        body.bluecg-page .bluecg-reward-card.is-rank,
        body.bluecg-page .bluecg-reward-card.is-vote {
            min-height: auto;
        }

        body.bluecg-page .bluecg-reward-line.is-rank-line {
            grid-template-columns: minmax(4.7rem, auto) minmax(0, 1fr);
            gap: .72rem;
        }

        body.bluecg-page .bluecg-reward-card.is-rank .bluecg-reward-featured-items,
        body.bluecg-page .bluecg-reward-card.is-vote .bluecg-reward-featured-items {
            grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
        }
    }

    @media (max-width: 680px) {
        body.bluecg-page .bluecg-reward-featured-items .bluecg-reward-item.is-appearance,
        body.bluecg-page .bluecg-reward-featured-items .bluecg-reward-item.is-headgear {
            grid-template-columns: 2.15rem minmax(0, 1fr);
            align-items: start;
        }

        body.bluecg-page .bluecg-reward-featured-items .bluecg-reward-appearance-preview {
            grid-column: 1 / -1;
            justify-self: start;
            width: 3rem;
            height: 3rem;
        }
    }
}