body.page-id-984 .entry-header,
    body.page-id-985 .entry-header,
    body.page-id-984 .entry-title,
    body.page-id-985 .entry-title {
        display:none !important;
    }

    body.page-id-984 .site-content,
    body.page-id-985 .site-content {
        padding-top:0 !important;
    }

    .k3-crate-app{--accent:#00ff55;--glow:rgba(0,255,85,.35);max-width:1120px;margin:-18px auto 80px;color:#eaffef;font-family:inherit}
    .k3-crate-mystic{--accent:#d83cff;--glow:rgba(216,60,255,.38)}
    .k3-crate-hero{display:grid;grid-template-columns:250px 1fr 150px;align-items:center;gap:30px;padding:22px 28px;border:1px solid var(--accent);background:linear-gradient(110deg,#020906 0%,#06160e 52%,#050407 100%);box-shadow:0 0 28px var(--glow)}
    .k3-crate-hero img{width:140px;height:140px;object-fit:contain}
    .k3-crate-dragon .k3-crate-hero img{width:238px;height:238px}
    .k3-crate-hero span,.k3-crate-result small{letter-spacing:5px;color:var(--accent);font-size:11px}
    .k3-crate-hero h1{margin:7px 0;color:#fff;font-size:42px;text-shadow:0 0 16px var(--glow)}
    .k3-crate-hero p{margin:0;color:#91a398}
    .k3-crate-hero aside{text-align:center;border-left:1px solid rgba(255,255,255,.12)}
    .k3-crate-hero aside small{display:block;color:#8ba195}
    .k3-crate-hero aside strong{display:block;color:var(--accent);font-size:54px}
    .k3-reel-machine{position:relative;margin:44px 0 24px;padding:24px;border:1px solid var(--accent);background:#010503;box-shadow:inset 0 0 36px #000,0 0 24px var(--glow);overflow:hidden}
    .k3-reel-window{overflow:hidden}
    .k3-reel-track{display:flex;gap:12px;transform:translateX(0);will-change:transform}
    .k3-reel-card{position:relative;flex:0 0 210px;height:205px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:14px 10px 48px;border:1px solid #1c4930;background:linear-gradient(180deg,#07120c,#010302);box-shadow:inset 0 0 18px #000;overflow:hidden}
    .k3-reel-card img{width:130px;height:130px;object-fit:contain;image-rendering:auto}
    .k3-reel-card b{position:absolute;left:7px;right:7px;bottom:13px;margin:0;color:#f3fff6;font-size:14px;line-height:1.25;text-align:center;white-space:normal}
    .k3-reel-card small{color:#8ba195;font-size:9px;letter-spacing:2px}
    .k3-reel-marker{position:absolute;z-index:3;left:50%;top:0;bottom:0;width:2px;background:var(--accent);box-shadow:0 0 14px var(--accent)}
    .k3-crate-controls{text-align:center;padding:10px}
    .k3-open-crate,.k3-guide-open a{display:inline-block;padding:15px 34px;border:1px solid var(--accent);border-radius:0;background:#031b0c;color:#fff;font-weight:800;letter-spacing:2px;cursor:pointer;box-shadow:0 0 16px var(--glow)}
    .k3-open-crate:hover,.k3-guide-open a:hover{background:var(--accent);color:#001506}
    .k3-open-crate:disabled{opacity:.4;cursor:not-allowed}
    .k3-crate-status{color:#8ba195}
    .k3-crate-result{text-align:center;margin:32px auto;padding:28px;max-width:540px;border:1px solid var(--accent);background:#010604;box-shadow:0 0 34px var(--glow)}
    .k3-crate-result img{display:block;width:110px;height:110px;object-fit:contain;image-rendering:pixelated;margin:15px auto}
    .k3-crate-result h2{color:#fff;margin:6px 0;font-size:30px}
    .k3-crate-result strong{color:var(--accent);letter-spacing:3px}
    /*
     * Statistics crate history now lives on the opener pages.
     */
    .k3-statistics-history-grid {
        display:none !important;
    }

    .k3-crate-lower-grid {
        display:grid;
        grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);
        gap:28px;
        align-items:start;
        margin-top:55px;
    }

    .k3-reward-index {
        margin-top:0;
        min-width:0;
    }

    .k3-opener-history {
        min-width:0;
    }

    .k3-opener-history > h2,
    .k3-reward-index > h2 {
        min-height:38px;
        margin:0 0 18px;
        text-align:center;
        color:var(--accent);
        letter-spacing:3px;
        font-size:22px;
    }

    .k3-opener-history-list {
        border-top:1px solid #17472c;
        border-left:1px solid #17472c;
    }

    .k3-opener-history-list article {
        min-height:72px;
        display:grid;
        grid-template-columns:48px minmax(0, 1fr) auto;
        gap:12px;
        align-items:center;
        padding:10px 12px;
        border-right:1px solid #17472c;
        border-bottom:1px solid #17472c;
        background:rgba(0,12,6,.82);
    }

    .k3-opener-history-list img {
        width:42px;
        height:42px;
        object-fit:contain;
        image-rendering:pixelated;
    }

    .k3-history-main {
        display:flex;
        min-width:0;
        flex-direction:column;
        gap:3px;
    }

    .k3-history-main a {
        color:var(--accent);
        font-weight:800;
        text-decoration:none;
    }

    .k3-history-main strong {
        overflow:hidden;
        color:#eaffef;
        font-size:12px;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .k3-opener-history-list time {
        color:#71867a;
        font-size:10px;
        white-space:nowrap;
    }

    .k3-opener-history-empty {
        min-height:100px;
        margin:0;
        display:flex;
        align-items:center;
        justify-content:center;
        border:1px solid #17472c;
        color:#7f9488;
        background:rgba(0,12,6,.82);
    }
    .k3-reward-index>h2{text-align:center;color:var(--accent);letter-spacing:4px}
    .k3-reward-index>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #17472c;border-left:1px solid #17472c}
    .k3-reward-index article{min-height:115px;padding:15px;display:grid;grid-template-columns:58px 1fr;align-items:center;border-right:1px solid #17472c;border-bottom:1px solid #17472c;background:rgba(0,12,6,.82)}
    .k3-reward-index img{grid-row:1/3;width:48px;height:48px;object-fit:contain;image-rendering:pixelated}
    .k3-reward-index span{font-weight:700}
    .k3-reward-index small{color:#7f9488;letter-spacing:1px}
    .k3-guide-open{text-align:center;margin:35px auto}

    /*
     * Crate controls and modern lower panels.
     */
    .k3-crate-status {
        min-height:1.4em;
        margin:14px 0 0;
        color:#91a398;
        line-height:1.4;
    }

    .k3-opener-history,
    .k3-reward-index {
        position:relative;
        padding:18px;
        border:1px solid var(--accent);
        border-radius:7px;
        background:
            linear-gradient(
                145deg,
                rgba(0,20,9,.94),
                rgba(0,5,3,.98)
            );
        box-shadow:
            0 0 22px var(--glow),
            inset 0 0 28px rgba(0,0,0,.72);
        overflow:hidden;
    }

    .k3-opener-history::before,
    .k3-reward-index::before {
        content:"";
        position:absolute;
        left:18px;
        right:18px;
        top:0;
        height:1px;
        background:linear-gradient(
            90deg,
            transparent,
            var(--accent),
            transparent
        );
        box-shadow:0 0 12px var(--accent);
    }

    .k3-opener-history-list,
    .k3-reward-index > div {
        border:1px solid rgba(0,255,85,.62);
        border-radius:5px;
        background:rgba(0,8,4,.92);
        box-shadow:
            inset 0 0 22px rgba(0,255,85,.055),
            0 0 14px rgba(0,255,85,.10);
        overflow:hidden;
    }

    .k3-crate-mystic .k3-opener-history-list,
    .k3-crate-mystic .k3-reward-index > div {
        border-color:rgba(216,60,255,.70);
        box-shadow:
            inset 0 0 22px rgba(216,60,255,.07),
            0 0 14px rgba(216,60,255,.13);
    }

    .k3-opener-history-list article,
    .k3-reward-index article {
        border-color:rgba(0,255,85,.32);
        background:
            linear-gradient(
                100deg,
                rgba(0,20,9,.94),
                rgba(0,8,4,.96)
            );
        transition:
            background .18s ease,
            box-shadow .18s ease;
    }

    .k3-crate-mystic .k3-opener-history-list article,
    .k3-crate-mystic .k3-reward-index article {
        border-color:rgba(216,60,255,.34);
        background:
            linear-gradient(
                100deg,
                rgba(20,3,25,.94),
                rgba(6,2,8,.97)
            );
    }

    .k3-opener-history-list article:hover,
    .k3-reward-index article:hover {
        background:rgba(0,45,18,.96);
        box-shadow:inset 3px 0 0 var(--accent);
    }

    .k3-crate-mystic .k3-opener-history-list article:hover,
    .k3-crate-mystic .k3-reward-index article:hover {
        background:rgba(40,5,49,.96);
    }

    .k3-opener-history > h2,
    .k3-reward-index > h2 {
        text-shadow:0 0 12px var(--glow);
    }

    /*
     * Clean crate panels:
     * equal columns, fewer borders, larger vertical reward cards.
     */

    /* Reward Pool left, Last 10 right. */
    .k3-reward-index {
        order:1;
    }

    .k3-opener-history {
        order:2;
    }

    .k3-crate-lower-grid {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr);
        gap:32px;
    }

    .k3-opener-history,
    .k3-reward-index {
        padding:0;
        border:0;
        border-radius:0;
        background:transparent;
        box-shadow:none;
        overflow:visible;
    }

    .k3-opener-history::before,
    .k3-reward-index::before {
        display:none;
    }

    .k3-opener-history > h2,
    .k3-reward-index > h2 {
        min-height:auto;
        margin:0 0 20px;
        padding-bottom:13px;
        border-bottom:1px solid var(--accent);
        text-shadow:0 0 14px var(--glow);
    }

    .k3-opener-history-list,
    .k3-reward-index > div {
        border:0;
        border-radius:0;
        background:transparent;
        box-shadow:none;
        overflow:visible;
    }

    .k3-opener-history-list {
        display:grid;
        gap:8px;
    }

    .k3-opener-history-list article {
        min-height:96px;
        grid-template-columns:72px minmax(0, 1fr) auto;
        border:0;
        border-left:3px solid var(--accent);
        border-radius:3px;
        background:
            linear-gradient(
                90deg,
                rgba(0,36,15,.82),
                rgba(0,10,5,.72)
            );
        box-shadow:
            0 4px 14px rgba(0,0,0,.38),
            inset 0 0 18px rgba(0,255,85,.035);
    }

    .k3-crate-mystic
    .k3-opener-history-list article {
        border-left-color:var(--accent);
        background:
            linear-gradient(
                90deg,
                rgba(45,7,55,.80),
                rgba(10,2,13,.74)
            );
    }

    .k3-opener-history-list img {
        width:72px;
        height:72px;
        image-rendering:auto;
        filter:drop-shadow(0 0 7px var(--glow));
    }

    .k3-history-main a {
        font-size:16px;
    }

    .k3-history-main strong {
        font-size:14px;
        line-height:1.35;
    }

    .k3-opener-history-list time {
        color:#a8bbae;
        font-size:12px;
        font-weight:600;
    }

    .k3-reward-index > div {
        display:grid;
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap:10px;
    }

    .k3-reward-index article {
        box-sizing:border-box;
        min-width:0;
        min-height:160px;
        padding:16px 10px 14px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:12px;
        border:0;
        border-radius:4px;
        background:
            linear-gradient(
                180deg,
                rgba(0,35,14,.86),
                rgba(0,9,4,.78)
            );
        box-shadow:
            0 4px 14px rgba(0,0,0,.40),
            inset 0 0 20px rgba(0,255,85,.045);
    }

    .k3-crate-mystic .k3-reward-index article {
        background:
            linear-gradient(
                180deg,
                rgba(43,7,53,.84),
                rgba(9,2,12,.78)
            );
        box-shadow:
            0 4px 14px rgba(0,0,0,.42),
            inset 0 0 20px rgba(216,60,255,.055);
    }

    .k3-reward-index article:hover {
        background:
            linear-gradient(
                180deg,
                rgba(0,57,23,.95),
                rgba(0,15,7,.90)
            );
        box-shadow:
            0 0 17px var(--glow),
            inset 0 0 22px rgba(0,255,85,.07);
        transform:translateY(-2px);
    }

    .k3-crate-mystic
    .k3-reward-index article:hover {
        background:
            linear-gradient(
                180deg,
                rgba(67,10,82,.94),
                rgba(16,3,20,.90)
            );
    }

    .k3-reward-index img {
        grid-row:auto;
        width:86px;
        height:86px;
        flex:0 0 86px;
        object-fit:contain;
        image-rendering:auto;
        filter:drop-shadow(0 0 8px var(--glow));
    }

    .k3-reward-index span {
        width:100%;
        min-height:34px;
        display:flex;
        align-items:center;
        justify-content:center;
        color:#f1fff5;
        font-size:14px;
        line-height:1.3;
        text-align:center;
        overflow-wrap:anywhere;
    }

    @media(max-width:900px) {
        .k3-crate-lower-grid {
            grid-template-columns:1fr;
        }
    }

    @media(max-width:520px) {
        .k3-reward-index > div {
            grid-template-columns:1fr 1fr;
            gap:7px;
        }

        .k3-reward-index article {
            min-height:145px;
        }

        .k3-reward-index img {
            width:72px;
            height:72px;
            flex-basis:72px;
        }
    }

    /*
     * Reward strength colors and exact chance labels.
     */
    .k3-reward-index article {
        position:relative;
        border:1px solid rgba(0,255,85,.28);
    }

    .k3-reward-index article[data-rarity="UNCOMMON"] {
        border-color:rgba(60,220,160,.64);
        box-shadow:
            inset 0 0 22px rgba(60,220,160,.08),
            0 4px 14px rgba(0,0,0,.42);
    }

    .k3-reward-index article[data-rarity="RARE"] {
        border-color:rgba(40,145,255,.78);
        background:
            linear-gradient(
                180deg,
                rgba(5,27,53,.90),
                rgba(1,8,18,.84)
            );
        box-shadow:
            inset 0 0 25px rgba(40,145,255,.12),
            0 0 12px rgba(40,145,255,.10);
    }

    .k3-reward-index article[data-rarity="EPIC"] {
        border-color:rgba(183,65,255,.84);
        background:
            linear-gradient(
                180deg,
                rgba(44,8,60,.92),
                rgba(12,2,17,.86)
            );
        box-shadow:
            inset 0 0 26px rgba(183,65,255,.14),
            0 0 14px rgba(183,65,255,.13);
    }

    .k3-reward-index article[data-rarity="LEGENDARY"] {
        border-color:rgba(255,152,23,.92);
        background:
            linear-gradient(
                180deg,
                rgba(61,31,2,.94),
                rgba(17,8,0,.88)
            );
        box-shadow:
            inset 0 0 28px rgba(255,152,23,.16),
            0 0 15px rgba(255,152,23,.16);
    }

    .k3-reward-index article[data-rarity="MYTHIC"] {
        border-color:rgba(255,204,44,.96);
        background:
            linear-gradient(
                145deg,
                rgba(70,38,1,.96),
                rgba(43,6,51,.90),
                rgba(13,5,0,.92)
            );
        box-shadow:
            inset 0 0 30px rgba(255,196,30,.17),
            0 0 18px rgba(255,190,25,.20);
    }

    /*
     * Explicitly selected premium item:
     * Elytra receives the strongest gold presentation.
     */
    .k3-reward-index article[data-code="ITEM:ELYTRA"] {
        border-color:#ffd83d;
        background:
            linear-gradient(
                145deg,
                rgba(104,61,0,.98),
                rgba(44,25,0,.94),
                rgba(12,7,0,.96)
            );
        box-shadow:
            inset 0 0 34px rgba(255,211,54,.24),
            0 0 22px rgba(255,193,25,.32);
    }

    .k3-reward-index
    article[data-code="ITEM:ELYTRA"] img {
        filter:
            drop-shadow(0 0 8px #ffd83d)
            drop-shadow(0 0 14px rgba(255,174,0,.65));
    }

    .k3-reward-index
    article[data-code="ITEM:ELYTRA"] span {
        color:#ffe783;
        text-shadow:0 0 9px rgba(255,202,36,.72);
    }

    .k3-reward-chance {
        display:block;
        margin-top:-5px;
        color:#9fb2a5;
        font-size:11px;
        font-style:normal;
        font-weight:800;
        letter-spacing:1.5px;
        text-align:center;
    }

    .k3-reward-index
    article[data-rarity="RARE"]
    .k3-reward-chance {
        color:#70baff;
    }

    .k3-reward-index
    article[data-rarity="EPIC"]
    .k3-reward-chance {
        color:#d28aff;
    }

    .k3-reward-index
    article[data-rarity="LEGENDARY"]
    .k3-reward-chance,
    .k3-reward-index
    article[data-rarity="MYTHIC"]
    .k3-reward-chance {
        color:#ffd65c;
    }

    /*
     * Requested per-item colors.
     * These rules apply both to Reward Pool and the reel.
     */

    /* Legendary orange-gold: Elytra and all books except Mending. */
    .k3-reward-index article[data-code="ITEM:ELYTRA"],
    .k3-reward-index article[data-code="PHOENIX_WINGS_BOOK"],
    .k3-reward-index article[data-code="ELYTRA_ENGINE_BOOK"],
    .k3-reward-index article[data-code="ENCHANT:PROTECTION:4"],
    .k3-reward-index article[data-code="ENCHANT:UNBREAKING:3"],
    .k3-reel-card[data-code="ITEM:ELYTRA"],
    .k3-reel-card[data-code="PHOENIX_WINGS_BOOK"],
    .k3-reel-card[data-code="ELYTRA_ENGINE_BOOK"],
    .k3-reel-card[data-code="ENCHANT:PROTECTION:4"],
    .k3-reel-card[data-code="ENCHANT:UNBREAKING:3"] {
        border-color:#ffad24 !important;
        background:
            linear-gradient(
                145deg,
                rgba(72,35,0,.97),
                rgba(31,14,0,.94),
                rgba(8,4,0,.97)
            ) !important;
        box-shadow:
            inset 0 0 30px rgba(255,152,23,.18),
            0 0 17px rgba(255,152,23,.22) !important;
    }

    /* Current book-style purple/gold: Heavy, Trident, Legendary Trim. */
    .k3-reward-index article[data-code="ITEM:HEAVY_CORE"],
    .k3-reward-index article[data-code="ITEM:TRIDENT"],
    .k3-reward-index article[data-code="LEGENDARY_TRIM"],
    .k3-reel-card[data-code="ITEM:HEAVY_CORE"],
    .k3-reel-card[data-code="ITEM:TRIDENT"],
    .k3-reel-card[data-code="LEGENDARY_TRIM"] {
        border-color:#ffd83d !important;
        background:
            linear-gradient(
                145deg,
                rgba(75,34,4,.97),
                rgba(48,5,57,.93),
                rgba(13,3,16,.96)
            ) !important;
        box-shadow:
            inset 0 0 32px rgba(208,54,255,.18),
            0 0 19px rgba(255,205,44,.24) !important;
    }

    /* Mending remains a dedicated pink/purple premium book. */
    .k3-reward-index article[data-code="ENCHANT:MENDING:1"],
    .k3-reel-card[data-code="ENCHANT:MENDING:1"] {
        border-color:#ff4bdb !important;
        background:
            linear-gradient(
                145deg,
                rgba(75,7,65,.97),
                rgba(40,4,48,.95),
                rgba(11,2,14,.97)
            ) !important;
        box-shadow:
            inset 0 0 32px rgba(255,55,218,.20),
            0 0 19px rgba(255,55,218,.27) !important;
    }

    /* 250 Coins blue. */
    .k3-reward-index article[data-code="COINS_250"],
    .k3-reel-card[data-code="COINS_250"] {
        border-color:#36a9ff !important;
        background:
            linear-gradient(
                145deg,
                rgba(4,38,70,.97),
                rgba(2,17,37,.95),
                rgba(0,6,15,.97)
            ) !important;
        box-shadow:
            inset 0 0 28px rgba(45,159,255,.18),
            0 0 17px rgba(45,159,255,.24) !important;
    }

    /* 100 Coins green. */
    .k3-reward-index article[data-code="COINS_100"],
    .k3-reel-card[data-code="COINS_100"] {
        border-color:#26f66c !important;
        background:
            linear-gradient(
                145deg,
                rgba(3,55,23,.97),
                rgba(1,25,10,.95),
                rgba(0,8,3,.97)
            ) !important;
        box-shadow:
            inset 0 0 28px rgba(38,246,108,.16),
            0 0 17px rgba(38,246,108,.20) !important;
    }

    /* Matching icon and name glow in both locations. */
    .k3-reward-index article[data-code="ENCHANT:MENDING:1"] img,
    .k3-reel-card[data-code="ENCHANT:MENDING:1"] img {
        filter:drop-shadow(0 0 10px rgba(255,75,219,.72));
    }

    .k3-reward-index article[data-code="COINS_250"] img,
    .k3-reel-card[data-code="COINS_250"] img {
        filter:drop-shadow(0 0 10px rgba(54,169,255,.70));
    }

    .k3-reward-index article[data-code="COINS_100"] img,
    .k3-reel-card[data-code="COINS_100"] img {
        filter:drop-shadow(0 0 10px rgba(38,246,108,.68));
    }

    /*
     * Final color-category presentation.
     */

    /*
     * Reward Pool cards use:
     * ICON | TEXT
     */
    .k3-reward-index article {
        min-height:120px !important;
        padding:14px 18px !important;
        display:grid !important;
        grid-template-columns:94px minmax(0, 1fr) !important;
        grid-template-rows:1fr !important;
        column-gap:14px !important;
        align-items:center !important;
        justify-content:stretch !important;
    }

    .k3-reward-index article img {
        grid-column:1 !important;
        grid-row:1 !important;
        width:86px !important;
        height:86px !important;
        margin:0 !important;
        justify-self:center !important;
    }

    .k3-reward-index article span {
        grid-column:2 !important;
        grid-row:1 !important;
        width:auto !important;
        min-width:0;
        min-height:0 !important;
        justify-content:flex-start !important;
        text-align:left !important;
        font-size:14px;
    }

    /*
     * True gold instead of the previous red/brown shade.
     * Applied identically in Reward Pool and reel.
     */
    .k3-reward-index article[data-code="ITEM:ELYTRA"],
    .k3-reward-index article[data-code="PHOENIX_WINGS_BOOK"],
    .k3-reward-index article[data-code="ELYTRA_ENGINE_BOOK"],
    .k3-reward-index article[data-code="ENCHANT:PROTECTION:4"],
    .k3-reward-index article[data-code="ENCHANT:UNBREAKING:3"],
    .k3-reel-card[data-code="ITEM:ELYTRA"],
    .k3-reel-card[data-code="PHOENIX_WINGS_BOOK"],
    .k3-reel-card[data-code="ELYTRA_ENGINE_BOOK"],
    .k3-reel-card[data-code="ENCHANT:PROTECTION:4"],
    .k3-reel-card[data-code="ENCHANT:UNBREAKING:3"] {
        border-color:#ffe04d !important;
        background:
            radial-gradient(
                circle at 50% 20%,
                rgba(255,213,54,.20),
                transparent 58%
            ),
            linear-gradient(
                145deg,
                rgba(50,40,3,.96),
                rgba(19,15,1,.97),
                rgba(5,4,0,.98)
            ) !important;
        box-shadow:
            inset 0 0 30px rgba(255,224,77,.15),
            0 0 18px rgba(255,210,45,.27) !important;
    }

    .k3-reward-index article[data-code="ITEM:ELYTRA"] span,
    .k3-reward-index article[data-code="PHOENIX_WINGS_BOOK"] span,
    .k3-reward-index article[data-code="ELYTRA_ENGINE_BOOK"] span,
    .k3-reward-index article[data-code="ENCHANT:PROTECTION:4"] span,
    .k3-reward-index article[data-code="ENCHANT:UNBREAKING:3"] span,
    .k3-reel-card[data-code="ITEM:ELYTRA"] b,
    .k3-reel-card[data-code="PHOENIX_WINGS_BOOK"] b,
    .k3-reel-card[data-code="ELYTRA_ENGINE_BOOK"] b,
    .k3-reel-card[data-code="ENCHANT:PROTECTION:4"] b,
    .k3-reel-card[data-code="ENCHANT:UNBREAKING:3"] b {
        color:#fff1a0 !important;
        text-shadow:0 0 8px rgba(255,214,55,.62);
    }

    /*
     * FINAL EXACT ITEM COLOR GROUPS
     */

    /* GOLD: Elytra only. */
    .k3-reward-index article[data-name="Elytra"],
    .k3-reel-card[data-name="Elytra"] {
        border-color:#ffe047 !important;
        background:
            radial-gradient(
                circle at 50% 20%,
                rgba(255,224,71,.25),
                transparent 60%
            ),
            linear-gradient(
                145deg,
                #493800,
                #1e1700 60%,
                #070500
            ) !important;
        box-shadow:
            inset 0 0 32px rgba(255,224,71,.19),
            0 0 22px rgba(255,208,38,.34) !important;
    }

    .k3-reward-index article[data-name="Elytra"] span,
    .k3-reel-card[data-name="Elytra"] b {
        color:#fff19a !important;
        text-shadow:0 0 9px #d9a900;
    }

    /*
     * RED:
     * Elytra Engine, Phoenix Wings, Legendary Armor Trim.
     */
    .k3-reward-index article:is(
        [data-name="Elytra Engine I"],
        [data-name="Phoenix Wings I"],
        [data-name="Legendary Armor Trim"]
    ),
    .k3-reel-card:is(
        [data-name="Elytra Engine I"],
        [data-name="Phoenix Wings I"],
        [data-name="Legendary Armor Trim"]
    ) {
        border-color:#ff344d !important;
        background:
            linear-gradient(
                145deg,
                #4e0711,
                #210308 62%,
                #080102
            ) !important;
        box-shadow:
            inset 0 0 30px rgba(255,44,70,.20),
            0 0 19px rgba(255,44,70,.30) !important;
    }

    .k3-reward-index article:is(
        [data-name="Elytra Engine I"],
        [data-name="Phoenix Wings I"],
        [data-name="Legendary Armor Trim"]
    ) span,
    .k3-reel-card:is(
        [data-name="Elytra Engine I"],
        [data-name="Phoenix Wings I"],
        [data-name="Legendary Armor Trim"]
    ) b {
        color:#ffabb6 !important;
    }

    /*
     * PINK:
     * Trident, Heavy Core, Rare Trim, Mending, Protection.
     */
    .k3-reward-index article:is(
        [data-name="Trident"],
        [data-name="Heavy Core"],
        [data-name="Rare Armor Trim"],
        [data-name="Mending Book"],
        [data-name="Protection IV Book"]
    ),
    .k3-reel-card:is(
        [data-name="Trident"],
        [data-name="Heavy Core"],
        [data-name="Rare Armor Trim"],
        [data-name="Mending Book"],
        [data-name="Protection IV Book"]
    ) {
        border-color:#ff4bd8 !important;
        background:
            linear-gradient(
                145deg,
                #4d083f,
                #22031d 62%,
                #090107
            ) !important;
        box-shadow:
            inset 0 0 30px rgba(255,75,216,.20),
            0 0 19px rgba(255,75,216,.30) !important;
    }

    .k3-reward-index article:is(
        [data-name="Trident"],
        [data-name="Heavy Core"],
        [data-name="Rare Armor Trim"],
        [data-name="Mending Book"],
        [data-name="Protection IV Book"]
    ) span,
    .k3-reel-card:is(
        [data-name="Trident"],
        [data-name="Heavy Core"],
        [data-name="Rare Armor Trim"],
        [data-name="Mending Book"],
        [data-name="Protection IV Book"]
    ) b {
        color:#ffb5ee !important;
    }

    /*
     * BLUE:
     * Ingot, Totem, Shulker, 250 Coins, Unbreaking.
     */
    .k3-reward-index article:is(
        [data-name="Netherite Ingot"],
        [data-name="Totem of Undying"],
        [data-name="Shulker Box"],
        [data-name="250 Coins"],
        [data-name="Unbreaking III Book"]
    ),
    .k3-reel-card:is(
        [data-name="Netherite Ingot"],
        [data-name="Totem of Undying"],
        [data-name="Shulker Box"],
        [data-name="250 Coins"],
        [data-name="Unbreaking III Book"]
    ) {
        border-color:#3aabff !important;
        background:
            linear-gradient(
                145deg,
                #062f54,
                #03162c 62%,
                #01060e
            ) !important;
        box-shadow:
            inset 0 0 30px rgba(58,171,255,.19),
            0 0 19px rgba(58,171,255,.29) !important;
    }

    .k3-reward-index article:is(
        [data-name="Netherite Ingot"],
        [data-name="Totem of Undying"],
        [data-name="Shulker Box"],
        [data-name="250 Coins"],
        [data-name="Unbreaking III Book"]
    ) span,
    .k3-reel-card:is(
        [data-name="Netherite Ingot"],
        [data-name="Totem of Undying"],
        [data-name="Shulker Box"],
        [data-name="250 Coins"],
        [data-name="Unbreaking III Book"]
    ) b {
        color:#a9dcff !important;
    }

    /*
     * GREEN:
     * Common Trim, 100 Coins, Scraps, XP, Wind,
     * Golden Apple, Diamonds and TNT.
     */
    .k3-reward-index article:is(
        [data-name="Common Armor Trim"],
        [data-name="100 Coins"],
        [data-name="2 Netherite Scraps"],
        [data-name="64 XP Bottles"],
        [data-name="64 Wind Charges"],
        [data-name="Enchanted Golden Apple"],
        [data-name="16–32 Diamonds"],
        [data-name="32 TNT"]
    ),
    .k3-reel-card:is(
        [data-name="Common Armor Trim"],
        [data-name="100 Coins"],
        [data-name="2 Netherite Scraps"],
        [data-name="64 XP Bottles"],
        [data-name="64 Wind Charges"],
        [data-name="Enchanted Golden Apple"],
        [data-name="16–32 Diamonds"],
        [data-name="32 TNT"]
    ),
    .k3-reel-card[data-code="ITEM:DIAMOND"] {
        border-color:#24ee68 !important;
        background:
            linear-gradient(
                145deg,
                #063b1a,
                #021b0c 62%,
                #000903
            ) !important;
        box-shadow:
            inset 0 0 30px rgba(36,238,104,.17),
            0 0 17px rgba(36,238,104,.23) !important;
    }

    .k3-reward-index article:is(
        [data-name="Common Armor Trim"],
        [data-name="100 Coins"],
        [data-name="2 Netherite Scraps"],
        [data-name="64 XP Bottles"],
        [data-name="64 Wind Charges"],
        [data-name="Enchanted Golden Apple"],
        [data-name="16–32 Diamonds"],
        [data-name="32 TNT"]
    ) span,
    .k3-reel-card:is(
        [data-name="Common Armor Trim"],
        [data-name="100 Coins"],
        [data-name="2 Netherite Scraps"],
        [data-name="64 XP Bottles"],
        [data-name="64 Wind Charges"],
        [data-name="Enchanted Golden Apple"],
        [data-name="16–32 Diamonds"],
        [data-name="32 TNT"]
    ) b,
    .k3-reel-card[data-code="ITEM:DIAMOND"] b {
        color:#a6ffc4 !important;
    }

    /* Rarity names are internal data, not visual labels. */
    .k3-reel-card small,
    .k3-reward-index article small,
    .k3-crate-result > strong {
        display:none !important;
    }

    .k3-reward-index article {
        grid-template-rows:1fr !important;
    }

    .k3-reward-index img {
        grid-row:1 !important;
    }
    @media(max-width:900px){
        .k3-crate-lower-grid {
            grid-template-columns:1fr;
        }
    }

    @media(max-width:760px){.k3-crate-hero{grid-template-columns:90px 1fr}.k3-crate-hero img{width:85px;height:85px}.k3-crate-hero aside{grid-column:1/3;border:0}.k3-crate-hero h1{font-size:28px}.k3-reward-index>div{grid-template-columns:repeat(2,1fr)}}

    /*
     * FINAL LAST 10 MIRRORED LAYOUT
     * DATE | PLAYER + REWARD | ICON
     */
    .k3-crate-app .k3-opener-history-list article {
        box-sizing:border-box !important;
        min-height:112px !important;
        display:grid !important;
        grid-template-columns:
            128px
            minmax(0, 1fr)
            86px !important;
        grid-template-rows:1fr !important;
        column-gap:16px !important;
        align-items:center !important;
    }

    .k3-crate-app
    .k3-opener-history-list article > time {
        grid-column:1 !important;
        grid-row:1 !important;
        justify-self:start !important;
        align-self:center !important;
        color:#c3d4c8 !important;
        font-size:12px !important;
        font-weight:700 !important;
        text-align:left !important;
        white-space:nowrap !important;
    }

    .k3-crate-app
    .k3-opener-history-list article > .k3-history-main {
        grid-column:2 !important;
        grid-row:1 !important;
        width:100% !important;
        min-width:0 !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-end !important;
        justify-content:center !important;
        text-align:right !important;
    }

    .k3-crate-app
    .k3-opener-history-list .k3-history-main a,
    .k3-crate-app
    .k3-opener-history-list .k3-history-main strong {
        width:100% !important;
        text-align:right !important;
    }

    .k3-crate-app
    .k3-opener-history-list article > img {
        grid-column:3 !important;
        grid-row:1 !important;
        width:86px !important;
        height:86px !important;
        max-width:none !important;
        min-width:86px !important;
        margin:0 !important;
        justify-self:end !important;
        align-self:center !important;
        object-fit:contain !important;
        image-rendering:auto !important;
        transform:none !important;
    }

    @media(max-width:600px) {
        .k3-crate-app .k3-opener-history-list article {
            grid-template-columns:
                100px
                minmax(0, 1fr)
                72px !important;
            column-gap:10px !important;
        }

        .k3-crate-app
        .k3-opener-history-list article > img {
            width:72px !important;
            height:72px !important;
            min-width:72px !important;
        }
    }


    /*
     * FINAL LAST 10 BOX MIRROR
     * Mirror the box decoration together with its content.
     */
    .k3-crate-app
    .k3-opener-history-list article {
        border-left:0 !important;
        border-right:3px solid var(--accent) !important;
        background:
            linear-gradient(
                90deg,
                rgba(0,8,4,.72),
                rgba(0,36,15,.88)
            ) !important;
        box-shadow:
            -4px 4px 14px rgba(0,0,0,.38),
            inset -12px 0 20px rgba(0,255,85,.045) !important;
    }

    .k3-crate-mystic
    .k3-opener-history-list article {
        border-left:0 !important;
        border-right:3px solid var(--accent) !important;
        background:
            linear-gradient(
                90deg,
                rgba(8,2,10,.74),
                rgba(45,7,55,.84)
            ) !important;
        box-shadow:
            -4px 4px 14px rgba(0,0,0,.40),
            inset -12px 0 20px rgba(216,60,255,.055) !important;
    }


    /*
     * FINAL PANEL ORDER AND LAST 10 DIRECTION
     *
     * LEFT:  LAST 10
     * RIGHT: REWARD POOL
     *
     * ICON | PLAYER + REWARD | DATE
     */
    .k3-crate-app .k3-opener-history {
        order:1 !important;
    }

    .k3-crate-app .k3-reward-index {
        order:2 !important;
    }

    .k3-crate-app
    .k3-opener-history-list article {
        min-height:112px !important;
        display:grid !important;
        grid-template-columns:
            86px
            minmax(0, 1fr)
            128px !important;
        grid-template-rows:1fr !important;
        column-gap:16px !important;
        align-items:center !important;

        border-left:3px solid var(--accent) !important;
        border-right:0 !important;

        background:
            linear-gradient(
                90deg,
                rgba(0,36,15,.88),
                rgba(0,8,4,.72)
            ) !important;

        box-shadow:
            4px 4px 14px rgba(0,0,0,.38),
            inset 12px 0 20px rgba(0,255,85,.045) !important;
    }

    .k3-crate-app
    .k3-opener-history-list article > img {
        grid-column:1 !important;
        grid-row:1 !important;
        width:86px !important;
        height:86px !important;
        min-width:86px !important;
        margin:0 !important;
        justify-self:start !important;
        align-self:center !important;
        object-fit:contain !important;
        image-rendering:auto !important;
        transform:none !important;
    }

    .k3-crate-app
    .k3-opener-history-list article > .k3-history-main {
        grid-column:2 !important;
        grid-row:1 !important;
        width:100% !important;
        min-width:0 !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:center !important;
        text-align:left !important;
    }

    .k3-crate-app
    .k3-opener-history-list .k3-history-main a,
    .k3-crate-app
    .k3-opener-history-list .k3-history-main strong {
        width:100% !important;
        text-align:left !important;
    }

    .k3-crate-app
    .k3-opener-history-list article > time {
        grid-column:3 !important;
        grid-row:1 !important;
        justify-self:end !important;
        align-self:center !important;
        color:#c3d4c8 !important;
        font-size:12px !important;
        font-weight:700 !important;
        text-align:right !important;
        white-space:nowrap !important;
    }

    .k3-crate-mystic
    .k3-opener-history-list article {
        border-left:3px solid var(--accent) !important;
        border-right:0 !important;

        background:
            linear-gradient(
                90deg,
                rgba(45,7,55,.84),
                rgba(8,2,10,.74)
            ) !important;

        box-shadow:
            4px 4px 14px rgba(0,0,0,.40),
            inset 12px 0 20px rgba(216,60,255,.055) !important;
    }

    @media(max-width:600px) {
        .k3-crate-app
        .k3-opener-history-list article {
            grid-template-columns:
                72px
                minmax(0, 1fr)
                100px !important;
            column-gap:10px !important;
        }

        .k3-crate-app
        .k3-opener-history-list article > img {
            width:72px !important;
            height:72px !important;
            min-width:72px !important;
        }
    }


    /*
     * MYSTIC CRATE EXACT COLOR GROUPS
     */

    /* GOLD: Excellent Damage I. */
    .k3-crate-mystic
    .k3-reward-index article[data-name="Excellent Damage I"],
    .k3-crate-mystic
    .k3-reel-card[data-name="Excellent Damage I"] {
        border-color:#ffe047 !important;
        background:
            radial-gradient(
                circle at 50% 20%,
                rgba(255,224,71,.25),
                transparent 60%
            ),
            linear-gradient(
                145deg,
                #493800,
                #1e1700 60%,
                #070500
            ) !important;
        box-shadow:
            inset 0 0 32px rgba(255,224,71,.20),
            0 0 22px rgba(255,208,38,.35) !important;
    }

    .k3-crate-mystic
    .k3-reward-index article[data-name="Excellent Damage I"] span,
    .k3-crate-mystic
    .k3-reel-card[data-name="Excellent Damage I"] b {
        color:#fff19a !important;
        text-shadow:0 0 9px #d9a900;
    }

    /*
     * PINK:
     * Vitality, Damage Reflect, Defense Rate, Damage Decrease.
     */
    .k3-crate-mystic
    .k3-reward-index article:is(
        [data-name="Vitality I"],
        [data-name="Damage Reflect I"],
        [data-name="Defense Rate I"],
        [data-name="Damage Decrease I"]
    ),
    .k3-crate-mystic
    .k3-reel-card:is(
        [data-name="Vitality I"],
        [data-name="Damage Reflect I"],
        [data-name="Defense Rate I"],
        [data-name="Damage Decrease I"]
    ) {
        border-color:#ff4bd8 !important;
        background:
            linear-gradient(
                145deg,
                #4d083f,
                #22031d 62%,
                #090107
            ) !important;
        box-shadow:
            inset 0 0 30px rgba(255,75,216,.21),
            0 0 19px rgba(255,75,216,.31) !important;
    }

    .k3-crate-mystic
    .k3-reward-index article:is(
        [data-name="Vitality I"],
        [data-name="Damage Reflect I"],
        [data-name="Defense Rate I"],
        [data-name="Damage Decrease I"]
    ) span,
    .k3-crate-mystic
    .k3-reel-card:is(
        [data-name="Vitality I"],
        [data-name="Damage Reflect I"],
        [data-name="Defense Rate I"],
        [data-name="Damage Decrease I"]
    ) b {
        color:#ffb5ee !important;
    }

    /*
     * BLUE:
     * Mystic and Dragon Key Fragments.
     */
    .k3-crate-mystic
    .k3-reward-index article:is(
        [data-name="Mystic Key Fragment"],
        [data-name="Dragon Key Fragment"]
    ),
    .k3-crate-mystic
    .k3-reel-card:is(
        [data-name="Mystic Key Fragment"],
        [data-name="Dragon Key Fragment"]
    ) {
        border-color:#3aabff !important;
        background:
            linear-gradient(
                145deg,
                #062f54,
                #03162c 62%,
                #01060e
            ) !important;
        box-shadow:
            inset 0 0 30px rgba(58,171,255,.20),
            0 0 19px rgba(58,171,255,.30) !important;
    }

    .k3-crate-mystic
    .k3-reward-index article:is(
        [data-name="Mystic Key Fragment"],
        [data-name="Dragon Key Fragment"]
    ) span,
    .k3-crate-mystic
    .k3-reel-card:is(
        [data-name="Mystic Key Fragment"],
        [data-name="Dragon Key Fragment"]
    ) b {
        color:#a9dcff !important;
    }

    /*
     * GREEN:
     * Repair Kit, Removal Scroll and Coins.
     */
    .k3-crate-mystic
    .k3-reward-index article:is(
        [data-name="Mystic Repair Kit"],
        [data-name="Quest Removal Scroll"],
        [data-name="20–150 Coins"]
    ),
    .k3-crate-mystic
    .k3-reel-card:is(
        [data-name="Mystic Repair Kit"],
        [data-name="Quest Removal Scroll"],
        [data-name="20–150 Coins"]
    ) {
        border-color:#24ee68 !important;
        background:
            linear-gradient(
                145deg,
                #063b1a,
                #021b0c 62%,
                #000903
            ) !important;
        box-shadow:
            inset 0 0 30px rgba(36,238,104,.18),
            0 0 17px rgba(36,238,104,.24) !important;
    }

    .k3-crate-mystic
    .k3-reward-index article:is(
        [data-name="Mystic Repair Kit"],
        [data-name="Quest Removal Scroll"],
        [data-name="20–150 Coins"]
    ) span,
    .k3-crate-mystic
    .k3-reel-card:is(
        [data-name="Mystic Repair Kit"],
        [data-name="Quest Removal Scroll"],
        [data-name="20–150 Coins"]
    ) b {
        color:#a6ffc4 !important;
    }

    /*
     * Mystic idle reel starts on a random upgrade book,
     * never on coins, fragments, repair kit or scroll.
     */


    /*
     * FINAL MYSTIC IMAGE SIZING
     *
     * Preserve the original 878:793 aspect ratio while using
     * the same maximum hero width as the Dragon crate.
     */
    .k3-crate-mystic .k3-crate-hero img {
        width:238px !important;
        height:auto !important;
        max-width:238px !important;
        max-height:238px !important;
        aspect-ratio:auto !important;
        object-fit:contain !important;
    }

    /*
     * Identical item image boxes on both crate pages.
     */
    .k3-crate-dragon .k3-reel-card img,
    .k3-crate-mystic .k3-reel-card img {
        width:130px !important;
        height:130px !important;
        max-width:130px !important;
        max-height:130px !important;
        object-fit:contain !important;
        image-rendering:auto !important;
    }

    .k3-crate-dragon .k3-reward-index article img,
    .k3-crate-mystic .k3-reward-index article img {
        width:86px !important;
        height:86px !important;
        min-width:86px !important;
        max-width:86px !important;
        min-height:86px !important;
        max-height:86px !important;
        object-fit:contain !important;
        image-rendering:auto !important;
    }

    .k3-crate-dragon .k3-opener-history-list article > img,
    .k3-crate-mystic .k3-opener-history-list article > img {
        width:86px !important;
        height:86px !important;
        min-width:86px !important;
        max-width:86px !important;
        min-height:86px !important;
        max-height:86px !important;
        object-fit:contain !important;
        image-rendering:auto !important;
    }

    @media(max-width:760px) {
        .k3-crate-mystic .k3-crate-hero img {
            width:85px !important;
            height:auto !important;
            max-width:85px !important;
            max-height:85px !important;
        }
    }


    /*
     * FINAL GLOBAL 20PX SIZE REDUCTION
     * Applies to both Dragon and Mystic pages.
     */
    .k3-crate-app {
        max-width:1100px !important;
    }

    .k3-crate-app .k3-crate-hero {
        grid-template-columns:
            230px
            minmax(0, 1fr)
            130px !important;
        gap:20px !important;
    }

    .k3-crate-dragon .k3-crate-hero img,
    .k3-crate-mystic .k3-crate-hero img {
        width:218px !important;
        max-width:218px !important;
        max-height:218px !important;
        object-fit:contain !important;
    }

    .k3-crate-dragon .k3-crate-hero img {
        height:218px !important;
    }

    .k3-crate-mystic .k3-crate-hero img {
        height:auto !important;
        aspect-ratio:auto !important;
    }

    .k3-crate-app .k3-reel-machine {
        padding:20px !important;
    }

    .k3-crate-app .k3-reel-card {
        flex-basis:190px !important;
        height:185px !important;
        padding:
            12px
            8px
            44px !important;
    }

    .k3-crate-app .k3-reel-card img {
        width:110px !important;
        height:110px !important;
        max-width:110px !important;
        max-height:110px !important;
    }

    .k3-crate-app .k3-reward-index article {
        min-height:100px !important;
        padding:10px 14px !important;
        grid-template-columns:
            74px
            minmax(0, 1fr) !important;
        column-gap:10px !important;
    }

    .k3-crate-app
    .k3-reward-index article img {
        width:66px !important;
        height:66px !important;
        min-width:66px !important;
        max-width:66px !important;
        min-height:66px !important;
        max-height:66px !important;
    }

    .k3-crate-app
    .k3-opener-history-list article {
        min-height:92px !important;
        grid-template-columns:
            66px
            minmax(0, 1fr)
            108px !important;
        column-gap:12px !important;
    }

    .k3-crate-app
    .k3-opener-history-list article > img {
        width:66px !important;
        height:66px !important;
        min-width:66px !important;
        max-width:66px !important;
        min-height:66px !important;
        max-height:66px !important;
    }

    @media(max-width:760px) {
        .k3-crate-app .k3-crate-hero {
            grid-template-columns:
                70px
                minmax(0, 1fr) !important;
            gap:12px !important;
        }

        .k3-crate-dragon .k3-crate-hero img,
        .k3-crate-mystic .k3-crate-hero img {
            width:65px !important;
            max-width:65px !important;
            max-height:65px !important;
        }

        .k3-crate-dragon .k3-crate-hero img {
            height:65px !important;
        }

        .k3-crate-app
        .k3-opener-history-list article {
            grid-template-columns:
                66px
                minmax(0, 1fr)
                90px !important;
            column-gap:8px !important;
        }
    }


    /*
     * FINAL ADDITIONAL 30PX SIZE REDUCTION
     * Applies to Dragon and Mystic pages.
     */
    .k3-crate-app {
        max-width:1070px !important;
    }

    .k3-crate-app .k3-crate-hero {
        grid-template-columns:
            200px
            minmax(0, 1fr)
            100px !important;
        gap:16px !important;
        padding:16px 20px !important;
    }

    .k3-crate-dragon .k3-crate-hero img,
    .k3-crate-mystic .k3-crate-hero img {
        width:188px !important;
        max-width:188px !important;
        max-height:188px !important;
    }

    .k3-crate-dragon .k3-crate-hero img {
        height:188px !important;
    }

    .k3-crate-mystic .k3-crate-hero img {
        height:auto !important;
        aspect-ratio:auto !important;
    }

    .k3-crate-app .k3-reel-machine {
        padding:14px !important;
    }

    .k3-crate-app .k3-reel-card {
        flex-basis:160px !important;
        height:155px !important;
        padding:
            10px
            7px
            40px !important;
    }

    .k3-crate-app .k3-reel-card img {
        width:80px !important;
        height:80px !important;
        max-width:80px !important;
        max-height:80px !important;
    }

    .k3-crate-app .k3-reward-index article {
        min-height:70px !important;
        padding:8px 10px !important;
        grid-template-columns:
            44px
            minmax(0, 1fr) !important;
        column-gap:8px !important;
    }

    .k3-crate-app
    .k3-reward-index article img {
        width:36px !important;
        height:36px !important;
        min-width:36px !important;
        max-width:36px !important;
        min-height:36px !important;
        max-height:36px !important;
    }

    .k3-crate-app
    .k3-opener-history-list article {
        min-height:62px !important;
        grid-template-columns:
            36px
            minmax(0, 1fr)
            108px !important;
        column-gap:9px !important;
        padding:7px 9px !important;
    }

    .k3-crate-app
    .k3-opener-history-list article > img {
        width:36px !important;
        height:36px !important;
        min-width:36px !important;
        max-width:36px !important;
        min-height:36px !important;
        max-height:36px !important;
    }

    @media(max-width:760px) {
        .k3-crate-app .k3-crate-hero {
            grid-template-columns:
                55px
                minmax(0, 1fr) !important;
            gap:10px !important;
        }

        .k3-crate-dragon .k3-crate-hero img,
        .k3-crate-mystic .k3-crate-hero img {
            width:50px !important;
            max-width:50px !important;
            max-height:50px !important;
        }

        .k3-crate-dragon .k3-crate-hero img {
            height:50px !important;
        }

        .k3-crate-app
        .k3-opener-history-list article {
            grid-template-columns:
                36px
                minmax(0, 1fr)
                82px !important;
        }
    }


    /*
     * FINAL LOWER PANELS RESTORE
     *
     * Keep the compact hero and reel, but restore the two
     * lower panels. Their icons match the 80px reel icons.
     */
    .k3-crate-app .k3-crate-lower-grid {
        gap:32px !important;
        margin-top:55px !important;
    }

    .k3-crate-app
    .k3-reward-index article {
        min-height:120px !important;
        padding:14px 16px !important;
        grid-template-columns:
            88px
            minmax(0, 1fr) !important;
        column-gap:14px !important;
    }

    .k3-crate-app
    .k3-reward-index article img {
        width:80px !important;
        height:80px !important;
        min-width:80px !important;
        max-width:80px !important;
        min-height:80px !important;
        max-height:80px !important;
        object-fit:contain !important;
        image-rendering:auto !important;
    }

    .k3-crate-app
    .k3-opener-history-list article {
        min-height:112px !important;
        grid-template-columns:
            80px
            minmax(0, 1fr)
            128px !important;
        column-gap:16px !important;
        padding:10px 12px !important;
    }

    .k3-crate-app
    .k3-opener-history-list article > img {
        width:80px !important;
        height:80px !important;
        min-width:80px !important;
        max-width:80px !important;
        min-height:80px !important;
        max-height:80px !important;
        object-fit:contain !important;
        image-rendering:auto !important;
    }

    .k3-crate-app
    .k3-opener-history-list article > time {
        font-size:12px !important;
    }

    .k3-crate-app
    .k3-history-main a {
        font-size:16px !important;
    }

    .k3-crate-app
    .k3-history-main strong {
        font-size:14px !important;
        line-height:1.35 !important;
    }

    .k3-crate-app
    .k3-reward-index article span {
        font-size:14px !important;
        line-height:1.3 !important;
    }

    @media(max-width:760px) {
        .k3-crate-app
        .k3-reward-index article {
            min-height:105px !important;
            grid-template-columns:
                68px
                minmax(0, 1fr) !important;
        }

        .k3-crate-app
        .k3-reward-index article img,
        .k3-crate-app
        .k3-opener-history-list article > img {
            width:60px !important;
            height:60px !important;
            min-width:60px !important;
            max-width:60px !important;
            min-height:60px !important;
            max-height:60px !important;
        }

        .k3-crate-app
        .k3-opener-history-list article {
            min-height:92px !important;
            grid-template-columns:
                60px
                minmax(0, 1fr)
                90px !important;
            column-gap:10px !important;
        }
    }


    /*
     * FINAL MYSTIC HERO PURPLE BACKGROUND
     */
    .k3-crate-mystic .k3-crate-hero {
        background:
            radial-gradient(
                circle at 15% 50%,
                rgba(145,20,180,.18),
                transparent 38%
            ),
            linear-gradient(
                110deg,
                rgba(24,3,30,.98) 0%,
                rgba(12,2,17,.98) 52%,
                rgba(4,1,6,.99) 100%
            ) !important;

        box-shadow:
            inset 0 0 34px rgba(216,60,255,.055),
            0 0 28px rgba(216,60,255,.38) !important;
    }


    /*
     * FINAL MYSTIC OPEN BUTTON
     */
    .k3-crate-mystic .k3-open-crate {
        border-color:#dc42ff !important;
        background:
            linear-gradient(
                180deg,
                rgba(55,7,68,.98),
                rgba(20,2,27,.99)
            ) !important;
        color:#fff !important;
        box-shadow:
            inset 0 0 18px rgba(216,60,255,.10),
            0 0 17px rgba(216,60,255,.36) !important;
    }

    .k3-crate-mystic .k3-open-crate:hover:not(:disabled) {
        border-color:#f08cff !important;
        background:
            linear-gradient(
                180deg,
                #d83cff,
                #8d14aa
            ) !important;
        color:#16001c !important;
        box-shadow:
            inset 0 0 18px rgba(255,255,255,.16),
            0 0 25px rgba(216,60,255,.62) !important;
    }

    .k3-crate-mystic .k3-open-crate:disabled {
        border-color:rgba(216,60,255,.38) !important;
        background:rgba(34,5,42,.72) !important;
        color:rgba(255,255,255,.48) !important;
        box-shadow:none !important;
    }


    /*
     * FINAL CRATE CONTROL SPACING AND KEY SEPARATOR
     */
    .k3-crate-app .k3-crate-controls {
        padding:4px 10px 0 !important;
    }

    .k3-crate-app .k3-crate-status {
        margin:10px 0 0 !important;
    }

    .k3-crate-app .k3-crate-status:empty {
        display:none !important;
        min-height:0 !important;
        margin:0 !important;
    }

    .k3-crate-app .k3-crate-result {
        margin:10px auto 24px !important;
    }

    /*
     * Give AVAILABLE KEYS enough room away from its separator.
     */
    .k3-crate-app .k3-crate-hero {
        grid-template-columns:
            200px
            minmax(0, 1fr)
            140px !important;
    }

    .k3-crate-app .k3-crate-hero aside {
        box-sizing:border-box !important;
        min-width:140px !important;
        padding-left:22px !important;
        margin-left:4px !important;
    }

    .k3-crate-app .k3-crate-hero aside small {
        line-height:1.3 !important;
        white-space:nowrap !important;
    }

    @media(max-width:760px) {
        .k3-crate-app .k3-crate-hero {
            grid-template-columns:
                55px
                minmax(0, 1fr) !important;
        }

        .k3-crate-app .k3-crate-hero aside {
            min-width:0 !important;
            padding-left:0 !important;
            margin-left:0 !important;
        }
    }


    /*
     * FINAL BUTTON TO RESULT GAP
     * Dragon and Mystic: exactly 40px.
     */
    .k3-crate-app .k3-crate-result {
        margin-top:40px !important;
    }


    /*
     * LAST 10 REWARD CATEGORY COLORS
     * Applies to Dragon and Mystic history.
     */

    /* GOLD */
    .k3-crate-app
    .k3-opener-history-list
    article[data-reward-color="gold"] {
        border-left-color:#ffe047 !important;
        background:
            linear-gradient(
                90deg,
                rgba(73,56,0,.88),
                rgba(10,8,0,.74)
            ) !important;
        box-shadow:
            4px 4px 14px rgba(0,0,0,.38),
            inset 12px 0 22px rgba(255,224,71,.10) !important;
    }

    .k3-crate-app
    .k3-opener-history-list
    article[data-reward-color="gold"]
    .k3-history-main strong {
        color:#fff19a !important;
    }

    .k3-crate-app
    .k3-opener-history-list
    article[data-reward-color="gold"] > img {
        filter:drop-shadow(0 0 9px rgba(255,208,38,.72)) !important;
    }

    /* RED */
    .k3-crate-app
    .k3-opener-history-list
    article[data-reward-color="red"] {
        border-left-color:#ff344d !important;
        background:
            linear-gradient(
                90deg,
                rgba(78,7,17,.88),
                rgba(10,1,3,.74)
            ) !important;
        box-shadow:
            4px 4px 14px rgba(0,0,0,.38),
            inset 12px 0 22px rgba(255,52,77,.09) !important;
    }

    .k3-crate-app
    .k3-opener-history-list
    article[data-reward-color="red"]
    .k3-history-main strong {
        color:#ffabb6 !important;
    }

    .k3-crate-app
    .k3-opener-history-list
    article[data-reward-color="red"] > img {
        filter:drop-shadow(0 0 9px rgba(255,52,77,.68)) !important;
    }

    /* PINK */
    .k3-crate-app
    .k3-opener-history-list
    article[data-reward-color="pink"] {
        border-left-color:#ff4bd8 !important;
        background:
            linear-gradient(
                90deg,
                rgba(77,8,63,.88),
                rgba(10,1,8,.74)
            ) !important;
        box-shadow:
            4px 4px 14px rgba(0,0,0,.38),
            inset 12px 0 22px rgba(255,75,216,.09) !important;
    }

    .k3-crate-app
    .k3-opener-history-list
    article[data-reward-color="pink"]
    .k3-history-main strong {
        color:#ffb5ee !important;
    }

    .k3-crate-app
    .k3-opener-history-list
    article[data-reward-color="pink"] > img {
        filter:drop-shadow(0 0 9px rgba(255,75,216,.68)) !important;
    }

    /* BLUE */
    .k3-crate-app
    .k3-opener-history-list
    article[data-reward-color="blue"] {
        border-left-color:#3aabff !important;
        background:
            linear-gradient(
                90deg,
                rgba(6,47,84,.88),
                rgba(1,7,15,.74)
            ) !important;
        box-shadow:
            4px 4px 14px rgba(0,0,0,.38),
            inset 12px 0 22px rgba(58,171,255,.09) !important;
    }

    .k3-crate-app
    .k3-opener-history-list
    article[data-reward-color="blue"]
    .k3-history-main strong {
        color:#a9dcff !important;
    }

    .k3-crate-app
    .k3-opener-history-list
    article[data-reward-color="blue"] > img {
        filter:drop-shadow(0 0 9px rgba(58,171,255,.66)) !important;
    }

    /* GREEN */
    .k3-crate-app
    .k3-opener-history-list
    article[data-reward-color="green"] {
        border-left-color:#24ee68 !important;
        background:
            linear-gradient(
                90deg,
                rgba(6,59,26,.86),
                rgba(0,9,3,.72)
            ) !important;
        box-shadow:
            4px 4px 14px rgba(0,0,0,.38),
            inset 12px 0 22px rgba(36,238,104,.08) !important;
    }

    .k3-crate-app
    .k3-opener-history-list
    article[data-reward-color="green"]
    .k3-history-main strong {
        color:#a6ffc4 !important;
    }

    .k3-crate-app
    .k3-opener-history-list
    article[data-reward-color="green"] > img {
        filter:drop-shadow(0 0 9px rgba(36,238,104,.62)) !important;
    }


    /*
     * Concrete Armor Trim cards:
     * icon, exact name, uppercase category.
     */
    .k3-reel-card[
        data-code$="_ARMOR_TRIM_SMITHING_TEMPLATE"
    ] {
        padding-bottom:54px !important;
    }

    .k3-reel-card[
        data-code$="_ARMOR_TRIM_SMITHING_TEMPLATE"
    ] b {
        bottom:29px !important;
    }

    .k3-reel-card[
        data-code$="_ARMOR_TRIM_SMITHING_TEMPLATE"
    ] small {
        display:block !important;
        position:absolute;
        left:5px;
        right:5px;
        bottom:8px;
        color:#d7e4da !important;
        font-size:10px !important;
        font-weight:900;
        line-height:1;
        letter-spacing:1.8px;
        text-align:center;
        text-transform:uppercase;
    }

    .k3-reward-index article[
        data-code$="_ARMOR_TRIM_SMITHING_TEMPLATE"
    ] small {
        display:block !important;
        color:#d7e4da !important;
        font-size:11px !important;
        font-weight:900;
        line-height:1.1;
        letter-spacing:1.8px;
        text-align:center;
        text-transform:uppercase;
    }

    /* LEGENDARY trim cards: red. */
    .k3-reel-card[
        data-rarity="LEGENDARY"
    ][data-code$="_ARMOR_TRIM_SMITHING_TEMPLATE"],
    .k3-reward-index article[
        data-rarity="LEGENDARY"
    ][data-code$="_ARMOR_TRIM_SMITHING_TEMPLATE"] {
        border-color:#ff344d !important;
        background:linear-gradient(
            145deg,
            #4e0711,
            #210308 62%,
            #080102
        ) !important;
        box-shadow:
            inset 0 0 30px rgba(255,44,70,.20),
            0 0 19px rgba(255,44,70,.30) !important;
    }

    /* RARE trim cards: pink. */
    .k3-reel-card[
        data-rarity="RARE"
    ][data-code$="_ARMOR_TRIM_SMITHING_TEMPLATE"],
    .k3-reward-index article[
        data-rarity="RARE"
    ][data-code$="_ARMOR_TRIM_SMITHING_TEMPLATE"] {
        border-color:#ff4bd8 !important;
        background:linear-gradient(
            145deg,
            #4d083f,
            #22031d 62%,
            #090107
        ) !important;
        box-shadow:
            inset 0 0 30px rgba(255,75,216,.20),
            0 0 19px rgba(255,75,216,.30) !important;
    }

    /* COMMON trim cards: green. */
    .k3-reel-card[
        data-rarity="COMMON"
    ][data-code$="_ARMOR_TRIM_SMITHING_TEMPLATE"],
    .k3-reward-index article[
        data-rarity="COMMON"
    ][data-code$="_ARMOR_TRIM_SMITHING_TEMPLATE"] {
        border-color:#24ee68 !important;
        background:linear-gradient(
            145deg,
            #063b1a,
            #011b0b 62%,
            #000903
        ) !important;
        box-shadow:
            inset 0 0 30px rgba(36,238,104,.17),
            0 0 17px rgba(36,238,104,.23) !important;
    }


    /*
     * Reward Pool Armor Trim layout:
     *
     * ICON | Exact item name
     *      | CATEGORY
     */
    .k3-reward-index article[
        data-code$="_ARMOR_TRIM_SMITHING_TEMPLATE"
    ] {
        display:grid !important;
        grid-template-columns:80px minmax(0, 1fr) !important;
        grid-template-rows:auto auto !important;
        column-gap:14px !important;
        row-gap:5px !important;
        align-content:center !important;
        align-items:center !important;
    }

    .k3-reward-index article[
        data-code$="_ARMOR_TRIM_SMITHING_TEMPLATE"
    ] img {
        grid-column:1 !important;
        grid-row:1 / 3 !important;
        align-self:center !important;
        justify-self:center !important;
    }

    .k3-reward-index article[
        data-code$="_ARMOR_TRIM_SMITHING_TEMPLATE"
    ] span {
        grid-column:2 !important;
        grid-row:1 !important;
        align-self:end !important;
        margin:0 !important;
        text-align:left !important;
    }

    .k3-reward-index article[
        data-code$="_ARMOR_TRIM_SMITHING_TEMPLATE"
    ] small {
        grid-column:2 !important;
        grid-row:2 !important;
        align-self:start !important;
        justify-self:start !important;
        position:static !important;
        margin:0 !important;
        text-align:left !important;
    }


    /*
     * Mystic hero key icon:
     * ICON
     * AVAILABLE KEYS
     * COUNT
     */
    .k3-crate-mystic .k3-crate-hero aside {
        display:flex !important;
        min-height:150px;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:3px;
    }

    .k3-crate-mystic
    .k3-crate-hero
    aside
    .k3-crate-key-icon {
        display:block !important;
        width:80px !important;
        height:80px !important;
        max-width:80px !important;
        margin:0 auto 2px !important;
        object-fit:contain !important;
        image-rendering:auto;
        filter:
            drop-shadow(0 0 7px rgba(216,60,255,.72))
            drop-shadow(0 0 13px rgba(216,60,255,.34));
    }

    .k3-crate-mystic .k3-crate-hero aside small {
        margin:0 !important;
        font-size:11px !important;
        line-height:1.15 !important;
    }

    .k3-crate-mystic .k3-crate-hero aside strong {
        margin:0 !important;
        font-size:34px !important;
        line-height:1 !important;
    }

    @media(max-width:760px) {
        .k3-crate-mystic .k3-crate-hero aside {
            min-height:110px;
        }

        .k3-crate-mystic
        .k3-crate-hero
        aside
        .k3-crate-key-icon {
            width:64px !important;
            height:64px !important;
            max-width:64px !important;
        }

        .k3-crate-mystic .k3-crate-hero aside strong {
            font-size:32px !important;
        }
    }


    /*
     * Dragon hero key icon:
     * same layout and size as Mystic.
     */
    .k3-crate-dragon .k3-crate-hero aside {
        display:flex !important;
        min-height:150px;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:3px;
    }

    .k3-crate-dragon
    .k3-crate-hero
    aside
    .k3-crate-key-icon {
        display:block !important;
        width:80px !important;
        height:80px !important;
        max-width:80px !important;
        margin:0 auto 2px !important;
        object-fit:contain !important;
        image-rendering:auto;
        filter:
            drop-shadow(0 0 7px rgba(0,255,85,.72))
            drop-shadow(0 0 13px rgba(0,255,85,.34));
    }

    .k3-crate-dragon .k3-crate-hero aside small {
        margin:0 !important;
        font-size:11px !important;
        line-height:1.15 !important;
    }

    .k3-crate-dragon .k3-crate-hero aside strong {
        margin:0 !important;
        font-size:34px !important;
        line-height:1 !important;
    }

    @media(max-width:760px) {
        .k3-crate-dragon .k3-crate-hero aside {
            min-height:110px;
        }

        .k3-crate-dragon
        .k3-crate-hero
        aside
        .k3-crate-key-icon {
            width:64px !important;
            height:64px !important;
            max-width:64px !important;
        }

        .k3-crate-dragon .k3-crate-hero aside strong {
            font-size:32px !important;
        }
    }


    /*
     * High-resolution custom Armor Trim icons must be
     * smoothly downscaled. Pixel rendering is only suitable
     * for original low-resolution Minecraft textures.
     */
    .k3-reel-card[
        data-code$="_ARMOR_TRIM_SMITHING_TEMPLATE"
    ] img,
    .k3-reward-index article[
        data-code$="_ARMOR_TRIM_SMITHING_TEMPLATE"
    ] img,
    .k3-crate-result img[
        src*="/k3-armor-icons/"
    ],
    .k3-opener-history-list img[
        src*="/k3-armor-icons/"
    ] {
        image-rendering:auto !important;
        object-fit:contain !important;
        transform:translateZ(0);
        backface-visibility:hidden;
    }


    /*
     * Final Armor Trim icon normalization.
     * Source files remain untouched and full quality.
     */
    .k3-reel-card[
        data-code$="_ARMOR_TRIM_SMITHING_TEMPLATE"
    ] img,
    .k3-reward-index article[
        data-code$="_ARMOR_TRIM_SMITHING_TEMPLATE"
    ] img,
    .k3-opener-history-list img[
        src*="/k3-armor-icons/"
    ] {
        width:80px !important;
        height:80px !important;
        max-width:80px !important;
        max-height:80px !important;
        object-fit:contain !important;
        object-position:center !important;
        image-rendering:auto !important;
    }

    .k3-crate-result img[
        src*="/k3-armor-icons/"
    ] {
        width:100px !important;
        height:100px !important;
        max-width:100px !important;
        max-height:100px !important;
        object-fit:contain !important;
        object-position:center !important;
        image-rendering:auto !important;
    }