body.theme-season21-infernal-throne .it21-hero-v2__brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    text-align: center;
}

/* ======================================================================
   Events V2 — Fully Rebuilt /database/events
   ====================================================================== */
body.theme-season21-infernal-throne .it21-evx-shell {
    width: min(1400px, calc(100vw - 34px));
    margin: 0 auto;
    padding: 20px 0 56px;
    display: grid;
    gap: 16px;
}

body.theme-season21-infernal-throne .it21-evx-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
    gap: 16px;
    padding: 22px;
    border-radius: 22px;
    border: 1px solid rgba(255, 139, 57, 0.2);
    background:
        radial-gradient(circle at 92% -10%, rgba(255, 148, 52, 0.22), transparent 38%),
        radial-gradient(circle at -8% 110%, rgba(82, 134, 255, 0.12), transparent 38%),
        linear-gradient(150deg, rgba(28, 10, 8, 0.95), rgba(14, 6, 5, 0.97));
    box-shadow:
        0 20px 46px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 228, 200, 0.06);
}

body.theme-season21-infernal-throne .it21-evx-hero__main,
body.theme-season21-infernal-throne .it21-evx-hero__stats {
    display: grid;
    gap: 12px;
}

body.theme-season21-infernal-throne .it21-evx-hero__kicker {
    color: rgba(255, 210, 152, 0.72);
    font-family: var(--it21-font-ui);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.18em;
}

body.theme-season21-infernal-throne .it21-evx-hero h1 {
    margin: 0;
    color: #fff2e2;
    font-family: var(--it21-font-head);
    font-size: clamp(1.7rem, 2.4vw, 2.8rem);
    line-height: 1.02;
}

body.theme-season21-infernal-throne .it21-evx-hero p {
    margin: 0;
    color: rgba(245, 227, 209, 0.78);
    line-height: 1.66;
    max-width: 60ch;
}

body.theme-season21-infernal-throne .it21-evx-feature {
    margin-top: 4px;
    display: grid;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid rgba(255, 150, 68, 0.24);
    background:
        radial-gradient(circle at 86% 20%, rgba(255, 172, 86, 0.22), transparent 52%),
        linear-gradient(180deg, rgba(36, 12, 9, 0.93), rgba(19, 8, 7, 0.95));
    box-shadow: inset 0 1px 0 rgba(255, 228, 198, 0.07);
}

body.theme-season21-infernal-throne .it21-evx-feature__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

body.theme-season21-infernal-throne .it21-evx-feature__head strong {
    color: #fff2e4;
    font-size: 0.98rem;
    font-weight: 700;
    font-family: var(--it21-font-head);
}

body.theme-season21-infernal-throne .it21-evx-feature__timer {
    display: grid;
    gap: 4px;
}

body.theme-season21-infernal-throne .it21-evx-feature__timer span {
    color: rgba(247, 225, 198, 0.56);
    font-size: 0.66rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-family: var(--it21-font-ui);
}

body.theme-season21-infernal-throne .it21-evx-feature__timer strong {
    color: #ffe6bf;
    font-size: clamp(1rem, 1.8vw, 1.36rem);
    font-family: var(--it21-font-head);
    line-height: 1;
}

body.theme-season21-infernal-throne .it21-evx-feature__timer small {
    color: rgba(240, 215, 183, 0.66);
    font-size: 0.73rem;
    font-family: var(--it21-font-ui);
}

body.theme-season21-infernal-throne .it21-evx-stat {
    display: grid;
    gap: 5px;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid rgba(255, 143, 60, 0.16);
    background: linear-gradient(180deg, rgba(26, 10, 8, 0.92), rgba(14, 6, 5, 0.96));
    box-shadow: inset 0 1px 0 rgba(255, 232, 214, 0.05);
}

body.theme-season21-infernal-throne .it21-evx-stat span {
    color: rgba(249, 224, 192, 0.56);
    font-family: var(--it21-font-ui);
    font-size: 0.66rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
}

body.theme-season21-infernal-throne .it21-evx-stat strong {
    color: #fff1df;
    font-family: var(--it21-font-head);
    font-size: 1.2rem;
    line-height: 1;
}

body.theme-season21-infernal-throne .it21-evx-stat small {
    color: rgba(238, 215, 189, 0.62);
    font-size: 0.72rem;
    font-family: var(--it21-font-ui);
}

body.theme-season21-infernal-throne .it21-evx-controls {
    display: grid;
    grid-template-columns: minmax(240px, 0.8fr) minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 12px;
    border-radius: 14px;
    border: 1px solid rgba(255, 138, 56, 0.14);
    background: rgba(17, 7, 6, 0.92);
}

body.theme-season21-infernal-throne .it21-evx-search {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 12px;
    border-radius: 10px;
    border: 1px solid rgba(255, 138, 56, 0.16);
    background: rgba(11, 4, 4, 0.86);
}

body.theme-season21-infernal-throne .it21-evx-search i {
    color: rgba(255, 195, 126, 0.8);
    font-size: 0.9rem;
    flex-shrink: 0;
}

body.theme-season21-infernal-throne .it21-evx-search input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff2e1;
    font-family: var(--it21-font-ui);
    font-size: 0.88rem;
}

body.theme-season21-infernal-throne .it21-evx-search input::placeholder {
    color: rgba(255, 225, 194, 0.48);
}

body.theme-season21-infernal-throne .it21-evx-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-evx-filter {
    min-height: 32px;
    padding: 0 11px;
    border-radius: 999px;
    border: 1px solid rgba(255, 138, 56, 0.15);
    background: rgba(15, 6, 5, 0.9);
    color: rgba(255, 230, 206, 0.78);
    font-family: var(--it21-font-ui);
    font-size: 0.66rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 800;
    cursor: pointer;
    transition: border-color 0.16s ease, transform 0.16s ease, color 0.16s ease, background 0.16s ease;
}

body.theme-season21-infernal-throne .it21-evx-filter:hover,
body.theme-season21-infernal-throne .it21-evx-filter.is-active {
    border-color: rgba(255, 195, 117, 0.42);
    color: #fff2df;
    background: linear-gradient(180deg, rgba(89, 34, 17, 0.92), rgba(29, 11, 8, 0.94));
    transform: translateY(-1px);
}

body.theme-season21-infernal-throne .it21-evx-meta {
    display: grid;
    justify-items: center;
    min-width: 84px;
    padding: 6px 10px;
    border-radius: 10px;
    border: 1px solid rgba(255, 153, 77, 0.24);
    background: rgba(20, 8, 6, 0.9);
}

body.theme-season21-infernal-throne .it21-evx-meta span {
    color: #ffe5be;
    font-family: var(--it21-font-head);
    font-size: 1rem;
}

body.theme-season21-infernal-throne .it21-evx-meta small {
    color: rgba(242, 215, 184, 0.6);
    font-size: 0.65rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-family: var(--it21-font-ui);
}

body.theme-season21-infernal-throne .it21-evx-layout {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 14px;
}

body.theme-season21-infernal-throne .it21-evx-rail {
    border-radius: 18px;
    border: 1px solid rgba(255, 139, 57, 0.14);
    background: linear-gradient(180deg, rgba(19, 8, 7, 0.95), rgba(12, 5, 5, 0.98));
    padding: 14px;
    display: grid;
    gap: 10px;
    align-content: start;
}

body.theme-season21-infernal-throne .it21-evx-rail__head {
    display: grid;
    gap: 3px;
}

body.theme-season21-infernal-throne .it21-evx-rail__kicker {
    color: rgba(255, 211, 155, 0.68);
    font-size: 0.64rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-family: var(--it21-font-ui);
    font-weight: 800;
}

body.theme-season21-infernal-throne .it21-evx-rail h2 {
    margin: 0;
    color: #fff2de;
    font-family: var(--it21-font-head);
    font-size: 1.2rem;
}

body.theme-season21-infernal-throne .it21-evx-rail__list {
    display: grid;
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-evx-rail__item {
    display: grid;
    gap: 8px;
    padding: 10px;
    border-radius: 12px;
    border: 1px solid rgba(255, 138, 56, 0.12);
    background: rgba(16, 6, 5, 0.88);
    transition: border-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

body.theme-season21-infernal-throne .it21-evx-rail__item:hover {
    transform: translateY(-1px);
    border-color: rgba(255, 177, 99, 0.36);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22);
}

body.theme-season21-infernal-throne .it21-evx-rail__event {
    display: grid;
    gap: 6px;
}

body.theme-season21-infernal-throne .it21-evx-rail__event strong {
    color: #fff0df;
    font-family: var(--it21-font-head);
    font-size: 0.9rem;
    line-height: 1.2;
}

body.theme-season21-infernal-throne .it21-evx-rail__timer {
    display: grid;
    gap: 2px;
}

body.theme-season21-infernal-throne .it21-evx-rail__timer em {
    color: #ffd9a0;
    font-style: normal;
    font-family: var(--it21-font-head);
    font-size: 0.94rem;
}

body.theme-season21-infernal-throne .it21-evx-rail__timer small {
    color: rgba(241, 215, 181, 0.62);
    font-size: 0.68rem;
    font-family: var(--it21-font-ui);
}

body.theme-season21-infernal-throne .it21-evx-board {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

body.theme-season21-infernal-throne .it21-evx-card {
    display: grid;
    gap: 12px;
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(255, 138, 56, 0.12);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent),
        rgba(16, 6, 5, 0.95);
    box-shadow: 0 16px 28px rgba(0, 0, 0, 0.2);
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

body.theme-season21-infernal-throne .it21-evx-card:hover {
    transform: translateY(-1px);
    border-color: rgba(255, 174, 95, 0.34);
    box-shadow: 0 18px 32px rgba(0, 0, 0, 0.24);
}

body.theme-season21-infernal-throne .it21-evx-card.is-disabled {
    opacity: 0.6;
}

body.theme-season21-infernal-throne .it21-evx-card__head,
body.theme-season21-infernal-throne .it21-evx-card__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

body.theme-season21-infernal-throne .it21-evx-card__title {
    display: flex;
    align-items: center;
    gap: 10px;
}

body.theme-season21-infernal-throne .it21-evx-card__icon {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 150, 67, 0.26);
    background: rgba(255, 150, 67, 0.12);
    color: #ffd39a;
    font-size: 1rem;
    flex-shrink: 0;
}

body.theme-season21-infernal-throne .it21-evx-card__title h3 {
    margin: 0 0 2px;
    color: #fff2e2;
    font-family: var(--it21-font-head);
    font-size: 1.02rem;
    line-height: 1.1;
}

body.theme-season21-infernal-throne .it21-evx-card__title p {
    margin: 0;
    color: rgba(244, 220, 191, 0.6);
    font-size: 0.68rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-family: var(--it21-font-ui);
}

body.theme-season21-infernal-throne .it21-evx-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 24px;
    padding: 0 9px;
    border-radius: 999px;
    border: 1px solid rgba(255, 148, 68, 0.2);
    color: rgba(255, 226, 196, 0.8);
    background: rgba(255, 255, 255, 0.03);
    font-family: var(--it21-font-ui);
    font-size: 0.63rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 800;
}

body.theme-season21-infernal-throne .it21-evx-chip.is-enabled {
    border-color: rgba(87, 217, 138, 0.38);
    color: #a3f2c2;
    background: rgba(69, 192, 114, 0.12);
}

body.theme-season21-infernal-throne .it21-evx-chip.is-disabled {
    border-color: rgba(255, 208, 160, 0.18);
    color: rgba(255, 214, 170, 0.56);
    background: rgba(255, 255, 255, 0.02);
}

body.theme-season21-infernal-throne .it21-evx-card__flags,
body.theme-season21-infernal-throne .it21-evx-card__slots {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

body.theme-season21-infernal-throne .it21-evx-card__desc {
    margin: 0;
    color: rgba(244, 223, 200, 0.74);
    line-height: 1.55;
}

body.theme-season21-infernal-throne .it21-evx-card__next {
    display: grid;
    gap: 3px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255, 146, 62, 0.2);
    background: rgba(255, 255, 255, 0.04);
}

body.theme-season21-infernal-throne .it21-evx-card__next span {
    color: rgba(255, 220, 186, 0.56);
    font-size: 0.64rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-family: var(--it21-font-ui);
}

body.theme-season21-infernal-throne .it21-evx-card__next strong {
    color: #ffe2ae;
    font-family: var(--it21-font-head);
    font-size: 1.05rem;
    line-height: 1;
}

body.theme-season21-infernal-throne .it21-evx-card__next small {
    color: rgba(238, 212, 179, 0.64);
    font-size: 0.68rem;
    font-family: var(--it21-font-ui);
}

body.theme-season21-infernal-throne .it21-evx-card__note {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 9px 10px;
    border-radius: 10px;
    border: 1px solid rgba(106, 164, 255, 0.26);
    background: rgba(49, 91, 173, 0.12);
    color: rgba(201, 226, 255, 0.88);
    font-size: 0.72rem;
    line-height: 1.45;
}

body.theme-season21-infernal-throne .it21-evx-card__note.is-inferred {
    border-color: rgba(244, 176, 96, 0.3);
    background: rgba(146, 88, 30, 0.14);
    color: rgba(255, 222, 185, 0.9);
}

body.theme-season21-infernal-throne .it21-evx-slot {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 9px;
    border-radius: 999px;
    border: 1px solid rgba(255, 138, 56, 0.12);
    background: rgba(255, 255, 255, 0.02);
    color: rgba(250, 228, 203, 0.76);
    font-size: 0.64rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-family: var(--it21-font-ui);
}

body.theme-season21-infernal-throne .it21-evx-card__foot span {
    color: rgba(244, 216, 183, 0.64);
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-family: var(--it21-font-ui);
}

body.theme-season21-infernal-throne .it21-evx-card__foot code {
    color: rgba(255, 218, 178, 0.46);
    font-size: 0.66rem;
    font-family: var(--it21-font-ui);
    word-break: break-word;
}

body.theme-season21-infernal-throne .it21-evx-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 23px;
    padding: 0 9px;
    border-radius: 999px;
    border: 1px solid rgba(255, 146, 64, 0.3);
    background: rgba(255, 146, 64, 0.14);
    color: #ffdda7;
    font-size: 0.62rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-family: var(--it21-font-ui);
    font-weight: 800;
}

body.theme-season21-infernal-throne .it21-evx-pill i {
    font-size: 0.7rem;
}

body.theme-season21-infernal-throne .it21-evx-empty {
    padding: 14px;
    border-radius: 10px;
    border: 1px dashed rgba(255, 150, 70, 0.26);
    color: rgba(250, 226, 201, 0.72);
    background: rgba(14, 6, 5, 0.75);
    font-size: 0.8rem;
}

body.theme-season21-infernal-throne .it21-evx-card.is-live,
body.theme-season21-infernal-throne .it21-evx-rail__item.is-live,
body.theme-season21-infernal-throne .it21-evx-feature.is-live {
    border-color: rgba(110, 255, 166, 0.42);
    box-shadow:
        0 0 0 1px rgba(110, 255, 166, 0.14),
        0 14px 24px rgba(0, 0, 0, 0.24);
}

body.theme-season21-infernal-throne .it21-evx-card.is-urgent,
body.theme-season21-infernal-throne .it21-evx-rail__item.is-urgent,
body.theme-season21-infernal-throne .it21-evx-feature.is-urgent {
    border-color: rgba(255, 136, 98, 0.44);
}

body.theme-season21-infernal-throne .it21-evx-card.is-soon,
body.theme-season21-infernal-throne .it21-evx-rail__item.is-soon,
body.theme-season21-infernal-throne .it21-evx-feature.is-soon {
    border-color: rgba(255, 188, 116, 0.42);
}

@media (max-width: 1180px) {
    body.theme-season21-infernal-throne .it21-evx-hero {
        grid-template-columns: 1fr;
    }
    body.theme-season21-infernal-throne .it21-evx-layout {
        grid-template-columns: 1fr;
    }
    body.theme-season21-infernal-throne .it21-evx-rail {
        order: 2;
    }
    body.theme-season21-infernal-throne .it21-evx-board {
        order: 1;
    }
}

@media (max-width: 900px) {
    body.theme-season21-infernal-throne .it21-evx-controls {
        grid-template-columns: 1fr;
        align-items: stretch;
    }
    body.theme-season21-infernal-throne .it21-evx-meta {
        justify-items: flex-start;
    }
    body.theme-season21-infernal-throne .it21-evx-board {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    body.theme-season21-infernal-throne .it21-evx-shell {
        width: min(100%, calc(100vw - 20px));
        padding: 14px 0 42px;
    }
    body.theme-season21-infernal-throne .it21-evx-hero {
        padding: 16px;
    }
    body.theme-season21-infernal-throne .it21-evx-hero h1 {
        font-size: clamp(1.35rem, 6vw, 2rem);
    }
    body.theme-season21-infernal-throne .it21-evx-filters {
        gap: 6px;
    }
    body.theme-season21-infernal-throne .it21-evx-filter {
        font-size: 0.59rem;
        min-height: 30px;
        padding: 0 9px;
    }
}

body.theme-season21-infernal-throne .it21-hero-v2__logo {
    width: min(42vw, 500px);
    filter:
        drop-shadow(0 0 18px rgba(255, 180, 90, 0.24))
        drop-shadow(0 22px 40px rgba(0, 0, 0, 0.42));
}

body.theme-season21-infernal-throne .it21-hero-v2__vignette,
body.theme-season21-infernal-throne .it21-hero-v2__glow {
    display: none;
    background: none;
    opacity: 0;
}

body.theme-season21-infernal-throne.infernal-throne-home::after {
    background: linear-gradient(
        180deg,
        rgba(8, 3, 3, 0.03) 0%,
        rgba(12, 5, 4, 0.14) 72%,
        rgba(12, 5, 4, 0.26) 100%
    );
    opacity: 0.42;
}

body.theme-season21-infernal-throne .it21-opening-ribbon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    width: min(880px, calc(100vw - 44px));
    max-width: min(880px, calc(100vw - 44px));
    padding: 12px 14px;
    border-radius: 22px;
    border: 1px solid rgba(255, 138, 56, 0.24);
    background:
        radial-gradient(circle at 50% -30%, rgba(255, 172, 84, 0.26), transparent 46%),
        radial-gradient(circle at 0% 100%, rgba(255, 95, 24, 0.18), transparent 32%),
        radial-gradient(circle at 100% 100%, rgba(255, 95, 24, 0.18), transparent 32%),
        linear-gradient(160deg, rgba(22, 8, 6, 0.94) 0%, rgba(10, 4, 4, 0.98) 100%);
    box-shadow:
        0 18px 44px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 232, 201, 0.09),
        0 0 0 1px rgba(255, 138, 56, 0.06);
    overflow: visible;
    isolation: isolate;
    animation: it21-opening-ribbon-wave 6s ease-in-out infinite;
}

body.theme-season21-infernal-throne .it21-opening-ribbon::before {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 166, 72, 0.76), transparent);
    opacity: 0.7;
}

body.theme-season21-infernal-throne .it21-opening-ribbon::after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    background: linear-gradient(120deg, transparent 0%, rgba(255, 199, 133, 0.14) 20%, transparent 40%, rgba(255, 116, 34, 0.12) 60%, transparent 85%);
    opacity: 0.5;
    pointer-events: none;
    animation: it21-opening-ribbon-sweep 5s linear infinite;
}

body.theme-season21-infernal-throne .it21-opening-ribbon__halo {
    position: absolute;
    inset: auto 50% -46px;
    width: 260px;
    height: 92px;
    transform: translateX(-50%);
    background: radial-gradient(circle, rgba(255, 120, 28, 0.22) 0%, rgba(255, 120, 28, 0.05) 45%, transparent 75%);
    filter: blur(12px);
    pointer-events: none;
    animation: it21-opening-halo 2.8s ease-in-out infinite;
}

body.theme-season21-infernal-throne .it21-opening-ribbon__pulse {
    position: absolute;
    left: 50%;
    top: 0;
    width: 200px;
    height: 200px;
    transform: translate(-50%, -66%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 172, 92, 0.24) 0%, rgba(255, 172, 92, 0.06) 35%, transparent 70%);
    pointer-events: none;
    animation: it21-opening-pulse 2.2s ease-in-out infinite;
}

body.theme-season21-infernal-throne .it21-opening-ribbon__header {
    position: relative;
    z-index: 2;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

body.theme-season21-infernal-throne .it21-opening-ribbon__label,
body.theme-season21-infernal-throne .it21-opening-ribbon__date {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--it21-font-ui);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-opening-ribbon__label {
    padding: 7px 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 138, 56, 0.3);
    background: rgba(14, 6, 5, 0.8);
    color: rgba(255, 224, 188, 0.9);
    box-shadow: 0 0 0 1px rgba(255, 138, 56, 0.08), inset 0 1px 0 rgba(255, 212, 154, 0.1);
}

body.theme-season21-infernal-throne .it21-opening-ribbon__label i,
body.theme-season21-infernal-throne .it21-opening-ribbon__date i {
    color: #ffc274;
    font-size: 0.9rem;
}

body.theme-season21-infernal-throne .it21-opening-ribbon__hype {
    display: grid;
    gap: 1px;
    text-align: center;
}

body.theme-season21-infernal-throne .it21-opening-ribbon__hype strong {
    margin: 0;
    font-family: var(--it21-font-head);
    font-size: clamp(0.95rem, 2vw, 1.22rem);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff4e6;
    text-shadow: 0 0 16px rgba(255, 133, 48, 0.3);
}

body.theme-season21-infernal-throne .it21-opening-ribbon__hype small {
    margin: 0;
    font-family: var(--it21-font-ui);
    font-size: 0.63rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 214, 168, 0.68);
}

body.theme-season21-infernal-throne .it21-opening-ribbon__timer {
    position: relative;
    z-index: 2;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
}

body.theme-season21-infernal-throne .it21-opening-ribbon__unit {
    display: grid;
    gap: 3px;
    min-width: 68px;
    padding: 8px 10px 7px;
    border-radius: 15px;
    border: 1px solid rgba(255, 154, 73, 0.28);
    background:
        radial-gradient(circle at 50% -40%, rgba(255, 190, 122, 0.16), transparent 52%),
        rgba(10, 4, 4, 0.78);
    box-shadow:
        inset 0 1px 0 rgba(255, 224, 188, 0.07),
        0 10px 20px rgba(0, 0, 0, 0.22);
    animation: it21-opening-unit-pop 2.2s ease-in-out infinite;
}

body.theme-season21-infernal-throne .it21-opening-ribbon__unit span {
    font-family: var(--it21-font-head);
    font-size: clamp(1.12rem, 2.1vw, 1.52rem);
    line-height: 1;
    color: #fff7ee;
    text-shadow: 0 0 14px rgba(255, 122, 28, 0.2);
    font-variant-numeric: tabular-nums;
}

body.theme-season21-infernal-throne .it21-opening-ribbon__unit small {
    font-family: var(--it21-font-ui);
    font-size: 0.5rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255, 208, 153, 0.66);
}

body.theme-season21-infernal-throne .it21-opening-ribbon__unit:nth-of-type(1) { animation-delay: 0s; }
body.theme-season21-infernal-throne .it21-opening-ribbon__unit:nth-of-type(2) { animation-delay: 0.16s; }
body.theme-season21-infernal-throne .it21-opening-ribbon__unit:nth-of-type(3) { animation-delay: 0.32s; }
body.theme-season21-infernal-throne .it21-opening-ribbon__unit:nth-of-type(4) { animation-delay: 0.48s; }

body.theme-season21-infernal-throne .it21-opening-ribbon__unit:last-of-type {
    border-color: rgba(255, 185, 112, 0.4);
    box-shadow:
        inset 0 1px 0 rgba(255, 224, 188, 0.08),
        0 0 0 1px rgba(255, 143, 60, 0.12),
        0 10px 22px rgba(0, 0, 0, 0.26);
}

body.theme-season21-infernal-throne .it21-opening-ribbon__sep {
    position: relative;
    z-index: 1;
    font-family: var(--it21-font-head);
    font-size: 1.02rem;
    color: rgba(255, 182, 98, 0.48);
    padding-bottom: 10px;
    animation: it21-opening-sep 1.2s ease-in-out infinite;
}

body.theme-season21-infernal-throne .it21-opening-ribbon__date {
    color: rgba(243, 226, 215, 0.64);
}

body.theme-season21-infernal-throne .it21-opening-ribbon.is-hot {
    border-color: rgba(255, 168, 84, 0.35);
    box-shadow:
        0 18px 48px rgba(0, 0, 0, 0.4),
        0 0 26px rgba(255, 117, 36, 0.14),
        inset 0 1px 0 rgba(255, 228, 198, 0.1);
}

body.theme-season21-infernal-throne .it21-opening-ribbon.is-hot .it21-opening-ribbon__hype strong {
    color: #fff2de;
}

body.theme-season21-infernal-throne .it21-opening-ribbon.is-critical {
    border-color: rgba(255, 186, 106, 0.48);
    box-shadow:
        0 20px 54px rgba(0, 0, 0, 0.42),
        0 0 36px rgba(255, 99, 26, 0.24),
        inset 0 1px 0 rgba(255, 232, 206, 0.14);
}

body.theme-season21-infernal-throne .it21-opening-ribbon.is-critical .it21-opening-ribbon__hype strong {
    color: #ffcf96;
    animation: it21-opening-critical 1.1s ease-in-out infinite;
}

body.theme-season21-infernal-throne .it21-opening-ribbon.is-critical .it21-opening-ribbon__label {
    border-color: rgba(255, 198, 124, 0.46);
    color: #ffe8cb;
}

body.theme-season21-infernal-throne .it21-opening-ribbon.is-launched .it21-opening-ribbon__label {
    border-color: rgba(114, 215, 120, 0.18);
    background: rgba(10, 20, 10, 0.56);
    color: rgba(198, 255, 204, 0.86);
}

body.theme-season21-infernal-throne .it21-opening-ribbon.is-launched .it21-opening-ribbon__label i {
    color: #79e287;
}

body.theme-season21-infernal-throne .it21-opening-ribbon.is-launched .it21-opening-ribbon__unit {
    border-color: rgba(114, 215, 120, 0.14);
}

body.theme-season21-infernal-throne .it21-opening-ribbon.is-launched .it21-opening-ribbon__hype strong {
    color: #b4ffbe;
    text-shadow: 0 0 14px rgba(114, 215, 120, 0.3);
}

@keyframes it21-opening-ribbon-wave {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-1px); }
}

@keyframes it21-opening-ribbon-sweep {
    0% { transform: translateX(-18%); opacity: 0.35; }
    50% { opacity: 0.6; }
    100% { transform: translateX(18%); opacity: 0.35; }
}

@keyframes it21-opening-halo {
    0%, 100% { opacity: 0.66; transform: translateX(-50%) scale(0.96); }
    50% { opacity: 0.96; transform: translateX(-50%) scale(1.04); }
}

@keyframes it21-opening-pulse {
    0%, 100% { opacity: 0.36; transform: translate(-50%, -66%) scale(0.94); }
    50% { opacity: 0.66; transform: translate(-50%, -66%) scale(1.05); }
}

@keyframes it21-opening-unit-pop {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-2px); }
}

@keyframes it21-opening-sep {
    0%, 100% { opacity: 0.34; }
    50% { opacity: 0.82; }
}

@keyframes it21-opening-critical {
    0%, 100% { text-shadow: 0 0 16px rgba(255, 128, 36, 0.3); }
    50% { text-shadow: 0 0 22px rgba(255, 128, 36, 0.58); }
}

body.theme-season21-infernal-throne .it21-launch-panel {
    position: relative;
    width: min(920px, 100%);
    padding: 22px 24px 20px;
    border: 1px solid rgba(255, 138, 56, 0.18);
    border-radius: 28px;
    background:
        radial-gradient(circle at top center, rgba(255, 166, 74, 0.18), transparent 44%),
        radial-gradient(circle at bottom left, rgba(255, 80, 20, 0.12), transparent 38%),
        linear-gradient(180deg, rgba(24, 10, 8, 0.92) 0%, rgba(10, 4, 4, 0.97) 100%);
    box-shadow:
        0 22px 56px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 224, 182, 0.08),
        0 0 0 1px rgba(255, 138, 56, 0.05);
    overflow: hidden;
    isolation: isolate;
    contain: layout paint style;
}

body.theme-season21-infernal-throne .it21-launch-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(255, 202, 124, 0.08), transparent 24%, transparent 76%, rgba(255, 100, 20, 0.08)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 30%);
    pointer-events: none;
}

body.theme-season21-infernal-throne .it21-launch-panel::after {
    content: "";
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 166, 72, 0.7), transparent);
    opacity: 0.66;
}

body.theme-season21-infernal-throne .it21-launch-panel__halo {
    position: absolute;
    inset: auto 50% -68px;
    width: 420px;
    height: 140px;
    transform: translateX(-50%);
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 124, 38, 0.28) 0%, rgba(255, 124, 38, 0.08) 42%, transparent 74%);
    filter: blur(14px);
    pointer-events: none;
}

body.theme-season21-infernal-throne .it21-launch-panel__topline {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

body.theme-season21-infernal-throne .it21-launch-panel__kicker,
body.theme-season21-infernal-throne .it21-launch-panel__status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 138, 56, 0.18);
    background: rgba(15, 6, 5, 0.74);
    font-family: var(--it21-font-ui);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255, 219, 177, 0.82);
}

body.theme-season21-infernal-throne .it21-launch-panel__kicker i,
body.theme-season21-infernal-throne .it21-launch-panel__status i {
    font-size: 0.9rem;
    color: #ffc374;
}

body.theme-season21-infernal-throne .it21-launch-panel__status {
    color: #fff1e2;
}

body.theme-season21-infernal-throne .it21-launch-panel__headline {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 8px;
    justify-items: center;
}

body.theme-season21-infernal-throne .it21-launch-panel__headline h2 {
    margin: 0;
    font-family: var(--it21-font-head);
    font-size: clamp(1.45rem, 2.4vw, 2.2rem);
    line-height: 1.04;
    color: #fff5ea;
    text-shadow: 0 0 18px rgba(255, 112, 32, 0.18);
}

body.theme-season21-infernal-throne .it21-launch-panel__headline p {
    max-width: 680px;
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.65;
    color: rgba(243, 226, 215, 0.72);
}

body.theme-season21-infernal-throne .it21-launch-panel__timer {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
}

body.theme-season21-infernal-throne .it21-launch-panel__unit {
    display: grid;
    gap: 4px;
    min-width: 84px;
    padding: 13px 14px 11px;
    border-radius: 18px;
    border: 1px solid rgba(255, 138, 56, 0.18);
    background:
        radial-gradient(circle at top center, rgba(255, 138, 56, 0.14), transparent 56%),
        rgba(10, 4, 4, 0.82);
    box-shadow: inset 0 1px 0 rgba(255, 219, 177, 0.05);
}

body.theme-season21-infernal-throne .it21-launch-panel__unit span {
    font-family: var(--it21-font-head);
    font-size: clamp(1.35rem, 2.3vw, 2rem);
    line-height: 1;
    color: #fff8ef;
    text-shadow: 0 0 16px rgba(255, 122, 28, 0.18);
    font-variant-numeric: tabular-nums;
}

body.theme-season21-infernal-throne .it21-launch-panel__unit small {
    font-family: var(--it21-font-ui);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255, 208, 153, 0.62);
}

body.theme-season21-infernal-throne .it21-launch-panel__sep {
    font-family: var(--it21-font-head);
    font-size: 1.35rem;
    color: rgba(255, 182, 98, 0.58);
    padding-bottom: 14px;
}

body.theme-season21-infernal-throne .it21-launch-panel__date {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(12, 5, 4, 0.7);
    border: 1px solid rgba(255, 138, 56, 0.16);
    font-family: var(--it21-font-ui);
    font-size: 0.76rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    color: rgba(245, 227, 207, 0.76);
}

body.theme-season21-infernal-throne .it21-launch-panel__date i {
    color: #ffc374;
}

body.theme-season21-infernal-throne .it21-launch-panel__meta {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
}

body.theme-season21-infernal-throne .it21-launch-panel__meta-item {
    display: inline-grid;
    grid-template-columns: auto auto;
    align-items: center;
    gap: 2px 10px;
    min-width: 180px;
    padding: 12px 14px;
    border-radius: 18px;
    border: 1px solid rgba(255, 138, 56, 0.14);
    background: rgba(14, 6, 5, 0.72);
}

body.theme-season21-infernal-throne .it21-launch-panel__meta-item i {
    grid-row: 1 / span 2;
    font-size: 1.1rem;
    color: #ffb664;
}

body.theme-season21-infernal-throne .it21-launch-panel__meta-item span {
    font-family: var(--it21-font-ui);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255, 208, 153, 0.58);
}

body.theme-season21-infernal-throne .it21-launch-panel__meta-item strong {
    font-family: var(--it21-font-head);
    font-size: 0.96rem;
    line-height: 1.2;
    color: #fff2e2;
}

body.theme-season21-infernal-throne .it21-launch-panel__actions {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 18px;
}

body.theme-season21-infernal-throne .it21-launch-panel__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 0 18px;
    border-radius: 999px;
    border: 1px solid rgba(255, 138, 56, 0.18);
    background: rgba(16, 7, 6, 0.82);
    color: #f8eee6;
    text-decoration: none;
    font-family: var(--it21-font-ui);
    font-size: 0.73rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}

body.theme-season21-infernal-throne .it21-launch-panel__link i {
    font-size: 1rem;
    color: #ffbf73;
}

body.theme-season21-infernal-throne .it21-launch-panel__link:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 182, 98, 0.34);
    background: rgba(24, 10, 8, 0.92);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.28), 0 0 22px rgba(255, 96, 26, 0.09);
}

body.theme-season21-infernal-throne .it21-authline__admin {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 190, 98, 0.22);
    background:
        radial-gradient(circle at top center, rgba(255, 192, 94, 0.14), transparent 62%),
        linear-gradient(135deg, rgba(42, 18, 10, 0.94), rgba(18, 8, 6, 0.96));
    color: #fff1da;
    font-family: var(--it21-font-ui);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 235, 205, 0.08);
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, color 0.22s ease;
}

body.theme-season21-infernal-throne .it21-authline__admin i {
    font-size: 0.9rem;
    color: #ffc87c;
}

body.theme-season21-infernal-throne .it21-authline__admin:hover {
    transform: translateY(-1px);
    border-color: rgba(255, 210, 128, 0.38);
    color: #fff9f0;
    box-shadow:
        0 14px 28px rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(255, 175, 84, 0.08),
        inset 0 1px 0 rgba(255, 243, 221, 0.12);
}

body.theme-season21-infernal-throne .it21-mobile-drawer__auth-btn--admin {
    background:
        radial-gradient(circle at top center, rgba(255, 190, 98, 0.18), transparent 64%),
        linear-gradient(135deg, rgba(44, 20, 12, 0.95), rgba(16, 8, 7, 0.98));
    border-color: rgba(255, 194, 92, 0.26);
    color: #fff0d4;
    box-shadow:
        inset 0 1px 0 rgba(255, 233, 196, 0.08),
        0 12px 28px rgba(0, 0, 0, 0.24);
}

body.theme-season21-infernal-throne .it21-mobile-drawer__auth-btn--admin i {
    color: #ffc87c;
}

body.theme-season21-infernal-throne .it21-metric--admin {
    border-color: rgba(255, 196, 102, 0.22);
    background:
        radial-gradient(circle at top right, rgba(255, 182, 84, 0.18), transparent 38%),
        linear-gradient(180deg, rgba(29, 12, 8, 0.92), rgba(14, 6, 5, 0.98));
    box-shadow:
        0 16px 34px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 237, 204, 0.07);
}

body.theme-season21-infernal-throne .it21-metric--admin strong {
    color: #fff2dd;
}

body.theme-season21-infernal-throne .it21-admin-bridge {
    position: relative;
    overflow: hidden;
}

body.theme-season21-infernal-throne .it21-admin-bridge::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(255, 175, 78, 0.16), transparent 34%),
        radial-gradient(circle at bottom left, rgba(255, 95, 22, 0.12), transparent 28%);
    pointer-events: none;
}

body.theme-season21-infernal-throne .it21-admin-bridge__body {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 18px;
}

body.theme-season21-infernal-throne .it21-admin-bridge__intro {
    display: grid;
    gap: 6px;
    padding: 18px 20px;
    border-radius: 20px;
    border: 1px solid rgba(255, 190, 98, 0.18);
    background:
        linear-gradient(180deg, rgba(28, 12, 9, 0.9), rgba(14, 6, 5, 0.96));
}

body.theme-season21-infernal-throne .it21-admin-bridge__intro strong {
    font-family: var(--it21-font-head);
    font-size: 1.08rem;
    color: #fff2df;
}

body.theme-season21-infernal-throne .it21-admin-bridge__intro p {
    margin: 0;
    color: rgba(243, 226, 215, 0.7);
    line-height: 1.7;
}

body.theme-season21-infernal-throne .it21-admin-bridge__actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
}

body.theme-season21-infernal-throne .it21-action-tile--admin {
    position: relative;
    border-color: rgba(255, 191, 97, 0.2);
    background:
        radial-gradient(circle at top center, rgba(255, 191, 97, 0.14), transparent 56%),
        linear-gradient(180deg, rgba(30, 12, 9, 0.92), rgba(14, 6, 5, 0.98));
    box-shadow:
        0 14px 32px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 230, 191, 0.07);
}

body.theme-season21-infernal-throne .it21-action-tile--admin::before {
    content: "Admin";
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(255, 177, 73, 0.12);
    border: 1px solid rgba(255, 196, 102, 0.16);
    font-family: var(--it21-font-ui);
    font-size: 0.56rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255, 224, 182, 0.86);
}

body.theme-season21-infernal-throne .it21-action-tile--admin strong {
    padding-right: 58px;
}

@media (max-width: 980px) {
    body.theme-season21-infernal-throne .it21-authline__admin {
        display: none;
    }
}

@media (max-width: 768px) {
    body.theme-season21-infernal-throne .it21-admin-bridge__intro,
    body.theme-season21-infernal-throne .it21-action-tile--admin {
        border-radius: 16px;
    }
}

body.theme-season21-infernal-throne .it21-launch-panel__link--primary {
    background: linear-gradient(135deg, rgba(128, 42, 8, 0.94) 0%, rgba(190, 84, 18, 0.96) 52%, rgba(226, 150, 54, 0.98) 100%);
    border-color: rgba(255, 182, 98, 0.28);
    color: #fffaf4;
    box-shadow: 0 14px 30px rgba(98, 28, 7, 0.34), inset 0 1px 0 rgba(255, 240, 214, 0.18);
}

body.theme-season21-infernal-throne .it21-launch-panel__link--primary i {
    color: #fff4d6;
}

body.theme-season21-infernal-throne .it21-launch-panel.is-live .it21-launch-panel__kicker,
body.theme-season21-infernal-throne .it21-launch-panel.is-live .it21-launch-panel__status,
body.theme-season21-infernal-throne .it21-launch-panel.is-launched .it21-launch-panel__kicker,
body.theme-season21-infernal-throne .it21-launch-panel.is-launched .it21-launch-panel__status {
    border-color: rgba(114, 215, 120, 0.2);
    color: rgba(198, 255, 204, 0.86);
    background: rgba(10, 20, 10, 0.52);
}

body.theme-season21-infernal-throne .it21-launch-panel.is-live .it21-launch-panel__kicker i,
body.theme-season21-infernal-throne .it21-launch-panel.is-live .it21-launch-panel__status i,
body.theme-season21-infernal-throne .it21-launch-panel.is-launched .it21-launch-panel__kicker i,
body.theme-season21-infernal-throne .it21-launch-panel.is-launched .it21-launch-panel__status i {
    color: #79e287;
}

body.theme-season21-infernal-throne .it21-spotlight-slider {
    overflow: hidden;
}

body.theme-season21-infernal-throne .it21-spotlight-slider__track {
    transform: translate3d(0, 0, 0);
    will-change: transform;
    backface-visibility: hidden;
}

body.theme-season21-infernal-throne .it21-spotlight-slide {
    position: relative;
    isolation: isolate;
    background:
        radial-gradient(circle at top right, rgba(255, 90, 20, 0.16), transparent 35%),
        linear-gradient(180deg, rgba(10, 4, 3, 0.88) 0%, rgba(8, 2, 2, 0.96) 100%);
}

body.theme-season21-infernal-throne .it21-spotlight-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(120deg, rgba(8, 4, 3, 0.28), rgba(8, 4, 3, 0.08)),
        var(--it21-slide-poster) center / cover no-repeat;
    opacity: 0.92;
    transform: scale(1.02);
    transition: opacity 0.45s ease, transform 1.05s ease;
}

body.theme-season21-infernal-throne .it21-spotlight-slide.is-active::before {
    transform: scale(1.04);
}

body.theme-season21-infernal-throne .it21-spotlight-slide[data-video-ready="1"]::before {
    opacity: 0.24;
}

body.theme-season21-infernal-throne .it21-spotlight-slide__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.45s ease;
    filter: saturate(0.86) brightness(0.76);
}

body.theme-season21-infernal-throne .it21-spotlight-slide[data-video-ready="1"] .it21-spotlight-slide__video {
    opacity: 0.76;
}

body.theme-season21-infernal-throne .it21-spotlight-slider[data-media-mode="poster"] .it21-spotlight-slide__video {
    display: none;
}

body.theme-season21-infernal-throne .it21-spotlight-slide__content {
    position: relative;
    z-index: 2;
}

body.theme-season21-infernal-throne .it21-home-v2__center > .it21-features-grid,
body.theme-season21-infernal-throne .it21-home-v2__center > .it21-whyplay,
body.theme-season21-infernal-throne .it21-home-v2__center > .it21-quickstart,
body.theme-season21-infernal-throne .it21-footer,
body.theme-season21-infernal-throne .it21-inner-stage {
    content-visibility: auto;
    contain-intrinsic-size: 1px 520px;
}

@media (max-width: 1160px) {
    body.theme-season21-infernal-throne .it21-launch-panel {
        width: min(860px, 100%);
    }
}

@media (max-width: 760px) {
    body.theme-season21-infernal-throne .it21-hero-v2__logo {
        width: min(72vw, 340px);
    }

    body.theme-season21-infernal-throne .it21-opening-ribbon {
        gap: 10px;
        padding: 11px 14px;
        border-radius: 18px;
    }

    body.theme-season21-infernal-throne .it21-opening-ribbon__header {
        gap: 8px;
    }

    body.theme-season21-infernal-throne .it21-opening-ribbon__hype strong {
        font-size: clamp(0.88rem, 3vw, 1.05rem);
    }

    body.theme-season21-infernal-throne .it21-opening-ribbon__hype small {
        font-size: 0.56rem;
        letter-spacing: 0.08em;
    }

    body.theme-season21-infernal-throne .it21-opening-ribbon__date {
        width: 100%;
        justify-content: center;
        font-size: 0.62rem;
    }

    body.theme-season21-infernal-throne .it21-launch-panel {
        padding: 18px 18px 16px;
        border-radius: 22px;
    }

    body.theme-season21-infernal-throne .it21-launch-panel__topline {
        justify-content: center;
    }

    body.theme-season21-infernal-throne .it21-launch-panel__headline p {
        font-size: 0.82rem;
    }

    body.theme-season21-infernal-throne .it21-launch-panel__timer {
        gap: 6px;
    }

    body.theme-season21-infernal-throne .it21-launch-panel__unit {
        min-width: 66px;
        padding: 10px 10px 9px;
        border-radius: 14px;
    }

    body.theme-season21-infernal-throne .it21-launch-panel__unit span {
        font-size: 1.2rem;
    }

    body.theme-season21-infernal-throne .it21-launch-panel__meta-item {
        min-width: 0;
        width: calc(50% - 6px);
    }

    body.theme-season21-infernal-throne .it21-launch-panel__link {
        flex: 1 1 240px;
    }
}

@media (max-width: 540px) {
    body.theme-season21-infernal-throne .it21-hero-v2__brand {
        gap: 16px;
    }

    body.theme-season21-infernal-throne .it21-hero-v2__logo {
        width: min(78vw, 280px);
    }

    body.theme-season21-infernal-throne .it21-opening-ribbon {
        width: 100%;
        max-width: calc(100vw - 28px);
        padding: 10px 12px;
        gap: 8px;
        border-radius: 16px;
    }

    body.theme-season21-infernal-throne .it21-opening-ribbon__header {
        flex-direction: column;
        gap: 7px;
    }

    body.theme-season21-infernal-throne .it21-opening-ribbon__label {
        padding: 7px 10px;
        font-size: 0.6rem;
    }

    body.theme-season21-infernal-throne .it21-opening-ribbon__hype strong {
        font-size: 0.9rem;
    }

    body.theme-season21-infernal-throne .it21-opening-ribbon__hype small {
        font-size: 0.52rem;
        letter-spacing: 0.07em;
    }

    body.theme-season21-infernal-throne .it21-opening-ribbon__unit {
        min-width: 52px;
        padding: 6px 8px 5px;
        border-radius: 12px;
    }

    body.theme-season21-infernal-throne .it21-opening-ribbon__unit span {
        font-size: 0.92rem;
    }

    body.theme-season21-infernal-throne .it21-opening-ribbon__unit small {
        font-size: 0.44rem;
    }

    body.theme-season21-infernal-throne .it21-opening-ribbon__sep {
        font-size: 0.82rem;
        padding-bottom: 8px;
    }

    body.theme-season21-infernal-throne .it21-opening-ribbon__date {
        font-size: 0.58rem;
        letter-spacing: 0.08em;
        line-height: 1.4;
        text-align: center;
    }

    body.theme-season21-infernal-throne .it21-launch-panel {
        width: 100%;
        padding: 16px 14px 14px;
        border-radius: 20px;
    }

    body.theme-season21-infernal-throne .it21-launch-panel__headline h2 {
        font-size: 1.2rem;
    }

    body.theme-season21-infernal-throne .it21-launch-panel__headline p {
        font-size: 0.78rem;
    }

    body.theme-season21-infernal-throne .it21-launch-panel__unit {
        min-width: 58px;
        padding: 8px 8px 7px;
    }

    body.theme-season21-infernal-throne .it21-launch-panel__unit span {
        font-size: 1rem;
    }

    body.theme-season21-infernal-throne .it21-launch-panel__unit small {
        font-size: 0.5rem;
    }

    body.theme-season21-infernal-throne .it21-launch-panel__sep {
        font-size: 1rem;
        padding-bottom: 10px;
    }

    body.theme-season21-infernal-throne .it21-launch-panel__date {
        font-size: 0.66rem;
        line-height: 1.4;
        text-align: center;
    }

    body.theme-season21-infernal-throne .it21-launch-panel__meta-item {
        width: 100%;
    }

    body.theme-season21-infernal-throne .it21-launch-panel__actions {
        gap: 10px;
    }

    body.theme-season21-infernal-throne .it21-launch-panel__link {
        width: 100%;
        min-height: 48px;
        font-size: 0.68rem;
    }
}

body.theme-season21-infernal-throne .df21-captcha-shell {
    margin-top: 18px;
    padding: 18px;
    border: 1px solid rgba(255, 138, 56, 0.16);
    border-radius: 18px;
    background:
        radial-gradient(circle at top right, rgba(255, 102, 34, 0.12), transparent 42%),
        linear-gradient(180deg, rgba(22, 8, 7, 0.94) 0%, rgba(10, 4, 4, 0.98) 100%);
    box-shadow: 0 20px 42px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 214, 166, 0.05);
}

body.theme-season21-infernal-throne .df21-captcha-shell__head {
    display: grid;
    gap: 4px;
    margin-bottom: 12px;
}

body.theme-season21-infernal-throne .df21-captcha-shell__eyebrow {
    font-family: var(--it21-font-ui);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255, 203, 139, 0.72);
}

body.theme-season21-infernal-throne .df21-captcha-shell__head strong {
    font-family: var(--it21-font-head);
    font-size: 1rem;
    line-height: 1.25;
    color: #fff2e6;
}

body.theme-season21-infernal-throne .df21-captcha-shell__widget {
    display: flex;
    justify-content: center;
    padding: 12px;
    border-radius: 14px;
    background: rgba(8, 2, 2, 0.56);
    border: 1px solid rgba(255, 138, 56, 0.12);
}

body.theme-season21-infernal-throne .df21-captcha-shell__widget .g-recaptcha {
    transform-origin: center top;
}

body.theme-season21-infernal-throne .df21-captcha-shell__help {
    margin: 12px 0 0;
    text-align: center;
    font-size: 0.8rem;
    line-height: 1.55;
    color: rgba(245, 226, 205, 0.66);
}

@media (max-width: 480px) {
    body.theme-season21-infernal-throne .df21-captcha-shell {
        padding: 16px 14px;
    }

    body.theme-season21-infernal-throne .df21-captcha-shell__widget {
        padding: 10px 0 0;
    }

    body.theme-season21-infernal-throne .df21-captcha-shell__widget .g-recaptcha {
        transform: scale(0.86);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.theme-season21-infernal-throne .it21-command-card,
    body.theme-season21-infernal-throne .it21-launch-panel__link,
    body.theme-season21-infernal-throne .it21-spotlight-slide::before,
    body.theme-season21-infernal-throne .it21-spotlight-slide__video,
    body.theme-season21-infernal-throne .it21-spotlight-slider__track {
        transition: none !important;
        animation: none !important;
    }

    body.theme-season21-infernal-throne .it21-spotlight-slide__video,
    body.theme-season21-infernal-throne .it21-bg-video {
        display: none !important;
    }
}

body.theme-season21-infernal-throne .it21-pass-shell,
body.theme-season21-infernal-throne .it21-events-shell {
    width: min(1380px, calc(100vw - 40px));
    margin: 0 auto;
    padding: 28px 0 52px;
}

body.theme-season21-infernal-throne .it21-pass-hero,
body.theme-season21-infernal-throne .it21-events-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
    gap: 22px;
    padding: 26px;
    border-radius: 28px;
    border: 1px solid rgba(255, 138, 56, 0.16);
    background:
        radial-gradient(circle at top right, rgba(255, 138, 56, 0.18), transparent 34%),
        linear-gradient(180deg, rgba(26, 10, 7, 0.94) 0%, rgba(11, 4, 4, 0.98) 100%);
    box-shadow: 0 26px 56px rgba(0, 0, 0, 0.32);
    margin-bottom: 20px;
}

body.theme-season21-infernal-throne .it21-pass-hero__eyebrow,
body.theme-season21-infernal-throne .it21-events-hero__eyebrow,
body.theme-season21-infernal-throne .it21-pass-progress__eyebrow {
    display: inline-flex;
    margin-bottom: 10px;
    font-family: var(--it21-font-ui);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(255, 208, 140, 0.7);
}

body.theme-season21-infernal-throne .it21-pass-hero h1,
body.theme-season21-infernal-throne .it21-events-hero h1,
body.theme-season21-infernal-throne .it21-pass-progress h2,
body.theme-season21-infernal-throne .it21-pass-server h2 {
    margin: 0;
    font-family: var(--it21-font-head);
    font-size: clamp(1.8rem, 2.2vw, 2.8rem);
    color: #fff4e8;
    line-height: 1.05;
}

body.theme-season21-infernal-throne .it21-pass-hero__lead,
body.theme-season21-infernal-throne .it21-events-hero p,
body.theme-season21-infernal-throne .it21-pass-hero__body {
    margin: 0;
    line-height: 1.75;
    color: rgba(242, 225, 207, 0.8);
}

body.theme-season21-infernal-throne .it21-pass-hero__copy,
body.theme-season21-infernal-throne .it21-events-hero__copy {
    display: grid;
    gap: 12px;
}

body.theme-season21-infernal-throne .it21-pass-hero__panel,
body.theme-season21-infernal-throne .it21-pass-progress,
body.theme-season21-infernal-throne .it21-pass-server,
body.theme-season21-infernal-throne .it21-events-card,
body.theme-season21-infernal-throne .it21-events-featured__card,
body.theme-season21-infernal-throne .it21-pass-tier {
    display: grid;
    gap: 14px;
    padding: 22px;
    border-radius: 24px;
    border: 1px solid rgba(255, 138, 56, 0.12);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent),
        rgba(17, 7, 6, 0.94);
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24);
}

body.theme-season21-infernal-throne .it21-pass-hero__panel h2 {
    margin: 0;
    font-family: var(--it21-font-head);
    color: #fff3e4;
    font-size: 1.5rem;
}

body.theme-season21-infernal-throne .it21-pass-hero__panel p {
    margin: 0;
    color: rgba(239, 218, 196, 0.72);
    line-height: 1.7;
}

body.theme-season21-infernal-throne .it21-pass-hero__status,
body.theme-season21-infernal-throne .it21-pass-server__head,
body.theme-season21-infernal-throne .it21-pass-progress__header,
body.theme-season21-infernal-throne .it21-events-card__head,
body.theme-season21-infernal-throne .it21-events-card__footer,
body.theme-season21-infernal-throne .it21-events-featured__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

body.theme-season21-infernal-throne .it21-pass-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 234, 214, 0.86);
    font-family: var(--it21-font-ui);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-pass-badge--live,
body.theme-season21-infernal-throne .it21-pass-badge--success {
    border-color: rgba(70, 194, 105, 0.24);
    background: rgba(70, 194, 105, 0.12);
    color: #9af0b8;
}

body.theme-season21-infernal-throne .it21-pass-badge--upcoming {
    border-color: rgba(96, 165, 250, 0.24);
    background: rgba(96, 165, 250, 0.12);
    color: #b9d8ff;
}

body.theme-season21-infernal-throne .it21-pass-badge--ended,
body.theme-season21-infernal-throne .it21-pass-badge--muted {
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 226, 194, 0.58);
}

body.theme-season21-infernal-throne .it21-pass-badge--premium {
    border-color: rgba(212, 175, 55, 0.22);
    background: rgba(212, 175, 55, 0.14);
    color: #f2d98a;
}

body.theme-season21-infernal-throne .it21-pass-hero__countdown,
body.theme-season21-infernal-throne .it21-events-card__countdown,
body.theme-season21-infernal-throne .it21-events-featured__countdown {
    display: grid;
    gap: 6px;
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid rgba(255, 138, 56, 0.12);
    background: rgba(255, 255, 255, 0.04);
}

body.theme-season21-infernal-throne .it21-pass-hero__countdown-label,
body.theme-season21-infernal-throne .it21-events-card__countdown span,
body.theme-season21-infernal-throne .it21-events-featured__countdown span {
    color: rgba(255, 223, 192, 0.58);
    font-size: 0.72rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-pass-hero__countdown strong,
body.theme-season21-infernal-throne .it21-events-card__countdown strong,
body.theme-season21-infernal-throne .it21-events-featured__countdown strong {
    color: #fff4e8;
    font-family: var(--it21-font-head);
    font-size: 1.12rem;
}

body.theme-season21-infernal-throne .it21-events-card__countdown small {
    color: rgba(244, 210, 167, 0.7);
    font-family: var(--it21-font-ui);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-pass-overview,
body.theme-season21-infernal-throne .it21-pass-server__grid,
body.theme-season21-infernal-throne .it21-events-hero__stats,
body.theme-season21-infernal-throne .it21-events-featured {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 18px;
}

body.theme-season21-infernal-throne .it21-events-featured {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.theme-season21-infernal-throne .it21-pass-stat,
body.theme-season21-infernal-throne .it21-events-hero__stat {
    display: grid;
    gap: 6px;
    padding: 18px 20px;
    border-radius: 20px;
    border: 1px solid rgba(255, 138, 56, 0.12);
    background: rgba(17, 7, 6, 0.92);
}

body.theme-season21-infernal-throne .it21-pass-stat span,
body.theme-season21-infernal-throne .it21-events-hero__stat span {
    color: rgba(255, 225, 196, 0.58);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

body.theme-season21-infernal-throne .it21-pass-stat strong,
body.theme-season21-infernal-throne .it21-events-hero__stat strong,
body.theme-season21-infernal-throne .it21-pass-tier__num,
body.theme-season21-infernal-throne .it21-events-card__title h2 {
    color: #fff4e8;
    font-family: var(--it21-font-head);
}

body.theme-season21-infernal-throne .it21-pass-stat strong,
body.theme-season21-infernal-throne .it21-events-hero__stat strong {
    font-size: 1.2rem;
}

body.theme-season21-infernal-throne .it21-pass-stat small,
body.theme-season21-infernal-throne .it21-events-hero__stat small,
body.theme-season21-infernal-throne .it21-pass-progress__caption,
body.theme-season21-infernal-throne .it21-events-card__footer,
body.theme-season21-infernal-throne .it21-events-card__title p,
body.theme-season21-infernal-throne .it21-events-card__desc {
    color: rgba(241, 220, 198, 0.68);
    line-height: 1.65;
}

body.theme-season21-infernal-throne .it21-pass-progress__bar {
    height: 14px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
}

body.theme-season21-infernal-throne .it21-pass-progress__fill {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #d47a21 0%, #f0c866 55%, #ffefb0 100%);
    box-shadow: 0 0 18px rgba(240, 200, 102, 0.35);
}

body.theme-season21-infernal-throne .it21-pass-progress__caption {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

body.theme-season21-infernal-throne .it21-pass-track,
body.theme-season21-infernal-throne .it21-events-grid {
    display: grid;
    gap: 18px;
}

body.theme-season21-infernal-throne .it21-pass-tier {
    grid-template-columns: 180px minmax(0, 1fr);
    align-items: start;
}

body.theme-season21-infernal-throne .it21-pass-tier.is-unlocked {
    border-color: rgba(212, 175, 55, 0.18);
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.26), 0 0 0 1px rgba(212, 175, 55, 0.08);
}

body.theme-season21-infernal-throne .it21-pass-tier__rail {
    display: grid;
    gap: 8px;
    align-content: start;
}

body.theme-season21-infernal-throne .it21-pass-tier__xp {
    color: rgba(242, 212, 171, 0.72);
    font-family: var(--it21-font-ui);
    font-size: 0.86rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-pass-tier__tracks {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

body.theme-season21-infernal-throne .it21-pass-reward {
    display: grid;
    gap: 12px;
    padding: 18px;
    border-radius: 18px;
    border: 1px solid rgba(255, 138, 56, 0.1);
    background: rgba(255, 255, 255, 0.035);
}

body.theme-season21-infernal-throne .it21-pass-reward--premium {
    border-color: rgba(212, 175, 55, 0.16);
    background:
        linear-gradient(180deg, rgba(212, 175, 55, 0.05), transparent),
        rgba(255, 255, 255, 0.03);
}

body.theme-season21-infernal-throne .it21-pass-reward__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

body.theme-season21-infernal-throne .it21-pass-reward__head span:first-child,
body.theme-season21-infernal-throne .it21-events-chip {
    color: rgba(255, 223, 188, 0.64);
    font-size: 0.72rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-pass-reward strong {
    color: #fff0df;
    font-family: var(--it21-font-head);
    font-size: 1.02rem;
}

body.theme-season21-infernal-throne .it21-pass-reward p,
body.theme-season21-infernal-throne .it21-events-featured__card p {
    margin: 0;
    color: rgba(240, 219, 198, 0.72);
    line-height: 1.7;
}

body.theme-season21-infernal-throne .it21-pass-reward__action form {
    margin: 0;
}

body.theme-season21-infernal-throne .it21-events-filterbar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 4px 0 18px;
}

body.theme-season21-infernal-throne .it21-events-filterbar__btn {
    padding: 10px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255, 138, 56, 0.12);
    background: rgba(20, 8, 7, 0.92);
    color: rgba(255, 230, 207, 0.8);
    font-family: var(--it21-font-ui);
    font-size: 0.74rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    cursor: pointer;
    transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}

body.theme-season21-infernal-throne .it21-events-filterbar__btn.is-active,
body.theme-season21-infernal-throne .it21-events-filterbar__btn:hover {
    border-color: rgba(212, 175, 55, 0.22);
    background: rgba(212, 175, 55, 0.12);
    color: #fff0c8;
}

body.theme-season21-infernal-throne .it21-events-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.theme-season21-infernal-throne .it21-events-card.is-disabled {
    opacity: 0.68;
}

body.theme-season21-infernal-throne .it21-events-card__title {
    display: flex;
    align-items: center;
    gap: 14px;
}

body.theme-season21-infernal-throne .it21-events-card__title i {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 16px;
    background: rgba(255, 138, 56, 0.12);
    color: #ffd48a;
    font-size: 1.28rem;
}

body.theme-season21-infernal-throne .it21-events-card__title h2 {
    margin: 0 0 4px;
    font-size: 1.25rem;
}

body.theme-season21-infernal-throne .it21-events-card__title p {
    margin: 0;
}

body.theme-season21-infernal-throne .it21-events-card__meta,
body.theme-season21-infernal-throne .it21-events-card__schedule {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-events-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 138, 56, 0.1);
    background: rgba(255, 255, 255, 0.04);
}

body.theme-season21-infernal-throne .it21-events-card__footer code {
    color: rgba(255, 223, 195, 0.48);
    font-size: 0.72rem;
    word-break: break-word;
}

@media (max-width: 1120px) {
    body.theme-season21-infernal-throne .it21-pass-hero,
    body.theme-season21-infernal-throne .it21-events-hero,
    body.theme-season21-infernal-throne .it21-pass-tier,
    body.theme-season21-infernal-throne .it21-events-grid {
        grid-template-columns: 1fr;
    }

    body.theme-season21-infernal-throne .it21-pass-overview,
    body.theme-season21-infernal-throne .it21-pass-server__grid,
    body.theme-season21-infernal-throne .it21-events-hero__stats,
    body.theme-season21-infernal-throne .it21-events-featured {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    body.theme-season21-infernal-throne .it21-pass-shell,
    body.theme-season21-infernal-throne .it21-events-shell {
        width: min(100%, calc(100vw - 24px));
        padding: 18px 0 42px;
    }

    body.theme-season21-infernal-throne .it21-pass-overview,
    body.theme-season21-infernal-throne .it21-pass-server__grid,
    body.theme-season21-infernal-throne .it21-events-hero__stats,
    body.theme-season21-infernal-throne .it21-events-featured,
    body.theme-season21-infernal-throne .it21-pass-tier__tracks,
    body.theme-season21-infernal-throne .it21-events-grid {
        grid-template-columns: 1fr;
    }

    body.theme-season21-infernal-throne .it21-pass-progress__caption,
    body.theme-season21-infernal-throne .it21-events-card__head,
    body.theme-season21-infernal-throne .it21-events-card__footer,
    body.theme-season21-infernal-throne .it21-events-featured__head,
    body.theme-season21-infernal-throne .it21-pass-server__head {
        flex-direction: column;
        align-items: start;
    }
}

body.theme-season21-infernal-throne .it21-muplus-shell {
    gap: 22px;
}

body.theme-season21-infernal-throne .it21-muplus-spotlight {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.8fr);
    gap: 18px;
    padding: 24px;
    border: 1px solid rgba(255, 138, 56, 0.18);
    border-radius: 22px;
    background:
        radial-gradient(circle at top left, rgba(255, 138, 56, 0.14), transparent 34%),
        linear-gradient(135deg, rgba(32, 12, 8, 0.96), rgba(17, 6, 5, 0.96));
    box-shadow:
        0 22px 50px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 220, 170, 0.04);
}

body.theme-season21-infernal-throne .it21-muplus-spotlight.is-active {
    border-color: rgba(255, 170, 80, 0.24);
    box-shadow:
        0 24px 58px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 170, 80, 0.08),
        inset 0 1px 0 rgba(255, 220, 170, 0.05);
}

body.theme-season21-infernal-throne .it21-muplus-spotlight__main,
body.theme-season21-infernal-throne .it21-muplus-spotlight__side {
    display: grid;
    gap: 16px;
}

body.theme-season21-infernal-throne .it21-muplus-spotlight__main h2 {
    margin: 0;
    font-family: var(--it21-font-head);
    font-size: clamp(1.7rem, 3vw, 2.4rem);
    color: #fff0df;
}

body.theme-season21-infernal-throne .it21-muplus-spotlight__main p {
    margin: 0;
    color: rgba(243, 226, 215, 0.78);
    max-width: 58ch;
}

body.theme-season21-infernal-throne .it21-muplus-spotlight__chips,
body.theme-season21-infernal-throne .it21-muplus-spotlight__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

body.theme-season21-infernal-throne .it21-muplus-spotlight__chips span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255, 138, 56, 0.16);
    background: rgba(255, 255, 255, 0.03);
    color: rgba(255, 235, 215, 0.88);
    font-size: 0.88rem;
}

body.theme-season21-infernal-throne .it21-muplus-balance {
    display: grid;
    gap: 6px;
    padding: 18px;
    border-radius: 18px;
    border: 1px solid rgba(255, 138, 56, 0.16);
    background: rgba(255, 255, 255, 0.03);
}

body.theme-season21-infernal-throne .it21-muplus-balance.is-ready {
    border-color: rgba(90, 208, 124, 0.24);
    background: linear-gradient(180deg, rgba(38, 74, 42, 0.28), rgba(14, 24, 16, 0.2));
}

body.theme-season21-infernal-throne .it21-muplus-balance.is-low {
    border-color: rgba(255, 138, 56, 0.18);
}

body.theme-season21-infernal-throne .it21-muplus-balance__label,
body.theme-season21-infernal-throne .it21-muplus-mini span,
body.theme-season21-infernal-throne .it21-muplus-buy-card__step,
body.theme-season21-infernal-throne .it21-muplus-tier-head span {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: rgba(243, 226, 215, 0.56);
}

body.theme-season21-infernal-throne .it21-muplus-balance strong {
    font-family: var(--it21-font-head);
    font-size: 1.55rem;
    color: #fff2de;
}

body.theme-season21-infernal-throne .it21-muplus-balance small,
body.theme-season21-infernal-throne .it21-muplus-buy-card p,
body.theme-season21-infernal-throne .it21-muplus-buy-card__note {
    color: rgba(243, 226, 215, 0.72);
}

body.theme-season21-infernal-throne .it21-muplus-mini-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

body.theme-season21-infernal-throne .it21-muplus-mini {
    padding: 16px;
    border-radius: 16px;
    border: 1px solid rgba(255, 138, 56, 0.14);
    background: rgba(255, 255, 255, 0.025);
}

body.theme-season21-infernal-throne .it21-muplus-mini strong {
    display: block;
    margin-top: 8px;
    font-family: var(--it21-font-head);
    font-size: 1.1rem;
    color: #fff0df;
}

body.theme-season21-infernal-throne .it21-muplus-grid {
    align-items: stretch;
}

body.theme-season21-infernal-throne .it21-muplus-empty {
    display: grid;
    gap: 12px;
    align-content: start;
}

body.theme-season21-infernal-throne .it21-muplus-empty strong {
    font-family: var(--it21-font-head);
    font-size: 1.25rem;
    color: #fff0df;
}

body.theme-season21-infernal-throne .it21-muplus-empty span {
    color: rgba(243, 226, 215, 0.72);
}

body.theme-season21-infernal-throne .it21-muplus-buy-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

body.theme-season21-infernal-throne .it21-muplus-plan-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

body.theme-season21-infernal-throne .it21-muplus-buy-card {
    display: grid;
    gap: 12px;
    padding: 18px;
    border-radius: 18px;
    border: 1px solid rgba(255, 138, 56, 0.14);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.015));
}

body.theme-season21-infernal-throne .it21-muplus-buy-card h3,
body.theme-season21-infernal-throne .it21-muplus-tier-head h3 {
    margin: 0;
    font-family: var(--it21-font-head);
    color: #fff0df;
}

body.theme-season21-infernal-throne .it21-muplus-plan-card {
    position: relative;
    display: grid;
    gap: 12px;
    padding: 20px 18px 18px;
    border-radius: 18px;
    border: 1px solid rgba(255, 138, 56, 0.14);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.015));
    overflow: hidden;
}

body.theme-season21-infernal-throne .it21-muplus-plan-card.is-best {
    border-color: rgba(255, 176, 82, 0.32);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(255, 176, 82, 0.08);
}

body.theme-season21-infernal-throne .it21-muplus-plan-card.is-ready {
    background: linear-gradient(180deg, rgba(38, 74, 42, 0.22), rgba(255, 255, 255, 0.015));
}

body.theme-season21-infernal-throne .it21-muplus-plan-card__tag {
    justify-self: start;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255, 138, 56, 0.10);
    border: 1px solid rgba(255, 138, 56, 0.16);
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: rgba(255, 235, 215, 0.84);
}

body.theme-season21-infernal-throne .it21-muplus-plan-card h3 {
    margin: 0;
    font-family: var(--it21-font-head);
    font-size: 1.2rem;
    color: #fff0df;
}

body.theme-season21-infernal-throne .it21-muplus-plan-card__price {
    font-family: var(--it21-font-head);
    font-size: 1.7rem;
    color: #ffd8a4;
}

body.theme-season21-infernal-throne .it21-muplus-plan-card__price small {
    font-size: 0.72rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(243, 226, 215, 0.62);
}

body.theme-season21-infernal-throne .it21-muplus-plan-card__meta,
body.theme-season21-infernal-throne .it21-muplus-plan-card__footer {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}

body.theme-season21-infernal-throne .it21-muplus-plan-card__meta span,
body.theme-season21-infernal-throne .it21-muplus-plan-card__footer span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(243, 226, 215, 0.70);
    font-size: 0.86rem;
}

body.theme-season21-infernal-throne .it21-muplus-plan-card p {
    margin: 0;
    color: rgba(243, 226, 215, 0.76);
}

body.theme-season21-infernal-throne .it21-tier-grid--muplus {
    display: grid;
    grid-template-columns: 1fr;
}

body.theme-season21-infernal-throne .it21-tier-grid--muplus .it21-tier-card {
    padding: 22px;
}

body.theme-season21-infernal-throne .it21-muplus-tier-head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    align-items: baseline;
    margin-bottom: 14px;
}

body.theme-season21-infernal-throne .it21-tier-grid--muplus ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 18px;
}

body.theme-season21-infernal-throne .it21-tier-grid--muplus li {
    position: relative;
    padding-left: 16px;
    color: rgba(243, 226, 215, 0.84);
}

body.theme-season21-infernal-throne .it21-tier-grid--muplus li::before {
    content: '';
    position: absolute;
    top: 0.62em;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ffcc88, #ff8a38);
    box-shadow: 0 0 10px rgba(255, 138, 56, 0.4);
}

@media (max-width: 1120px) {
    body.theme-season21-infernal-throne .it21-muplus-spotlight,
    body.theme-season21-infernal-throne .it21-muplus-buy-grid,
    body.theme-season21-infernal-throne .it21-muplus-plan-grid,
    body.theme-season21-infernal-throne .it21-tier-grid--muplus ul {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    body.theme-season21-infernal-throne .it21-muplus-spotlight {
        padding: 18px;
    }

    body.theme-season21-infernal-throne .it21-muplus-mini-grid {
        grid-template-columns: 1fr;
    }

    body.theme-season21-infernal-throne .it21-muplus-spotlight__actions {
        flex-direction: column;
    }

    body.theme-season21-infernal-throne .it21-muplus-spotlight__actions .it21-cta,
    body.theme-season21-infernal-throne .it21-muplus-empty .it21-cta,
    body.theme-season21-infernal-throne .it21-muplus-buy-card .it21-cta {
        width: 100%;
        justify-content: center;
    }
}

body.theme-season21-infernal-throne .it21-nav a[href="/shop/vip"],
body.theme-season21-infernal-throne .it21-nav .it21-nav-dropdown__trigger[href="/shop/vip"] {
    color: #fff5d9;
    background: linear-gradient(135deg, rgba(255, 164, 62, 0.18), rgba(255, 109, 28, 0.08));
    border: 1px solid rgba(255, 164, 62, 0.22);
    border-radius: 999px;
    padding: 11px 17px;
    margin: 0 4px;
    box-shadow:
        0 0 0 1px rgba(255, 194, 96, 0.04),
        inset 0 1px 0 rgba(255, 233, 193, 0.10),
        0 10px 24px rgba(0, 0, 0, 0.22);
}

body.theme-season21-infernal-throne .it21-nav a[href="/shop/vip"]::before,
body.theme-season21-infernal-throne .it21-nav .it21-nav-dropdown__trigger[href="/shop/vip"]::before {
    bottom: 5px;
    width: 78%;
}

body.theme-season21-infernal-throne .it21-nav a[href="/shop/vip"]::after,
body.theme-season21-infernal-throne .it21-nav .it21-nav-dropdown__trigger[href="/shop/vip"]::after {
    width: 100%;
    opacity: 1;
}

body.theme-season21-infernal-throne .it21-nav a[href="/shop/vip"]:hover,
body.theme-season21-infernal-throne .it21-nav a[href="/shop/vip"].is-active,
body.theme-season21-infernal-throne .it21-nav .it21-nav-dropdown__trigger[href="/shop/vip"]:hover,
body.theme-season21-infernal-throne .it21-nav .it21-nav-dropdown__trigger[href="/shop/vip"].is-active {
    color: #ffffff;
    border-color: rgba(255, 192, 96, 0.40);
    box-shadow:
        0 0 0 1px rgba(255, 194, 96, 0.10),
        inset 0 1px 0 rgba(255, 233, 193, 0.16),
        0 14px 30px rgba(0, 0, 0, 0.28),
        0 0 22px rgba(255, 120, 30, 0.14);
}

body.theme-season21-infernal-throne .it21-nav .it21-nav-dropdown__trigger[href="/shop/vip"] .ph {
    opacity: 0.9;
}

body.theme-season21-infernal-throne .it21-mobile-drawer__sub[href="/shop/vip"],
body.theme-season21-infernal-throne .it21-mobile-drawer__sub[href="/account/vip"] {
    border-color: rgba(255, 164, 62, 0.24);
    background:
        radial-gradient(circle at top, rgba(255, 164, 62, 0.18), transparent 65%),
        linear-gradient(135deg, rgba(255, 109, 28, 0.12), rgba(255, 164, 62, 0.05));
    color: #fff3d4;
}

body.theme-season21-infernal-throne .it21-mobile-drawer__sub[href="/shop/vip"]:hover,
body.theme-season21-infernal-throne .it21-mobile-drawer__sub[href="/account/vip"]:hover {
    border-color: rgba(255, 192, 96, 0.38);
    color: #ffffff;
}

@media (max-width: 980px) {
    body.theme-season21-infernal-throne .it21-nav a[href="/shop/vip"],
    body.theme-season21-infernal-throne .it21-nav .it21-nav-dropdown__trigger[href="/shop/vip"] {
        margin: 0;
        padding: 10px 14px;
    }
}

body.theme-season21-infernal-throne .vt-command-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 22px 0;
}

body.theme-season21-infernal-throne .vt-panel {
    position: relative;
    padding: 22px;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 22px;
    background:
        linear-gradient(180deg, rgba(33, 10, 5, 0.94), rgba(17, 6, 4, 0.94)),
        radial-gradient(circle at top, rgba(255, 142, 54, 0.12), transparent 58%);
    box-shadow:
        inset 0 1px 0 rgba(255, 222, 180, 0.06),
        0 24px 44px rgba(0, 0, 0, 0.28);
}

body.theme-season21-infernal-throne .vt-panel__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}

body.theme-season21-infernal-throne .vt-panel__head h3 {
    margin: 4px 0 0;
    color: #fff3d7;
    font-family: 'Cinzel', serif;
    font-size: 1.08rem;
}

body.theme-season21-infernal-throne .vt-panel__kicker {
    display: inline-block;
    color: rgba(255, 205, 126, 0.86);
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 0.67rem;
}

body.theme-season21-infernal-throne .vt-panel__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid rgba(212, 175, 55, 0.2);
    border-radius: 999px;
    color: #ffd78c;
    background: rgba(255, 152, 45, 0.08);
    font-size: 0.72rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .vt-panel__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

body.theme-season21-infernal-throne .vt-panel__stats > div,
body.theme-season21-infernal-throne .vt-milestone,
body.theme-season21-infernal-throne .vt-audit-row {
    padding: 14px 16px;
    border: 1px solid rgba(212, 175, 55, 0.12);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.02);
}

body.theme-season21-infernal-throne .vt-panel__stats strong,
body.theme-season21-infernal-throne .vt-milestone strong,
body.theme-season21-infernal-throne .vt-audit-row strong {
    display: block;
    color: #fff3d7;
    font-size: 1.05rem;
}

body.theme-season21-infernal-throne .vt-panel__stats span,
body.theme-season21-infernal-throne .vt-milestone span,
body.theme-season21-infernal-throne .vt-audit-row span,
body.theme-season21-infernal-throne .vt-milestone__meta small {
    color: rgba(255, 233, 209, 0.68);
    font-size: 0.84rem;
}

body.theme-season21-infernal-throne .vt-milestones,
body.theme-season21-infernal-throne .vt-audit-list {
    display: grid;
    gap: 12px;
}

body.theme-season21-infernal-throne .vt-milestone__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 8px;
}

body.theme-season21-infernal-throne .vt-milestone__meta b,
body.theme-season21-infernal-throne .vt-audit-row__value {
    color: #ffd47b;
    font-weight: 700;
}

body.theme-season21-infernal-throne .vt-milestone__track {
    height: 7px;
    margin-top: 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    overflow: hidden;
}

body.theme-season21-infernal-throne .vt-milestone__track span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #ffb24a, #ff6f2f);
}

body.theme-season21-infernal-throne .vt-audit-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

@media (max-width: 980px) {
    body.theme-season21-infernal-throne .vt-command-grid,
    body.theme-season21-infernal-throne .vt-panel__stats {
        grid-template-columns: 1fr;
    }
}

body.theme-season21-infernal-throne .it21-account-panel__btn,
body.theme-season21-infernal-throne .it21-acct__btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 50px;
    padding: 0 18px;
    border-radius: 16px;
    border: 1px solid rgba(255, 157, 71, 0.18);
    background:
        linear-gradient(180deg, rgba(43, 16, 8, 0.96) 0%, rgba(26, 8, 5, 0.96) 100%),
        radial-gradient(circle at top, rgba(255, 170, 82, 0.16), transparent 58%);
    color: #fff0da;
    font-family: 'Exo 2', sans-serif;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    box-shadow:
        inset 0 1px 0 rgba(255, 217, 168, 0.06),
        0 14px 28px rgba(0, 0, 0, 0.22);
    transition: transform 0.2s ease, box-shadow 0.25s ease, border-color 0.25s ease, filter 0.25s ease;
}

body.theme-season21-infernal-throne .it21-account-panel__btn i,
body.theme-season21-infernal-throne .it21-acct__btn i {
    font-size: 1rem;
    color: #ffc46d;
    filter: drop-shadow(0 0 8px rgba(255, 154, 60, 0.16));
}

body.theme-season21-infernal-throne .it21-account-panel__btn:hover,
body.theme-season21-infernal-throne .it21-acct__btn:hover {
    transform: translateY(-1px);
    border-color: rgba(255, 181, 101, 0.34);
    filter: brightness(1.06);
    box-shadow:
        inset 0 1px 0 rgba(255, 226, 182, 0.09),
        0 18px 36px rgba(0, 0, 0, 0.28),
        0 0 24px rgba(255, 109, 28, 0.08);
}

body.theme-season21-infernal-throne .it21-account-panel__btn--submit,
body.theme-season21-infernal-throne .it21-acct__btn--gold {
    min-height: 54px;
    background:
        linear-gradient(135deg, rgba(92, 33, 7, 0.98) 0%, rgba(173, 81, 24, 0.97) 42%, rgba(226, 162, 60, 0.98) 100%);
    border-color: rgba(255, 188, 108, 0.28);
    color: #fff8ee;
    box-shadow:
        inset 0 1px 0 rgba(255, 241, 210, 0.12),
        0 16px 34px rgba(255, 92, 24, 0.16),
        0 16px 28px rgba(0, 0, 0, 0.26);
}

body.theme-season21-infernal-throne .it21-account-panel__btn--submit span:last-child {
    position: relative;
    z-index: 2;
}

body.theme-season21-infernal-throne .it21-account-panel__btn--submit:hover,
body.theme-season21-infernal-throne .it21-acct__btn--gold:hover {
    filter: brightness(1.1);
    box-shadow:
        inset 0 1px 0 rgba(255, 245, 220, 0.14),
        0 18px 38px rgba(255, 96, 30, 0.24),
        0 20px 34px rgba(0, 0, 0, 0.28);
}

body.theme-season21-infernal-throne .it21-account-panel__btn--submit {
    width: 100%;
    letter-spacing: 0.13em;
}

body.theme-season21-infernal-throne .it21-account-panel__actions,
body.theme-season21-infernal-throne .it21-acct__actions {
    gap: 12px;
}

@media (max-width: 640px) {
    body.theme-season21-infernal-throne .it21-account-panel__btn,
    body.theme-season21-infernal-throne .it21-acct__btn {
        min-height: 48px;
        padding: 0 16px;
        border-radius: 14px;
        font-size: 0.76rem;
        letter-spacing: 0.09em;
    }

    body.theme-season21-infernal-throne .it21-account-panel__btn--submit,
    body.theme-season21-infernal-throne .it21-acct__btn--gold {
        min-height: 52px;
    }
}

/* -------------------------------------------------------------------------- */
/* MU+ Lite + Donate Lite                                                     */
/* -------------------------------------------------------------------------- */

body.theme-season21-infernal-throne .it21-muplus-lite,
body.theme-season21-infernal-throne .page-donate-lite {
    display: grid;
    gap: 1rem;
}

body.theme-season21-infernal-throne .it21-muplus-lite__stats,
body.theme-season21-infernal-throne .it21-donate-lite__hero-grid {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

body.theme-season21-infernal-throne .it21-muplus-lite__stats article,
body.theme-season21-infernal-throne .it21-donate-lite__hero-grid article,
body.theme-season21-infernal-throne .it21-donate-lite__package,
body.theme-season21-infernal-throne .it21-muplus-lite__plan,
body.theme-season21-infernal-throne .it21-muplus-lite__reward,
body.theme-season21-infernal-throne .it21-donate-lite__milestone {
    display: grid;
    gap: 0.35rem;
    padding: 0.95rem 1rem;
    border-radius: 16px;
    border: 1px solid rgba(255, 138, 56, 0.12);
    background: linear-gradient(180deg, rgba(26, 10, 8, 0.92), rgba(12, 5, 5, 0.98));
}

body.theme-season21-infernal-throne .it21-muplus-lite__stats article.is-ready {
    border-color: rgba(100, 219, 132, 0.24);
}

body.theme-season21-infernal-throne .it21-muplus-lite__stats article.is-alert {
    border-color: rgba(255, 112, 112, 0.3);
}

body.theme-season21-infernal-throne .it21-muplus-lite__stats span,
body.theme-season21-infernal-throne .it21-donate-lite__hero-grid span,
body.theme-season21-infernal-throne .it21-donate-lite__package small,
body.theme-season21-infernal-throne .it21-muplus-lite__plan small,
body.theme-season21-infernal-throne .it21-muplus-lite__reward small,
body.theme-season21-infernal-throne .it21-donate-lite__milestone small {
    color: rgba(243, 226, 215, 0.7);
}

body.theme-season21-infernal-throne .it21-muplus-lite__stats strong,
body.theme-season21-infernal-throne .it21-donate-lite__hero-grid strong,
body.theme-season21-infernal-throne .it21-donate-lite__package strong,
body.theme-season21-infernal-throne .it21-muplus-lite__plan strong,
body.theme-season21-infernal-throne .it21-muplus-lite__reward strong,
body.theme-season21-infernal-throne .it21-donate-lite__milestone strong {
    font-family: var(--it21-font-head);
    font-size: 1.08rem;
    color: #fff3e7;
}

body.theme-season21-infernal-throne .it21-muplus-lite__plan-grid,
body.theme-season21-infernal-throne .it21-donate-lite__package-grid,
body.theme-season21-infernal-throne .it21-muplus-lite__reward-grid,
body.theme-season21-infernal-throne .it21-donate-lite__milestone-grid {
    display: grid;
    gap: 0.9rem;
}

body.theme-season21-infernal-throne .it21-muplus-lite__plan-grid,
body.theme-season21-infernal-throne .it21-donate-lite__package-grid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

body.theme-season21-infernal-throne .it21-muplus-lite__reward-grid,
body.theme-season21-infernal-throne .it21-donate-lite__milestone-grid {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

body.theme-season21-infernal-throne .it21-muplus-lite__plan.is-best,
body.theme-season21-infernal-throne .it21-donate-lite__package.is-best {
    border-color: rgba(255, 189, 104, 0.32);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 232, 204, 0.08);
}

body.theme-season21-infernal-throne .it21-muplus-lite__plan.is-ready,
body.theme-season21-infernal-throne .it21-donate-lite__milestone.is-ready {
    border-color: rgba(107, 222, 138, 0.24);
}

body.theme-season21-infernal-throne .it21-donate-lite__milestone.is-claimed {
    border-color: rgba(128, 177, 255, 0.24);
}

body.theme-season21-infernal-throne .it21-muplus-lite__tag,
body.theme-season21-infernal-throne .it21-donate-lite__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 24px;
    padding: 0 0.55rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 138, 56, 0.18);
    background: rgba(28, 12, 8, 0.72);
    color: rgba(255, 216, 172, 0.85);
    font-family: var(--it21-font-ui);
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-muplus-lite__price,
body.theme-season21-infernal-throne .it21-donate-lite__price {
    font-family: var(--it21-font-head);
    font-size: 1.4rem;
    color: #ffd59a;
    line-height: 1.1;
}

body.theme-season21-infernal-throne .it21-muplus-lite__price small {
    display: inline-block;
    margin-left: 0.35rem;
    font-family: var(--it21-font-ui);
    font-size: 0.72rem;
    color: rgba(243, 226, 215, 0.75);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-muplus-lite__plan-top,
body.theme-season21-infernal-throne .it21-muplus-lite__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    flex-wrap: wrap;
}

body.theme-season21-infernal-throne .it21-muplus-lite__plan .it21-cta,
body.theme-season21-infernal-throne .it21-donate-lite__package .it21-cta,
body.theme-season21-infernal-throne .it21-muplus-lite__reward .it21-cta,
body.theme-season21-infernal-throne .it21-donate-lite__milestone .it21-cta {
    width: 100%;
    justify-content: center;
    min-height: 40px;
}

body.theme-season21-infernal-throne .it21-muplus-lite__perk-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.theme-season21-infernal-throne .it21-muplus-lite__perk-list li {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.7rem 0.8rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 138, 56, 0.11);
    background: rgba(255, 255, 255, 0.02);
    color: #f6e8d9;
}

body.theme-season21-infernal-throne .it21-muplus-lite__perk-list i,
body.theme-season21-infernal-throne .it21-donate-lite__trust-grid i {
    color: #ffbf74;
}

body.theme-season21-infernal-throne .it21-donate-lite__next {
    margin: 0 0 0.9rem;
    color: rgba(244, 228, 210, 0.8);
}

body.theme-season21-infernal-throne .it21-donate-lite__trust-grid {
    display: grid;
    gap: 0.6rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

body.theme-season21-infernal-throne .it21-donate-lite__trust-grid span {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 40px;
    padding: 0.6rem 0.75rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 138, 56, 0.1);
    background: rgba(255, 255, 255, 0.02);
    color: #f3e4d2;
}

@media (max-width: 640px) {
    body.theme-season21-infernal-throne .it21-muplus-lite__stats,
    body.theme-season21-infernal-throne .it21-donate-lite__hero-grid,
    body.theme-season21-infernal-throne .it21-muplus-lite__plan-grid,
    body.theme-season21-infernal-throne .it21-donate-lite__package-grid,
    body.theme-season21-infernal-throne .it21-muplus-lite__reward-grid,
    body.theme-season21-infernal-throne .it21-donate-lite__milestone-grid,
    body.theme-season21-infernal-throne .it21-muplus-lite__perk-list,
    body.theme-season21-infernal-throne .it21-donate-lite__trust-grid {
        grid-template-columns: 1fr;
    }
}

body.theme-season21-infernal-throne .it21-mup-progress-panel,
body.theme-season21-infernal-throne .it21-mup-shop,
body.theme-season21-infernal-throne .it21-mup-checkout {
    display: grid;
    gap: 0.95rem;
}

body.theme-season21-infernal-throne .it21-mup-progress {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
}

body.theme-season21-infernal-throne .it21-mup-progress span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    min-height: 38px;
    padding: 0 0.65rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 138, 56, 0.16);
    background: rgba(255, 255, 255, 0.02);
    color: rgba(243, 226, 215, 0.7);
    font-family: var(--it21-font-ui);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    text-align: center;
}

body.theme-season21-infernal-throne .it21-mup-progress span i {
    color: #ffbe7a;
    font-size: 0.84rem;
}

body.theme-season21-infernal-throne .it21-mup-progress span.is-active {
    border-color: rgba(255, 196, 114, 0.44);
    background:
        radial-gradient(circle at top, rgba(255, 172, 84, 0.26), transparent 72%),
        linear-gradient(180deg, rgba(90, 32, 12, 0.88), rgba(26, 10, 8, 0.95));
    color: #fff0dd;
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 225, 191, 0.1);
}

body.theme-season21-infernal-throne .it21-mup-progress span.is-done {
    border-color: rgba(112, 232, 145, 0.34);
    background: linear-gradient(180deg, rgba(44, 112, 66, 0.2), rgba(12, 43, 23, 0.26));
    color: #bff4d1;
}

body.theme-season21-infernal-throne .it21-mup-progress span.is-done i {
    color: #86e8a9;
}

body.theme-season21-infernal-throne .it21-mup-empty {
    display: grid;
    gap: 0.45rem;
    padding: 1rem;
    border-radius: 16px;
    border: 1px dashed rgba(255, 144, 62, 0.26);
    background: rgba(15, 6, 5, 0.74);
}

body.theme-season21-infernal-throne .it21-mup-empty strong {
    color: #fff2e0;
    font-family: var(--it21-font-head);
}

body.theme-season21-infernal-throne .it21-mup-empty span {
    color: rgba(244, 226, 208, 0.76);
}

body.theme-season21-infernal-throne .it21-mup-shop-grid {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

body.theme-season21-infernal-throne .it21-mup-shop-card {
    display: grid;
    gap: 0.72rem;
    padding: 0.95rem 1rem;
    border-radius: 17px;
    border: 1px solid rgba(255, 138, 56, 0.14);
    background: linear-gradient(180deg, rgba(24, 9, 7, 0.95), rgba(12, 5, 5, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 222, 190, 0.05);
}

body.theme-season21-infernal-throne .it21-mup-shop-card.is-best {
    border-color: rgba(255, 201, 120, 0.42);
    box-shadow:
        0 16px 34px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 232, 200, 0.09);
}

body.theme-season21-infernal-throne .it21-mup-shop-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

body.theme-season21-infernal-throne .it21-mup-shop-card__head strong {
    color: #fff3e6;
    font-family: var(--it21-font-head);
    font-size: 1rem;
}

body.theme-season21-infernal-throne .it21-mup-shop-card__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0 0.55rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 138, 56, 0.2);
    color: rgba(255, 216, 174, 0.9);
    background: rgba(255, 255, 255, 0.02);
    font-size: 0.6rem;
    font-family: var(--it21-font-ui);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 800;
}

body.theme-season21-infernal-throne .it21-mup-shop-card__price {
    font-family: var(--it21-font-head);
    font-size: 1.38rem;
    color: #ffd79f;
    line-height: 1;
}

body.theme-season21-infernal-throne .it21-mup-shop-card__price small {
    margin-left: 0.35rem;
    color: rgba(243, 226, 215, 0.74);
    font-family: var(--it21-font-ui);
    font-size: 0.68rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-mup-shop-card__copy {
    margin: 0;
    color: rgba(244, 227, 209, 0.76);
    line-height: 1.55;
}

body.theme-season21-infernal-throne .it21-mup-shop-card__meta {
    display: grid;
    gap: 0.45rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.theme-season21-infernal-throne .it21-mup-shop-card__meta span {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 30px;
    padding: 0 0.55rem;
    border-radius: 10px;
    border: 1px solid rgba(255, 138, 56, 0.14);
    background: rgba(255, 255, 255, 0.02);
    color: rgba(248, 232, 215, 0.83);
    font-size: 0.66rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-family: var(--it21-font-ui);
}

body.theme-season21-infernal-throne .it21-mup-checkout-grid {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.theme-season21-infernal-throne .it21-mup-checkout-card {
    display: grid;
    gap: 0.8rem;
}

body.theme-season21-infernal-throne .it21-mup-checkout-kv {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.theme-season21-infernal-throne .it21-mup-checkout-kv article {
    display: grid;
    gap: 0.28rem;
    padding: 0.7rem 0.75rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 138, 56, 0.12);
    background: rgba(255, 255, 255, 0.02);
}

body.theme-season21-infernal-throne .it21-mup-checkout-kv span {
    color: rgba(245, 229, 213, 0.68);
    font-size: 0.6rem;
    font-family: var(--it21-font-ui);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 800;
}

body.theme-season21-infernal-throne .it21-mup-checkout-kv strong {
    color: #fff3e6;
    font-size: 1.03rem;
    font-family: var(--it21-font-head);
}

body.theme-season21-infernal-throne .it21-mup-checkout-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.45rem;
}

body.theme-season21-infernal-throne .it21-mup-checkout-list li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 34px;
    padding: 0.5rem 0.62rem;
    border-radius: 11px;
    border: 1px solid rgba(255, 138, 56, 0.11);
    background: rgba(255, 255, 255, 0.02);
    color: #f5e7d7;
}

body.theme-season21-infernal-throne .it21-mup-checkout-list i {
    color: #ffbe7a;
    font-size: 0.9rem;
    flex-shrink: 0;
}

body.theme-season21-infernal-throne .it21-mup-checkout-actions {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

body.theme-season21-infernal-throne .it21-mup-checkout-actions .it21-cta {
    flex: 1 1 160px;
    justify-content: center;
}

@media (max-width: 900px) {
    body.theme-season21-infernal-throne .it21-mup-progress {
        grid-template-columns: 1fr;
    }

    body.theme-season21-infernal-throne .it21-mup-checkout-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    body.theme-season21-infernal-throne .it21-mup-shop-card__meta,
    body.theme-season21-infernal-throne .it21-mup-checkout-kv {
        grid-template-columns: 1fr;
    }
}

body.theme-season21-infernal-throne .it21-reward-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: 18px;
    align-items: stretch;
}

body.theme-season21-infernal-throne .it21-reward-stack {
    display: grid;
    gap: 16px;
    align-content: start;
    min-height: 100%;
    padding: 20px;
    border-radius: 22px;
    border: 1px solid color-mix(in srgb, var(--it21-reward-accent, #ffb45e) 24%, rgba(255, 138, 56, 0.12));
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--it21-reward-accent, #ffb45e) 16%, transparent), transparent 34%),
        linear-gradient(180deg, rgba(30, 10, 7, 0.96), rgba(16, 6, 5, 0.96));
    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.26),
        inset 0 1px 0 rgba(255, 226, 186, 0.04);
    overflow: hidden;
    position: relative;
}

body.theme-season21-infernal-throne .it21-reward-stack::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--it21-reward-accent, #ffb45e) 86%, white), transparent 92%);
    opacity: 0.88;
}

body.theme-season21-infernal-throne .it21-reward-stack__body {
    display: grid;
    gap: 14px;
    align-content: start;
}

body.theme-season21-infernal-throne .it21-reward-stack__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

body.theme-season21-infernal-throne .it21-reward-stack__title {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

body.theme-season21-infernal-throne .it21-reward-stack__icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 16px;
    border: 1px solid color-mix(in srgb, var(--it21-reward-accent, #ffb45e) 28%, rgba(255, 138, 56, 0.12));
    background:
        radial-gradient(circle at top center, color-mix(in srgb, var(--it21-reward-accent, #ffb45e) 24%, transparent), transparent 62%),
        rgba(255, 255, 255, 0.03);
    color: color-mix(in srgb, var(--it21-reward-accent, #ffb45e) 82%, white);
    font-size: 1.25rem;
    flex-shrink: 0;
}

body.theme-season21-infernal-throne .it21-reward-stack__eyebrow {
    display: inline-block;
    color: rgba(255, 214, 173, 0.66);
    text-transform: uppercase;
    letter-spacing: 0.16em;
    font-size: 0.64rem;
}

body.theme-season21-infernal-throne .it21-reward-stack__head strong {
    display: block;
    margin-top: 4px;
    color: #fff3de;
    font-family: var(--it21-font-head);
    font-size: 1.15rem;
    letter-spacing: 0.02em;
    text-transform: none;
}

body.theme-season21-infernal-throne .it21-reward-stack__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 184, 102, 0.18);
    background: rgba(255, 255, 255, 0.035);
    color: rgba(255, 226, 193, 0.76);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    white-space: nowrap;
    flex-shrink: 0;
}

body.theme-season21-infernal-throne .it21-reward-stack__count.is-ready {
    border-color: rgba(100, 205, 126, 0.22);
    background: linear-gradient(180deg, rgba(38, 74, 42, 0.30), rgba(18, 32, 20, 0.16));
    color: #d6ffd7;
}

body.theme-season21-infernal-throne .it21-reward-card {
    display: grid;
    gap: 14px;
    align-content: start;
    min-height: 100%;
    padding: 18px 18px 16px;
    border: 1px solid rgba(255, 156, 74, 0.12);
    border-radius: 18px;
    background:
        radial-gradient(circle at top right, rgba(255, 170, 84, 0.10), transparent 40%),
        linear-gradient(180deg, rgba(28, 10, 7, 0.98), rgba(17, 6, 5, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 220, 182, 0.04),
        0 16px 30px rgba(0, 0, 0, 0.20);
}

body.theme-season21-infernal-throne .it21-reward-card.is-ready {
    border-color: rgba(255, 188, 104, 0.28);
    box-shadow: inset 0 1px 0 rgba(255, 237, 197, 0.06), 0 18px 36px rgba(255, 112, 30, 0.12);
}

body.theme-season21-infernal-throne .it21-reward-card.is-claimed {
    opacity: 0.78;
    border-color: rgba(104, 189, 110, 0.16);
}

body.theme-season21-infernal-throne .it21-reward-card__top,
body.theme-season21-infernal-throne .it21-reward-card__foot,
body.theme-season21-infernal-throne .it21-donate__reward-head,
body.theme-season21-infernal-throne .it21-donate__reward-foot,
body.theme-season21-infernal-throne .it21-donate__claim-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

body.theme-season21-infernal-throne .it21-reward-card__title {
    min-width: 0;
}

body.theme-season21-infernal-throne .it21-reward-card__top h3,
body.theme-season21-infernal-throne .it21-donate__reward-head h4 {
    margin: 4px 0 0;
    color: #fff5e7;
    font-family: 'Cinzel', serif;
    font-size: 1rem;
}

body.theme-season21-infernal-throne .it21-reward-card__aside {
    display: grid;
    justify-items: end;
    gap: 8px;
    flex-shrink: 0;
}

body.theme-season21-infernal-throne .it21-reward-card__kicker,
body.theme-season21-infernal-throne .it21-donate__reward-kicker {
    display: inline-block;
    color: rgba(255, 202, 145, 0.82);
    text-transform: uppercase;
    letter-spacing: 0.16em;
    font-size: 0.64rem;
}

body.theme-season21-infernal-throne .it21-reward-card__state {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 184, 102, 0.16);
    background: rgba(255, 255, 255, 0.03);
    color: rgba(255, 226, 193, 0.76);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-reward-card__state.is-ready {
    border-color: rgba(100, 205, 126, 0.20);
    background: linear-gradient(180deg, rgba(38, 74, 42, 0.28), rgba(18, 32, 20, 0.16));
    color: #d6ffd7;
}

body.theme-season21-infernal-throne .it21-reward-card__state.is-claimed {
    border-color: rgba(113, 209, 119, 0.16);
    color: rgba(202, 255, 206, 0.82);
}

body.theme-season21-infernal-throne .it21-reward-card__value {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 184, 102, 0.14);
    background: rgba(255, 167, 82, 0.08);
    color: #ffd28d;
    font-weight: 800;
    white-space: nowrap;
}

body.theme-season21-infernal-throne .it21-reward-card p,
body.theme-season21-infernal-throne .it21-donate__reward-card p {
    margin: 0;
    color: rgba(246, 224, 202, 0.72);
    line-height: 1.65;
}

body.theme-season21-infernal-throne .it21-reward-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    color: rgba(255, 220, 194, 0.64);
    font-size: 0.8rem;
    padding-top: 2px;
    border-top: 1px solid rgba(255, 170, 84, 0.08);
}

body.theme-season21-infernal-throne .it21-reward-card__meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

body.theme-season21-infernal-throne .it21-claim-form {
    margin: 0;
}

body.theme-season21-infernal-throne .it21-claim-form button,
body.theme-season21-infernal-throne .it21-donate__claim-btn {
    min-height: 44px;
    padding: 0 16px;
    border: 1px solid rgba(255, 185, 103, 0.24);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(101, 37, 8, 0.98), rgba(187, 92, 28, 0.95), rgba(228, 169, 73, 0.98));
    color: #fff6ea;
    font-family: 'Exo 2', sans-serif;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255, 237, 206, 0.12), 0 12px 26px rgba(255, 105, 31, 0.16);
}

body.theme-season21-infernal-throne .it21-cta--muted {
    opacity: 0.7;
    pointer-events: none;
}

body.theme-season21-infernal-throne .it21-muplus-empty--reward {
    min-height: 250px;
    padding: 22px 20px;
    border-radius: 18px;
    border: 1px dashed rgba(255, 174, 88, 0.18);
    background:
        radial-gradient(circle at top center, rgba(255, 170, 84, 0.08), transparent 42%),
        rgba(255, 255, 255, 0.02);
    text-align: center;
    justify-items: center;
    align-content: center;
}

body.theme-season21-infernal-throne .it21-muplus-empty__icon {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border-radius: 18px;
    border: 1px solid rgba(255, 184, 102, 0.16);
    background: rgba(255, 255, 255, 0.03);
    color: #ffc57e;
    font-size: 1.5rem;
}

body.theme-season21-infernal-throne .it21-reward-card__foot {
    margin-top: auto;
    align-items: end;
}

body.theme-season21-infernal-throne .it21-reward-card__foot > span:first-child {
    color: rgba(246, 223, 201, 0.72);
    line-height: 1.5;
}

body.theme-season21-infernal-throne .it21-reward-command {
    position: relative;
    overflow: hidden;
}

body.theme-season21-infernal-throne .it21-reward-command::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(255, 174, 88, 0.08), transparent 28%),
        radial-gradient(circle at bottom left, rgba(255, 110, 30, 0.07), transparent 22%);
    pointer-events: none;
}

body.theme-season21-infernal-throne .it21-donate__reward-kpis {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 18px 0 22px;
}

body.theme-season21-infernal-throne .it21-donate__reward-kpi,
body.theme-season21-infernal-throne .it21-donate__reward-card {
    padding: 18px;
    border: 1px solid rgba(255, 167, 82, 0.14);
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(31, 10, 7, 0.95), rgba(18, 6, 5, 0.95)),
        radial-gradient(circle at top, rgba(255, 160, 72, 0.1), transparent 58%);
    box-shadow: inset 0 1px 0 rgba(255, 224, 186, 0.04), 0 18px 34px rgba(0, 0, 0, 0.24);
}

body.theme-season21-infernal-throne .it21-donate__reward-kpi span {
    display: block;
    color: rgba(255, 210, 170, 0.76);
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 0.66rem;
}

body.theme-season21-infernal-throne .it21-donate__reward-kpi strong {
    display: block;
    margin-top: 10px;
    color: #fff2df;
    font-family: 'Cinzel', serif;
    font-size: 1.3rem;
}

body.theme-season21-infernal-throne .it21-donate__reward-kpi small,
body.theme-season21-infernal-throne .it21-donate__claim-row span,
body.theme-season21-infernal-throne .it21-donate__reward-foot span {
    color: rgba(246, 223, 201, 0.68);
}

body.theme-season21-infernal-throne .it21-donate__reward-ladder {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 18px;
}

body.theme-season21-infernal-throne .it21-donate__reward-card.is-ready {
    border-color: rgba(255, 192, 112, 0.28);
}

body.theme-season21-infernal-throne .it21-donate__reward-card.is-claimed {
    opacity: 0.78;
}

body.theme-season21-infernal-throne .it21-donate__reward-track {
    height: 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    overflow: hidden;
}

body.theme-season21-infernal-throne .it21-donate__reward-track span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #ffb453, #ff6f2c);
}

body.theme-season21-infernal-throne .it21-donate__claim-state {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(255, 188, 104, 0.14);
    border-radius: 12px;
    color: rgba(255, 219, 179, 0.72);
    font-size: 0.74rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-donate__claim-history {
    display: grid;
    gap: 10px;
}

body.theme-season21-infernal-throne .it21-donate__claim-row {
    padding: 14px 16px;
    border: 1px solid rgba(255, 166, 80, 0.12);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.02);
}

body.theme-season21-infernal-throne .it21-donate__claim-row strong,
body.theme-season21-infernal-throne .it21-donate__claim-row b {
    color: #fff1de;
}

@media (max-width: 980px) {
    body.theme-season21-infernal-throne .it21-donate__reward-kpis,
    body.theme-season21-infernal-throne .it21-donate__reward-ladder {
        grid-template-columns: 1fr;
    }
}

body.theme-season21-infernal-throne .page-referrals-v2 .it21-referral-copy {
    display: grid;
    gap: 1rem;
}

body.theme-season21-infernal-throne .page-referrals-v2 .it21-referral-copy__item {
    display: grid;
    gap: 0.75rem;
    padding: 1rem 1.05rem;
    border-radius: 18px;
    border: 1px solid rgba(255, 138, 56, 0.14);
    background: rgba(255, 255, 255, 0.02);
}

body.theme-season21-infernal-throne .page-referrals-v2 .it21-referral-copy__item strong {
    display: block;
    padding: 0.95rem 1rem;
    border-radius: 14px;
    border: 1px dashed rgba(255, 186, 118, 0.35);
    background: rgba(17, 7, 6, 0.88);
    color: #fff2e6;
    font-family: var(--it21-font-ui);
    font-size: 0.9rem;
    letter-spacing: 0.06em;
    word-break: break-word;
}

body.theme-season21-infernal-throne .page-referrals-v2 .it21-referral-copy__item.is-link strong {
    font-size: 0.8rem;
    letter-spacing: 0.02em;
}

body.theme-season21-infernal-throne .page-referrals-v2 .it21-referral-progress {
    overflow: hidden;
    width: min(180px, 100%);
    height: 10px;
    margin-bottom: 0.35rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
}

body.theme-season21-infernal-throne .page-referrals-v2 .it21-referral-progress span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #f1a13e 0%, #ff6a2a 100%);
    box-shadow: 0 0 20px rgba(255, 122, 43, 0.3);
}

body.theme-season21-infernal-throne .page-referrals-v2 .it21-table small {
    color: rgba(243, 226, 215, 0.68);
}

body.theme-season21-infernal-throne .page-donate-v2 > .it21-panel:first-child,
body.theme-season21-infernal-throne .page-donate-v2 .page-donate-v2__deck {
    margin-bottom: 1.2rem;
}

body.theme-season21-infernal-throne .page-donate-v2 .page-donate-v2__deck .it21-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

body.theme-season21-infernal-throne .page-donate-v2 .page-donate-v2__deck .it21-service-note strong {
    font-size: 1.1rem;
}

@media (max-width: 640px) {
    body.theme-season21-infernal-throne .page-referrals-v2 .it21-referral-copy__item strong {
        font-size: 0.82rem;
        letter-spacing: 0.03em;
    }
}

body.theme-season21-infernal-throne .it21-dl-beta {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) auto;
    gap: 1rem;
    align-items: center;
    margin: 1.2rem 0 1rem;
    padding: 1.2rem 1.3rem;
    border-radius: 22px;
    border: 1px solid rgba(255, 138, 56, 0.16);
    background:
        radial-gradient(circle at top right, rgba(255, 152, 54, 0.14), transparent 34%),
        linear-gradient(180deg, rgba(24, 10, 8, 0.94) 0%, rgba(10, 4, 4, 0.98) 100%);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28);
}

body.theme-season21-infernal-throne .it21-dl-beta__copy {
    display: grid;
    gap: 0.45rem;
}

body.theme-season21-infernal-throne .it21-dl-beta__eyebrow,
body.theme-season21-infernal-throne .it21-dl-mirror-card__eyebrow {
    color: rgba(255, 199, 139, 0.76);
    font-family: var(--it21-font-ui);
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-dl-beta h2 {
    margin: 0;
    font-family: var(--it21-font-head);
    font-size: clamp(1.35rem, 2vw, 1.8rem);
    color: #fff4e8;
}

body.theme-season21-infernal-throne .it21-dl-beta p,
body.theme-season21-infernal-throne .it21-dl-mirror-card p {
    margin: 0;
    color: rgba(243, 226, 215, 0.72);
}

body.theme-season21-infernal-throne .it21-dl-beta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    justify-content: flex-end;
}

body.theme-season21-infernal-throne .it21-dl-beta__btn,
body.theme-season21-infernal-throne .it21-dl-mirror-card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 46px;
    padding: 0.9rem 1.2rem;
    border-radius: 14px;
    border: 1px solid rgba(255, 166, 92, 0.24);
    background: linear-gradient(180deg, rgba(255, 138, 56, 0.22) 0%, rgba(105, 39, 15, 0.52) 100%);
    color: #fff6ee;
    font-family: var(--it21-font-ui);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

body.theme-season21-infernal-throne .it21-dl-beta__btn:hover,
body.theme-season21-infernal-throne .it21-dl-mirror-card__btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.06);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22);
}

body.theme-season21-infernal-throne .it21-dl-beta__btn--alt {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(39, 15, 11, 0.86) 100%);
}

body.theme-season21-infernal-throne .it21-dl-mirror-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.2rem;
}

body.theme-season21-infernal-throne .it21-dl-mirror-card {
    display: grid;
    gap: 0.95rem;
    padding: 1.15rem 1.2rem;
    border-radius: 22px;
    border: 1px solid rgba(255, 138, 56, 0.14);
    background:
        linear-gradient(180deg, rgba(20, 8, 8, 0.94) 0%, rgba(9, 4, 4, 0.98) 100%);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.26);
}

body.theme-season21-infernal-throne .it21-dl-mirror-card__head {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

body.theme-season21-infernal-throne .it21-dl-mirror-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    border: 1px solid rgba(255, 138, 56, 0.16);
    background: radial-gradient(circle, rgba(255, 138, 56, 0.12), rgba(255, 255, 255, 0.02));
    color: #ffb36b;
    font-size: 1.35rem;
}

body.theme-season21-infernal-throne .it21-dl-mirror-card h3 {
    margin: 0.2rem 0 0;
    font-family: var(--it21-font-head);
    font-size: 1.12rem;
    color: #fff4e8;
}

body.theme-season21-infernal-throne .it21-dl-mirror-card__btn {
    width: fit-content;
}

@media (max-width: 980px) {
    body.theme-season21-infernal-throne .it21-dl-beta,
    body.theme-season21-infernal-throne .it21-dl-mirror-grid {
        grid-template-columns: 1fr;
    }

    body.theme-season21-infernal-throne .it21-dl-beta__actions {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    body.theme-season21-infernal-throne .it21-dl-beta,
    body.theme-season21-infernal-throne .it21-dl-mirror-card {
        padding: 1rem;
        border-radius: 20px;
    }

    body.theme-season21-infernal-throne .it21-dl-beta__btn,
    body.theme-season21-infernal-throne .it21-dl-mirror-card__btn {
        width: 100%;
    }
}

@media (max-width: 760px) {
    body.theme-season21-infernal-throne .it21-reward-stack {
        padding: 18px;
    }

    body.theme-season21-infernal-throne .it21-reward-stack__head,
    body.theme-season21-infernal-throne .it21-reward-card__top,
    body.theme-season21-infernal-throne .it21-reward-card__foot {
        flex-direction: column;
        align-items: stretch;
    }

    body.theme-season21-infernal-throne .it21-reward-stack__count,
    body.theme-season21-infernal-throne .it21-reward-card__aside {
        justify-self: start;
    }

    body.theme-season21-infernal-throne .it21-reward-card__aside {
        justify-items: start;
    }

    body.theme-season21-infernal-throne .it21-claim-form button {
        width: 100%;
        justify-content: center;
    }

    body.theme-season21-infernal-throne .it21-muplus-empty--reward {
        min-height: 210px;
    }
}

body.theme-season21-infernal-throne .it21-ach-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 18px;
}

body.theme-season21-infernal-throne .it21-ach-card {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 14px;
    padding: 18px;
    border-radius: 20px;
    border: 1px solid rgba(212, 175, 55, 0.14);
    background: linear-gradient(180deg, rgba(33, 15, 8, 0.92), rgba(21, 10, 7, 0.88));
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24);
}

body.theme-season21-infernal-throne .it21-ach-card::after {
    content: "";
    position: absolute;
    inset: auto -60px -60px auto;
    width: 160px;
    height: 160px;
    background: radial-gradient(circle, color-mix(in srgb, var(--ach-accent, #d4af37) 18%, transparent), transparent 72%);
    pointer-events: none;
}

body.theme-season21-infernal-throne .it21-ach-card.is-ready {
    border-color: rgba(212, 175, 55, 0.34);
}

body.theme-season21-infernal-throne .it21-ach-card.is-claimed {
    border-color: rgba(107, 191, 111, 0.28);
}

body.theme-season21-infernal-throne .it21-ach-card__head,
body.theme-season21-infernal-throne .it21-ach-card__foot,
body.theme-season21-infernal-throne .it21-ach-feed__item,
body.theme-season21-infernal-throne .it21-ach-mini-leaderboard__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

body.theme-season21-infernal-throne .it21-ach-card__title {
    display: flex;
    gap: 12px;
    align-items: center;
}

body.theme-season21-infernal-throne .it21-ach-card__title h3 {
    margin: 0 0 4px;
    font-size: 1.05rem;
}

body.theme-season21-infernal-throne .it21-ach-card__title span {
    color: rgba(255, 230, 187, 0.72);
    font-size: 0.8rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-ach-card__icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    border: 1px solid rgba(255, 210, 125, 0.18);
    background: linear-gradient(145deg, color-mix(in srgb, var(--ach-accent, #d4af37) 26%, rgba(15, 8, 5, 0.95)), rgba(20, 10, 7, 0.95));
    color: #ffd27d;
    font-size: 1.2rem;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.24);
}

body.theme-season21-infernal-throne .it21-ach-card__reward {
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    color: #ffd27d;
    font-size: 0.79rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

body.theme-season21-infernal-throne .it21-ach-card p {
    margin: 0;
    color: rgba(255, 231, 200, 0.78);
    line-height: 1.6;
}

body.theme-season21-infernal-throne .it21-ach-card__track {
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
}

body.theme-season21-infernal-throne .it21-ach-card__track span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, color-mix(in srgb, var(--ach-accent, #d4af37) 72%, #fff), var(--ach-accent, #d4af37));
    box-shadow: 0 0 16px color-mix(in srgb, var(--ach-accent, #d4af37) 34%, transparent);
}

body.theme-season21-infernal-throne .it21-ach-card__progress {
    display: grid;
    gap: 4px;
}

body.theme-season21-infernal-throne .it21-ach-card__progress strong {
    font-size: 1rem;
}

body.theme-season21-infernal-throne .it21-ach-card__progress small,
body.theme-season21-infernal-throne .it21-ach-feed__item span,
body.theme-season21-infernal-throne .it21-ach-mini-leaderboard__row span {
    color: rgba(255, 231, 200, 0.66);
    line-height: 1.5;
}

body.theme-season21-infernal-throne .it21-ach-feed,
body.theme-season21-infernal-throne .it21-ach-mini-leaderboard {
    display: grid;
    gap: 12px;
}

body.theme-season21-infernal-throne .it21-ach-feed__item,
body.theme-season21-infernal-throne .it21-ach-mini-leaderboard__row {
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid rgba(212, 175, 55, 0.12);
    background: rgba(255, 255, 255, 0.03);
}

body.theme-season21-infernal-throne .it21-ach-feed__item strong,
body.theme-season21-infernal-throne .it21-ach-mini-leaderboard__row strong {
    display: block;
    margin-bottom: 4px;
}

body.theme-season21-infernal-throne .it21-ach-feed__item b,
body.theme-season21-infernal-throne .it21-ach-mini-leaderboard__row b {
    color: #ffd27d;
    white-space: nowrap;
}

@media (max-width: 720px) {
    body.theme-season21-infernal-throne .it21-ach-card__head,
    body.theme-season21-infernal-throne .it21-ach-card__foot,
    body.theme-season21-infernal-throne .it21-ach-feed__item,
    body.theme-season21-infernal-throne .it21-ach-mini-leaderboard__row {
        display: grid;
    }

    body.theme-season21-infernal-throne .it21-ach-card__reward {
        justify-self: start;
    }
}

body.theme-season21-infernal-throne .it21-pass-missions,
body.theme-season21-infernal-throne .it21-pass-history {
    display: grid;
    gap: 18px;
    margin-top: 22px;
}

body.theme-season21-infernal-throne .it21-pass-mission-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

body.theme-season21-infernal-throne .it21-pass-mission-overview,
body.theme-season21-infernal-throne .it21-pass-history__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

body.theme-season21-infernal-throne .it21-pass-empty,
body.theme-season21-infernal-throne .it21-pass-sidecard {
    padding: 22px;
    border-radius: 22px;
    border: 1px solid rgba(255, 138, 56, 0.14);
    background:
        linear-gradient(180deg, rgba(31, 10, 6, 0.96), rgba(18, 7, 5, 0.96)),
        radial-gradient(circle at top, rgba(255, 138, 56, 0.08), transparent 58%);
}

body.theme-season21-infernal-throne .it21-pass-empty {
    display: grid;
    place-items: center;
    gap: 10px;
    text-align: center;
}

body.theme-season21-infernal-throne .it21-pass-empty i {
    font-size: 1.9rem;
    color: #ffb86a;
}

body.theme-season21-infernal-throne .it21-pass-empty h3,
body.theme-season21-infernal-throne .it21-pass-sidecard h3,
body.theme-season21-infernal-throne .it21-pass-mission h3,
body.theme-season21-infernal-throne .it21-pass-history__head strong {
    margin: 0;
    color: #fff1da;
    font-family: var(--it21-font-head);
}

body.theme-season21-infernal-throne .it21-pass-empty p,
body.theme-season21-infernal-throne .it21-pass-sidecard__empty,
body.theme-season21-infernal-throne .it21-pass-mission p,
body.theme-season21-infernal-throne .it21-pass-history__head small {
    margin: 0;
    color: rgba(243, 226, 215, 0.72);
}

body.theme-season21-infernal-throne .it21-pass-mission-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.7fr);
    gap: 18px;
}

body.theme-season21-infernal-throne .it21-pass-mission-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

body.theme-season21-infernal-throne .it21-pass-mission,
body.theme-season21-infernal-throne .it21-pass-history__card {
    display: grid;
    gap: 14px;
    padding: 20px;
    border-radius: 20px;
    border: 1px solid rgba(255, 138, 56, 0.14);
    background:
        linear-gradient(180deg, rgba(30, 10, 6, 0.95), rgba(18, 7, 5, 0.95)),
        radial-gradient(circle at top, rgba(255, 138, 56, 0.08), transparent 58%);
}

body.theme-season21-infernal-throne .it21-pass-mission.is-claimable {
    border-color: rgba(255, 186, 96, 0.3);
    box-shadow: 0 18px 32px rgba(0, 0, 0, 0.26), 0 0 0 1px rgba(255, 186, 96, 0.08);
}

body.theme-season21-infernal-throne .it21-pass-mission__head,
body.theme-season21-infernal-throne .it21-pass-history__head,
body.theme-season21-infernal-throne .it21-pass-sidecard__claim {
    display: flex;
    gap: 14px;
    justify-content: space-between;
    align-items: flex-start;
}

body.theme-season21-infernal-throne .it21-pass-mission__icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--it21-mission-accent, #ffb36a) 16%, rgba(255, 255, 255, 0.03));
    border: 1px solid color-mix(in srgb, var(--it21-mission-accent, #ffb36a) 32%, rgba(255, 138, 56, 0.14));
    color: var(--it21-mission-accent, #ffb36a);
    font-size: 1.2rem;
}

body.theme-season21-infernal-throne .it21-pass-mission__copy {
    display: grid;
    gap: 8px;
    flex: 1 1 auto;
}

body.theme-season21-infernal-throne .it21-pass-mission__meta,
body.theme-season21-infernal-throne .it21-pass-sidecard__head {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-pass-mission__progress {
    display: grid;
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-pass-mission__progress-bar {
    height: 10px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 138, 56, 0.08);
}

body.theme-season21-infernal-throne .it21-pass-mission__progress-fill {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #ffb968, #ff8c3b);
}

body.theme-season21-infernal-throne .it21-pass-mission__progress-caption,
body.theme-season21-infernal-throne .it21-pass-sidecard__claim span {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    color: #ffe1b7;
    font-family: var(--it21-font-head);
}

body.theme-season21-infernal-throne .it21-pass-mission__progress-caption span,
body.theme-season21-infernal-throne .it21-pass-sidecard__claim small,
body.theme-season21-infernal-throne .it21-pass-history__stats span {
    color: rgba(243, 226, 215, 0.72);
    font-family: var(--it21-font-ui);
}

body.theme-season21-infernal-throne .it21-pass-mission__action form,
body.theme-season21-infernal-throne .it21-pass-mission__action .btn {
    width: 100%;
}

body.theme-season21-infernal-throne .it21-pass-sidecard__stack {
    display: grid;
    gap: 10px;
}

body.theme-season21-infernal-throne .it21-pass-sidecard__claim {
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid rgba(255, 138, 56, 0.12);
    background: rgba(255, 255, 255, 0.03);
}

body.theme-season21-infernal-throne .it21-pass-sidecard__claim strong {
    display: block;
}

body.theme-season21-infernal-throne .it21-pass-history__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

body.theme-season21-infernal-throne .it21-pass-history__stats div {
    display: grid;
    gap: 4px;
    padding: 12px 14px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 138, 56, 0.08);
}

body.theme-season21-infernal-throne .it21-pass-history__stats strong {
    color: #ffe1b7;
    font-family: var(--it21-font-head);
}

@media (max-width: 1120px) {
    body.theme-season21-infernal-throne .it21-pass-mission-layout,
    body.theme-season21-infernal-throne .it21-pass-mission-grid,
    body.theme-season21-infernal-throne .it21-pass-mission-overview,
    body.theme-season21-infernal-throne .it21-pass-history__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    body.theme-season21-infernal-throne .it21-pass-history__stats {
        grid-template-columns: 1fr;
    }
}

body.theme-season21-infernal-throne .it21-guild-page {
    display: grid;
    gap: 22px;
}

body.theme-season21-infernal-throne .it21-guild-hero {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 22px;
    align-items: center;
    padding: 24px 28px;
    border-radius: 30px;
    border: 1px solid rgba(255, 138, 56, 0.16);
    background:
        radial-gradient(circle at top left, rgba(255, 120, 32, 0.16), transparent 40%),
        linear-gradient(180deg, rgba(20, 8, 7, 0.9) 0%, rgba(10, 4, 4, 0.96) 100%);
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.34);
}

body.theme-season21-infernal-throne .it21-guild-hero__mark {
    display: flex;
    align-items: center;
    justify-content: center;
}

body.theme-season21-infernal-throne .it21-guild-hero__mark-img {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 112px;
    height: 112px;
    border-radius: 28px;
    border: 1px solid rgba(255, 138, 56, 0.14);
    background: rgba(255, 255, 255, 0.03);
}

body.theme-season21-infernal-throne .it21-guild-hero__mark-img--empty {
    color: #ffd27a;
    font-size: 2rem;
}

body.theme-season21-infernal-throne .it21-guild-hero__copy {
    display: grid;
    gap: 10px;
}

body.theme-season21-infernal-throne .it21-guild-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 215, 173, 0.78);
    font-family: var(--it21-font-ui);
    font-size: 0.72rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-guild-hero h1 {
    margin: 0;
    color: #fff3df;
    font-size: clamp(2rem, 4vw, 3.2rem);
}

body.theme-season21-infernal-throne .it21-guild-hero p {
    margin: 0;
    color: rgba(243, 226, 215, 0.78);
    line-height: 1.7;
}

body.theme-season21-infernal-throne .it21-guild-hero p a {
    color: #ffcc8d;
}

body.theme-season21-infernal-throne .it21-guild-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 6px;
}

body.theme-season21-infernal-throne .it21-guild-hero__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    gap: 12px;
}

body.theme-season21-infernal-throne .it21-guild-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

body.theme-season21-infernal-throne .it21-guild-grid--secondary {
    align-items: start;
}

body.theme-season21-infernal-throne .it21-guild-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

body.theme-season21-infernal-throne .it21-guild-metric,
body.theme-season21-infernal-throne .it21-guild-relations__card {
    display: grid;
    gap: 6px;
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid rgba(255, 138, 56, 0.1);
    background: rgba(255, 255, 255, 0.03);
}

body.theme-season21-infernal-throne .it21-guild-metric span,
body.theme-season21-infernal-throne .it21-guild-relations__card span {
    color: rgba(243, 226, 215, 0.56);
    font-family: var(--it21-font-ui);
    font-size: 0.68rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-guild-metric strong,
body.theme-season21-infernal-throne .it21-guild-relations__card strong {
    color: #fff3df;
    font-family: var(--it21-font-head);
    font-size: 1.15rem;
}

body.theme-season21-infernal-throne .it21-guild-metric small,
body.theme-season21-infernal-throne .it21-guild-relations__card small {
    color: rgba(243, 226, 215, 0.68);
    line-height: 1.6;
}

body.theme-season21-infernal-throne .it21-guild-note {
    display: grid;
    gap: 8px;
    margin-top: 16px;
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 138, 56, 0.08);
}

body.theme-season21-infernal-throne .it21-guild-note p {
    margin: 0;
    color: rgba(243, 226, 215, 0.76);
    line-height: 1.8;
}

body.theme-season21-infernal-throne .it21-guild-relations {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

body.theme-season21-infernal-throne .it21-guild-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

body.theme-season21-infernal-throne .it21-guild-chip {
    display: grid;
    gap: 4px;
    min-width: 140px;
    padding: 11px 14px;
    border-radius: 14px;
    border: 1px solid rgba(255, 138, 56, 0.12);
    background: rgba(255, 255, 255, 0.025);
    color: #fff1df;
    text-decoration: none;
}

body.theme-season21-infernal-throne .it21-guild-chip small {
    color: rgba(243, 226, 215, 0.62);
}

body.theme-season21-infernal-throne .it21-guild-breakdown {
    display: grid;
    gap: 12px;
}

body.theme-season21-infernal-throne .it21-guild-breakdown__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(160px, 220px);
    gap: 16px;
    align-items: center;
}

body.theme-season21-infernal-throne .it21-guild-breakdown__row small,
body.theme-season21-infernal-throne .it21-guild-table__note {
    display: block;
    margin-top: 4px;
    color: rgba(243, 226, 215, 0.6);
}

body.theme-season21-infernal-throne .it21-guild-breakdown__meta {
    display: grid;
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-guild-breakdown__meta > span {
    text-align: right;
    font-family: var(--it21-font-head);
    color: #ffcd93;
}

body.theme-season21-infernal-throne .it21-guild-breakdown__bar {
    height: 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    overflow: hidden;
}

body.theme-season21-infernal-throne .it21-guild-breakdown__bar span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #ffcf8b, #ff8b39);
}

body.theme-season21-infernal-throne .it21-guild-table-wrap {
    overflow-x: auto;
}

body.theme-season21-infernal-throne .it21-guild-table {
    width: 100%;
    border-collapse: collapse;
}

body.theme-season21-infernal-throne .it21-guild-table th,
body.theme-season21-infernal-throne .it21-guild-table td {
    padding: 14px 12px;
    border-bottom: 1px solid rgba(255, 138, 56, 0.1);
    text-align: left;
}

body.theme-season21-infernal-throne .it21-guild-table th {
    color: rgba(243, 226, 215, 0.56);
    font-family: var(--it21-font-ui);
    font-size: 0.7rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-guild-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 138, 56, 0.12);
    background: rgba(255, 255, 255, 0.03);
    color: rgba(243, 226, 215, 0.72);
    font-family: var(--it21-font-ui);
    font-size: 0.68rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-guild-status.is-online {
    border-color: rgba(114, 215, 120, 0.16);
    color: #a9f3b1;
}

body.theme-season21-infernal-throne .it21-guild-rank-spotlight {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    padding: 18px 20px;
    margin: 16px 0 18px;
    border-radius: 22px;
    border: 1px solid rgba(255, 138, 56, 0.12);
    background: rgba(255, 255, 255, 0.03);
}

body.theme-season21-infernal-throne .it21-guild-rank-spotlight__mark-img,
body.theme-season21-infernal-throne .it21-guild-rank-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 16px;
    border: 1px solid rgba(255, 138, 56, 0.12);
    background: rgba(255, 255, 255, 0.03);
}

body.theme-season21-infernal-throne .it21-guild-rank-spotlight__mark-img--empty,
body.theme-season21-infernal-throne .it21-guild-rank-mark--empty {
    color: #ffd27a;
    font-size: 1.1rem;
}

body.theme-season21-infernal-throne .it21-guild-rank-spotlight__copy {
    display: grid;
    gap: 6px;
}

body.theme-season21-infernal-throne .it21-guild-rank-spotlight__copy h2 {
    margin: 0;
    color: #fff3df;
}

body.theme-season21-infernal-throne .it21-guild-rank-spotlight__copy p {
    margin: 0;
    color: rgba(243, 226, 215, 0.72);
    line-height: 1.7;
}

body.theme-season21-infernal-throne .it21-guild-rank-spotlight__stats {
    display: grid;
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-guild-rank-spotlight__stats div {
    display: grid;
    gap: 3px;
    text-align: right;
}

body.theme-season21-infernal-throne .it21-guild-rank-spotlight__stats span {
    color: rgba(243, 226, 215, 0.56);
    font-family: var(--it21-font-ui);
    font-size: 0.62rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-guild-rank-spotlight__stats strong {
    color: #ffcf8b;
    font-family: var(--it21-font-head);
}

body.theme-season21-infernal-throne .it21-guild-rank-mark-cell {
    text-align: center;
}

@media (max-width: 1100px) {
    body.theme-season21-infernal-throne .it21-guild-hero,
    body.theme-season21-infernal-throne .it21-guild-rank-spotlight,
    body.theme-season21-infernal-throne .it21-guild-grid,
    body.theme-season21-infernal-throne .it21-guild-relations {
        grid-template-columns: 1fr;
    }

    body.theme-season21-infernal-throne .it21-guild-hero__stats,
    body.theme-season21-infernal-throne .it21-guild-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.theme-season21-infernal-throne .it21-guild-rank-spotlight__stats div {
        text-align: left;
    }
}

@media (max-width: 760px) {
    body.theme-season21-infernal-throne .it21-guild-hero {
        padding: 18px;
    }

    body.theme-season21-infernal-throne .it21-guild-hero__stats,
    body.theme-season21-infernal-throne .it21-guild-metrics,
    body.theme-season21-infernal-throne .it21-guild-breakdown__row {
        grid-template-columns: 1fr;
    }
}

body.theme-season21-infernal-throne .it21-pass-mission__helper {
    margin-top: 0.5rem;
    color: rgba(255, 224, 196, 0.74);
    font-size: 0.84rem;
}

body.theme-season21-infernal-throne .it21-pass-mission__submission-card,
body.theme-season21-infernal-throne .it21-pass-mission__proof-form {
    display: grid;
    gap: 0.85rem;
    width: 100%;
}

body.theme-season21-infernal-throne .it21-pass-mission__submission-copy {
    display: grid;
    gap: 0.25rem;
}

body.theme-season21-infernal-throne .it21-pass-mission__submission-copy strong,
body.theme-season21-infernal-throne .it21-pass-mission__review-note strong {
    color: #ffe6c7;
    font-size: 0.92rem;
}

body.theme-season21-infernal-throne .it21-pass-mission__submission-copy small,
body.theme-season21-infernal-throne .it21-pass-mission__review-note span {
    color: rgba(255, 221, 194, 0.7);
    font-size: 0.82rem;
}

body.theme-season21-infernal-throne .it21-pass-mission__submission-copy a {
    color: #ffcb85;
    text-decoration: none;
    font-size: 0.83rem;
}

body.theme-season21-infernal-throne .it21-pass-mission__field {
    display: grid;
    gap: 0.45rem;
}

body.theme-season21-infernal-throne .it21-pass-mission__field span {
    color: rgba(255, 219, 193, 0.72);
    font-size: 0.72rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-pass-mission__field input,
body.theme-season21-infernal-throne .it21-pass-mission__field textarea {
    width: 100%;
    border-radius: 16px;
    border: 1px solid rgba(255, 146, 71, 0.18);
    background: rgba(18, 7, 4, 0.72);
    color: #fff3e2;
    padding: 0.9rem 1rem;
    outline: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body.theme-season21-infernal-throne .it21-pass-mission__field textarea {
    resize: vertical;
    min-height: 96px;
}

body.theme-season21-infernal-throne .it21-pass-mission__review-note {
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem 1rem;
    border-radius: 16px;
    border: 1px solid rgba(255, 126, 82, 0.16);
    background: rgba(40, 14, 7, 0.58);
}

body.theme-season21-infernal-throne .page-vote .vt-card--pending {
    border-color: rgba(255, 182, 77, 0.28);
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.34), 0 0 30px rgba(255, 176, 66, 0.08);
}

body.theme-season21-infernal-throne .page-vote .vt-card__badge--pending {
    color: #ffe5a8;
    border-color: rgba(255, 198, 86, 0.28);
    background: rgba(68, 38, 10, 0.74);
    box-shadow: inset 0 1px 0 rgba(255, 224, 155, 0.08), 0 0 14px rgba(255, 176, 66, 0.12);
}

body.theme-season21-infernal-throne .page-vote .vt-card__flow {
    display: grid;
    gap: 0.85rem;
    margin-top: 1.15rem;
}

body.theme-season21-infernal-throne .page-vote .vt-btn--single {
    width: 100%;
    justify-content: center;
}

body.theme-season21-infernal-throne .page-vote .vt-card__smart-note {
    display: block;
    color: rgba(255, 222, 198, 0.72);
    font-size: 0.8rem;
    line-height: 1.55;
}

body.theme-season21-infernal-throne .page-vote .vt-card__smart-note--error {
    color: #ffb0a1;
}

body.theme-season21-infernal-throne .page-vote .vt-card__cd--pending .vt-card__cd-fill {
    background: linear-gradient(90deg, rgba(255, 181, 60, 0.3) 0%, rgba(255, 211, 124, 0.95) 100%);
    box-shadow: 0 0 16px rgba(255, 190, 80, 0.22);
}

body.theme-season21-infernal-throne .page-vote .vt-card__cd--pending .vt-card__cd-text {
    color: #ffe7be;
}

body.theme-season21-infernal-throne .page-db .dbx-command,
body.theme-season21-infernal-throne .page-db .dbx-panel {
    display: grid;
    gap: 1.35rem;
    padding: 1.35rem 1.45rem;
    border: 1px solid rgba(255, 138, 56, 0.16);
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(255, 132, 38, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(20, 8, 8, 0.94) 0%, rgba(10, 4, 4, 0.98) 100%);
    box-shadow:
        0 18px 46px rgba(0, 0, 0, 0.32),
        inset 0 1px 0 rgba(255, 226, 196, 0.04);
}

body.theme-season21-infernal-throne .page-db .dbx-command__intro,
body.theme-season21-infernal-throne .page-db .dbx-panel__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

body.theme-season21-infernal-throne .page-db .dbx-command__intro h2,
body.theme-season21-infernal-throne .page-db .dbx-panel__head h3 {
    margin: 0.3rem 0 0;
    font-family: var(--it21-font-head);
    font-size: 1.35rem;
    color: #fff2e4;
}

body.theme-season21-infernal-throne .page-db .dbx-command__intro p,
body.theme-season21-infernal-throne .page-db .dbx-panel__head p,
body.theme-season21-infernal-throne .page-db .dbx-kv-list span,
body.theme-season21-infernal-throne .page-db .dbx-rate-card small,
body.theme-season21-infernal-throne .page-db .dbx-metric-card small,
body.theme-season21-infernal-throne .page-db .dbx-daily-card li {
    color: rgba(243, 226, 215, 0.72);
}

body.theme-season21-infernal-throne .page-db .dbx-kicker {
    color: rgba(255, 197, 132, 0.78);
    font-family: var(--it21-font-ui);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .page-db .dbx-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 0.85rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 138, 56, 0.16);
    background: rgba(20, 8, 7, 0.7);
    color: rgba(255, 218, 180, 0.82);
    font-family: var(--it21-font-ui);
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .page-db .dbx-chip.is-live {
    border-color: rgba(86, 220, 130, 0.2);
    background: rgba(10, 26, 16, 0.72);
    color: #b9ffd0;
}

body.theme-season21-infernal-throne .page-db .dbx-chip.is-good {
    border-color: rgba(255, 190, 88, 0.18);
    background: rgba(38, 22, 7, 0.7);
    color: #ffd9a1;
}

body.theme-season21-infernal-throne .page-db .dbx-metric-grid,
body.theme-season21-infernal-throne .page-db .dbx-rate-grid,
body.theme-season21-infernal-throne .page-db .dbx-bracket-grid,
body.theme-season21-infernal-throne .page-db .dbx-daily-grid {
    display: grid;
    gap: 1rem;
}

body.theme-season21-infernal-throne .page-db .dbx-metric-grid {
    grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
}

body.theme-season21-infernal-throne .page-db .dbx-rate-grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

body.theme-season21-infernal-throne .page-db .dbx-bracket-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

body.theme-season21-infernal-throne .page-db .dbx-daily-grid {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

body.theme-season21-infernal-throne .page-db .dbx-grid {
    display: grid;
    gap: 1.2rem;
    margin-top: 1.2rem;
}

body.theme-season21-infernal-throne .page-db .dbx-grid--rates,
body.theme-season21-infernal-throne .page-db .dbx-grid--progression {
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.85fr);
}

body.theme-season21-infernal-throne .page-db .dbx-metric-card,
body.theme-season21-infernal-throne .page-db .dbx-rate-card,
body.theme-season21-infernal-throne .page-db .dbx-bracket-card,
body.theme-season21-infernal-throne .page-db .dbx-cost-card,
body.theme-season21-infernal-throne .page-db .dbx-ladder-card,
body.theme-season21-infernal-throne .page-db .dbx-daily-card {
    position: relative;
    display: grid;
    gap: 0.45rem;
    padding: 1rem 1rem 0.95rem;
    border-radius: 18px;
    border: 1px solid rgba(255, 138, 56, 0.12);
    background:
        linear-gradient(180deg, rgba(27, 11, 10, 0.92) 0%, rgba(14, 6, 5, 0.98) 100%);
    overflow: hidden;
}

body.theme-season21-infernal-throne .page-db .dbx-metric-card span,
body.theme-season21-infernal-throne .page-db .dbx-rate-card span,
body.theme-season21-infernal-throne .page-db .dbx-bracket-card span,
body.theme-season21-infernal-throne .page-db .dbx-cost-card span,
body.theme-season21-infernal-throne .page-db .dbx-daily-card span {
    font-family: var(--it21-font-ui);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 194, 134, 0.72);
}

body.theme-season21-infernal-throne .page-db .dbx-metric-card strong,
body.theme-season21-infernal-throne .page-db .dbx-rate-card strong,
body.theme-season21-infernal-throne .page-db .dbx-cost-card strong,
body.theme-season21-infernal-throne .page-db .dbx-daily-card strong {
    font-family: var(--it21-font-head);
    font-size: 1.2rem;
    color: #fff2e4;
}

body.theme-season21-infernal-throne .page-db .dbx-rate-card i {
    font-size: 1.2rem;
}

body.theme-season21-infernal-throne .page-db .dbx-rate-card.tone-gold i,
body.theme-season21-infernal-throne .page-db .dbx-rate-card.tone-amber i {
    color: #ffbf73;
}

body.theme-season21-infernal-throne .page-db .dbx-rate-card.tone-violet i {
    color: #ca9dff;
}

body.theme-season21-infernal-throne .page-db .dbx-rate-card.tone-azure i {
    color: #8fbaff;
}

body.theme-season21-infernal-throne .page-db .dbx-rate-card.tone-green i,
body.theme-season21-infernal-throne .page-db .dbx-rate-card.tone-emerald i {
    color: #81efb1;
}

body.theme-season21-infernal-throne .page-db .dbx-kv-list {
    display: grid;
    gap: 0.9rem;
}

body.theme-season21-infernal-throne .page-db .dbx-kv-list div {
    display: grid;
    gap: 0.3rem;
    padding-top: 0.9rem;
    border-top: 1px solid rgba(255, 138, 56, 0.08);
}

body.theme-season21-infernal-throne .page-db .dbx-kv-list div:first-child {
    padding-top: 0;
    border-top: 0;
}

body.theme-season21-infernal-throne .page-db .dbx-kv-list strong {
    color: #fff3e7;
}

body.theme-season21-infernal-throne .page-db .dbx-bracket-card {
    gap: 0.8rem;
}

body.theme-season21-infernal-throne .page-db .dbx-bracket-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.8rem;
}

body.theme-season21-infernal-throne .page-db .dbx-bracket-card__head strong {
    font-family: var(--it21-font-head);
    font-size: 1rem;
    color: #fff4ea;
}

body.theme-season21-infernal-throne .page-db .dbx-bracket-card__stats,
body.theme-season21-infernal-throne .page-db .dbx-ladder-card__grid,
body.theme-season21-infernal-throne .page-db .dbx-cost-lane {
    display: grid;
    gap: 0.85rem;
}

body.theme-season21-infernal-throne .page-db .dbx-bracket-card__stats,
body.theme-season21-infernal-throne .page-db .dbx-ladder-card__grid {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}

body.theme-season21-infernal-throne .page-db .dbx-bracket-card__stats div,
body.theme-season21-infernal-throne .page-db .dbx-ladder-card__grid div {
    display: grid;
    gap: 0.25rem;
    padding: 0.7rem 0.8rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 138, 56, 0.08);
}

body.theme-season21-infernal-throne .page-db .dbx-bracket-card__stats strong,
body.theme-season21-infernal-throne .page-db .dbx-ladder-card__grid strong {
    font-size: 0.98rem;
    color: #fff4ea;
}

body.theme-season21-infernal-throne .page-db .dbx-cost-lane {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

body.theme-season21-infernal-throne .page-db .dbx-ladder {
    display: grid;
    gap: 1rem;
}

body.theme-season21-infernal-throne .page-db .dbx-ladder-card__topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    flex-wrap: wrap;
}

body.theme-season21-infernal-throne .page-db .dbx-ladder-card__topline strong {
    font-family: var(--it21-font-head);
    font-size: 1.05rem;
    color: #fff5eb;
}

body.theme-season21-infernal-throne .page-db .dbx-daily-card.is-weekly {
    border-color: rgba(132, 174, 255, 0.18);
    background:
        radial-gradient(circle at top right, rgba(88, 128, 255, 0.12), transparent 40%),
        linear-gradient(180deg, rgba(16, 11, 24, 0.94) 0%, rgba(8, 5, 16, 0.98) 100%);
}

body.theme-season21-infernal-throne .page-db .dbx-daily-card__head {
    display: grid;
    gap: 0.3rem;
}

body.theme-season21-infernal-throne .page-db .dbx-mini-list {
    display: grid;
    gap: 0.45rem;
    margin: 0;
    padding-left: 1rem;
}

body.theme-season21-infernal-throne .page-db .dbx-mini-list li {
    line-height: 1.45;
}

body.theme-season21-infernal-throne .page-db .db-table td .dbx-chip {
    min-height: 28px;
    padding: 0 0.7rem;
    font-size: 0.62rem;
}

body.theme-season21-infernal-throne .page-db .db-table td,
body.theme-season21-infernal-throne .page-db .db-table th {
    vertical-align: middle;
}

@media (max-width: 980px) {
    body.theme-season21-infernal-throne .page-db .dbx-grid--rates,
    body.theme-season21-infernal-throne .page-db .dbx-grid--progression {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    body.theme-season21-infernal-throne .page-db .dbx-command,
    body.theme-season21-infernal-throne .page-db .dbx-panel {
        padding: 1.1rem;
        border-radius: 20px;
    }

    body.theme-season21-infernal-throne .page-db .dbx-metric-grid,
    body.theme-season21-infernal-throne .page-db .dbx-rate-grid,
    body.theme-season21-infernal-throne .page-db .dbx-bracket-grid,
    body.theme-season21-infernal-throne .page-db .dbx-daily-grid,
    body.theme-season21-infernal-throne .page-db .dbx-cost-lane {
        grid-template-columns: 1fr;
    }

    body.theme-season21-infernal-throne .page-db .dbx-bracket-card__head,
        body.theme-season21-infernal-throne .page-db .dbx-ladder-card__topline {
        flex-direction: column;
        align-items: flex-start;
    }
}

body.theme-season21-infernal-throne .page-features-v2 .featx-command,
body.theme-season21-infernal-throne .page-compare-v2 .cmpx-command,
body.theme-season21-infernal-throne .page-compare-v2 .cmpx-headline,
body.theme-season21-infernal-throne .page-compare-v2 .cmpx-empty {
    display: grid;
    gap: 1.2rem;
    padding: 1.35rem 1.45rem;
    border-radius: 24px;
    border: 1px solid rgba(255, 138, 56, 0.16);
    background:
        radial-gradient(circle at top right, rgba(255, 140, 44, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(20, 8, 8, 0.94) 0%, rgba(10, 4, 4, 0.98) 100%);
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 226, 196, 0.04);
}

body.theme-season21-infernal-throne .page-features-v2 .featx-command__copy h2,
body.theme-season21-infernal-throne .page-compare-v2 .cmpx-command__copy h2,
body.theme-season21-infernal-throne .page-compare-v2 .cmpx-headline h2,
body.theme-season21-infernal-throne .page-compare-v2 .cmpx-empty h2 {
    margin: 0.35rem 0 0;
    font-family: var(--it21-font-head);
    font-size: 1.4rem;
    color: #fff2e4;
}

body.theme-season21-infernal-throne .page-features-v2 .featx-command__copy p,
body.theme-season21-infernal-throne .page-compare-v2 .cmpx-command__copy p,
body.theme-season21-infernal-throne .page-compare-v2 .cmpx-headline p,
body.theme-season21-infernal-throne .page-compare-v2 .cmpx-empty p {
    color: rgba(243, 226, 215, 0.74);
}

body.theme-season21-infernal-throne .page-features-v2 .featx-chip,
body.theme-season21-infernal-throne .page-compare-v2 .cmpx-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 0.85rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 138, 56, 0.16);
    background: rgba(20, 8, 7, 0.7);
    color: rgba(255, 218, 180, 0.82);
    font-family: var(--it21-font-ui);
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .page-features-v2 .featx-chip.is-live,
body.theme-season21-infernal-throne .page-features-v2 .featx-chip.is-good,
body.theme-season21-infernal-throne .page-compare-v2 .cmpx-chip.is-good {
    border-color: rgba(96, 216, 126, 0.18);
    background: rgba(9, 25, 15, 0.72);
    color: #b9ffd0;
}

body.theme-season21-infernal-throne .page-features-v2 .featx-metric-grid,
body.theme-season21-infernal-throne .page-compare-v2 .cmpx-metric-grid,
body.theme-season21-infernal-throne .page-features-v2 .featx-type-grid,
body.theme-season21-infernal-throne .page-features-v2 .featx-event-grid,
body.theme-season21-infernal-throne .page-features-v2 .featx-class-grid,
body.theme-season21-infernal-throne .page-features-v2 .featx-phase-grid {
    display: grid;
    gap: 1rem;
}

body.theme-season21-infernal-throne .page-features-v2 .featx-metric-grid,
body.theme-season21-infernal-throne .page-compare-v2 .cmpx-metric-grid {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

body.theme-season21-infernal-throne .page-features-v2 .featx-type-grid {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}

body.theme-season21-infernal-throne .page-features-v2 .featx-event-grid {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

body.theme-season21-infernal-throne .page-features-v2 .featx-class-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

body.theme-season21-infernal-throne .page-features-v2 .featx-phase-grid {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

body.theme-season21-infernal-throne .page-features-v2 .featx-metric-card,
body.theme-season21-infernal-throne .page-compare-v2 .cmpx-metric-card,
body.theme-season21-infernal-throne .page-features-v2 .featx-type-card {
    display: grid;
    gap: 0.4rem;
    padding: 1rem;
    border-radius: 18px;
    border: 1px solid rgba(255, 138, 56, 0.12);
    background: linear-gradient(180deg, rgba(27, 11, 10, 0.92) 0%, rgba(14, 6, 5, 0.98) 100%);
}

body.theme-season21-infernal-throne .page-features-v2 .featx-metric-card span,
body.theme-season21-infernal-throne .page-compare-v2 .cmpx-metric-card span,
body.theme-season21-infernal-throne .page-features-v2 .featx-type-card span,
body.theme-season21-infernal-throne .page-features-v2 .featx-class-card__head span {
    font-family: var(--it21-font-ui);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 194, 134, 0.72);
}

body.theme-season21-infernal-throne .page-features-v2 .featx-metric-card strong,
body.theme-season21-infernal-throne .page-compare-v2 .cmpx-metric-card strong,
body.theme-season21-infernal-throne .page-features-v2 .featx-type-card strong {
    font-family: var(--it21-font-head);
    font-size: 1.22rem;
    color: #fff3e7;
}

body.theme-season21-infernal-throne .page-features-v2 .featx-info-grid,
body.theme-season21-infernal-throne .page-features-v2 .featx-event-overview {
    display: grid;
    gap: 1rem;
}

body.theme-season21-infernal-throne .page-features-v2 .featx-event-overview {
    grid-template-columns: minmax(180px, 0.55fr) minmax(0, 1.45fr);
}

body.theme-season21-infernal-throne .page-features-v2 .featx-callout,
body.theme-season21-infernal-throne .page-features-v2 .featx-phase-card,
body.theme-season21-infernal-throne .page-features-v2 .featx-event-card,
body.theme-season21-infernal-throne .page-features-v2 .featx-class-card {
    position: relative;
    overflow: hidden;
}

body.theme-season21-infernal-throne .page-features-v2 .featx-phase-card--headline {
    background:
        radial-gradient(circle at top right, rgba(255, 170, 72, 0.14), transparent 42%),
        linear-gradient(180deg, rgba(22, 9, 8, 0.94) 0%, rgba(12, 5, 5, 0.98) 100%);
}

body.theme-season21-infernal-throne .page-features-v2 .featx-class-card__head {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 0.75rem;
}

body.theme-season21-infernal-throne .page-features-v2 .featx-class-card__head i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: rgba(255, 138, 56, 0.08);
    color: #ffc47d;
    font-size: 1.15rem;
}

body.theme-season21-infernal-throne .page-features-v2 .featx-class-card h3,
body.theme-season21-infernal-throne .page-features-v2 .featx-event-card h3 {
    margin: 0;
    font-size: 1.05rem;
}

body.theme-season21-infernal-throne .page-features-v2 .featx-class-card p,
body.theme-season21-infernal-throne .page-features-v2 .featx-event-card p {
    color: rgba(243, 226, 215, 0.72);
}

body.theme-season21-infernal-throne .page-features-v2 .featx-class-card__meta {
    margin-top: auto;
}

body.theme-season21-infernal-throne .page-features-v2 .featx-toc {
    margin-top: 1.15rem;
}

body.theme-season21-infernal-throne .page-compare-v2 .cmpx-form {
    margin-top: 1rem;
}

body.theme-season21-infernal-throne .page-compare-v2 .cmpx-grid {
    margin-top: 1.2rem;
    gap: 1rem;
}

body.theme-season21-infernal-throne .page-compare-v2 .cmpx-headline {
    margin-top: 1.15rem;
    grid-template-columns: minmax(160px, 0.8fr) minmax(0, 1.2fr) minmax(160px, 0.8fr);
    align-items: center;
}

body.theme-season21-infernal-throne .page-compare-v2 .cmpx-headline__side {
    display: grid;
    gap: 0.45rem;
}

body.theme-season21-infernal-throne .page-compare-v2 .cmpx-headline__side strong {
    font-family: var(--it21-font-head);
    font-size: 1.05rem;
    color: #fff5eb;
}

body.theme-season21-infernal-throne .page-compare-v2 .cmpx-headline__side small,
body.theme-season21-infernal-throne .page-compare-v2 .cmpx-headline__center p,
body.theme-season21-infernal-throne .page-compare-v2 .cmpx-card__meta span {
    color: rgba(243, 226, 215, 0.72);
}

body.theme-season21-infernal-throne .page-compare-v2 .cmpx-headline__side.is-right {
    text-align: right;
    justify-items: end;
}

body.theme-season21-infernal-throne .page-compare-v2 .cmpx-kicker {
    color: rgba(255, 197, 132, 0.78);
    font-family: var(--it21-font-ui);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .page-compare-v2 .cmpx-card {
    gap: 0.8rem;
}

body.theme-season21-infernal-throne .page-compare-v2 .cmpx-card__meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.55rem;
    font-size: 0.78rem;
}

body.theme-season21-infernal-throne .page-compare-v2 .cmpx-center {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
}

body.theme-season21-infernal-throne .page-compare-v2 .cmpx-center__grid {
    display: grid;
    gap: 0.85rem;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.theme-season21-infernal-throne .page-compare-v2 .cmpx-center__grid div {
    display: grid;
    gap: 0.25rem;
    padding: 0.85rem;
    border-radius: 16px;
    border: 1px solid rgba(255, 138, 56, 0.1);
    background: rgba(255, 255, 255, 0.02);
}

body.theme-season21-infernal-throne .page-compare-v2 .cmpx-center__grid span {
    color: rgba(255, 194, 134, 0.72);
    font-family: var(--it21-font-ui);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .page-compare-v2 .cmpx-center__grid strong {
    font-family: var(--it21-font-head);
    font-size: 1.05rem;
    color: #fff4ea;
}

body.theme-season21-infernal-throne .page-compare-v2 .cmpx-context {
    margin-top: 0.4rem;
}

body.theme-season21-infernal-throne .page-compare-v2 .cmpx-stats {
    grid-column: 1 / -1;
}

body.theme-season21-infernal-throne .page-compare-v2 .cmpx-empty {
    margin-top: 1rem;
    text-align: center;
    justify-items: center;
}

body.theme-season21-infernal-throne .it21-grid--service {
    grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.85fr);
}

body.theme-season21-infernal-throne .it21-service-command {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1.2rem;
    padding: 1.35rem 1.45rem;
    border-radius: 24px;
    border: 1px solid rgba(255, 138, 56, 0.16);
    background:
        radial-gradient(circle at top right, rgba(255, 140, 44, 0.14), transparent 36%),
        radial-gradient(circle at left center, rgba(255, 91, 0, 0.1), transparent 30%),
        linear-gradient(180deg, rgba(22, 9, 9, 0.95) 0%, rgba(10, 4, 4, 0.98) 100%);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 224, 188, 0.05);
}

body.theme-season21-infernal-throne .it21-service-command::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 1px;
    background: linear-gradient(180deg, rgba(255, 190, 138, 0.22), rgba(255, 138, 56, 0));
    opacity: 0.9;
}

body.theme-season21-infernal-throne .it21-service-command__grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

body.theme-season21-infernal-throne .it21-service-command__grid--compact {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

body.theme-season21-infernal-throne .it21-service-note {
    display: grid;
    gap: 0.45rem;
    align-content: start;
    min-height: 126px;
    padding: 1rem 1.05rem;
    border-radius: 18px;
    border: 1px solid rgba(255, 138, 56, 0.14);
    background:
        linear-gradient(180deg, rgba(31, 12, 11, 0.92) 0%, rgba(14, 6, 5, 0.98) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 228, 204, 0.03);
}

body.theme-season21-infernal-throne .it21-service-note > span {
    font-family: var(--it21-font-ui);
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255, 196, 138, 0.72);
}

body.theme-season21-infernal-throne .it21-service-note > strong {
    font-family: var(--it21-font-head);
    font-size: 1.18rem;
    line-height: 1.1;
    color: #fff4ea;
}

body.theme-season21-infernal-throne .it21-service-note > small {
    color: rgba(243, 225, 212, 0.72);
    line-height: 1.55;
}

body.theme-season21-infernal-throne .it21-svc-grid--wide {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

body.theme-season21-infernal-throne .it21-svc-card--service {
    gap: 1rem;
}

body.theme-season21-infernal-throne .it21-svc-card--service .it21-form-actions {
    margin-top: auto;
}

body.theme-season21-infernal-throne .it21-reward {
    display: grid;
    gap: 0.32rem;
    padding: 0.9rem 1rem;
    border-radius: 18px;
    border: 1px solid rgba(255, 138, 56, 0.12);
    background: rgba(255, 255, 255, 0.02);
}

body.theme-season21-infernal-throne .it21-reward > span {
    font-family: var(--it21-font-ui);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: rgba(255, 196, 138, 0.72);
}

body.theme-season21-infernal-throne .it21-reward > strong {
    color: #fff1e2;
}

@media (max-width: 980px) {
    body.theme-season21-infernal-throne .page-features-v2 .featx-event-overview,
    body.theme-season21-infernal-throne .page-compare-v2 .cmpx-headline,
    body.theme-season21-infernal-throne .it21-grid--service {
        grid-template-columns: 1fr;
    }

    body.theme-season21-infernal-throne .page-compare-v2 .cmpx-headline__side.is-right {
        text-align: left;
        justify-items: start;
    }
}

@media (max-width: 640px) {
    body.theme-season21-infernal-throne .page-features-v2 .featx-command,
    body.theme-season21-infernal-throne .page-compare-v2 .cmpx-command,
    body.theme-season21-infernal-throne .page-compare-v2 .cmpx-headline,
    body.theme-season21-infernal-throne .page-compare-v2 .cmpx-empty,
    body.theme-season21-infernal-throne .it21-service-command {
        padding: 1.1rem;
        border-radius: 20px;
    }

    body.theme-season21-infernal-throne .page-features-v2 .featx-metric-grid,
    body.theme-season21-infernal-throne .page-compare-v2 .cmpx-metric-grid,
    body.theme-season21-infernal-throne .page-features-v2 .featx-type-grid,
    body.theme-season21-infernal-throne .page-features-v2 .featx-event-grid,
    body.theme-season21-infernal-throne .page-features-v2 .featx-class-grid,
    body.theme-season21-infernal-throne .page-features-v2 .featx-phase-grid,
    body.theme-season21-infernal-throne .it21-service-command__grid,
    body.theme-season21-infernal-throne .it21-svc-grid--wide,
    body.theme-season21-infernal-throne .page-compare-v2 .cmpx-center__grid {
        grid-template-columns: 1fr;
    }
}

body.theme-season21-infernal-throne .page-account-command {
    display: grid;
    gap: 1.35rem;
}

body.theme-season21-infernal-throne .page-account-command .it21-metrics {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 1rem;
}

body.theme-season21-infernal-throne .page-account-command .it21-metric {
    min-height: 140px;
    border-radius: 20px;
    border: 1px solid rgba(255, 138, 56, 0.14);
    background:
        radial-gradient(circle at top right, rgba(255, 140, 44, 0.1), transparent 34%),
        linear-gradient(180deg, rgba(26, 11, 10, 0.95) 0%, rgba(13, 5, 5, 0.98) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 231, 204, 0.04), 0 16px 32px rgba(0, 0, 0, 0.2);
}

body.theme-season21-infernal-throne .page-account-command .it21-metric strong {
    font-size: 1.55rem;
    line-height: 1.05;
}

body.theme-season21-infernal-throne .page-account-command .it21-metric small {
    color: rgba(243, 226, 215, 0.7);
}

body.theme-season21-infernal-throne .page-account-command .it21-metric--admin {
    border-color: rgba(255, 184, 88, 0.28);
    background:
        radial-gradient(circle at top right, rgba(255, 184, 88, 0.15), transparent 36%),
        linear-gradient(180deg, rgba(34, 14, 10, 0.95) 0%, rgba(16, 7, 5, 0.98) 100%);
}

body.theme-season21-infernal-throne .page-account-command .it21-metric--admin strong {
    color: #ffdcab;
}

body.theme-season21-infernal-throne .page-account-command .it21-growth-command {
    gap: 1rem;
}

body.theme-season21-infernal-throne .page-account-command .it21-growth-grid {
    display: grid;
    gap: 1.2rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.theme-season21-infernal-throne .page-account-command .it21-growth-card {
    display: grid;
    gap: 1rem;
    align-content: start;
    min-height: 100%;
    border: 1px solid rgba(255, 138, 56, 0.15);
    background:
        radial-gradient(circle at top right, rgba(255, 138, 56, 0.1), transparent 32%),
        linear-gradient(180deg, rgba(20, 8, 8, 0.94) 0%, rgba(11, 4, 4, 0.98) 100%);
}

body.theme-season21-infernal-throne .page-account-command .it21-growth-card .it21-panel__head {
    margin-bottom: 0;
}

body.theme-season21-infernal-throne .page-account-command .it21-growth-card .it21-panel__head h2 {
    max-width: 20ch;
}

body.theme-season21-infernal-throne .page-account-command .it21-growth-card__stats {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.theme-season21-infernal-throne .page-account-command .it21-growth-card__stats > div {
    display: grid;
    gap: 0.32rem;
    padding: 0.95rem 1rem;
    border-radius: 18px;
    border: 1px solid rgba(255, 138, 56, 0.14);
    background:
        linear-gradient(180deg, rgba(32, 12, 11, 0.92) 0%, rgba(17, 7, 6, 0.98) 100%);
}

body.theme-season21-infernal-throne .page-account-command .it21-growth-card__stats span {
    font-family: var(--it21-font-ui);
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255, 198, 142, 0.72);
}

body.theme-season21-infernal-throne .page-account-command .it21-growth-card__stats strong {
    font-family: var(--it21-font-head);
    font-size: 1.18rem;
    line-height: 1.08;
    color: #fff4ea;
}

body.theme-season21-infernal-throne .page-account-command .it21-growth-card .it21-kv-list {
    padding: 1rem 1.1rem;
    border-radius: 18px;
    border: 1px solid rgba(255, 138, 56, 0.11);
    background: rgba(255, 255, 255, 0.02);
}

body.theme-season21-infernal-throne .page-account-command .it21-growth-card .it21-kv-list div {
    gap: 0.55rem;
}

body.theme-season21-infernal-throne .page-account-command .it21-growth-card .it21-kv-list strong {
    min-width: 132px;
    color: #ffe0b9;
}

body.theme-season21-infernal-throne .page-account-command .it21-growth-card .it21-kv-list span {
    color: rgba(243, 226, 215, 0.72);
}

body.theme-season21-infernal-throne .page-account-command .it21-growth-card__actions {
    display: grid;
    gap: 0.8rem;
    margin-top: auto;
}

body.theme-season21-infernal-throne .page-account-command .it21-growth-card__actions--stack {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

body.theme-season21-infernal-throne .page-account-command .it21-action-grid {
    gap: 0.9rem;
}

body.theme-season21-infernal-throne .page-account-command .it21-action-tile {
    min-height: 108px;
    border-color: rgba(255, 138, 56, 0.14);
    background:
        radial-gradient(circle at top right, rgba(255, 138, 56, 0.09), transparent 34%),
        linear-gradient(180deg, rgba(24, 10, 9, 0.95) 0%, rgba(11, 4, 4, 0.98) 100%);
}

body.theme-season21-infernal-throne .page-account-command .it21-action-tile strong {
    font-size: 0.96rem;
}

body.theme-season21-infernal-throne .page-account-command .it21-admin-bridge__actions {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

body.theme-season21-infernal-throne .it21-growth-sidecard {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1rem;
    padding: 1.18rem 1.15rem 1.05rem;
    margin-top: 1rem;
    border-radius: 24px;
    border: 1px solid rgba(255, 138, 56, 0.16);
    background:
        radial-gradient(circle at top right, rgba(255, 138, 56, 0.14), transparent 36%),
        linear-gradient(180deg, rgba(23, 10, 9, 0.95) 0%, rgba(9, 4, 4, 0.98) 100%);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 226, 190, 0.04);
}

body.theme-season21-infernal-throne .it21-growth-sidecard__fireline {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 1px solid rgba(255, 138, 56, 0.08);
    pointer-events: none;
}

body.theme-season21-infernal-throne .it21-growth-sidecard__fireline--bottom {
    inset: auto 1rem 0.55rem 1rem;
    height: 1px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(255, 138, 56, 0.44), transparent);
    opacity: 0.7;
}

body.theme-season21-infernal-throne .it21-growth-sidecard__head {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

body.theme-season21-infernal-throne .it21-growth-sidecard__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 18px;
    border: 1px solid rgba(255, 138, 56, 0.2);
    background:
        radial-gradient(circle at center, rgba(255, 142, 58, 0.2), rgba(255, 142, 58, 0.02) 72%),
        rgba(22, 10, 9, 0.9);
    color: #ffcf94;
    font-size: 1.35rem;
    box-shadow: inset 0 1px 0 rgba(255, 228, 204, 0.05);
}

body.theme-season21-infernal-throne .it21-growth-sidecard__eyebrow {
    display: block;
    margin-bottom: 0.12rem;
    font-family: var(--it21-font-ui);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255, 194, 132, 0.74);
}

body.theme-season21-infernal-throne .it21-growth-sidecard__title {
    margin: 0;
    font-family: var(--it21-font-head);
    font-size: 1.18rem;
    color: #fff4ea;
}

body.theme-season21-infernal-throne .it21-growth-sidecard__body {
    display: grid;
    gap: 0.7rem;
}

body.theme-season21-infernal-throne .it21-growth-sidecard__item {
    display: grid;
    gap: 0.18rem;
    padding: 0.82rem 0.92rem;
    border-radius: 16px;
    border: 1px solid rgba(255, 138, 56, 0.12);
    background: linear-gradient(180deg, rgba(30, 13, 11, 0.9) 0%, rgba(16, 7, 6, 0.98) 100%);
    text-decoration: none;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

body.theme-season21-infernal-throne .it21-growth-sidecard__item strong {
    color: #fff2e5;
    font-size: 0.94rem;
}

body.theme-season21-infernal-throne .it21-growth-sidecard__item span {
    color: rgba(243, 226, 215, 0.66);
    font-size: 0.8rem;
    line-height: 1.45;
}

body.theme-season21-infernal-throne .it21-growth-sidecard__item:hover,
body.theme-season21-infernal-throne .it21-growth-sidecard__item:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(255, 166, 83, 0.3);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}

body.theme-season21-infernal-throne .it21-growth-sidecard__item:focus-visible {
    outline: 2px solid rgba(255, 187, 116, 0.42);
    outline-offset: 2px;
}

@media (max-width: 1180px) {
    body.theme-season21-infernal-throne .page-account-command .it21-growth-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 820px) {
    body.theme-season21-infernal-throne .page-account-command .it21-growth-card__stats {
        grid-template-columns: 1fr;
    }

    body.theme-season21-infernal-throne .page-account-command .it21-growth-card .it21-kv-list div {
        grid-template-columns: 1fr;
    }

    body.theme-season21-infernal-throne .page-account-command .it21-growth-card .it21-kv-list strong {
        min-width: 0;
    }
}

@media (max-width: 640px) {
    body.theme-season21-infernal-throne .page-account-command .it21-metric,
    body.theme-season21-infernal-throne .page-account-command .it21-growth-card,
    body.theme-season21-infernal-throne .it21-growth-sidecard {
        border-radius: 20px;
    }

    body.theme-season21-infernal-throne .page-account-command .it21-growth-card,
    body.theme-season21-infernal-throne .it21-growth-sidecard {
        padding: 1rem;
    }

    body.theme-season21-infernal-throne .page-account-command .it21-growth-card__actions--stack,
    body.theme-season21-infernal-throne .page-account-command .it21-service-command__grid,
    body.theme-season21-infernal-throne .page-account-command .it21-action-grid {
        grid-template-columns: 1fr;
    }
}

body.theme-season21-infernal-throne .it21-command-grid {
    display: grid;
    gap: 1.15rem;
    padding: 1.4rem 1.45rem;
    border-radius: 26px;
    border: 1px solid rgba(255, 138, 56, 0.16);
    background:
        radial-gradient(circle at top right, rgba(255, 138, 56, 0.14), transparent 34%),
        radial-gradient(circle at left center, rgba(255, 80, 10, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(20, 8, 8, 0.95) 0%, rgba(10, 4, 4, 0.99) 100%);
    box-shadow: 0 24px 46px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 224, 188, 0.04);
}

body.theme-season21-infernal-throne .it21-command-grid__header {
    display: flex;
    align-items: center;
    gap: 0.95rem;
}

body.theme-season21-infernal-throne .it21-command-grid__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 18px;
    border: 1px solid rgba(255, 138, 56, 0.18);
    background:
        radial-gradient(circle at center, rgba(255, 138, 56, 0.22), rgba(255, 138, 56, 0.03) 72%),
        rgba(18, 8, 7, 0.9);
    color: #ffcf96;
    font-size: 1.25rem;
}

body.theme-season21-infernal-throne .it21-command-grid__eyebrow,
body.theme-season21-infernal-throne .it21-events-panel__eyebrow,
body.theme-season21-infernal-throne .it21-ops-panel__eyebrow {
    display: inline-flex;
    margin-bottom: 0.18rem;
    font-family: var(--it21-font-ui);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255, 199, 140, 0.72);
}

body.theme-season21-infernal-throne .it21-command-grid__title,
body.theme-season21-infernal-throne .it21-ops-panel__title {
    margin: 0;
    font-family: var(--it21-font-head);
    font-size: 1.42rem;
    line-height: 1.08;
    color: #fff4ea;
}

body.theme-season21-infernal-throne .it21-command-grid__body {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.theme-season21-infernal-throne .it21-command-card {
    display: grid;
    gap: 0.9rem;
    align-content: start;
    padding: 1.08rem 1.08rem 1rem;
    border-radius: 20px;
    border: 1px solid rgba(255, 138, 56, 0.14);
    background:
        radial-gradient(circle at top right, rgba(255, 138, 56, 0.1), transparent 38%),
        linear-gradient(180deg, rgba(31, 13, 12, 0.92) 0%, rgba(13, 6, 5, 0.98) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 228, 204, 0.03);
}

body.theme-season21-infernal-throne .it21-command-card__eyebrow {
    font-family: var(--it21-font-ui);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: rgba(255, 201, 144, 0.72);
}

body.theme-season21-infernal-throne .it21-command-card__title {
    margin: 0;
    font-family: var(--it21-font-head);
    font-size: 1.18rem;
    color: #fff2e6;
}

body.theme-season21-infernal-throne .it21-command-card__copy {
    margin: 0;
    color: rgba(243, 226, 215, 0.74);
    line-height: 1.62;
}

body.theme-season21-infernal-throne .it21-command-card__stats {
    display: grid;
    gap: 0.72rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.theme-season21-infernal-throne .it21-command-card__stats > div {
    display: grid;
    gap: 0.24rem;
    padding: 0.8rem 0.72rem;
    border-radius: 16px;
    border: 1px solid rgba(255, 138, 56, 0.12);
    background: rgba(255, 255, 255, 0.02);
}

body.theme-season21-infernal-throne .it21-command-card__stats span {
    font-family: var(--it21-font-ui);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 198, 138, 0.68);
}

body.theme-season21-infernal-throne .it21-command-card__stats strong {
    font-family: var(--it21-font-head);
    font-size: 1rem;
    color: #fff4ea;
}

body.theme-season21-infernal-throne .it21-command-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: auto;
}

body.theme-season21-infernal-throne .it21-command-card__actions .it21-btn {
    min-width: 160px;
}

body.theme-season21-infernal-throne .it21-ops-panel {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.95rem;
    padding: 1.15rem;
    border-radius: 24px;
    border: 1px solid rgba(255, 138, 56, 0.15);
    background:
        radial-gradient(circle at top right, rgba(255, 138, 56, 0.14), transparent 34%),
        linear-gradient(180deg, rgba(20, 8, 8, 0.94) 0%, rgba(9, 4, 4, 0.98) 100%);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 220, 186, 0.04);
}

body.theme-season21-infernal-throne .it21-ops-panel__fireline {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 1px solid rgba(255, 138, 56, 0.06);
    pointer-events: none;
}

body.theme-season21-infernal-throne .it21-ops-panel__fireline--bottom {
    inset: auto 1rem 0.5rem 1rem;
    height: 1px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(255, 138, 56, 0.48), transparent);
}

body.theme-season21-infernal-throne .it21-ops-panel__head {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

body.theme-season21-infernal-throne .it21-ops-panel__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 16px;
    border: 1px solid rgba(255, 138, 56, 0.16);
    background:
        radial-gradient(circle at center, rgba(255, 138, 56, 0.2), rgba(255, 138, 56, 0.03) 70%),
        rgba(18, 8, 8, 0.92);
    color: #ffcc8e;
    font-size: 1.1rem;
}

body.theme-season21-infernal-throne .it21-ops-panel__body {
    display: grid;
    gap: 0.7rem;
}

body.theme-season21-infernal-throne .it21-ops-panel__item {
    display: grid;
    gap: 0.2rem;
    padding: 0.8rem 0.9rem;
    border-radius: 16px;
    border: 1px solid rgba(255, 138, 56, 0.12);
    background: linear-gradient(180deg, rgba(30, 12, 11, 0.9) 0%, rgba(15, 7, 6, 0.98) 100%);
    text-decoration: none;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

body.theme-season21-infernal-throne .it21-ops-panel__item strong {
    color: #fff2e6;
    font-size: 0.94rem;
}

body.theme-season21-infernal-throne .it21-ops-panel__item span {
    color: rgba(243, 226, 215, 0.66);
    font-size: 0.8rem;
    line-height: 1.45;
}

body.theme-season21-infernal-throne .it21-ops-panel__item:hover,
body.theme-season21-infernal-throne .it21-ops-panel__item:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(255, 166, 83, 0.28);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.2);
}

body.theme-season21-infernal-throne .it21-events-panel__head {
    align-items: center;
    padding: 0.95rem 1rem 0.58rem;
}

body.theme-season21-infernal-throne .it21-events-panel__tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.44rem;
    padding: 0 1rem 0.74rem;
}

body.theme-season21-infernal-throne .it21-events-panel__tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.36rem;
    min-height: 33px;
    padding: 0 0.58rem;
    border-radius: 11px;
    border: 1px solid rgba(255, 142, 64, 0.22);
    background:
        linear-gradient(180deg, rgba(39, 15, 12, 0.95) 0%, rgba(16, 7, 6, 0.98) 100%);
    color: rgba(249, 234, 222, 0.74);
    font-family: var(--it21-font-ui);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.095em;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgba(255, 233, 210, 0.07);
    transition: border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

body.theme-season21-infernal-throne .it21-events-panel__tab i {
    font-size: 0.76rem;
    opacity: 0.85;
}

body.theme-season21-infernal-throne .it21-events-panel__tab:hover,
body.theme-season21-infernal-throne .it21-events-panel__tab:focus-visible {
    color: #fff8f1;
    border-color: rgba(255, 189, 108, 0.42);
    box-shadow:
        0 8px 18px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(255, 178, 90, 0.11);
    transform: translateY(-1px);
}

body.theme-season21-infernal-throne .it21-events-panel__tab.is-active {
    color: #fff5e8;
    border-color: rgba(255, 206, 126, 0.5);
    background:
        radial-gradient(circle at 50% -10%, rgba(255, 173, 83, 0.3), transparent 68%),
        linear-gradient(180deg, rgba(102, 39, 18, 0.94) 0%, rgba(27, 10, 8, 0.96) 100%);
    box-shadow:
        0 10px 20px rgba(0, 0, 0, 0.25),
        inset 0 0 0 1px rgba(255, 190, 112, 0.12);
}

body.theme-season21-infernal-throne .it21-events-panel__body {
    gap: 0;
    padding: 0 0.9rem 0.22rem;
}

body.theme-season21-infernal-throne .it21-events-panel__pane {
    display: none;
    gap: 0.52rem;
}

body.theme-season21-infernal-throne .it21-events-panel__pane.is-active {
    display: grid;
}

body.theme-season21-infernal-throne .it21-events-panel__empty {
    padding: 0.82rem 0.9rem;
    border-radius: 12px;
    border: 1px dashed rgba(255, 146, 71, 0.3);
    background: linear-gradient(180deg, rgba(20, 8, 7, 0.78), rgba(14, 6, 5, 0.82));
    color: rgba(247, 230, 219, 0.66);
    font-size: 0.74rem;
    line-height: 1.4;
}

body.theme-season21-infernal-throne .it21-event-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.72rem;
    padding: 0.58rem 0.64rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 128, 46, 0.12);
    background:
        linear-gradient(180deg, rgba(31, 12, 10, 0.84) 0%, rgba(17, 7, 6, 0.9) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 232, 212, 0.05),
        0 6px 16px rgba(0, 0, 0, 0.17);
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

body.theme-season21-infernal-throne .it21-event-row:hover {
    transform: translateY(-1px);
    border-color: rgba(255, 172, 93, 0.34);
    box-shadow:
        inset 0 1px 0 rgba(255, 236, 217, 0.08),
        0 10px 20px rgba(0, 0, 0, 0.24);
}

body.theme-season21-infernal-throne .it21-event-row__main {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

body.theme-season21-infernal-throne .it21-event-row__name {
    font-size: 0.8rem;
    color: rgba(250, 236, 225, 0.95);
    gap: 0.45rem;
}

body.theme-season21-infernal-throne .it21-event-row__name i {
    width: 19px;
    height: 19px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(54, 130, 255, 0.14);
    border: 1px solid rgba(94, 163, 255, 0.3);
    color: #8ec3ff;
    font-size: 0.62rem;
    opacity: 1;
    flex-shrink: 0;
}

body.theme-season21-infernal-throne .it21-event-row__copy {
    color: rgba(245, 226, 212, 0.66);
    font-size: 0.71rem;
    line-height: 1.35;
}

body.theme-season21-infernal-throne .it21-event-row__countdown {
    font-variant-numeric: tabular-nums;
    font-family: var(--it21-font-ui);
}

body.theme-season21-infernal-throne .it21-event-row__badge-time {
    font-variant-numeric: tabular-nums;
    min-width: 74px;
    height: 28px;
    padding: 0 0.58rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 160, 76, 0.32);
    background: linear-gradient(180deg, rgba(73, 31, 13, 0.9), rgba(36, 14, 9, 0.92));
    color: #ffbf72;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    box-shadow: inset 0 1px 0 rgba(255, 211, 170, 0.08);
}

body.theme-season21-infernal-throne .it21-event-row__time--live {
    color: #7cff95;
    border-color: rgba(122, 255, 163, 0.44);
    background: linear-gradient(180deg, rgba(22, 66, 38, 0.9), rgba(9, 34, 20, 0.92));
    animation: it21-live-pulse 1.2s ease-in-out infinite;
}

body.theme-season21-infernal-throne .it21-event-row.is-upcoming {
    border-color: rgba(255, 138, 56, 0.16);
}

body.theme-season21-infernal-throne .it21-event-row.is-soon {
    border-color: rgba(255, 177, 98, 0.34);
    box-shadow:
        inset 0 1px 0 rgba(255, 236, 217, 0.08),
        0 8px 18px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(255, 179, 92, 0.08);
}

body.theme-season21-infernal-throne .it21-event-row.is-urgent {
    border-color: rgba(255, 123, 85, 0.52);
    box-shadow:
        inset 0 1px 0 rgba(255, 226, 216, 0.11),
        0 9px 20px rgba(0, 0, 0, 0.24),
        0 0 16px rgba(255, 113, 74, 0.14);
}

body.theme-season21-infernal-throne .it21-event-row__badge-time.is-soon {
    color: #ffd688;
    border-color: rgba(255, 198, 115, 0.45);
    background: linear-gradient(180deg, rgba(92, 42, 16, 0.92), rgba(43, 18, 10, 0.93));
}

body.theme-season21-infernal-throne .it21-event-row__badge-time.is-urgent {
    color: #ffd7c7;
    border-color: rgba(255, 143, 108, 0.58);
    background: linear-gradient(180deg, rgba(111, 39, 25, 0.93), rgba(54, 16, 12, 0.95));
}

body.theme-season21-infernal-throne .it21-events-panel__foot {
    padding: 0.48rem 0.95rem 0.98rem;
}

body.theme-season21-infernal-throne .it21-events-panel__link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.48rem;
    min-height: 34px;
    border-radius: 10px;
    border: 1px solid rgba(255, 160, 76, 0.28);
    background: linear-gradient(180deg, rgba(30, 12, 10, 0.9), rgba(17, 7, 6, 0.94));
    color: #ffcf96;
    font-family: var(--it21-font-ui);
    font-size: 0.73rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255, 220, 186, 0.06);
    transition: color 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

body.theme-season21-infernal-throne .it21-events-panel__link:hover {
    color: #fff4e5;
    border-color: rgba(255, 195, 122, 0.45);
    transform: translateY(-1px);
    box-shadow:
        inset 0 1px 0 rgba(255, 232, 208, 0.08),
        0 10px 18px rgba(0, 0, 0, 0.2);
}

@keyframes it21-live-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.58; }
}

@media (max-width: 680px) {
    body.theme-season21-infernal-throne .it21-events-panel__head {
        padding: 0.88rem 0.9rem 0.52rem;
    }
    body.theme-season21-infernal-throne .it21-events-panel__tabs {
        gap: 0.34rem;
        padding: 0 0.9rem 0.62rem;
    }
    body.theme-season21-infernal-throne .it21-events-panel__tab {
        min-height: 30px;
        font-size: 0.56rem;
        letter-spacing: 0.072em;
        padding: 0 0.44rem;
    }
    body.theme-season21-infernal-throne .it21-events-panel__tab i {
        display: none;
    }
    body.theme-season21-infernal-throne .it21-events-panel__body {
        padding: 0 0.78rem 0.12rem;
    }
    body.theme-season21-infernal-throne .it21-event-row {
        padding: 0.52rem 0.54rem;
        gap: 0.56rem;
    }
    body.theme-season21-infernal-throne .it21-event-row__name {
        font-size: 0.76rem;
    }
    body.theme-season21-infernal-throne .it21-event-row__copy {
        font-size: 0.69rem;
    }
    body.theme-season21-infernal-throne .it21-event-row__badge-time {
        min-width: 68px;
        font-size: 0.74rem;
        height: 26px;
    }
}

body.theme-season21-infernal-throne .it21-discord-panel__copy {
    margin: 0;
    color: rgba(243, 226, 215, 0.68);
    line-height: 1.55;
    text-align: center;
}

body.theme-season21-infernal-throne .it21-discord-panel__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.65rem;
}

body.theme-season21-infernal-throne .it21-discord-panel__btn--ghost {
    background: linear-gradient(180deg, rgba(31, 12, 11, 0.94) 0%, rgba(15, 6, 5, 0.98) 100%);
    border: 1px solid rgba(255, 138, 56, 0.18);
    box-shadow: inset 0 1px 0 rgba(255, 228, 204, 0.04);
}

body.theme-season21-infernal-throne .it21-discord-panel__btn--ghost span {
    color: #ffe0bc;
}

@media (max-width: 980px) {
    body.theme-season21-infernal-throne .it21-command-grid__body {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    body.theme-season21-infernal-throne .it21-command-grid,
    body.theme-season21-infernal-throne .it21-ops-panel {
        border-radius: 0;
        margin: 0;
    }
}

@media (max-width: 640px) {
    body.theme-season21-infernal-throne .it21-command-grid {
        padding: 1.05rem;
    }

    body.theme-season21-infernal-throne .it21-command-grid__header,
    body.theme-season21-infernal-throne .it21-ops-panel__head {
        align-items: flex-start;
    }

    body.theme-season21-infernal-throne .it21-command-card__stats {
        grid-template-columns: 1fr;
    }

    body.theme-season21-infernal-throne .it21-command-card__actions .it21-btn {
        width: 100%;
        min-width: 0;
    }

    body.theme-season21-infernal-throne .it21-discord-panel__actions {
        flex-direction: column;
    }
}

/* ═══════════════════════════════════════════════════════
   Downloads Page v2
   ═══════════════════════════════════════════════════════ */

/* ── Primary CTA ── */
body.theme-season21-infernal-throne .it21-dlv2-cta {
    position: relative;
    text-align: center;
    padding: 3.2rem 2rem 2.6rem;
    border-radius: var(--it21-radius);
    border: 1px solid rgba(255, 138, 56, 0.14);
    background:
        radial-gradient(ellipse at 50% 0%, rgba(255, 120, 40, 0.14) 0%, transparent 60%),
        linear-gradient(180deg, rgba(22, 9, 6, 0.97) 0%, rgba(10, 4, 4, 0.99) 100%);
    overflow: hidden;
}

body.theme-season21-infernal-throne .it21-dlv2-cta__glow {
    position: absolute;
    top: -40px;
    left: 50%;
    translate: -50% 0;
    width: 420px;
    height: 140px;
    background: radial-gradient(ellipse, rgba(255, 100, 30, 0.18) 0%, transparent 70%);
    pointer-events: none;
}

body.theme-season21-infernal-throne .it21-dlv2-cta__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.8rem;
}

body.theme-season21-infernal-throne .it21-dlv2-cta__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.35rem 0.9rem;
    border-radius: 20px;
    border: 1px solid rgba(255, 138, 56, 0.22);
    background: rgba(255, 138, 56, 0.08);
    font-family: var(--it21-font-ui);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--it21-gold);
}

body.theme-season21-infernal-throne .it21-dlv2-cta__badge i {
    font-size: 0.85rem;
}

body.theme-season21-infernal-throne .it21-dlv2-cta__title {
    margin: 0;
    font-family: var(--it21-font-head);
    font-size: clamp(1.8rem, 4vw, 2.6rem);
    color: #fff4e8;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1.1;
}

body.theme-season21-infernal-throne .it21-dlv2-cta__desc {
    margin: 0;
    font-family: var(--it21-font-ui);
    font-size: 0.85rem;
    color: rgba(243, 226, 215, 0.62);
    line-height: 1.6;
    max-width: 440px;
}

body.theme-season21-infernal-throne .it21-dlv2-cta__desc a {
    color: var(--it21-gold);
    text-decoration: underline;
    text-underline-offset: 3px;
}

body.theme-season21-infernal-throne .it21-dlv2-cta__main-btn {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 0.15rem;
    margin-top: 0.6rem;
    padding: 1rem 2.6rem;
    border-radius: 16px;
    border: 1px solid rgba(255, 166, 92, 0.3);
    background:
        linear-gradient(180deg, rgba(255, 138, 56, 0.28) 0%, rgba(140, 50, 10, 0.6) 100%);
    color: #fff6ee;
    font-family: var(--it21-font-ui);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.22s ease, filter 0.18s ease;
    box-shadow: 0 8px 28px rgba(180, 60, 0, 0.25);
}

body.theme-season21-infernal-throne .it21-dlv2-cta__main-btn i {
    font-size: 1.3rem;
    margin-bottom: 0.1rem;
}

body.theme-season21-infernal-throne .it21-dlv2-cta__main-btn small {
    font-size: 0.6rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    color: rgba(255, 230, 200, 0.5);
    text-transform: none;
}

body.theme-season21-infernal-throne .it21-dlv2-cta__main-btn:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
    box-shadow: 0 14px 36px rgba(180, 60, 0, 0.35);
}

/* ── Alt Mirrors ── */
body.theme-season21-infernal-throne .it21-dlv2-mirrors {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 0.6rem 0;
}

body.theme-season21-infernal-throne .it21-dlv2-mirrors__label {
    font-family: var(--it21-font-ui);
    font-size: 0.65rem;
    color: rgba(243, 226, 215, 0.35);
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

body.theme-season21-infernal-throne .it21-dlv2-mirrors__links {
    display: flex;
    gap: 0.6rem;
}

body.theme-season21-infernal-throne .it21-dlv2-mirrors__link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.9rem;
    border-radius: 10px;
    border: 1px solid rgba(255, 138, 56, 0.12);
    background: rgba(255, 255, 255, 0.03);
    font-family: var(--it21-font-ui);
    font-size: 0.7rem;
    font-weight: 600;
    color: rgba(255, 220, 180, 0.65);
    text-decoration: none;
    transition: border-color 0.2s, color 0.2s, background 0.2s;
}

body.theme-season21-infernal-throne .it21-dlv2-mirrors__link i {
    font-size: 0.9rem;
    opacity: 0.6;
}

body.theme-season21-infernal-throne .it21-dlv2-mirrors__link:hover {
    border-color: rgba(255, 138, 56, 0.28);
    color: rgba(255, 220, 180, 0.9);
    background: rgba(255, 138, 56, 0.06);
}

/* ── Steps ── */
body.theme-season21-infernal-throne .it21-dlv2-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

body.theme-season21-infernal-throne .it21-dlv2-step {
    display: flex;
    gap: 0.8rem;
    padding: 1.1rem 1.2rem;
    border-radius: var(--it21-radius);
    border: 1px solid rgba(255, 138, 56, 0.09);
    background: rgba(20, 8, 4, 0.7);
}

body.theme-season21-infernal-throne .it21-dlv2-step__num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid rgba(255, 138, 56, 0.2);
    background: rgba(255, 138, 56, 0.07);
    font-family: var(--it21-font-head);
    font-size: 0.85rem;
    color: var(--it21-gold);
    flex-shrink: 0;
}

body.theme-season21-infernal-throne .it21-dlv2-step__body {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

body.theme-season21-infernal-throne .it21-dlv2-step__body strong {
    font-family: var(--it21-font-ui);
    font-size: 0.8rem;
    color: #fff4e8;
    font-weight: 700;
}

body.theme-season21-infernal-throne .it21-dlv2-step__body span {
    font-family: var(--it21-font-ui);
    font-size: 0.72rem;
    color: rgba(243, 226, 215, 0.52);
    line-height: 1.45;
}

body.theme-season21-infernal-throne .it21-dlv2-step__body code {
    font-family: 'Courier New', monospace;
    font-size: 0.65rem;
    color: var(--it21-gold);
    background: rgba(255, 138, 56, 0.06);
    padding: 1px 5px;
    border-radius: 3px;
}

/* ── Requirements ── */
body.theme-season21-infernal-throne .it21-dlv2-req {
    display: flex;
    align-items: stretch;
    border-radius: var(--it21-radius);
    border: 1px solid rgba(255, 138, 56, 0.09);
    background: rgba(20, 8, 4, 0.7);
    overflow: hidden;
}

body.theme-season21-infernal-throne .it21-dlv2-req__col {
    flex: 1;
    padding: 1.1rem 1.4rem;
}

body.theme-season21-infernal-throne .it21-dlv2-req__divider {
    width: 1px;
    background: rgba(255, 138, 56, 0.1);
}

body.theme-season21-infernal-throne .it21-dlv2-req__head {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.7rem;
}

body.theme-season21-infernal-throne .it21-dlv2-req__head i {
    font-size: 0.85rem;
    color: var(--it21-gold);
    opacity: 0.6;
}

body.theme-season21-infernal-throne .it21-dlv2-req__head span {
    font-family: var(--it21-font-ui);
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgba(255, 220, 180, 0.7);
}

body.theme-season21-infernal-throne .it21-dlv2-req ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

body.theme-season21-infernal-throne .it21-dlv2-req li {
    font-family: var(--it21-font-ui);
    font-size: 0.72rem;
    color: rgba(243, 226, 215, 0.52);
    padding-left: 0.9rem;
    position: relative;
}

body.theme-season21-infernal-throne .it21-dlv2-req li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.45em;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(255, 138, 56, 0.3);
}

/* ── AV Guide ── */
body.theme-season21-infernal-throne .it21-dlv2-av {
    border-radius: var(--it21-radius);
    border: 1px solid rgba(255, 138, 56, 0.10);
    background: rgba(20, 8, 4, 0.96);
    overflow: hidden;
}

body.theme-season21-infernal-throne .it21-dlv2-av__head {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    padding: 1.3rem 1.5rem 1rem;
    border-bottom: 1px solid rgba(255, 138, 56, 0.07);
}

body.theme-season21-infernal-throne .it21-dlv2-av__head > i {
    font-size: 1.4rem;
    color: var(--it21-gold);
    margin-top: 0.15rem;
    flex-shrink: 0;
}

body.theme-season21-infernal-throne .it21-dlv2-av__head h2 {
    margin: 0 0 0.25rem;
    font-family: var(--it21-font-head);
    font-size: 1rem;
    color: #fff4e8;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

body.theme-season21-infernal-throne .it21-dlv2-av__head p {
    margin: 0;
    font-family: var(--it21-font-ui);
    font-size: 0.75rem;
    color: rgba(243, 226, 215, 0.52);
    line-height: 1.5;
}

body.theme-season21-infernal-throne .it21-dlv2-av__grid {
    display: flex;
    flex-direction: column;
}

body.theme-season21-infernal-throne .it21-dlv2-av__item {
    border-top: 1px solid rgba(255, 138, 56, 0.06);
}

body.theme-season21-infernal-throne .it21-dlv2-av__item summary {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.85rem 1.5rem;
    font-family: var(--it21-font-ui);
    font-size: 0.8rem;
    font-weight: 700;
    color: rgba(255, 230, 200, 0.8);
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    list-style: none;
}

body.theme-season21-infernal-throne .it21-dlv2-av__item summary::-webkit-details-marker {
    display: none;
}

body.theme-season21-infernal-throne .it21-dlv2-av__item summary::after {
    content: '+';
    margin-left: auto;
    font-size: 1rem;
    color: rgba(255, 138, 56, 0.4);
    transition: transform 0.2s;
}

body.theme-season21-infernal-throne .it21-dlv2-av__item[open] summary::after {
    content: '−';
    color: var(--it21-gold);
}

body.theme-season21-infernal-throne .it21-dlv2-av__item summary i {
    font-size: 0.95rem;
    color: var(--it21-gold);
    opacity: 0.6;
}

body.theme-season21-infernal-throne .it21-dlv2-av__item summary:hover {
    background: rgba(255, 138, 56, 0.04);
    color: #fff4e8;
}

body.theme-season21-infernal-throne .it21-dlv2-av__item ol {
    margin: 0;
    padding: 0 1.5rem 1rem 3.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

body.theme-season21-infernal-throne .it21-dlv2-av__item li {
    font-family: var(--it21-font-ui);
    font-size: 0.75rem;
    color: rgba(243, 226, 215, 0.6);
    line-height: 1.55;
}

body.theme-season21-infernal-throne .it21-dlv2-av__item li strong {
    color: rgba(255, 230, 200, 0.85);
}

body.theme-season21-infernal-throne .it21-dlv2-av__item code {
    font-family: 'Courier New', monospace;
    font-size: 0.68rem;
    color: var(--it21-gold);
    background: rgba(255, 138, 56, 0.06);
    padding: 1px 5px;
    border-radius: 3px;
}

body.theme-season21-infernal-throne .it21-dlv2-av__tip {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin: 0.3rem 0 0.6rem 1.7rem;
    padding: 0.6rem 0.9rem;
    border-radius: 8px;
    background: rgba(255, 138, 56, 0.04);
    border: 1px solid rgba(255, 138, 56, 0.08);
    font-family: var(--it21-font-ui);
    font-size: 0.72rem;
    color: rgba(243, 226, 215, 0.55);
    line-height: 1.5;
}

body.theme-season21-infernal-throne .it21-dlv2-av__tip i {
    color: var(--it21-gold);
    opacity: 0.5;
    font-size: 0.85rem;
    flex-shrink: 0;
    margin-top: 0.1rem;
}

/* ── Downloads v2 responsive ── */
@media (max-width: 800px) {
    body.theme-season21-infernal-throne .it21-dlv2-steps {
        grid-template-columns: 1fr;
    }

    body.theme-season21-infernal-throne .it21-dlv2-req {
        flex-direction: column;
    }

    body.theme-season21-infernal-throne .it21-dlv2-req__divider {
        width: auto;
        height: 1px;
    }

    body.theme-season21-infernal-throne .it21-dlv2-mirrors {
        flex-direction: column;
        gap: 0.5rem;
    }
}

@media (max-width: 520px) {
    body.theme-season21-infernal-throne .it21-dlv2-cta {
        padding: 2.4rem 1.2rem 2rem;
    }

    body.theme-season21-infernal-throne .it21-dlv2-cta__main-btn {
        width: 100%;
    }

    body.theme-season21-infernal-throne .it21-dlv2-mirrors__links {
        flex-direction: column;
        width: 100%;
    }

    body.theme-season21-infernal-throne .it21-dlv2-mirrors__link {
        justify-content: center;
    }
}

/* ═══════════════════════════════════════════════════════════════════
   Class Drops Page  (it21-cdp-*)
   ═══════════════════════════════════════════════════════════════════ */

.it21-cdp {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 16px 48px;
}

/* Header */
.it21-cdp__header {
    text-align: center;
    margin-bottom: 28px;
}
.it21-cdp__header h1 {
    font-family: 'Cinzel', serif;
    font-size: 2rem;
    color: var(--it21-gold, #d4af37);
    margin: 0 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.it21-cdp__header p {
    color: rgba(255,255,255,.65);
    font-size: .95rem;
    max-width: 640px;
    margin: 0 auto;
    line-height: 1.5;
}

/* Exclusive / Shared badges */
.it21-cdp__excl-badge {
    display: inline-block;
    background: rgba(251,191,36,.15);
    color: #fbbf24;
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: 2px 8px;
    border-radius: 4px;
    border: 1px solid rgba(251,191,36,.3);
}
.it21-cdp__shared-badge {
    display: inline-block;
    background: rgba(148,163,184,.1);
    color: rgba(255,255,255,.45);
    font-size: .72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: 2px 8px;
    border-radius: 4px;
    border: 1px solid rgba(148,163,184,.15);
}

/* Class Selector Grid */
.it21-cdp__classes {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
    margin-bottom: 20px;
    padding: 16px;
    background: rgba(20,8,4,.6);
    border-radius: 10px;
    border: 1px solid rgba(212,175,55,.1);
}
.it21-cdp__class-btn {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 6px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    color: rgba(255,255,255,.6);
    font-size: .8rem;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s;
    cursor: pointer;
}
.it21-cdp__class-btn:hover {
    background: rgba(255,255,255,.08);
    color: var(--cls-color, #d4af37);
    border-color: var(--cls-color, rgba(212,175,55,.3));
}
.it21-cdp__class-btn--active {
    background: rgba(212,175,55,.12);
    color: var(--cls-color, #d4af37);
    border-color: var(--cls-color, rgba(212,175,55,.4));
    box-shadow: 0 0 12px rgba(212,175,55,.15);
}
.it21-cdp__class-btn i {
    font-size: 1rem;
}

/* Tab Bar */
.it21-cdp__tabs {
    display: flex;
    gap: 4px;
    margin-bottom: 2px;
    background: rgba(20,8,4,.7);
    border-radius: 10px 10px 0 0;
    border: 1px solid rgba(212,175,55,.1);
    border-bottom: none;
    padding: 6px 6px 0;
}
.it21-cdp__tab {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 16px;
    border-radius: 8px 8px 0 0;
    background: rgba(255,255,255,.03);
    color: rgba(255,255,255,.5);
    font-size: .85rem;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s;
    cursor: pointer;
}
.it21-cdp__tab:hover {
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.8);
}
.it21-cdp__tab--active {
    background: rgba(212,175,55,.1);
    color: var(--it21-gold, #d4af37);
    border-bottom: 2px solid var(--it21-gold, #d4af37);
}
.it21-cdp__tab-count {
    background: rgba(255,255,255,.08);
    padding: 1px 7px;
    border-radius: 10px;
    font-size: .72rem;
    font-weight: 700;
}
.it21-cdp__tab--active .it21-cdp__tab-count {
    background: rgba(212,175,55,.2);
    color: var(--it21-gold, #d4af37);
}

/* Content Panel */
.it21-cdp__panel {
    background: rgba(20,8,4,.85);
    border: 1px solid rgba(212,175,55,.1);
    border-radius: 0 0 10px 10px;
    padding: 20px;
    backdrop-filter: blur(10px);
    min-height: 300px;
}

/* Category Sections */
.it21-cdp__cat-section {
    margin-bottom: 24px;
}
.it21-cdp__cat-section:last-child {
    margin-bottom: 0;
}
.it21-cdp__cat-title {
    font-family: 'Cinzel', serif;
    font-size: 1.05rem;
    color: var(--it21-gold, #d4af37);
    margin: 0 0 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(212,175,55,.15);
}
.it21-cdp__cat-count {
    background: rgba(212,175,55,.15);
    color: var(--it21-gold, #d4af37);
    font-size: .7rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 10px;
    font-family: 'Barlow Condensed', sans-serif;
}

/* Tables */
.it21-cdp__table-wrap {
    overflow-x: auto;
}
.it21-cdp__table {
    width: 100%;
    border-collapse: collapse;
    font-size: .85rem;
}
.it21-cdp__table thead th {
    text-align: left;
    padding: 8px 12px;
    color: rgba(255,255,255,.45);
    font-weight: 600;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    border-bottom: 1px solid rgba(212,175,55,.1);
}
.it21-cdp__table tbody tr {
    border-bottom: 1px solid rgba(255,255,255,.04);
    transition: background .15s;
}
.it21-cdp__table tbody tr:hover {
    background: rgba(212,175,55,.05);
}
.it21-cdp__table td {
    padding: 7px 12px;
    color: rgba(255,255,255,.8);
}
.it21-cdp__item-name {
    font-weight: 600;
}
.it21-cdp__dl-val {
    display: inline-block;
    background: rgba(99,102,241,.12);
    color: #a5b4fc;
    font-weight: 700;
    font-size: .78rem;
    padding: 2px 8px;
    border-radius: 4px;
    min-width: 32px;
    text-align: center;
}

/* Armor Cards Grid */
.it21-cdp__armor-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 12px;
}
.it21-cdp__armor-card {
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 8px;
    padding: 14px;
    transition: all .2s;
}
.it21-cdp__armor-card:hover {
    border-color: rgba(212,175,55,.2);
    background: rgba(255,255,255,.05);
}
.it21-cdp__armor-card--excl {
    border-color: rgba(251,191,36,.15);
    background: rgba(251,191,36,.03);
}
.it21-cdp__armor-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}
.it21-cdp__armor-head i {
    color: var(--it21-gold, #d4af37);
    font-size: 1.2rem;
}
.it21-cdp__armor-head h4 {
    flex: 1;
    margin: 0;
    font-size: .9rem;
    font-weight: 700;
    color: rgba(255,255,255,.9);
}
.it21-cdp__armor-dl {
    font-size: .78rem;
    color: rgba(255,255,255,.4);
    margin-bottom: 8px;
}
.it21-cdp__armor-dl strong {
    color: #a5b4fc;
    font-weight: 700;
}
.it21-cdp__armor-pieces {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.it21-cdp__armor-pieces li {
    font-size: .8rem;
    color: rgba(255,255,255,.6);
    display: flex;
    align-items: center;
    gap: 6px;
}
.it21-cdp__armor-pieces li i {
    color: rgba(212,175,55,.5);
    width: 16px;
    text-align: center;
}

/* Skill Cards Grid */
.it21-cdp__skill-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 10px;
}
.it21-cdp__skill-card {
    display: flex;
    gap: 12px;
    padding: 12px;
    border-radius: 8px;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.06);
    transition: all .2s;
}
.it21-cdp__skill-card:hover {
    border-color: rgba(212,175,55,.2);
    background: rgba(255,255,255,.05);
}
.it21-cdp__skill-card--excl {
    border-color: rgba(251,191,36,.15);
    background: rgba(251,191,36,.03);
}
.it21-cdp__skill-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    background: rgba(255,255,255,.04);
    border-radius: 8px;
    flex-shrink: 0;
}
.it21-cdp__skill-body {
    flex: 1;
    min-width: 0;
}
.it21-cdp__skill-body h4 {
    margin: 0 0 4px;
    font-size: .88rem;
    font-weight: 700;
    color: rgba(255,255,255,.9);
}
.it21-cdp__skill-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 4px;
}
.it21-cdp__skill-stat {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: .75rem;
    color: rgba(255,255,255,.55);
    background: rgba(255,255,255,.04);
    padding: 1px 7px;
    border-radius: 4px;
}
.it21-cdp__skill-stat--dmg {
    color: #fca5a5;
    background: rgba(239,68,68,.1);
}
.it21-cdp__skill-stat--mana {
    color: #7dd3fc;
    background: rgba(56,189,248,.1);
}
.it21-cdp__skill-reqs {
    margin: 0;
    font-size: .72rem;
    color: rgba(255,255,255,.35);
}

/* Empty state */
.it21-cdp__empty {
    text-align: center;
    padding: 48px 16px;
    color: rgba(255,255,255,.3);
}
.it21-cdp__empty i {
    font-size: 2.5rem;
    display: block;
    margin-bottom: 12px;
}

/* Farming Maps */
.it21-cdp__maps-info {
    margin-top: 28px;
    background: rgba(20,8,4,.7);
    border: 1px solid rgba(212,175,55,.1);
    border-radius: 10px;
    padding: 20px;
}
.it21-cdp__maps-info h3 {
    font-family: 'Cinzel', serif;
    color: var(--it21-gold, #d4af37);
    font-size: 1rem;
    margin: 0 0 6px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.it21-cdp__maps-info > p {
    color: rgba(255,255,255,.5);
    font-size: .85rem;
    margin: 0 0 14px;
}
.it21-cdp__maps-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.it21-cdp__map-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 6px;
    padding: 8px 16px;
    min-width: 100px;
}
.it21-cdp__map-card strong {
    color: rgba(255,255,255,.85);
    font-size: .85rem;
}
.it21-cdp__map-card span {
    color: rgba(255,255,255,.4);
    font-size: .75rem;
}

/* Responsive */
@media (max-width: 768px) {
    .it21-cdp__classes {
        gap: 4px;
        padding: 10px;
    }
    .it21-cdp__class-btn {
        padding: 5px 8px;
        font-size: .72rem;
    }
    .it21-cdp__class-btn span {
        display: none;
    }
    .it21-cdp__class-btn i {
        font-size: 1.2rem;
    }
    .it21-cdp__tab span {
        display: none;
    }
    .it21-cdp__tab i {
        font-size: 1.1rem;
    }
    .it21-cdp__skill-grid,
    .it21-cdp__armor-grid {
        grid-template-columns: 1fr;
    }
    .it21-cdp__header h1 {
        font-size: 1.4rem;
    }
}

/* Compact page heroes across account/service pages */
body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact {
    grid-template-columns: minmax(0, 1fr) clamp(190px, 24vw, 280px);
    margin-bottom: 16px;
    border-radius: 16px;
    border-color: rgba(255, 148, 66, 0.26);
    background:
        radial-gradient(circle at 14% 16%, rgba(255, 140, 54, 0.14), transparent 42%),
        radial-gradient(circle at 84% 90%, rgba(75, 124, 255, 0.12), transparent 40%),
        linear-gradient(145deg, rgba(24, 9, 7, 0.96), rgba(10, 4, 4, 0.98));
    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.38),
        0 1px 0 rgba(255, 138, 56, 0.09) inset;
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact.it21-page-hero--stats-inline,
body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact.it21-page-hero--no-aside {
    grid-template-columns: minmax(0, 1fr);
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__copy {
    gap: 10px;
    padding: 18px 20px;
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-kicker {
    letter-spacing: 0.18em;
    font-size: 0.64rem;
    color: rgba(255, 184, 112, 0.92);
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__copy h1 {
    font-size: clamp(1.04rem, 1.32vw, 1.36rem);
    line-height: 1.2;
    color: #fff4e8;
    text-shadow: 0 2px 18px rgba(255, 124, 40, 0.22);
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__copy > p {
    max-width: 600px;
    margin: 0;
    color: rgba(243, 226, 215, 0.82);
    font-size: 0.78rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__tags {
    gap: 5px;
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__tags span {
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 0.62rem;
    border-color: rgba(255, 168, 84, 0.28);
    background: rgba(255, 138, 56, 0.1);
    color: #ffdcb2;
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-hero__actions {
    margin-top: 2px;
    gap: 6px;
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-cta {
    min-height: 34px;
    padding: 7px 13px;
    border-radius: 9px;
    font-size: 0.63rem;
    letter-spacing: 0.09em;
    border-color: rgba(255, 155, 73, 0.32);
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-cta.it21-cta--primary {
    box-shadow:
        0 10px 24px rgba(255, 98, 30, 0.26),
        inset 0 1px 0 rgba(255, 232, 200, 0.14);
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__micro-stats {
    display: flex;
    align-items: stretch;
    gap: 8px;
    flex-wrap: wrap;
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__micro-stat {
    display: grid;
    gap: 2px;
    min-width: 118px;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid rgba(255, 156, 74, 0.24);
    background: linear-gradient(180deg, rgba(42, 16, 12, 0.85), rgba(16, 7, 6, 0.92));
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__micro-stat span {
    color: rgba(243, 226, 215, 0.62);
    font-family: var(--it21-font-ui);
    font-size: 0.56rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__micro-stat strong {
    color: #ffe6c3;
    font-family: var(--it21-font-head);
    font-size: 1.04rem;
    line-height: 1;
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__aside {
    min-width: 0;
    border-left-color: rgba(255, 138, 56, 0.16);
    background:
        radial-gradient(circle at 78% 10%, rgba(255, 146, 61, 0.14), transparent 52%),
        linear-gradient(180deg, rgba(12, 5, 4, 0.84), rgba(7, 3, 3, 0.9));
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact.it21-page-hero--stats-1 .it21-page-hero__aside {
    max-width: 220px;
    border-left-color: rgba(255, 138, 56, 0.12);
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__summary {
    padding: 10px 12px 9px;
    border-bottom: 1px solid rgba(255, 138, 56, 0.12);
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__summary strong {
    margin-bottom: 0;
    font-size: 0.8rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #ffd8a4;
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__summary p {
    display: block;
    margin-top: 3px;
    color: rgba(243, 226, 215, 0.65);
    font-size: 0.64rem;
    line-height: 1.35;
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__stats {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__stat,
body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__stat:nth-child(2n),
body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__stat:nth-last-child(-n+2),
body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__stat:last-child:nth-child(odd) {
    grid-column: auto;
    padding: 9px 8px 10px;
    border-bottom: none;
    border-right: none;
    border-left: none;
    border-top: 1px solid rgba(255, 138, 56, 0.09);
    background: rgba(255, 255, 255, 0.01);
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__stat:first-child {
    border-top: none;
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__stat span {
    margin-bottom: 3px;
    color: rgba(243, 226, 215, 0.62);
    font-size: 0.56rem;
    letter-spacing: 0.12em;
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__stat strong {
    color: #ffe4bf;
    font-size: 1.02rem;
    line-height: 1.05;
}

@media (max-width: 900px) {
    body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact,
    body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact.it21-page-hero--stats-inline,
    body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact.it21-page-hero--no-aside {
        grid-template-columns: 1fr;
    }
    body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__aside {
        min-width: 0;
        border-left: none;
        border-top: 1px solid rgba(255, 138, 56, 0.12);
    }
    body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__stats {
        grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    }
    body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__stat {
        border-right: none;
    }
}

@media (max-width: 640px) {
    body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__copy {
        padding: 14px 14px;
    }
    body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__copy h1 {
        font-size: 0.98rem;
    }
    body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__copy > p {
        font-size: 0.74rem;
    }
    body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-hero__actions {
        width: 100%;
        flex-direction: column;
    }
    body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-hero__actions .it21-cta {
        width: 100%;
        justify-content: center;
    }
    body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__micro-stats {
        width: 100%;
    }
    body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__micro-stat {
        flex: 1 1 100%;
        min-width: 0;
    }
}

/* Mu-forged header refresh */
body.theme-season21-infernal-throne .it21-header {
    position: sticky;
    top: 0;
    z-index: 110;
    border: 1px solid rgba(255, 138, 56, 0.18);
    border-top: 0;
    border-radius: 0 0 14px 14px;
    background:
        radial-gradient(circle at 50% -30px, rgba(255, 150, 72, 0.18), transparent 44%),
        linear-gradient(180deg, rgba(30, 12, 8, 0.96) 0%, rgba(17, 7, 5, 0.98) 55%, rgba(10, 4, 3, 0.99) 100%);
    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 214, 168, 0.08);
    backdrop-filter: blur(8px) saturate(115%);
    overflow: visible;
}

body.theme-season21-infernal-throne .it21-header::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        repeating-linear-gradient(
            135deg,
            rgba(255, 170, 98, 0.02) 0,
            rgba(255, 170, 98, 0.02) 6px,
            transparent 6px,
            transparent 14px
        );
    pointer-events: none;
    opacity: 0.9;
}

body.theme-season21-infernal-throne .it21-header__fireline {
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(166, 57, 16, 0.55) 10%,
        rgba(255, 128, 40, 0.95) 24%,
        rgba(255, 198, 116, 1) 50%,
        rgba(255, 128, 40, 0.95) 76%,
        rgba(166, 57, 16, 0.55) 90%,
        transparent 100%
    );
    box-shadow:
        0 0 8px rgba(255, 128, 40, 0.55),
        0 0 20px rgba(255, 94, 24, 0.2);
}

body.theme-season21-infernal-throne .it21-topline {
    min-height: 64px;
    height: auto;
    padding: 10px 16px;
    gap: 10px;
    background:
        radial-gradient(circle at 50% -55%, rgba(255, 164, 82, 0.18), transparent 66%),
        linear-gradient(180deg, rgba(38, 14, 10, 0.95) 0%, rgba(16, 6, 4, 0.95) 100%);
    border-top: 1px solid rgba(255, 176, 94, 0.2);
    border-bottom: 1px solid rgba(255, 120, 42, 0.18);
    box-shadow: inset 0 1px 0 rgba(255, 222, 170, 0.08);
    overflow: visible;
    z-index: 120;
}

body.theme-season21-infernal-throne .it21-nav {
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown > .it21-nav-dropdown__trigger,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown > .it21-nav-dropdown__trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 41px;
    padding: 9px 14px;
    border-radius: 12px;
    border: 1px solid rgba(255, 162, 84, 0.2);
    background:
        radial-gradient(circle at 50% -90%, rgba(255, 186, 108, 0.2), transparent 64%),
        linear-gradient(180deg, rgba(42, 16, 12, 0.92), rgba(16, 6, 5, 0.95));
    font-size: 0.69rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: rgba(255, 228, 198, 0.92);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.72);
    transition:
        color 0.22s ease,
        border-color 0.22s ease,
        background 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.18s ease;
    box-shadow:
        inset 0 1px 0 rgba(255, 228, 192, 0.06),
        0 10px 18px rgba(0, 0, 0, 0.25);
}

body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a::before,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a::before,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a::after,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a::after,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown > .it21-nav-dropdown__trigger::before,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown > .it21-nav-dropdown__trigger::before,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown > .it21-nav-dropdown__trigger::after,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown > .it21-nav-dropdown__trigger::after {
    display: none !important;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a:hover,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a:hover,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a.is-active,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a.is-active,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown:hover > .it21-nav-dropdown__trigger,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown:hover > .it21-nav-dropdown__trigger,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown > .it21-nav-dropdown__trigger.is-active,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown > .it21-nav-dropdown__trigger.is-active {
    color: #fff8ef;
    border-color: rgba(255, 205, 128, 0.55);
    background:
        radial-gradient(circle at 50% -80%, rgba(255, 210, 132, 0.34), transparent 66%),
        linear-gradient(180deg, rgba(111, 44, 18, 0.94), rgba(34, 13, 9, 0.96));
    box-shadow:
        0 0 0 1px rgba(255, 194, 108, 0.18),
        0 14px 26px rgba(0, 0, 0, 0.28),
        0 0 24px rgba(255, 124, 38, 0.24);
    transform: translateY(-2px);
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__trigger .ph {
    font-size: 0.63rem;
    opacity: 0.78;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown {
    position: relative;
    z-index: 2600;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown:hover .it21-nav-dropdown__trigger .ph,
body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown.is-open .it21-nav-dropdown__trigger .ph {
    transform: rotate(180deg);
    opacity: 1;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu {
    top: calc(100% + 8px);
    left: 0;
    right: auto;
    transform: translateY(10px);
    min-width: 220px;
    padding: 8px 0;
    border-radius: 14px;
    border: 1px solid rgba(255, 178, 100, 0.28);
    border-top: 1px solid rgba(255, 222, 154, 0.4);
    background:
        radial-gradient(circle at 50% -30%, rgba(255, 176, 92, 0.18), transparent 62%),
        linear-gradient(180deg, rgba(24, 9, 7, 0.97), rgba(10, 4, 4, 0.985));
    box-shadow:
        0 24px 38px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(255, 124, 40, 0.12),
        inset 0 1px 0 rgba(255, 230, 196, 0.08);
    z-index: 2200;
    backdrop-filter: blur(14px);
}

body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown > .it21-nav-dropdown__menu {
    left: auto;
    right: 0;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    height: 10px;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown:hover > .it21-nav-dropdown__menu,
body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown.is-open > .it21-nav-dropdown__menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu a {
    display: block;
    padding: 10px 18px !important;
    border-radius: 10px;
    margin: 2px 8px;
    border: 1px solid transparent;
    font-size: 0.7rem !important;
    font-weight: 700;
    letter-spacing: 0.09em;
    color: rgba(255, 227, 192, 0.86);
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu a:hover,
body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu a:focus-visible {
    color: #fff5e8;
    border-color: rgba(255, 196, 120, 0.4);
    background:
        linear-gradient(90deg, rgba(255, 128, 44, 0.22), rgba(255, 98, 30, 0.1));
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 235, 205, 0.08);
    padding-left: 18px !important;
}

body.theme-season21-infernal-throne .it21-header__emblem {
    width: 78px;
}

body.theme-season21-infernal-throne .it21-header__emblem::before,
body.theme-season21-infernal-throne .it21-header__emblem::after {
    width: 26px;
}

body.theme-season21-infernal-throne .it21-header__diamond {
    width: 14px;
    height: 14px;
    border: 1px solid rgba(255, 212, 147, 0.58);
    border-radius: 2px;
    box-shadow:
        0 0 10px rgba(255, 174, 92, 0.82),
        0 0 26px rgba(255, 98, 28, 0.32);
}

body.theme-season21-infernal-throne .it21-header__diamond::before {
    inset: -5px;
    border-color: rgba(255, 170, 84, 0.3);
}

body.theme-season21-infernal-throne .it21-header__diamond::after {
    content: "";
    position: absolute;
    inset: -11px;
    border: 1px solid rgba(255, 170, 90, 0.2);
    border-radius: 999px;
    transform: rotate(-45deg);
}

body.theme-season21-infernal-throne .it21-authline {
    gap: 8px;
    margin-left: 8px;
    padding-left: 12px;
    border-left-color: rgba(255, 146, 68, 0.2);
}

body.theme-season21-infernal-throne .it21-authline__text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 10px;
    border-radius: 9px;
    border: 1px solid rgba(255, 138, 56, 0.14);
    background: rgba(26, 10, 8, 0.66);
    font-size: 0.66rem;
    letter-spacing: 0.1em;
    color: rgba(255, 226, 195, 0.86);
}

body.theme-season21-infernal-throne .it21-authline__text:hover {
    border-color: rgba(255, 188, 112, 0.34);
    background: rgba(40, 16, 12, 0.78);
}

body.theme-season21-infernal-throne .it21-authline__action {
    min-height: 36px;
    padding: 0 14px;
    border-radius: 10px;
    font-size: 0.65rem;
    letter-spacing: 0.12em;
    border-color: rgba(255, 186, 104, 0.34);
    background: linear-gradient(135deg, rgba(116, 42, 14, 0.98), rgba(188, 84, 22, 0.96) 52%, rgba(230, 148, 58, 0.98));
    box-shadow:
        0 10px 22px rgba(0, 0, 0, 0.3),
        0 0 24px rgba(255, 92, 28, 0.18),
        inset 0 1px 0 rgba(255, 236, 206, 0.14);
}

body.theme-season21-infernal-throne .it21-subline {
    display: none !important;
    min-height: 34px;
    height: auto;
    padding: 6px 14px;
    gap: 10px;
    border-top: 1px solid rgba(255, 148, 70, 0.14);
    border-bottom: 1px solid rgba(255, 100, 28, 0.12);
    background:
        linear-gradient(90deg, rgba(28, 10, 8, 0.9), rgba(14, 5, 4, 0.9) 50%, rgba(28, 10, 8, 0.9)),
        radial-gradient(circle at center, rgba(255, 138, 56, 0.08), transparent 60%);
}

body.theme-season21-infernal-throne .it21-ratebar,
body.theme-season21-infernal-throne .it21-clockbar {
    gap: 7px;
}

body.theme-season21-infernal-throne .it21-ratebar span:not(.it21-ratebar__sep),
body.theme-season21-infernal-throne .it21-clockbar span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid rgba(255, 138, 56, 0.14);
    background: rgba(12, 4, 3, 0.72);
    font-size: 0.64rem;
}

body.theme-season21-infernal-throne .it21-ratebar__sep {
    color: rgba(255, 148, 70, 0.4);
    font-size: 0.38rem;
}

body.theme-season21-infernal-throne .it21-beta-banner {
    gap: 10px;
    padding: 8px 14px;
    border-top: 1px solid rgba(255, 146, 68, 0.2);
    border-bottom: 1px solid rgba(255, 108, 36, 0.18);
    background:
        linear-gradient(90deg, rgba(42, 14, 11, 0.95), rgba(22, 8, 8, 0.95) 50%, rgba(42, 14, 11, 0.95)),
        radial-gradient(circle at center, rgba(255, 134, 46, 0.1), transparent 60%);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.045em;
    color: #ffe6c8;
}

body.theme-season21-infernal-throne .it21-beta-banner i {
    color: #ffbe73;
}

body.theme-season21-infernal-throne .it21-beta-banner a {
    min-height: 32px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid rgba(255, 190, 110, 0.34);
    background: linear-gradient(135deg, rgba(113, 39, 14, 0.98), rgba(178, 78, 22, 0.96) 50%, rgba(236, 156, 60, 0.98));
    color: #fff7ec;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.11em;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28), 0 0 20px rgba(255, 96, 30, 0.18);
}

@media (max-width: 1280px) {
    body.theme-season21-infernal-throne .it21-topline {
        padding: 0 10px;
    }
    body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a,
    body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a,
    body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown > .it21-nav-dropdown__trigger,
    body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown > .it21-nav-dropdown__trigger {
        padding: 7px 9px;
        font-size: 0.62rem;
        letter-spacing: 0.09em;
    }
    body.theme-season21-infernal-throne .it21-authline__action {
        padding: 0 12px;
    }
}

@media (max-width: 980px) {
    body.theme-season21-infernal-throne .it21-topline {
        min-height: 56px;
        height: 56px;
        padding: 0 12px;
    }
    body.theme-season21-infernal-throne .it21-topline__brand {
        display: inline-flex;
        align-items: center;
    }
    body.theme-season21-infernal-throne .it21-topline__brand img {
        width: 132px;
        height: auto;
        filter: drop-shadow(0 0 10px rgba(255, 132, 46, 0.35));
    }
    body.theme-season21-infernal-throne .it21-subline {
        padding: 6px 10px;
        justify-content: center;
    }
    body.theme-season21-infernal-throne .it21-ratebar,
    body.theme-season21-infernal-throne .it21-clockbar {
        justify-content: center;
    }
}

@media (max-width: 640px) {
    body.theme-season21-infernal-throne .it21-subline {
        gap: 6px;
    }
    body.theme-season21-infernal-throne .it21-ratebar span:not(.it21-ratebar__sep),
    body.theme-season21-infernal-throne .it21-clockbar span {
        padding: 2px 6px;
        font-size: 0.58rem;
    }
    body.theme-season21-infernal-throne .it21-ratebar__sep {
        display: none;
    }
    body.theme-season21-infernal-throne .it21-beta-banner {
        font-size: 0.66rem;
        padding: 7px 10px;
    }
    body.theme-season21-infernal-throne .it21-beta-banner a {
        min-height: 29px;
        padding: 0 11px;
        font-size: 0.59rem;
    }
}

/* Premium Rankings Refresh */
body.theme-season21-infernal-throne .it21-rank-page {
    max-width: 1080px;
    gap: 16px;
}

body.theme-season21-infernal-throne .it21-rank-hero {
    border-color: rgba(255, 178, 98, 0.26);
    background:
        radial-gradient(circle at 10% 0%, rgba(255, 168, 84, 0.12), transparent 36%),
        radial-gradient(circle at 90% 0%, rgba(255, 104, 36, 0.11), transparent 40%),
        linear-gradient(160deg, rgba(28, 10, 8, 0.96), rgba(16, 6, 6, 0.96) 52%, rgba(11, 4, 4, 0.97));
    box-shadow:
        0 22px 40px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 224, 176, 0.08),
        0 0 0 1px rgba(255, 124, 40, 0.08);
}

body.theme-season21-infernal-throne .it21-rank-hero__inner {
    padding: 26px 28px;
}

body.theme-season21-infernal-throne .it21-rank-hero__title {
    font-size: clamp(1.4rem, 2.2vw, 2rem);
    letter-spacing: 0.03em;
}

body.theme-season21-infernal-throne .it21-rank-hero__desc {
    max-width: 520px;
    color: rgba(243, 226, 215, 0.78);
}

body.theme-season21-infernal-throne .it21-rank-hero__stats {
    gap: 9px;
}

body.theme-season21-infernal-throne .it21-rank-hero__stat {
    min-width: 94px;
    padding: 10px 8px;
    border-radius: 12px;
    border: 1px solid rgba(255, 166, 86, 0.22);
    background:
        radial-gradient(circle at top, rgba(255, 184, 112, 0.2), transparent 72%),
        linear-gradient(170deg, rgba(34, 14, 10, 0.94), rgba(16, 6, 5, 0.96));
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 228, 196, 0.08);
}

body.theme-season21-infernal-throne .it21-rank-hero__stat i {
    opacity: 0.78;
}

body.theme-season21-infernal-throne .it21-rank-hero__stat strong {
    font-size: 1.08rem;
}

body.theme-season21-infernal-throne .it21-rank-showcase {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

body.theme-season21-infernal-throne .it21-rank-showcase__card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px;
    border-radius: 14px;
    border: 1px solid rgba(255, 152, 74, 0.2);
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 198, 122, 0.17), transparent 44%),
        linear-gradient(170deg, rgba(30, 12, 9, 0.95), rgba(14, 5, 5, 0.97));
    box-shadow:
        0 14px 24px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 220, 168, 0.07);
    overflow: hidden;
}

body.theme-season21-infernal-throne .it21-rank-showcase__card::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(255, 184, 112, 0.75), transparent);
    opacity: 0.68;
}

body.theme-season21-infernal-throne .it21-rank-showcase__card--rank1 {
    border-color: rgba(255, 218, 140, 0.42);
}

body.theme-season21-infernal-throne .it21-rank-showcase__card--rank2 {
    border-color: rgba(181, 191, 214, 0.42);
}

body.theme-season21-infernal-throne .it21-rank-showcase__card--rank3 {
    border-color: rgba(224, 148, 92, 0.4);
}

body.theme-season21-infernal-throne .it21-rank-showcase__crest {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.theme-season21-infernal-throne .it21-rank-showcase__rank {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 194, 120, 0.36);
    background: rgba(255, 140, 56, 0.14);
    color: #ffd9a5;
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

body.theme-season21-infernal-throne .it21-rank-showcase__crest i {
    font-size: 1rem;
    color: #ffd089;
}

body.theme-season21-infernal-throne .it21-rank-showcase__name {
    display: inline-block;
    font-family: var(--it21-font-head);
    color: #fff4e4;
    font-size: 1.02rem;
    line-height: 1.2;
    text-decoration: none;
}

body.theme-season21-infernal-throne .it21-rank-showcase__name:hover {
    color: #ffd59d;
}

body.theme-season21-infernal-throne .it21-rank-showcase__class {
    margin-top: 4px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(243, 226, 215, 0.8);
    font-size: 0.72rem;
}

body.theme-season21-infernal-throne .it21-rank-showcase__meta {
    margin-top: auto;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

body.theme-season21-infernal-throne .it21-rank-showcase__meta span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 8px;
    border: 1px solid rgba(255, 148, 70, 0.2);
    background: rgba(14, 5, 4, 0.72);
    color: rgba(243, 226, 215, 0.72);
    font-size: 0.65rem;
}

body.theme-season21-infernal-throne .it21-rank-showcase__meta strong {
    color: #ffd7a2;
    font-weight: 800;
}

body.theme-season21-infernal-throne .it21-rank-panel {
    border-color: rgba(255, 166, 86, 0.2);
    background:
        radial-gradient(circle at top, rgba(255, 166, 90, 0.08), transparent 60%),
        linear-gradient(180deg, rgba(21, 8, 6, 0.97), rgba(13, 5, 4, 0.97));
    box-shadow: 0 20px 36px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 230, 198, 0.06);
}

body.theme-season21-infernal-throne .it21-rank-panel__head--premium {
    padding: 14px 20px 10px;
    border-bottom: 1px solid rgba(255, 138, 56, 0.1);
}

body.theme-season21-infernal-throne .it21-rank-panel__summary {
    margin-left: auto;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    min-width: 120px;
    padding: 7px 10px;
    border-radius: 10px;
    border: 1px solid rgba(255, 170, 90, 0.22);
    background: linear-gradient(160deg, rgba(34, 13, 10, 0.9), rgba(17, 6, 5, 0.92));
}

body.theme-season21-infernal-throne .it21-rank-panel__summary span {
    color: rgba(243, 226, 215, 0.62);
    font-size: 0.58rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 700;
}

body.theme-season21-infernal-throne .it21-rank-panel__summary strong {
    color: #ffe2b8;
    font-size: 1rem;
    font-family: var(--it21-font-head);
}

body.theme-season21-infernal-throne .it21-rank-tabs {
    padding: 12px 16px;
    gap: 7px;
}

body.theme-season21-infernal-throne .it21-rank-tab {
    border-radius: 10px;
    padding: 8px 14px;
    font-size: 0.66rem;
    letter-spacing: 0.08em;
    border-color: rgba(255, 152, 74, 0.18);
    background: rgba(255, 138, 56, 0.05);
}

body.theme-season21-infernal-throne .it21-rank-tab.is-active {
    border-color: rgba(255, 204, 130, 0.48);
    background:
        radial-gradient(circle at top, rgba(255, 188, 114, 0.25), transparent 80%),
        linear-gradient(160deg, rgba(102, 38, 16, 0.92), rgba(29, 11, 8, 0.95));
    color: #fff0dc;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25), 0 0 20px rgba(255, 114, 32, 0.12);
}

body.theme-season21-infernal-throne .it21-rank-filter {
    padding: 10px 16px 14px;
    gap: 12px;
}

body.theme-season21-infernal-throne .it21-rank-filter__label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

body.theme-season21-infernal-throne .it21-rank-filter__label i {
    color: #ffbd76;
    font-size: 0.8rem;
}

body.theme-season21-infernal-throne .it21-rank-select {
    max-width: 280px;
    border-radius: 10px;
    border-color: rgba(255, 160, 82, 0.2);
    background: linear-gradient(170deg, rgba(24, 9, 7, 0.96), rgba(12, 5, 4, 0.95));
    box-shadow: inset 0 1px 0 rgba(255, 216, 166, 0.07);
}

body.theme-season21-infernal-throne .it21-rank-table-wrap {
    margin: 0 14px 14px;
    border-radius: 14px;
    border: 1px solid rgba(255, 154, 76, 0.2);
    background: rgba(10, 4, 4, 0.88);
    box-shadow: inset 0 1px 0 rgba(255, 210, 158, 0.06);
}

body.theme-season21-infernal-throne .it21-rank-table thead th {
    padding: 11px 14px;
    font-size: 0.59rem;
    letter-spacing: 0.11em;
    border-bottom: 1px solid rgba(255, 158, 78, 0.18);
    background: linear-gradient(180deg, rgba(255, 138, 56, 0.11), rgba(255, 138, 56, 0.02));
    color: rgba(255, 212, 154, 0.75);
}

body.theme-season21-infernal-throne .it21-rank-table tbody td {
    padding: 11px 14px;
    border-bottom-color: rgba(255, 146, 68, 0.08);
}

body.theme-season21-infernal-throne .it21-rank-row:hover td {
    background: rgba(255, 138, 56, 0.07);
}

body.theme-season21-infernal-throne .it21-rank-row--podium td {
    background: linear-gradient(90deg, rgba(255, 166, 86, 0.08), rgba(255, 138, 56, 0.03));
}

body.theme-season21-infernal-throne .it21-rank-row--rank1 td {
    border-bottom-color: rgba(255, 214, 126, 0.2);
}

body.theme-season21-infernal-throne .it21-rank-num {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    opacity: 1;
}

body.theme-season21-infernal-throne .it21-rank-num__value {
    font-family: var(--it21-font-head);
    font-weight: 800;
    color: #ffd7a2;
    min-width: 18px;
}

body.theme-season21-infernal-throne .it21-rank-num__medal {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 1px solid rgba(255, 205, 128, 0.4);
    background: rgba(255, 152, 64, 0.14);
}

body.theme-season21-infernal-throne .it21-rank-num__medal i {
    font-size: 0.62rem;
    color: #ffdcae;
}

body.theme-season21-infernal-throne .it21-rank-num__medal--1 {
    border-color: rgba(255, 224, 150, 0.55);
    background: rgba(255, 194, 104, 0.22);
}

body.theme-season21-infernal-throne .it21-rank-num__medal--2 {
    border-color: rgba(183, 194, 220, 0.5);
    background: rgba(149, 162, 188, 0.22);
}

body.theme-season21-infernal-throne .it21-rank-num__medal--3 {
    border-color: rgba(221, 150, 108, 0.55);
    background: rgba(174, 102, 64, 0.2);
}

body.theme-season21-infernal-throne .it21-rank-link {
    font-weight: 700;
    letter-spacing: 0.01em;
}

body.theme-season21-infernal-throne .it21-rank-class__img {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border: 1px solid rgba(255, 166, 84, 0.22);
    background: rgba(11, 4, 3, 0.9);
}

body.theme-season21-infernal-throne .it21-rank-status {
    border-radius: 999px;
    padding: 4px 9px;
}

body.theme-season21-infernal-throne .it21-rank-pagination {
    padding: 10px 16px 16px;
    border-top: 1px solid rgba(255, 138, 56, 0.08);
}

body.theme-season21-infernal-throne .it21-rank-page-btn {
    min-width: 34px;
    height: 34px;
    border-radius: 9px;
    border-color: rgba(255, 158, 78, 0.2);
}

body.theme-season21-infernal-throne .it21-rank-page-btn.is-active {
    color: #fff2df;
    border-color: rgba(255, 204, 130, 0.5);
}

@media (max-width: 980px) {
    body.theme-season21-infernal-throne .it21-rank-showcase {
        grid-template-columns: 1fr;
    }

    body.theme-season21-infernal-throne .it21-rank-panel__head--premium {
        flex-wrap: wrap;
        gap: 10px;
    }

    body.theme-season21-infernal-throne .it21-rank-panel__summary {
        margin-left: 0;
        align-items: flex-start;
    }
}

@media (max-width: 640px) {
    body.theme-season21-infernal-throne .it21-rank-hero__inner {
        padding: 18px 14px;
    }

    body.theme-season21-infernal-throne .it21-rank-hero__stats {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
    }

    body.theme-season21-infernal-throne .it21-rank-hero__stat {
        min-width: 0;
        padding: 8px 4px;
    }

    body.theme-season21-infernal-throne .it21-rank-tabs {
        padding: 10px 10px 8px;
    }

    body.theme-season21-infernal-throne .it21-rank-filter {
        flex-direction: column;
        align-items: flex-start;
        padding: 8px 10px 12px;
    }

    body.theme-season21-infernal-throne .it21-rank-select {
        width: 100%;
        max-width: 100%;
    }

    body.theme-season21-infernal-throne .it21-rank-table-wrap {
        margin: 0 8px 12px;
    }

    body.theme-season21-infernal-throne .it21-rank-table thead th,
    body.theme-season21-infernal-throne .it21-rank-table tbody td {
        padding: 9px 10px;
    }
}

/* ======================================================================
   Server Beacon Card — Premium Motion + Visual Upgrade
   ====================================================================== */
body.theme-season21-infernal-throne .it21-server-panel {
    position: relative;
    isolation: isolate;
    border-radius: 24px;
    border: 1px solid rgba(255, 150, 70, 0.28);
    background:
        radial-gradient(140% 86% at 50% -12%, rgba(255, 148, 66, 0.2), transparent 58%),
        radial-gradient(120% 70% at 50% 116%, rgba(255, 76, 14, 0.22), transparent 62%),
        linear-gradient(180deg, rgba(14, 5, 4, 0.96) 0%, rgba(7, 2, 2, 0.985) 100%);
    box-shadow:
        0 28px 52px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 128, 48, 0.09) inset,
        0 8px 30px rgba(255, 90, 18, 0.12);
    transform: translateZ(0);
    transition:
        border-color 0.28s ease,
        box-shadow 0.3s ease,
        transform 0.3s ease;
}

body.theme-season21-infernal-throne .it21-server-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    pointer-events: none;
    background:
        linear-gradient(118deg, rgba(255, 255, 255, 0.045), transparent 46%, transparent 74%, rgba(255, 166, 86, 0.09)),
        repeating-linear-gradient(0deg, transparent 0 3px, rgba(255, 168, 92, 0.012) 3px 4px);
    opacity: 0.7;
}

body.theme-season21-infernal-throne .it21-server-panel:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 192, 116, 0.54);
    box-shadow:
        0 34px 64px rgba(0, 0, 0, 0.46),
        0 0 0 1px rgba(255, 178, 96, 0.16) inset,
        0 18px 40px rgba(255, 108, 28, 0.18);
}

body.theme-season21-infernal-throne .it21-server-panel__inner {
    position: relative;
    z-index: 2;
    gap: 1px;
}

body.theme-season21-infernal-throne .it21-server-panel__glow {
    z-index: 0;
    opacity: 0.95;
    filter: saturate(1.08) contrast(1.02);
    animation: it21-sv2-lava-pan 9.6s ease-in-out infinite;
}

body.theme-season21-infernal-throne .it21-server-panel__glow::before {
    opacity: 0.72;
    animation: it21-sv2-heat-shift 6.2s linear infinite;
}

body.theme-season21-infernal-throne .it21-server-panel__embers span {
    opacity: 0;
    background: radial-gradient(circle, #ffd39a 0%, #ff9747 38%, #ff5d11 68%, rgba(255, 93, 17, 0) 100%);
    box-shadow: 0 0 10px rgba(255, 140, 64, 0.38);
    mix-blend-mode: screen;
    animation-name: it21-sv2-ember-rise;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

body.theme-season21-infernal-throne .it21-server-panel__fireline {
    position: relative;
    overflow: hidden;
    background: linear-gradient(
        90deg,
        rgba(255, 120, 38, 0) 0%,
        rgba(255, 120, 38, 0.45) 18%,
        rgba(255, 195, 119, 0.95) 50%,
        rgba(255, 120, 38, 0.45) 82%,
        rgba(255, 120, 38, 0) 100%
    );
}

body.theme-season21-infernal-throne .it21-server-panel__fireline::after {
    content: "";
    position: absolute;
    inset: -1px -35% -1px auto;
    width: 34%;
    background: linear-gradient(90deg, transparent, rgba(255, 224, 160, 0.55), transparent);
    transform: translateX(-210%);
    animation: it21-sv2-fireline-scan 4.8s ease-in-out infinite;
    pointer-events: none;
}

body.theme-season21-infernal-throne .it21-server-panel__rings {
    top: 24%;
}

body.theme-season21-infernal-throne .it21-server-panel__ring {
    border-color: rgba(255, 166, 86, 0.16);
    box-shadow: 0 0 14px rgba(255, 126, 44, 0.09);
}

body.theme-season21-infernal-throne .it21-server-panel__ring--1 {
    animation: it21-sv2-ring-drift 5.8s cubic-bezier(0.22, 0.75, 0.3, 1) infinite;
}

body.theme-season21-infernal-throne .it21-server-panel__ring--2 {
    animation: it21-sv2-ring-drift 5.8s cubic-bezier(0.22, 0.75, 0.3, 1) 1.2s infinite;
}

body.theme-season21-infernal-throne .it21-server-panel__ring--3 {
    animation: it21-sv2-ring-drift 5.8s cubic-bezier(0.22, 0.75, 0.3, 1) 2.4s infinite;
}

body.theme-season21-infernal-throne .it21-server-panel__beacon {
    margin-bottom: 17px;
    animation: it21-sv2-beacon-float 4.4s ease-in-out infinite;
}

body.theme-season21-infernal-throne .it21-server-panel__beacon::before {
    animation: it21-sv2-halo-spin 10s linear infinite;
}

body.theme-season21-infernal-throne .it21-server-panel__beacon-core {
    animation: it21-sv2-core-pulse 3.2s ease-in-out infinite;
}

body.theme-season21-infernal-throne .it21-server-panel__beacon-wave {
    animation: it21-sv2-wave 3.4s ease-out infinite;
}

body.theme-season21-infernal-throne .it21-server-panel__beacon-wave--2 {
    animation-delay: 1.7s;
}

body.theme-season21-infernal-throne .it21-server-panel__number {
    background: linear-gradient(180deg, #fffdf9 0%, #ffe2be 44%, #ffc06b 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow:
        0 0 26px rgba(255, 170, 84, 0.22),
        0 2px 10px rgba(0, 0, 0, 0.64);
    animation: it21-sv2-number-breathe 4.6s ease-in-out infinite;
}

body.theme-season21-infernal-throne .it21-server-panel__label {
    color: rgba(255, 196, 130, 0.56);
    letter-spacing: 0.2em;
}

body.theme-season21-infernal-throne .it21-server-panel__title {
    color: rgba(255, 235, 214, 0.78);
    text-shadow: 0 0 14px rgba(255, 122, 36, 0.12);
}

body.theme-season21-infernal-throne .it21-server-panel__meta {
    border-color: rgba(255, 160, 80, 0.2);
    background: linear-gradient(180deg, rgba(18, 7, 5, 0.82), rgba(8, 3, 3, 0.9));
    box-shadow: inset 0 1px 0 rgba(255, 228, 197, 0.05);
}

body.theme-season21-infernal-throne .it21-server-panel__meta-item strong {
    text-shadow:
        0 0 12px rgba(255, 168, 92, 0.22),
        0 0 28px rgba(255, 111, 31, 0.12);
}

body.theme-season21-infernal-throne .it21-server-panel__status {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(68, 189, 112, 0.15), rgba(34, 126, 64, 0.08));
    border-color: rgba(115, 226, 153, 0.28);
    box-shadow:
        0 0 0 1px rgba(117, 229, 155, 0.08) inset,
        0 10px 24px rgba(25, 76, 42, 0.2);
    animation: it21-sv2-status-breathe 3.8s ease-in-out infinite;
}

body.theme-season21-infernal-throne .it21-server-panel__status::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(112deg, transparent 15%, rgba(220, 255, 233, 0.16) 48%, transparent 82%);
    transform: translateX(-130%);
    animation: it21-sv2-status-sheen 5.2s ease-in-out infinite;
    pointer-events: none;
}

body.theme-season21-infernal-throne .it21-server-panel__dot {
    animation: it21-sv2-dot-pulse 1.9s ease-in-out infinite;
}

@media (max-width: 640px) {
    body.theme-season21-infernal-throne .it21-server-panel {
        border-radius: 20px;
    }

    body.theme-season21-infernal-throne .it21-server-panel__inner {
        padding: 24px 14px 18px;
    }

    body.theme-season21-infernal-throne .it21-server-panel__number {
        font-size: 2.7rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.theme-season21-infernal-throne .it21-server-panel,
    body.theme-season21-infernal-throne .it21-server-panel *,
    body.theme-season21-infernal-throne .it21-server-panel *::before,
    body.theme-season21-infernal-throne .it21-server-panel *::after {
        animation: none !important;
        transform: none !important;
    }
}

@keyframes it21-sv2-lava-pan {
    0%, 100% { transform: translate3d(0, 0, 0) scale(1); filter: saturate(1.06) brightness(0.98); }
    50% { transform: translate3d(0, -2px, 0) scale(1.02); filter: saturate(1.14) brightness(1.05); }
}

@keyframes it21-sv2-heat-shift {
    0% { transform: translateY(0); opacity: 0.56; }
    50% { transform: translateY(-6px); opacity: 0.74; }
    100% { transform: translateY(0); opacity: 0.56; }
}

@keyframes it21-sv2-ember-rise {
    0% { opacity: 0; transform: translate3d(0, 0, 0) scale(0.85); }
    18% { opacity: 0.9; }
    72% { opacity: 0.55; }
    100% { opacity: 0; transform: translate3d(8px, -176px, 0) scale(0.18); }
}

@keyframes it21-sv2-fireline-scan {
    0%, 22% { transform: translateX(-210%); opacity: 0; }
    32% { opacity: 0.5; }
    60% { transform: translateX(240%); opacity: 0.72; }
    100% { transform: translateX(240%); opacity: 0; }
}

@keyframes it21-sv2-ring-drift {
    0% { transform: translate(-50%, -50%) scale(0.38); opacity: 0; }
    16% { opacity: 0.52; }
    85% { opacity: 0.18; }
    100% { transform: translate(-50%, -50%) scale(1.55); opacity: 0; }
}

@keyframes it21-sv2-beacon-float {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(0, -2px, 0); }
}

@keyframes it21-sv2-halo-spin {
    to { transform: rotate(360deg); }
}

@keyframes it21-sv2-core-pulse {
    0%, 100% {
        transform: scale(1);
        box-shadow:
            0 0 15px rgba(255, 138, 56, 0.82),
            0 0 42px rgba(255, 104, 32, 0.4),
            inset 0 0 7px rgba(255, 204, 137, 0.42);
    }
    50% {
        transform: scale(1.12);
        box-shadow:
            0 0 26px rgba(255, 174, 96, 0.94),
            0 0 58px rgba(255, 111, 31, 0.52),
            inset 0 0 11px rgba(255, 226, 175, 0.58);
    }
}

@keyframes it21-sv2-wave {
    0% { transform: scale(0.38); opacity: 0.86; border-color: rgba(255, 176, 98, 0.64); }
    100% { transform: scale(3.65); opacity: 0; border-color: rgba(255, 138, 56, 0.02); }
}

@keyframes it21-sv2-number-breathe {
    0%, 100% { text-shadow: 0 0 24px rgba(255, 170, 84, 0.2), 0 2px 10px rgba(0, 0, 0, 0.64); }
    50% { text-shadow: 0 0 32px rgba(255, 186, 107, 0.3), 0 2px 11px rgba(0, 0, 0, 0.64); }
}

@keyframes it21-sv2-status-breathe {
    0%, 100% { box-shadow: 0 0 0 1px rgba(117, 229, 155, 0.08) inset, 0 10px 24px rgba(25, 76, 42, 0.16); }
    50% { box-shadow: 0 0 0 1px rgba(129, 240, 167, 0.14) inset, 0 14px 30px rgba(23, 87, 46, 0.24); }
}

@keyframes it21-sv2-status-sheen {
    0%, 25% { transform: translateX(-130%); opacity: 0; }
    34% { opacity: 0.5; }
    56% { transform: translateX(130%); opacity: 0.55; }
    100% { transform: translateX(130%); opacity: 0; }
}

@keyframes it21-sv2-dot-pulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 7px rgba(80, 200, 120, 0.74), 0 0 16px rgba(80, 200, 120, 0.32);
    }
    50% {
        transform: scale(1.2);
        box-shadow: 0 0 11px rgba(96, 222, 138, 0.9), 0 0 23px rgba(96, 222, 138, 0.42);
    }
}

/* ======================================================================
   Online Players Page Rebuild
   ====================================================================== */
body.theme-season21-infernal-throne .it21-onlinev3 {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

body.theme-season21-infernal-throne .it21-onlinev3-kicker {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: var(--it21-font-ui);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255, 198, 138, 0.88);
}

body.theme-season21-infernal-throne .it21-onlinev3-kicker i {
    font-size: 0.8rem;
    color: #ffb560;
}

body.theme-season21-infernal-throne .it21-onlinev3-hero {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid rgba(255, 154, 74, 0.24);
    background:
        radial-gradient(120% 80% at 12% -14%, rgba(255, 176, 104, 0.22), transparent 55%),
        radial-gradient(95% 70% at 94% 112%, rgba(255, 72, 10, 0.2), transparent 62%),
        linear-gradient(160deg, rgba(27, 10, 8, 0.96) 0%, rgba(13, 5, 4, 0.985) 62%, rgba(10, 4, 4, 0.985) 100%);
    box-shadow:
        0 24px 46px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 218, 170, 0.08),
        0 0 0 1px rgba(255, 136, 44, 0.06);
}

body.theme-season21-infernal-throne .it21-onlinev3-hero__flare {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(118deg, transparent 0%, rgba(255, 214, 158, 0.1) 42%, transparent 74%);
    transform: translateX(-120%);
    animation: it21-online-flare 7.4s ease-in-out infinite;
}

body.theme-season21-infernal-throne .it21-onlinev3-hero__body {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 210px;
    align-items: center;
    gap: 18px;
    padding: 22px 24px;
}

body.theme-season21-infernal-throne .it21-onlinev3-hero__copy h1 {
    margin: 8px 0 7px;
    font-family: var(--it21-font-head);
    font-size: clamp(1.34rem, 2.2vw, 1.95rem);
    letter-spacing: 0.02em;
    color: #fff3de;
    text-shadow: 0 0 22px rgba(255, 110, 20, 0.2);
}

body.theme-season21-infernal-throne .it21-onlinev3-hero__copy p {
    margin: 0;
    max-width: 560px;
    color: rgba(245, 229, 214, 0.8);
    font-size: 0.95rem;
}

body.theme-season21-infernal-throne .it21-onlinev3-hero__actions {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

body.theme-season21-infernal-throne .it21-onlinev3-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 11px;
    border: 1px solid rgba(255, 182, 104, 0.36);
    background:
        radial-gradient(circle at top, rgba(255, 188, 110, 0.22), transparent 74%),
        linear-gradient(160deg, rgba(132, 52, 20, 0.95), rgba(44, 16, 11, 0.96));
    color: #fff2df;
    font-family: var(--it21-font-ui);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0 12px 22px rgba(0, 0, 0, 0.26);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

body.theme-season21-infernal-throne .it21-onlinev3-btn:hover {
    transform: translateY(-1px);
    border-color: rgba(255, 214, 146, 0.56);
    box-shadow: 0 16px 28px rgba(0, 0, 0, 0.3), 0 0 22px rgba(255, 124, 36, 0.14);
}

body.theme-season21-infernal-throne .it21-onlinev3-btn--ghost {
    background: rgba(18, 7, 6, 0.82);
    border-color: rgba(255, 156, 76, 0.24);
    color: rgba(255, 226, 190, 0.92);
    box-shadow: inset 0 1px 0 rgba(255, 210, 162, 0.04);
}

body.theme-season21-infernal-throne .it21-onlinev3-hero__orb {
    position: relative;
    margin-left: auto;
    width: 188px;
    min-height: 188px;
    border-radius: 50%;
    border: 1px solid rgba(255, 178, 96, 0.28);
    background:
        radial-gradient(circle at 50% 40%, rgba(255, 194, 116, 0.24), rgba(255, 112, 34, 0.14) 42%, rgba(19, 7, 6, 0.95) 72%),
        linear-gradient(160deg, rgba(24, 9, 8, 0.92), rgba(11, 4, 4, 0.97));
    box-shadow:
        0 0 0 1px rgba(255, 140, 52, 0.08) inset,
        0 18px 34px rgba(0, 0, 0, 0.32);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 1px;
    isolation: isolate;
}

body.theme-season21-infernal-throne .it21-onlinev3-hero__rings {
    position: absolute;
    inset: 0;
    border-radius: 50%;
}

body.theme-season21-infernal-throne .it21-onlinev3-hero__rings::before,
body.theme-season21-infernal-throne .it21-onlinev3-hero__rings::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px solid rgba(255, 182, 96, 0.55);
    transform: translate(-50%, -50%) scale(0.4);
    animation: it21-online-ring 2.8s ease-out infinite;
}

body.theme-season21-infernal-throne .it21-onlinev3-hero__rings::after {
    animation-delay: 1.4s;
}

body.theme-season21-infernal-throne .it21-onlinev3-hero__orb strong {
    position: relative;
    z-index: 1;
    font-family: var(--it21-font-head);
    font-size: 2.35rem;
    font-weight: 700;
    line-height: 1;
    color: #fff5e5;
    text-shadow: 0 0 22px rgba(255, 184, 96, 0.32);
}

body.theme-season21-infernal-throne .it21-onlinev3-hero__orb span {
    position: relative;
    z-index: 1;
    font-family: var(--it21-font-ui);
    color: rgba(255, 206, 150, 0.78);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-onlinev3-hero__orb small {
    position: relative;
    z-index: 1;
    margin-top: 4px;
    color: rgba(243, 226, 215, 0.7);
    font-size: 0.67rem;
    letter-spacing: 0.04em;
}

body.theme-season21-infernal-throne .it21-onlinev3-kpi-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

body.theme-season21-infernal-throne .it21-onlinev3-kpi {
    padding: 12px 13px;
    border-radius: 14px;
    border: 1px solid rgba(255, 158, 80, 0.2);
    background:
        radial-gradient(circle at top, rgba(255, 184, 112, 0.1), transparent 70%),
        linear-gradient(170deg, rgba(21, 8, 7, 0.96), rgba(11, 4, 4, 0.97));
    box-shadow: inset 0 1px 0 rgba(255, 224, 184, 0.06);
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-height: 84px;
}

body.theme-season21-infernal-throne .it21-onlinev3-kpi__label {
    color: rgba(255, 198, 140, 0.72);
    font-family: var(--it21-font-ui);
    font-size: 0.56rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-onlinev3-kpi strong {
    font-family: var(--it21-font-head);
    font-size: 1.08rem;
    color: #fff0d8;
}

body.theme-season21-infernal-throne .it21-onlinev3-kpi small {
    color: rgba(243, 226, 215, 0.66);
    font-size: 0.68rem;
}

body.theme-season21-infernal-throne .it21-onlinev3-layout {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 12px;
}

body.theme-season21-infernal-throne .it21-onlinev3-side {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

body.theme-season21-infernal-throne .it21-onlinev3-panel,
body.theme-season21-infernal-throne .it21-onlinev3-board {
    border-radius: 16px;
    border: 1px solid rgba(255, 156, 78, 0.2);
    background:
        radial-gradient(circle at top, rgba(255, 172, 90, 0.08), transparent 60%),
        linear-gradient(180deg, rgba(18, 7, 6, 0.96), rgba(10, 4, 4, 0.98));
    box-shadow:
        0 18px 30px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 220, 176, 0.06);
}

body.theme-season21-infernal-throne .it21-onlinev3-panel {
    padding: 12px 12px 14px;
}

body.theme-season21-infernal-throne .it21-onlinev3-panel h2,
body.theme-season21-infernal-throne .it21-onlinev3-panel h3 {
    margin: 0 0 10px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #fff0dc;
    font-family: var(--it21-font-head);
    font-size: 1rem;
    font-weight: 700;
}

body.theme-season21-infernal-throne .it21-onlinev3-panel h3 {
    font-size: 0.9rem;
}

body.theme-season21-infernal-throne .it21-onlinev3-panel h2 i,
body.theme-season21-infernal-throne .it21-onlinev3-panel h3 i {
    color: #ffbf72;
    font-size: 0.86rem;
}

body.theme-season21-infernal-throne .it21-onlinev3-fields {
    display: grid;
    gap: 9px;
}

body.theme-season21-infernal-throne .it21-onlinev3-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

body.theme-season21-infernal-throne .it21-onlinev3-field span {
    font-size: 0.58rem;
    font-family: var(--it21-font-ui);
    color: rgba(255, 201, 146, 0.76);
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-weight: 700;
}

body.theme-season21-infernal-throne .it21-onlinev3-field input,
body.theme-season21-infernal-throne .it21-onlinev3-field select {
    width: 100%;
    min-height: 38px;
    border-radius: 10px;
    border: 1px solid rgba(255, 152, 74, 0.22);
    background: linear-gradient(170deg, rgba(16, 6, 5, 0.97), rgba(10, 4, 4, 0.98));
    color: #f9e5cc;
    font-family: var(--it21-font-ui);
    font-size: 0.82rem;
    padding: 0 10px;
    box-shadow: inset 0 1px 0 rgba(255, 216, 174, 0.05);
}

body.theme-season21-infernal-throne .it21-onlinev3-field input:focus,
body.theme-season21-infernal-throne .it21-onlinev3-field select:focus {
    outline: none;
    border-color: rgba(255, 204, 130, 0.5);
    box-shadow:
        0 0 0 1px rgba(255, 188, 114, 0.14),
        0 0 0 4px rgba(255, 124, 36, 0.09);
}

body.theme-season21-infernal-throne .it21-onlinev3-empty-copy {
    margin: 0;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid rgba(255, 154, 76, 0.16);
    background: rgba(9, 4, 4, 0.6);
    color: rgba(243, 226, 215, 0.68);
    font-size: 0.76rem;
}

body.theme-season21-infernal-throne .it21-onlinev3-meter {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 8px;
    padding: 9px 10px;
    border-radius: 10px;
    border: 1px solid rgba(255, 154, 74, 0.2);
    background:
        linear-gradient(90deg, rgba(255, 152, 74, 0.14) 0%, rgba(255, 152, 74, 0.02) 100%),
        linear-gradient(170deg, rgba(15, 6, 5, 0.95), rgba(9, 4, 4, 0.97));
    overflow: hidden;
}

body.theme-season21-infernal-throne .it21-onlinev3-meter::before {
    content: "";
    position: absolute;
    inset: 0;
    width: var(--it21-online-fill, 0%);
    background: linear-gradient(90deg, rgba(255, 184, 110, 0.24), rgba(255, 114, 30, 0.04));
    pointer-events: none;
}

body.theme-season21-infernal-throne .it21-onlinev3-meter span,
body.theme-season21-infernal-throne .it21-onlinev3-meter strong {
    position: relative;
    z-index: 1;
}

body.theme-season21-infernal-throne .it21-onlinev3-meter span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(245, 229, 214, 0.86);
    font-size: 0.78rem;
}

body.theme-season21-infernal-throne .it21-onlinev3-meter strong {
    color: #ffd9a8;
    font-family: var(--it21-font-ui);
    font-size: 0.77rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

body.theme-season21-infernal-throne .it21-onlinev3-meter--class i {
    color: #ffbe72;
    font-size: 0.76rem;
}

body.theme-season21-infernal-throne .it21-onlinev3-board {
    overflow: hidden;
}

body.theme-season21-infernal-throne .it21-onlinev3-board__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px 12px;
    border-bottom: 1px solid rgba(255, 146, 66, 0.12);
}

body.theme-season21-infernal-throne .it21-onlinev3-board__head h2 {
    margin: 6px 0 0;
    color: #fff1dc;
    font-family: var(--it21-font-head);
    font-size: 1.18rem;
    letter-spacing: 0.02em;
}

body.theme-season21-infernal-throne .it21-onlinev3-board__meta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-onlinev3-board__meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 0 11px;
    border-radius: 999px;
    border: 1px solid rgba(255, 172, 92, 0.26);
    background: rgba(12, 5, 4, 0.84);
    color: rgba(245, 230, 214, 0.8);
    font-family: var(--it21-font-ui);
    font-size: 0.67rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-onlinev3-board__meta strong {
    color: #fff3df;
}

body.theme-season21-infernal-throne .it21-onlinev3-table-wrap {
    padding: 0 10px 10px;
    overflow: auto;
}

body.theme-season21-infernal-throne .it21-onlinev3-table {
    width: 100%;
    min-width: 760px;
    border-collapse: separate;
    border-spacing: 0;
}

body.theme-season21-infernal-throne .it21-onlinev3-table thead th {
    position: sticky;
    top: 0;
    z-index: 3;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(255, 162, 84, 0.2);
    background:
        linear-gradient(180deg, rgba(255, 134, 52, 0.11), rgba(255, 134, 52, 0.03)),
        rgba(14, 5, 4, 0.98);
    color: rgba(255, 205, 146, 0.74);
    font-family: var(--it21-font-ui);
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap;
}

body.theme-season21-infernal-throne .it21-onlinev3-table tbody td {
    padding: 11px 12px;
    border-bottom: 1px solid rgba(255, 146, 68, 0.1);
    color: rgba(244, 228, 212, 0.86);
    font-size: 0.84rem;
    vertical-align: middle;
}

body.theme-season21-infernal-throne .it21-onlinev3-table tbody tr {
    transition: background 0.2s ease;
}

body.theme-season21-infernal-throne .it21-onlinev3-table tbody tr:hover td {
    background: rgba(255, 140, 56, 0.06);
}

body.theme-season21-infernal-throne .it21-onlinev3-rank span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    min-height: 28px;
    border-radius: 8px;
    border: 1px solid rgba(255, 174, 96, 0.3);
    background: linear-gradient(170deg, rgba(33, 12, 9, 0.94), rgba(15, 6, 5, 0.98));
    color: #ffdeaf;
    font-family: var(--it21-font-head);
    font-size: 0.88rem;
    font-weight: 700;
}

body.theme-season21-infernal-throne .it21-onlinev3-player {
    min-width: 155px;
}

body.theme-season21-infernal-throne .it21-onlinev3-player a {
    color: #ffe5bf;
    text-decoration: none;
    font-family: var(--it21-font-head);
    font-size: 0.96rem;
}

body.theme-season21-infernal-throne .it21-onlinev3-player a:hover {
    color: #ffd29b;
}

body.theme-season21-infernal-throne .it21-onlinev3-player small {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 3px;
    color: rgba(123, 236, 154, 0.92);
    font-size: 0.62rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 700;
}

body.theme-season21-infernal-throne .it21-onlinev3-player small i {
    font-size: 0.63rem;
}

body.theme-season21-infernal-throne .it21-onlinev3-class {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 30px;
    padding: 0 8px 0 6px;
    border-radius: 9px;
    border: 1px solid rgba(255, 152, 74, 0.22);
    background: rgba(12, 5, 4, 0.78);
    color: rgba(247, 231, 214, 0.9);
    white-space: nowrap;
}

body.theme-season21-infernal-throne .it21-onlinev3-class img {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    border: 1px solid rgba(255, 170, 88, 0.28);
    background: rgba(8, 3, 3, 0.82);
}

body.theme-season21-infernal-throne .it21-onlinev3-num {
    color: #ffd8a3;
    font-family: var(--it21-font-ui);
    font-weight: 700;
}

body.theme-season21-infernal-throne .it21-onlinev3-table__empty td {
    padding: 22px 12px;
    text-align: center;
    color: rgba(243, 226, 215, 0.72);
    font-size: 0.88rem;
}

body.theme-season21-infernal-throne .it21-onlinev3-empty-link {
    margin-left: 8px;
    color: #ffcc8a;
    text-decoration: underline;
    text-decoration-color: rgba(255, 202, 146, 0.5);
    font-weight: 700;
}

body.theme-season21-infernal-throne .it21-onlinev3-empty-link:hover {
    color: #ffe0b9;
}

@media (max-width: 1300px) {
    body.theme-season21-infernal-throne .it21-onlinev3-kpi-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1080px) {
    body.theme-season21-infernal-throne .it21-onlinev3-hero__body {
        grid-template-columns: minmax(0, 1fr);
        justify-items: flex-start;
    }

    body.theme-season21-infernal-throne .it21-onlinev3-hero__orb {
        margin-left: 0;
        width: 170px;
        min-height: 170px;
    }

    body.theme-season21-infernal-throne .it21-onlinev3-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-season21-infernal-throne .it21-onlinev3-side {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
    }
}

@media (max-width: 860px) {
    body.theme-season21-infernal-throne .it21-onlinev3-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.theme-season21-infernal-throne .it21-onlinev3-side {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-season21-infernal-throne .it21-onlinev3-board__head {
        flex-direction: column;
        align-items: flex-start;
    }

    body.theme-season21-infernal-throne .it21-onlinev3-board__meta {
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 640px) {
    body.theme-season21-infernal-throne .it21-onlinev3-hero__body {
        padding: 16px 14px;
        gap: 12px;
    }

    body.theme-season21-infernal-throne .it21-onlinev3-hero__copy h1 {
        font-size: 1.2rem;
    }

    body.theme-season21-infernal-throne .it21-onlinev3-hero__copy p {
        font-size: 0.84rem;
    }

    body.theme-season21-infernal-throne .it21-onlinev3-btn {
        min-height: 34px;
        padding: 0 11px;
        font-size: 0.6rem;
    }

    body.theme-season21-infernal-throne .it21-onlinev3-kpi-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-season21-infernal-throne .it21-onlinev3-kpi {
        min-height: 0;
    }

    body.theme-season21-infernal-throne .it21-onlinev3-panel {
        padding: 10px;
    }

    body.theme-season21-infernal-throne .it21-onlinev3-table-wrap {
        padding: 0 6px 6px;
    }

    body.theme-season21-infernal-throne .it21-onlinev3-table thead th,
    body.theme-season21-infernal-throne .it21-onlinev3-table tbody td {
        padding: 9px 8px;
    }

    body.theme-season21-infernal-throne .it21-onlinev3-player a {
        font-size: 0.86rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.theme-season21-infernal-throne .it21-onlinev3 *,
    body.theme-season21-infernal-throne .it21-onlinev3 *::before,
    body.theme-season21-infernal-throne .it21-onlinev3 *::after {
        animation: none !important;
        transition: none !important;
    }
}

@keyframes it21-online-ring {
    0% {
        transform: translate(-50%, -50%) scale(0.42);
        opacity: 0.78;
    }
    100% {
        transform: translate(-50%, -50%) scale(2.5);
        opacity: 0;
    }
}

@keyframes it21-online-flare {
    0%, 35% {
        transform: translateX(-120%);
        opacity: 0;
    }
    43% {
        opacity: 0.48;
    }
    60% {
        transform: translateX(138%);
        opacity: 0;
    }
    100% {
        transform: translateX(138%);
        opacity: 0;
    }
}

/* Header + Footer refresh v6 */
body.theme-season21-infernal-throne .it21-header {
    position: sticky;
    top: 0;
    z-index: 120;
    margin-top: 0;
    border: 1px solid rgba(255, 150, 72, 0.2);
    border-top: 0;
    border-radius: 0 0 18px 18px;
    background:
        radial-gradient(circle at 50% -140px, rgba(255, 174, 92, 0.3), transparent 52%),
        linear-gradient(180deg, rgba(36, 14, 10, 0.95) 0%, rgba(17, 7, 6, 0.985) 58%, rgba(10, 4, 4, 0.985) 100%);
    box-shadow:
        0 18px 36px rgba(0, 0, 0, 0.42),
        0 0 0 1px rgba(255, 104, 34, 0.06),
        inset 0 1px 0 rgba(255, 222, 180, 0.1);
    backdrop-filter: blur(10px) saturate(120%);
    overflow: visible;
}

body.theme-season21-infernal-throne .it21-header::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background:
        repeating-linear-gradient(
            120deg,
            rgba(255, 160, 84, 0.02) 0,
            rgba(255, 160, 84, 0.02) 7px,
            transparent 7px,
            transparent 15px
        );
    pointer-events: none;
    opacity: 0.85;
}

body.theme-season21-infernal-throne .it21-header__fireline {
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 160, 88, 0.34) 14%,
        rgba(255, 196, 120, 0.92) 50%,
        rgba(255, 160, 88, 0.34) 86%,
        transparent 100%
    );
    box-shadow:
        0 0 12px rgba(255, 118, 42, 0.35),
        0 0 24px rgba(255, 80, 24, 0.16);
}

body.theme-season21-infernal-throne .it21-topline {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 72px;
    height: auto;
    padding: 10px 16px;
    background:
        radial-gradient(circle at 50% -60%, rgba(255, 168, 84, 0.16), transparent 64%),
        linear-gradient(180deg, rgba(38, 14, 10, 0.92), rgba(14, 5, 5, 0.94));
    border-bottom: 1px solid rgba(255, 140, 62, 0.2);
    overflow: visible;
    z-index: 160;
}

body.theme-season21-infernal-throne .it21-topline::before,
body.theme-season21-infernal-throne .it21-topline::after {
    display: none;
}

body.theme-season21-infernal-throne .it21-topline__brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px 4px 0;
    text-decoration: none;
}

body.theme-season21-infernal-throne .it21-topline__brand img {
    width: clamp(122px, 10vw, 164px);
    height: auto;
    filter:
        drop-shadow(0 0 10px rgba(255, 130, 50, 0.36))
        drop-shadow(0 0 18px rgba(255, 76, 22, 0.2));
}

body.theme-season21-infernal-throne .it21-nav {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    overflow: visible;
}

body.theme-season21-infernal-throne .it21-nav--left {
    justify-content: flex-end;
}

body.theme-season21-infernal-throne .it21-nav--right {
    justify-content: flex-start;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown > .it21-nav-dropdown__trigger,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown > .it21-nav-dropdown__trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 14px;
    border-radius: 12px;
    border: 1px solid rgba(255, 165, 88, 0.22);
    background:
        radial-gradient(circle at 50% -90%, rgba(255, 194, 120, 0.2), transparent 64%),
        linear-gradient(170deg, rgba(42, 17, 13, 0.95), rgba(16, 6, 5, 0.95));
    color: rgba(255, 228, 198, 0.9);
    font-family: var(--it21-font-ui);
    font-size: 0.69rem;
    font-weight: 800;
    letter-spacing: 0.105em;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    box-shadow:
        inset 0 1px 0 rgba(255, 228, 196, 0.08),
        0 10px 20px rgba(0, 0, 0, 0.25);
    transition:
        color 0.2s ease,
        border-color 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.16s ease;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a::before,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a::before,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a::after,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a::after,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown > .it21-nav-dropdown__trigger::before,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown > .it21-nav-dropdown__trigger::before,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown > .it21-nav-dropdown__trigger::after,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown > .it21-nav-dropdown__trigger::after {
    display: none !important;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a:hover,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a:hover,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a.is-active,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a.is-active,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown:hover > .it21-nav-dropdown__trigger,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown:hover > .it21-nav-dropdown__trigger,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown > .it21-nav-dropdown__trigger.is-active,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown > .it21-nav-dropdown__trigger.is-active {
    color: #fff8ef;
    border-color: rgba(255, 204, 130, 0.56);
    background:
        radial-gradient(circle at 50% -80%, rgba(255, 206, 130, 0.32), transparent 66%),
        linear-gradient(170deg, rgba(111, 44, 17, 0.94), rgba(34, 12, 9, 0.96));
    box-shadow:
        0 0 0 1px rgba(255, 192, 112, 0.2),
        0 14px 26px rgba(0, 0, 0, 0.28),
        0 0 24px rgba(255, 118, 38, 0.2);
    transform: translateY(-1px);
}

body.theme-season21-infernal-throne .it21-header__emblem {
    width: 62px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.theme-season21-infernal-throne .it21-header__emblem::before,
body.theme-season21-infernal-throne .it21-header__emblem::after {
    width: 20px;
}

body.theme-season21-infernal-throne .it21-header__diamond {
    width: 11px;
    height: 11px;
    border: 1px solid rgba(255, 214, 152, 0.58);
    border-radius: 2px;
    box-shadow:
        0 0 10px rgba(255, 170, 90, 0.72),
        0 0 18px rgba(255, 98, 28, 0.26);
}

body.theme-season21-infernal-throne .it21-header__diamond::before {
    inset: -4px;
}

body.theme-season21-infernal-throne .it21-header__diamond::after {
    display: none;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown {
    position: relative;
    z-index: 2600;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__trigger {
    gap: 6px;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__trigger .ph {
    font-size: 0.64rem;
    opacity: 0.82;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown:hover .it21-nav-dropdown__trigger .ph,
body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown.is-open .it21-nav-dropdown__trigger .ph {
    transform: rotate(180deg);
    opacity: 1;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu {
    top: calc(100% + 10px);
    left: 0;
    right: auto;
    min-width: 216px;
    max-width: 280px;
    padding: 8px 0;
    border-radius: 14px;
    border: 1px solid rgba(255, 180, 100, 0.26);
    border-top: 1px solid rgba(255, 222, 160, 0.42);
    background:
        radial-gradient(circle at 50% -26%, rgba(255, 176, 96, 0.2), transparent 62%),
        linear-gradient(180deg, rgba(22, 8, 7, 0.98), rgba(10, 4, 4, 0.99));
    box-shadow:
        0 24px 36px rgba(0, 0, 0, 0.52),
        0 0 0 1px rgba(255, 122, 40, 0.12),
        inset 0 1px 0 rgba(255, 226, 190, 0.08);
    transform: translateY(8px);
    z-index: 2601;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown > .it21-nav-dropdown__menu {
    left: auto;
    right: 0;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu::before {
    display: none !important;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu::after {
    content: "";
    position: absolute;
    top: -5px;
    width: 10px;
    height: 10px;
    background: linear-gradient(135deg, rgba(31, 11, 8, 0.98), rgba(15, 6, 5, 0.99));
    border-top: 1px solid rgba(255, 188, 112, 0.4);
    border-left: 1px solid rgba(255, 188, 112, 0.4);
    transform: rotate(45deg);
}

body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown > .it21-nav-dropdown__menu::after {
    left: 28px;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown > .it21-nav-dropdown__menu::after {
    right: 28px;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown:hover > .it21-nav-dropdown__menu,
body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown.is-open > .it21-nav-dropdown__menu {
    transform: translateY(0);
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu a {
    display: block;
    margin: 2px 8px;
    border-radius: 10px;
    border: 1px solid transparent;
    padding: 10px 16px !important;
    font-family: var(--it21-font-ui);
    font-size: 0.69rem !important;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: rgba(255, 226, 192, 0.88);
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu a:hover,
body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu a:focus-visible {
    border-color: rgba(255, 196, 120, 0.44);
    background: linear-gradient(90deg, rgba(255, 124, 44, 0.22), rgba(255, 90, 30, 0.08));
    box-shadow: inset 0 1px 0 rgba(255, 228, 196, 0.08);
    color: #fff7ec;
}

body.theme-season21-infernal-throne .it21-authline {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding-left: 12px;
    margin-left: 2px;
    border-left: 1px solid rgba(255, 148, 70, 0.2);
}

body.theme-season21-infernal-throne .it21-authline__text,
body.theme-season21-infernal-throne .it21-authline__admin {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 12px;
    border-radius: 10px;
    border: 1px solid rgba(255, 160, 84, 0.2);
    background: linear-gradient(170deg, rgba(30, 11, 9, 0.92), rgba(13, 5, 4, 0.94));
    font-family: var(--it21-font-ui);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 228, 198, 0.9);
    transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease, transform 0.16s ease;
}

body.theme-season21-infernal-throne .it21-authline__text:hover,
body.theme-season21-infernal-throne .it21-authline__admin:hover {
    border-color: rgba(255, 198, 120, 0.42);
    background: linear-gradient(170deg, rgba(48, 18, 14, 0.95), rgba(20, 8, 7, 0.96));
    color: #fff8ed;
    transform: translateY(-1px);
}

body.theme-season21-infernal-throne .it21-authline__admin {
    gap: 6px;
    border-color: rgba(255, 190, 112, 0.28);
}

body.theme-season21-infernal-throne .it21-authline__action {
    min-height: 42px;
    padding: 0 16px;
    border-radius: 11px;
    border: 1px solid rgba(255, 198, 112, 0.38);
    background:
        linear-gradient(135deg, rgba(120, 42, 14, 0.98), rgba(188, 82, 22, 0.96) 50%, rgba(236, 152, 58, 0.98));
    color: #fff9f0;
    font-family: var(--it21-font-ui);
    font-size: 0.67rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    box-shadow:
        0 12px 22px rgba(0, 0, 0, 0.28),
        0 0 24px rgba(255, 96, 30, 0.18),
        inset 0 1px 0 rgba(255, 236, 206, 0.16);
}

body.theme-season21-infernal-throne .it21-authline__action:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

body.theme-season21-infernal-throne .it21-mobile-toggle {
    display: none;
}

body.theme-season21-infernal-throne .it21-beta-banner {
    position: relative;
    gap: 10px;
    padding: 10px 16px;
    border-top: 1px solid rgba(255, 156, 76, 0.2);
    border-bottom: 1px solid rgba(255, 118, 42, 0.2);
    background:
        linear-gradient(90deg, rgba(42, 14, 11, 0.95), rgba(18, 7, 7, 0.95) 50%, rgba(42, 14, 11, 0.95)),
        radial-gradient(circle at center, rgba(255, 132, 46, 0.08), transparent 65%);
    color: #ffe7cb;
    font-family: var(--it21-font-ui);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.045em;
}

body.theme-season21-infernal-throne .it21-beta-banner i {
    color: #ffc27a;
}

body.theme-season21-infernal-throne .it21-beta-banner a {
    min-height: 34px;
    padding: 0 15px;
    border-radius: 999px;
    border: 1px solid rgba(255, 192, 112, 0.38);
    background: linear-gradient(135deg, rgba(113, 39, 14, 0.98), rgba(178, 78, 22, 0.96) 52%, rgba(236, 156, 60, 0.98));
    color: #fff7ec;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.26), 0 0 18px rgba(255, 96, 30, 0.16);
}

body.theme-season21-infernal-throne .it21-footer {
    position: relative;
    margin-top: 42px;
    margin-bottom: 16px;
    border-radius: 20px;
    border: 1px solid rgba(255, 146, 68, 0.2);
    overflow: hidden;
    background:
        radial-gradient(circle at 10% -20%, rgba(255, 160, 82, 0.16), transparent 46%),
        radial-gradient(circle at 90% -30%, rgba(255, 108, 38, 0.16), transparent 48%),
        linear-gradient(170deg, rgba(28, 11, 9, 0.94), rgba(11, 4, 4, 0.97));
    box-shadow:
        0 26px 42px rgba(0, 0, 0, 0.44),
        inset 0 1px 0 rgba(255, 222, 182, 0.08),
        0 0 0 1px rgba(255, 104, 34, 0.06);
}

body.theme-season21-infernal-throne .it21-footer__fireline {
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 164, 88, 0.36) 15%,
        rgba(255, 198, 126, 0.95) 50%,
        rgba(255, 164, 88, 0.36) 85%,
        transparent 100%
    );
    box-shadow: 0 0 10px rgba(255, 126, 50, 0.3);
}

body.theme-season21-infernal-throne .it21-footer__inner {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(320px, 1.3fr) minmax(240px, 1fr);
    align-items: center;
    gap: 18px;
    padding: 22px 24px;
    border-left: 0;
    border-right: 0;
    background: linear-gradient(180deg, rgba(22, 8, 7, 0.76), rgba(10, 4, 4, 0.84));
}

body.theme-season21-infernal-throne .it21-footer__brand {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

body.theme-season21-infernal-throne .it21-footer__brand img {
    width: 56px;
    height: auto;
    opacity: 0.95;
    filter:
        drop-shadow(0 0 10px rgba(255, 126, 52, 0.34))
        drop-shadow(0 0 18px rgba(255, 82, 24, 0.2));
}

body.theme-season21-infernal-throne .it21-footer__brand strong {
    font-family: var(--it21-font-head);
    font-size: 1rem;
    letter-spacing: 0.03em;
    color: #fff4e4;
}

body.theme-season21-infernal-throne .it21-footer__brand span {
    font-size: 0.72rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(255, 212, 162, 0.65);
}

body.theme-season21-infernal-throne .it21-footer__center {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

body.theme-season21-infernal-throne .it21-footer__diamond {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    border: 1px solid rgba(255, 214, 154, 0.65);
    background: linear-gradient(135deg, #ffb56b, #ff8a33);
    box-shadow:
        0 0 10px rgba(255, 148, 70, 0.5),
        0 0 22px rgba(255, 92, 28, 0.2);
}

body.theme-season21-infernal-throne .it21-footer__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-footer__links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 9px;
    border: 1px solid rgba(255, 160, 86, 0.22);
    background: linear-gradient(170deg, rgba(33, 12, 10, 0.88), rgba(13, 5, 5, 0.9));
    color: rgba(255, 226, 192, 0.84);
    font-family: var(--it21-font-ui);
    font-size: 0.63rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, transform 0.16s ease;
}

body.theme-season21-infernal-throne .it21-footer__links a:hover {
    color: #fff8ed;
    border-color: rgba(255, 198, 120, 0.5);
    background: linear-gradient(170deg, rgba(58, 22, 16, 0.94), rgba(20, 8, 7, 0.96));
    transform: translateY(-1px);
}

body.theme-season21-infernal-throne .it21-footer__links a + a::before {
    display: none;
}

body.theme-season21-infernal-throne .it21-footer__meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    color: rgba(255, 216, 170, 0.68);
    font-size: 0.68rem;
    line-height: 1.4;
}

body.theme-season21-infernal-throne .it21-footer__meta span {
    display: block;
}

body.theme-season21-infernal-throne .it21-footer__tracker {
    border: 1px solid rgba(255, 160, 84, 0.22);
    background: linear-gradient(140deg, rgba(255, 138, 56, 0.1), rgba(255, 255, 255, 0.025));
    box-shadow: inset 0 1px 0 rgba(255, 214, 166, 0.06), 0 10px 18px rgba(0, 0, 0, 0.2);
}

body.theme-season21-infernal-throne .it21-footer__tracker-label strong {
    color: #ffd9ab;
}

@media (max-width: 1360px) {
    body.theme-season21-infernal-throne .it21-topline {
        grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr) auto;
        gap: 8px;
        padding: 10px 12px;
    }

    body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a,
    body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a,
    body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown > .it21-nav-dropdown__trigger,
    body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown > .it21-nav-dropdown__trigger {
        padding: 0 10px;
        font-size: 0.62rem;
    }

    body.theme-season21-infernal-throne .it21-authline__text,
    body.theme-season21-infernal-throne .it21-authline__admin {
        padding: 0 9px;
    }

    body.theme-season21-infernal-throne .it21-authline__action {
        padding: 0 12px;
    }
}

@media (max-width: 1180px) {
    body.theme-season21-infernal-throne .it21-header__emblem {
        display: none;
    }

    body.theme-season21-infernal-throne .it21-topline {
        grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr) auto;
    }
}

@media (max-width: 980px) {
    body.theme-season21-infernal-throne .it21-topline {
        grid-template-columns: auto 1fr auto;
        min-height: 62px;
        padding: 8px 12px;
        gap: 10px;
    }

    body.theme-season21-infernal-throne .it21-topline__brand {
        justify-self: start;
        padding: 0;
    }

    body.theme-season21-infernal-throne .it21-topline__brand img {
        width: clamp(118px, 34vw, 154px);
    }

    body.theme-season21-infernal-throne .it21-nav--left,
    body.theme-season21-infernal-throne .it21-nav--right,
    body.theme-season21-infernal-throne .it21-authline,
    body.theme-season21-infernal-throne .it21-header__emblem {
        display: none;
    }

    body.theme-season21-infernal-throne .it21-mobile-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        justify-self: end;
        width: 44px;
        height: 44px;
        border-radius: 12px;
        border: 1px solid rgba(255, 170, 94, 0.28);
        background: linear-gradient(165deg, rgba(42, 15, 11, 0.96), rgba(14, 5, 5, 0.98));
        color: #ffe7cb;
        font-size: 1.25rem;
        box-shadow: inset 0 1px 0 rgba(255, 216, 168, 0.08), 0 10px 18px rgba(0, 0, 0, 0.28);
    }

    body.theme-season21-infernal-throne .it21-beta-banner {
        font-size: 0.69rem;
        line-height: 1.45;
        padding: 8px 12px;
        gap: 8px;
    }

    body.theme-season21-infernal-throne .it21-beta-banner a {
        min-height: 30px;
        padding: 0 11px;
        font-size: 0.58rem;
    }

    body.theme-season21-infernal-throne .it21-footer__inner {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 14px;
        padding: 18px 16px;
    }

    body.theme-season21-infernal-throne .it21-footer__center {
        grid-column: 1 / -1;
        order: 3;
    }

    body.theme-season21-infernal-throne .it21-footer__meta {
        align-items: flex-end;
    }
}

@media (max-width: 760px) {
    body.theme-season21-infernal-throne .it21-header {
        border-radius: 0 0 14px 14px;
    }

    body.theme-season21-infernal-throne .it21-footer {
        border-radius: 16px;
        margin-top: 30px;
    }

    body.theme-season21-infernal-throne .it21-footer__inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    body.theme-season21-infernal-throne .it21-footer__brand,
    body.theme-season21-infernal-throne .it21-footer__center,
    body.theme-season21-infernal-throne .it21-footer__meta {
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    body.theme-season21-infernal-throne .it21-footer__meta {
        order: 3;
    }

    body.theme-season21-infernal-throne .it21-footer__links {
        gap: 6px;
    }

    body.theme-season21-infernal-throne .it21-footer__links a {
        min-height: 32px;
        padding: 0 10px;
        font-size: 0.58rem;
    }

    body.theme-season21-infernal-throne .it21-footer__tracker {
        justify-content: center;
    }

    body.theme-season21-infernal-throne .it21-footer__tracker-label {
        text-align: center;
    }
}

@media (max-width: 480px) {
    body.theme-season21-infernal-throne .it21-topline {
        min-height: 58px;
        padding: 8px 10px;
    }

    body.theme-season21-infernal-throne .it21-topline__brand img {
        width: clamp(106px, 38vw, 132px);
    }

    body.theme-season21-infernal-throne .it21-mobile-toggle {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }

    body.theme-season21-infernal-throne .it21-beta-banner span {
        width: 100%;
    }
}

/* Header + Footer total redesign v7 */
body.theme-season21-infernal-throne .it21-header {
    position: sticky;
    top: 0;
    z-index: 130;
    border: 1px solid rgba(255, 154, 76, 0.16);
    border-top: 0;
    border-radius: 0 0 16px 16px;
    background:
        radial-gradient(circle at 50% -130px, rgba(255, 168, 86, 0.24), transparent 52%),
        linear-gradient(180deg, rgba(26, 10, 8, 0.96) 0%, rgba(12, 5, 5, 0.985) 100%);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 222, 178, 0.08);
    backdrop-filter: blur(10px) saturate(118%);
    overflow: visible;
}

body.theme-season21-infernal-throne .it21-header::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background:
        linear-gradient(90deg, transparent 0%, rgba(255, 132, 46, 0.07) 50%, transparent 100%),
        repeating-linear-gradient(
            120deg,
            rgba(255, 170, 92, 0.02) 0,
            rgba(255, 170, 92, 0.02) 8px,
            transparent 8px,
            transparent 16px
        );
    pointer-events: none;
}

body.theme-season21-infernal-throne .it21-header__fireline {
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 178, 104, 0.34) 18%, rgba(255, 214, 148, 0.95) 50%, rgba(255, 178, 104, 0.34) 82%, transparent 100%);
    box-shadow: 0 0 12px rgba(255, 126, 48, 0.32);
}

body.theme-season21-infernal-throne .it21-topline {
    min-height: 66px;
    height: auto;
    padding: 8px 18px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid rgba(255, 138, 60, 0.16);
    background:
        linear-gradient(180deg, rgba(34, 13, 10, 0.9), rgba(13, 5, 5, 0.94)),
        radial-gradient(circle at 50% -65%, rgba(255, 176, 96, 0.14), transparent 68%);
    overflow: visible;
    z-index: 180;
}

body.theme-season21-infernal-throne .it21-topline::before,
body.theme-season21-infernal-throne .it21-topline::after {
    display: none;
}

body.theme-season21-infernal-throne .it21-topline__brand {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding-right: 6px;
    text-decoration: none;
}

body.theme-season21-infernal-throne .it21-topline__brand img {
    width: clamp(122px, 9.4vw, 152px);
    height: auto;
    filter: drop-shadow(0 0 10px rgba(255, 128, 46, 0.42));
}

body.theme-season21-infernal-throne .it21-nav {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    overflow: visible;
}

body.theme-season21-infernal-throne .it21-nav--left {
    justify-content: flex-end;
}

body.theme-season21-infernal-throne .it21-nav--right {
    justify-content: flex-start;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown > .it21-nav-dropdown__trigger,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown > .it21-nav-dropdown__trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 2px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: rgba(255, 226, 194, 0.84);
    font-family: var(--it21-font-ui);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    white-space: nowrap;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.68);
    box-shadow: none;
    position: relative;
    transition: color 0.18s ease, text-shadow 0.18s ease;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a::before,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a::before,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown > .it21-nav-dropdown__trigger::before,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown > .it21-nav-dropdown__trigger::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -7px;
    width: 0;
    height: 2px;
    transform: translateX(-50%);
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255, 188, 114, 0.05), rgba(255, 188, 114, 0.96), rgba(255, 132, 46, 0.9), rgba(255, 188, 114, 0.05));
    box-shadow: 0 0 10px rgba(255, 118, 42, 0.42);
    transition: width 0.24s ease;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a::after,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a::after,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown > .it21-nav-dropdown__trigger::after,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown > .it21-nav-dropdown__trigger::after {
    display: none !important;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a:hover,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a:hover,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a.is-active,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a.is-active,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown:hover > .it21-nav-dropdown__trigger,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown:hover > .it21-nav-dropdown__trigger,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown > .it21-nav-dropdown__trigger.is-active,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown > .it21-nav-dropdown__trigger.is-active {
    color: #fff8ed;
    text-shadow:
        0 0 10px rgba(255, 168, 90, 0.28),
        0 0 20px rgba(255, 96, 30, 0.14),
        0 1px 2px rgba(0, 0, 0, 0.68);
}

body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a:hover::before,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a:hover::before,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a.is-active::before,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a.is-active::before,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown:hover > .it21-nav-dropdown__trigger::before,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown:hover > .it21-nav-dropdown__trigger::before,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown > .it21-nav-dropdown__trigger.is-active::before,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown > .it21-nav-dropdown__trigger.is-active::before {
    width: 94%;
}

body.theme-season21-infernal-throne .it21-header__emblem {
    width: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.theme-season21-infernal-throne .it21-header__emblem::before,
body.theme-season21-infernal-throne .it21-header__emblem::after {
    display: none;
}

body.theme-season21-infernal-throne .it21-header__diamond {
    width: 9px;
    height: 9px;
    border-radius: 2px;
    border: 1px solid rgba(255, 214, 150, 0.62);
    box-shadow:
        0 0 10px rgba(255, 164, 86, 0.62),
        0 0 18px rgba(255, 96, 30, 0.2);
}

body.theme-season21-infernal-throne .it21-header__diamond::before,
body.theme-season21-infernal-throne .it21-header__diamond::after {
    display: none;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown {
    position: relative;
    z-index: 2800;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__trigger {
    gap: 4px;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__trigger .ph {
    font-size: 0.58rem;
    opacity: 0.74;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown:hover .it21-nav-dropdown__trigger .ph,
body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown.is-open .it21-nav-dropdown__trigger .ph {
    transform: rotate(180deg);
    opacity: 1;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu {
    top: calc(100% + 12px);
    left: 50%;
    right: auto;
    min-width: 220px;
    max-width: 280px;
    transform: translateX(-50%) translateY(8px);
    padding: 8px 0;
    border-radius: 14px;
    border: 1px solid rgba(255, 184, 104, 0.3);
    border-top: 1px solid rgba(255, 220, 156, 0.42);
    background:
        radial-gradient(circle at 50% -20%, rgba(255, 180, 98, 0.18), transparent 62%),
        linear-gradient(180deg, rgba(23, 9, 8, 0.985), rgba(9, 4, 4, 0.99));
    box-shadow:
        0 24px 38px rgba(0, 0, 0, 0.52),
        0 0 0 1px rgba(255, 116, 36, 0.1),
        inset 0 1px 0 rgba(255, 226, 188, 0.08);
    z-index: 2801;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown > .it21-nav-dropdown__menu {
    left: 50%;
    right: auto;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown:hover > .it21-nav-dropdown__menu,
body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown.is-open > .it21-nav-dropdown__menu {
    transform: translateX(-50%) translateY(0);
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu::before {
    display: none !important;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu::after {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    width: 10px;
    height: 10px;
    transform: translateX(-50%) rotate(45deg);
    border-top: 1px solid rgba(255, 210, 138, 0.4);
    border-left: 1px solid rgba(255, 210, 138, 0.4);
    background: linear-gradient(135deg, rgba(26, 10, 8, 0.99), rgba(14, 6, 5, 0.99));
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu a {
    margin: 2px 8px;
    border-radius: 10px;
    border: 1px solid transparent;
    padding: 10px 16px !important;
    font-family: var(--it21-font-ui);
    font-size: 0.68rem !important;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 228, 194, 0.88);
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu a:hover,
body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu a:focus-visible {
    color: #fff8ed;
    border-color: rgba(255, 198, 122, 0.46);
    background: linear-gradient(90deg, rgba(255, 126, 44, 0.2), rgba(255, 84, 28, 0.08));
    box-shadow: inset 0 1px 0 rgba(255, 228, 194, 0.08);
}

body.theme-season21-infernal-throne .it21-authline {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-height: 40px;
    padding: 4px 10px;
    margin-left: 0;
    border-left: 0;
    border-radius: 12px;
    border: 1px solid rgba(255, 160, 84, 0.2);
    background: linear-gradient(160deg, rgba(34, 13, 10, 0.92), rgba(14, 5, 5, 0.94));
    box-shadow: inset 0 1px 0 rgba(255, 222, 178, 0.06);
}

body.theme-season21-infernal-throne .it21-authline__text,
body.theme-season21-infernal-throne .it21-authline__admin {
    min-height: 30px;
    padding: 0 10px;
    border-radius: 9px;
    border: 0;
    background: transparent;
    color: rgba(255, 228, 198, 0.86);
    font-family: var(--it21-font-ui);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    box-shadow: none;
}

body.theme-season21-infernal-throne .it21-authline__text[title="Discord"] {
    width: 30px;
    min-width: 30px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid rgba(255, 166, 90, 0.28);
    background: rgba(255, 136, 56, 0.08);
    font-size: 0.78rem;
}

body.theme-season21-infernal-throne .it21-authline__text:hover,
body.theme-season21-infernal-throne .it21-authline__admin:hover {
    color: #fff8ed;
    background: rgba(255, 138, 58, 0.08);
}

body.theme-season21-infernal-throne .it21-authline__action {
    min-height: 34px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid rgba(255, 198, 120, 0.42);
    background: linear-gradient(135deg, rgba(128, 44, 14, 0.98), rgba(200, 88, 24, 0.98) 52%, rgba(238, 160, 64, 0.98));
    color: #fff9f0;
    font-family: var(--it21-font-ui);
    font-size: 0.64rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    box-shadow:
        0 8px 16px rgba(0, 0, 0, 0.25),
        0 0 18px rgba(255, 104, 34, 0.18),
        inset 0 1px 0 rgba(255, 236, 206, 0.14);
}

body.theme-season21-infernal-throne .it21-authline__action:hover {
    filter: brightness(1.1);
    transform: translateY(-1px);
}

body.theme-season21-infernal-throne .it21-mobile-toggle {
    display: none;
}

body.theme-season21-infernal-throne .it21-beta-banner {
    gap: 8px;
    padding: 8px 16px;
    border-top: 1px solid rgba(255, 154, 76, 0.12);
    border-bottom: 0;
    background:
        linear-gradient(90deg, rgba(24, 9, 8, 0.95), rgba(16, 6, 6, 0.95) 50%, rgba(24, 9, 8, 0.95));
    font-family: var(--it21-font-ui);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(255, 228, 196, 0.9);
}

body.theme-season21-infernal-throne .it21-beta-banner i {
    color: #ffc27a;
}

body.theme-season21-infernal-throne .it21-beta-banner a {
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 192, 112, 0.32);
    background: linear-gradient(135deg, rgba(112, 38, 14, 0.96), rgba(182, 78, 22, 0.94) 52%, rgba(236, 154, 60, 0.96));
    color: #fff7ec;
    font-size: 0.61rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-footer {
    margin-top: 34px;
    margin-bottom: 16px;
    border-radius: 18px;
    border: 1px solid rgba(255, 150, 72, 0.16);
    background:
        radial-gradient(circle at 12% -22%, rgba(255, 166, 88, 0.14), transparent 46%),
        radial-gradient(circle at 88% -28%, rgba(255, 108, 38, 0.14), transparent 48%),
        linear-gradient(170deg, rgba(24, 9, 8, 0.93), rgba(10, 4, 4, 0.97));
    box-shadow:
        0 24px 42px rgba(0, 0, 0, 0.44),
        inset 0 1px 0 rgba(255, 220, 174, 0.06);
}

body.theme-season21-infernal-throne .it21-footer__fireline {
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 176, 102, 0.34) 18%, rgba(255, 212, 146, 0.92) 50%, rgba(255, 176, 102, 0.34) 82%, transparent 100%);
}

body.theme-season21-infernal-throne .it21-footer__inner {
    grid-template-columns: minmax(230px, 1fr) minmax(300px, 1.3fr) minmax(230px, 1fr);
    gap: 20px;
    padding: 20px 22px;
    border-left: 0;
    border-right: 0;
    background: linear-gradient(180deg, rgba(20, 7, 7, 0.74), rgba(10, 4, 4, 0.82));
}

body.theme-season21-infernal-throne .it21-footer__brand img {
    width: 52px;
    filter: drop-shadow(0 0 9px rgba(255, 128, 46, 0.36));
}

body.theme-season21-infernal-throne .it21-footer__brand strong {
    font-size: 0.95rem;
    color: #fff4e4;
}

body.theme-season21-infernal-throne .it21-footer__brand span {
    font-size: 0.68rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(255, 212, 162, 0.62);
}

body.theme-season21-infernal-throne .it21-footer__diamond {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    border: 1px solid rgba(255, 214, 150, 0.62);
    background: linear-gradient(135deg, #ffb66a, #ff8a32);
    box-shadow:
        0 0 8px rgba(255, 160, 84, 0.56),
        0 0 16px rgba(255, 96, 30, 0.18);
}

body.theme-season21-infernal-throne .it21-footer__links {
    gap: 12px;
}

body.theme-season21-infernal-throne .it21-footer__links a {
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: rgba(255, 226, 192, 0.78);
    font-family: var(--it21-font-ui);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: color 0.18s ease, text-shadow 0.18s ease;
}

body.theme-season21-infernal-throne .it21-footer__links a:hover {
    color: #fff8ed;
    text-shadow: 0 0 10px rgba(255, 162, 88, 0.24);
    transform: none;
    background: transparent;
}

body.theme-season21-infernal-throne .it21-footer__meta {
    gap: 4px;
    font-size: 0.67rem;
    color: rgba(255, 214, 166, 0.62);
}

body.theme-season21-infernal-throne .it21-footer__tracker {
    border: 1px solid rgba(255, 162, 86, 0.2);
    background: linear-gradient(145deg, rgba(255, 138, 56, 0.08), rgba(255, 255, 255, 0.02));
}

@media (max-width: 1320px) {
    body.theme-season21-infernal-throne .it21-topline {
        padding: 8px 12px;
        gap: 10px;
    }

    body.theme-season21-infernal-throne .it21-nav {
        gap: 10px;
    }

    body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a,
    body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a,
    body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown > .it21-nav-dropdown__trigger,
    body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown > .it21-nav-dropdown__trigger {
        font-size: 0.66rem;
    }
}

@media (max-width: 1120px) {
    body.theme-season21-infernal-throne .it21-header__emblem {
        display: none;
    }

    body.theme-season21-infernal-throne .it21-topline {
        grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr) auto;
    }
}

@media (max-width: 980px) {
    body.theme-season21-infernal-throne .it21-topline {
        grid-template-columns: auto 1fr auto;
        min-height: 60px;
        padding: 8px 12px;
        gap: 10px;
    }

    body.theme-season21-infernal-throne .it21-nav--left,
    body.theme-season21-infernal-throne .it21-nav--right,
    body.theme-season21-infernal-throne .it21-authline,
    body.theme-season21-infernal-throne .it21-header__emblem {
        display: none;
    }

    body.theme-season21-infernal-throne .it21-topline__brand {
        padding: 0;
    }

    body.theme-season21-infernal-throne .it21-topline__brand img {
        width: clamp(116px, 35vw, 150px);
    }

    body.theme-season21-infernal-throne .it21-mobile-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        border-radius: 11px;
        border: 1px solid rgba(255, 170, 94, 0.28);
        background: linear-gradient(160deg, rgba(40, 15, 11, 0.96), rgba(14, 5, 5, 0.98));
        color: #ffe7cb;
        font-size: 1.2rem;
        box-shadow: inset 0 1px 0 rgba(255, 216, 168, 0.08), 0 8px 16px rgba(0, 0, 0, 0.28);
    }

    body.theme-season21-infernal-throne .it21-beta-banner {
        padding: 7px 12px;
        font-size: 0.67rem;
        line-height: 1.42;
        gap: 7px;
    }

    body.theme-season21-infernal-throne .it21-beta-banner a {
        min-height: 28px;
        padding: 0 10px;
        font-size: 0.56rem;
    }

    body.theme-season21-infernal-throne .it21-footer__inner {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 14px;
        padding: 18px 16px;
    }

    body.theme-season21-infernal-throne .it21-footer__center {
        grid-column: 1 / -1;
        order: 3;
    }
}

@media (max-width: 760px) {
    body.theme-season21-infernal-throne .it21-header {
        border-radius: 0 0 14px 14px;
    }

    body.theme-season21-infernal-throne .it21-footer {
        border-radius: 15px;
    }

    body.theme-season21-infernal-throne .it21-footer__inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    body.theme-season21-infernal-throne .it21-footer__brand,
    body.theme-season21-infernal-throne .it21-footer__center,
    body.theme-season21-infernal-throne .it21-footer__meta {
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    body.theme-season21-infernal-throne .it21-footer__meta {
        order: 3;
    }
}

@media (max-width: 480px) {
    body.theme-season21-infernal-throne .it21-topline {
        min-height: 56px;
        padding: 7px 10px;
    }

    body.theme-season21-infernal-throne .it21-topline__brand img {
        width: clamp(106px, 38vw, 132px);
    }

    body.theme-season21-infernal-throne .it21-mobile-toggle {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }

    body.theme-season21-infernal-throne .it21-beta-banner span {
        width: 100%;
    }
}

/* Header + Footer cinematic redesign v8 */
body.theme-season21-infernal-throne .it21-header {
    position: sticky;
    top: 0;
    z-index: 140;
    margin-top: 8px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    overflow: visible;
}

body.theme-season21-infernal-throne .it21-header::before {
    display: none;
}

body.theme-season21-infernal-throne .it21-header__fireline {
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 188, 112, 0.26) 12%, rgba(255, 218, 160, 0.92) 50%, rgba(255, 188, 112, 0.26) 88%, transparent 100%);
    box-shadow: 0 0 10px rgba(255, 124, 46, 0.28);
}

body.theme-season21-infernal-throne .it21-topline {
    min-height: 84px;
    height: auto;
    padding: 12px 18px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(255, 154, 76, 0.22);
    border-radius: 18px 18px 0 0;
    background:
        radial-gradient(circle at 50% -65px, rgba(255, 178, 98, 0.18), transparent 68%),
        linear-gradient(180deg, rgba(36, 14, 11, 0.94), rgba(15, 6, 6, 0.97));
    box-shadow:
        0 20px 36px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 226, 186, 0.08);
    overflow: visible;
    z-index: 200;
}

body.theme-season21-infernal-throne .it21-topline::before,
body.theme-season21-infernal-throne .it21-topline::after {
    display: none;
}

body.theme-season21-infernal-throne .it21-topline__brand {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding-right: 8px;
    text-decoration: none;
}

body.theme-season21-infernal-throne .it21-topline__brand img {
    width: clamp(138px, 10.6vw, 186px);
    height: auto;
    filter:
        drop-shadow(0 0 12px rgba(255, 132, 48, 0.44))
        drop-shadow(0 0 22px rgba(255, 88, 28, 0.2));
}

body.theme-season21-infernal-throne .it21-nav {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    overflow: visible;
    border: 1px solid rgba(255, 156, 78, 0.2);
    border-radius: 14px;
    padding: 8px 10px;
    background: linear-gradient(160deg, rgba(27, 10, 8, 0.84), rgba(11, 4, 4, 0.9));
    box-shadow: inset 0 1px 0 rgba(255, 220, 176, 0.06);
}

body.theme-season21-infernal-throne .it21-nav--left {
    justify-content: flex-end;
}

body.theme-season21-infernal-throne .it21-nav--right {
    justify-content: flex-start;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown > .it21-nav-dropdown__trigger,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown > .it21-nav-dropdown__trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: rgba(255, 226, 194, 0.84);
    font-family: var(--it21-font-ui);
    font-size: 0.69rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    white-space: nowrap;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    box-shadow: none;
    transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease, transform 0.14s ease;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a::before,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a::before,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a::after,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a::after,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown > .it21-nav-dropdown__trigger::before,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown > .it21-nav-dropdown__trigger::before,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown > .it21-nav-dropdown__trigger::after,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown > .it21-nav-dropdown__trigger::after {
    display: none !important;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a:hover,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a:hover,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a.is-active,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a.is-active,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown:hover > .it21-nav-dropdown__trigger,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown:hover > .it21-nav-dropdown__trigger,
body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown > .it21-nav-dropdown__trigger.is-active,
body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown > .it21-nav-dropdown__trigger.is-active {
    color: #fff7ec;
    border-color: rgba(255, 196, 120, 0.4);
    background: linear-gradient(160deg, rgba(70, 27, 18, 0.88), rgba(24, 9, 7, 0.92));
    box-shadow: inset 0 1px 0 rgba(255, 224, 184, 0.08), 0 8px 16px rgba(0, 0, 0, 0.24);
    transform: translateY(-1px);
}

body.theme-season21-infernal-throne .it21-header__emblem {
    width: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.theme-season21-infernal-throne .it21-header__emblem::before,
body.theme-season21-infernal-throne .it21-header__emblem::after {
    display: none;
}

body.theme-season21-infernal-throne .it21-header__diamond {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    border: 1px solid rgba(255, 216, 154, 0.6);
    box-shadow: 0 0 8px rgba(255, 158, 80, 0.52), 0 0 16px rgba(255, 96, 30, 0.18);
}

body.theme-season21-infernal-throne .it21-header__diamond::before,
body.theme-season21-infernal-throne .it21-header__diamond::after {
    display: none;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown {
    position: relative;
    z-index: 3000;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__trigger {
    gap: 4px;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__trigger .ph {
    font-size: 0.56rem;
    opacity: 0.72;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown:hover .it21-nav-dropdown__trigger .ph,
body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown.is-open .it21-nav-dropdown__trigger .ph {
    transform: rotate(180deg);
    opacity: 1;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu {
    top: calc(100% + 11px);
    left: 50%;
    right: auto;
    transform: translateX(-50%) translateY(8px);
    min-width: 220px;
    max-width: 286px;
    padding: 8px 0;
    border-radius: 14px;
    border: 1px solid rgba(255, 186, 106, 0.3);
    border-top: 1px solid rgba(255, 220, 154, 0.4);
    background:
        radial-gradient(circle at 50% -20%, rgba(255, 182, 100, 0.18), transparent 62%),
        linear-gradient(180deg, rgba(24, 9, 8, 0.986), rgba(10, 4, 4, 0.99));
    box-shadow:
        0 24px 38px rgba(0, 0, 0, 0.52),
        0 0 0 1px rgba(255, 116, 36, 0.12),
        inset 0 1px 0 rgba(255, 224, 186, 0.08);
    z-index: 3001;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown:hover > .it21-nav-dropdown__menu,
body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown.is-open > .it21-nav-dropdown__menu {
    transform: translateX(-50%) translateY(0);
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu::before {
    display: none !important;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu::after {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    width: 10px;
    height: 10px;
    transform: translateX(-50%) rotate(45deg);
    border-top: 1px solid rgba(255, 210, 138, 0.4);
    border-left: 1px solid rgba(255, 210, 138, 0.4);
    background: linear-gradient(135deg, rgba(28, 10, 8, 0.99), rgba(14, 6, 5, 0.99));
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu a {
    margin: 2px 8px;
    border-radius: 10px;
    border: 1px solid transparent;
    padding: 10px 16px !important;
    font-family: var(--it21-font-ui);
    font-size: 0.68rem !important;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 228, 194, 0.88);
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu a:hover,
body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu a:focus-visible {
    color: #fff8ed;
    border-color: rgba(255, 198, 122, 0.44);
    background: linear-gradient(90deg, rgba(255, 126, 44, 0.2), rgba(255, 84, 28, 0.08));
}

body.theme-season21-infernal-throne .it21-authline {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    min-height: 46px;
    padding: 5px 9px;
    margin-left: 0;
    border: 1px solid rgba(255, 160, 82, 0.22);
    border-radius: 13px;
    background: linear-gradient(165deg, rgba(31, 12, 10, 0.9), rgba(12, 5, 5, 0.94));
    box-shadow: inset 0 1px 0 rgba(255, 224, 184, 0.06);
}

body.theme-season21-infernal-throne .it21-authline__text,
body.theme-season21-infernal-throne .it21-authline__admin {
    min-height: 32px;
    padding: 0 10px;
    border-radius: 9px;
    border: 1px solid transparent;
    background: transparent;
    color: rgba(255, 228, 198, 0.86);
    font-family: var(--it21-font-ui);
    font-size: 0.63rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-authline__text[title="Discord"] {
    width: 32px;
    min-width: 32px;
    padding: 0;
    border-radius: 50%;
    border-color: rgba(255, 170, 94, 0.28);
    background: rgba(255, 138, 56, 0.08);
    font-size: 0.79rem;
}

body.theme-season21-infernal-throne .it21-authline__text:hover,
body.theme-season21-infernal-throne .it21-authline__admin:hover {
    color: #fff8ed;
    border-color: rgba(255, 192, 114, 0.34);
    background: rgba(255, 138, 56, 0.1);
}

body.theme-season21-infernal-throne .it21-authline__action {
    min-height: 34px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid rgba(255, 198, 120, 0.42);
    background: linear-gradient(135deg, rgba(126, 44, 14, 0.98), rgba(198, 86, 24, 0.98) 52%, rgba(238, 158, 62, 0.98));
    color: #fff9f0;
    font-family: var(--it21-font-ui);
    font-size: 0.64rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.24), 0 0 16px rgba(255, 104, 34, 0.16), inset 0 1px 0 rgba(255, 236, 206, 0.14);
}

body.theme-season21-infernal-throne .it21-authline__action:hover {
    filter: brightness(1.1);
    transform: translateY(-1px);
}

body.theme-season21-infernal-throne .it21-mobile-toggle {
    display: none;
}

body.theme-season21-infernal-throne .it21-beta-banner {
    margin: 0;
    border: 1px solid rgba(255, 154, 76, 0.22);
    border-top: 0;
    border-radius: 0 0 18px 18px;
    padding: 11px 16px;
    gap: 10px;
    background:
        linear-gradient(90deg, rgba(30, 11, 9, 0.96), rgba(15, 6, 6, 0.96) 50%, rgba(30, 11, 9, 0.96)),
        radial-gradient(circle at center, rgba(255, 132, 46, 0.08), transparent 66%);
    font-family: var(--it21-font-ui);
    font-size: 0.73rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(255, 228, 196, 0.92);
}

body.theme-season21-infernal-throne .it21-beta-banner a {
    min-height: 32px;
    padding: 0 13px;
    border-radius: 999px;
    border: 1px solid rgba(255, 192, 112, 0.36);
    background: linear-gradient(135deg, rgba(110, 38, 14, 0.96), rgba(180, 76, 22, 0.94) 52%, rgba(232, 150, 58, 0.96));
    color: #fff7ec;
    font-size: 0.61rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-footer {
    margin-top: 38px;
    margin-bottom: 16px;
    border: 1px solid rgba(255, 150, 72, 0.18);
    border-radius: 18px;
    background:
        radial-gradient(circle at 12% -22%, rgba(255, 166, 88, 0.14), transparent 46%),
        radial-gradient(circle at 88% -28%, rgba(255, 108, 38, 0.14), transparent 48%),
        linear-gradient(170deg, rgba(24, 9, 8, 0.93), rgba(10, 4, 4, 0.97));
    box-shadow: 0 24px 40px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 220, 174, 0.06);
}

body.theme-season21-infernal-throne .it21-footer__fireline {
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 176, 102, 0.32) 18%, rgba(255, 212, 146, 0.9) 50%, rgba(255, 176, 102, 0.32) 82%, transparent 100%);
}

body.theme-season21-infernal-throne .it21-footer__inner {
    grid-template-columns: minmax(220px, 1fr) minmax(300px, 1.2fr) minmax(220px, 1fr);
    gap: 18px;
    padding: 20px 22px;
    border-left: 0;
    border-right: 0;
    background: linear-gradient(180deg, rgba(20, 7, 7, 0.74), rgba(10, 4, 4, 0.84));
}

body.theme-season21-infernal-throne .it21-footer__brand img {
    width: 54px;
    filter: drop-shadow(0 0 9px rgba(255, 128, 46, 0.38));
}

body.theme-season21-infernal-throne .it21-footer__brand strong {
    font-size: 0.96rem;
    color: #fff4e4;
}

body.theme-season21-infernal-throne .it21-footer__brand span {
    font-size: 0.69rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(255, 212, 162, 0.64);
}

body.theme-season21-infernal-throne .it21-footer__links {
    gap: 12px;
}

body.theme-season21-infernal-throne .it21-footer__links a {
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: rgba(255, 226, 192, 0.78);
    font-family: var(--it21-font-ui);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-footer__links a:hover {
    color: #fff8ed;
    text-shadow: 0 0 10px rgba(255, 162, 88, 0.26);
    background: transparent;
    transform: none;
}

body.theme-season21-infernal-throne .it21-footer__meta {
    font-size: 0.67rem;
    color: rgba(255, 214, 166, 0.62);
}

@media (max-width: 1320px) {
    body.theme-season21-infernal-throne .it21-topline {
        padding: 10px 12px;
        gap: 8px;
    }

    body.theme-season21-infernal-throne .it21-nav {
        padding: 7px 8px;
        gap: 4px;
    }

    body.theme-season21-infernal-throne .it21-topline .it21-nav--left > a,
    body.theme-season21-infernal-throne .it21-topline .it21-nav--right > a,
    body.theme-season21-infernal-throne .it21-topline .it21-nav--left > .it21-nav-dropdown > .it21-nav-dropdown__trigger,
    body.theme-season21-infernal-throne .it21-topline .it21-nav--right > .it21-nav-dropdown > .it21-nav-dropdown__trigger {
        padding: 0 9px;
        font-size: 0.63rem;
    }
}

@media (max-width: 1120px) {
    body.theme-season21-infernal-throne .it21-header__emblem {
        display: none;
    }

    body.theme-season21-infernal-throne .it21-topline {
        grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr) auto;
    }
}

@media (max-width: 980px) {
    body.theme-season21-infernal-throne .it21-topline {
        grid-template-columns: auto 1fr auto;
        min-height: 62px;
        padding: 8px 12px;
        gap: 10px;
        border-radius: 16px 16px 0 0;
    }

    body.theme-season21-infernal-throne .it21-nav--left,
    body.theme-season21-infernal-throne .it21-nav--right,
    body.theme-season21-infernal-throne .it21-authline,
    body.theme-season21-infernal-throne .it21-header__emblem {
        display: none;
    }

    body.theme-season21-infernal-throne .it21-topline__brand img {
        width: clamp(114px, 35vw, 148px);
    }

    body.theme-season21-infernal-throne .it21-mobile-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        border-radius: 11px;
        border: 1px solid rgba(255, 170, 94, 0.28);
        background: linear-gradient(165deg, rgba(35, 13, 10, 0.96), rgba(12, 5, 5, 0.98));
        color: #ffe7cb;
        font-size: 1.22rem;
    }

    body.theme-season21-infernal-throne .it21-beta-banner {
        border-radius: 0 0 16px 16px;
        padding: 8px 12px;
        gap: 8px;
        font-size: 0.67rem;
        line-height: 1.42;
    }

    body.theme-season21-infernal-throne .it21-beta-banner a {
        min-height: 28px;
        padding: 0 10px;
        font-size: 0.56rem;
    }

    body.theme-season21-infernal-throne .it21-footer__inner {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 14px;
        padding: 18px 16px;
    }

    body.theme-season21-infernal-throne .it21-footer__center {
        grid-column: 1 / -1;
        order: 3;
    }
}

@media (max-width: 760px) {
    body.theme-season21-infernal-throne .it21-header {
        margin-top: 6px;
    }

    body.theme-season21-infernal-throne .it21-footer {
        border-radius: 15px;
    }

    body.theme-season21-infernal-throne .it21-footer__inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    body.theme-season21-infernal-throne .it21-footer__brand,
    body.theme-season21-infernal-throne .it21-footer__center,
    body.theme-season21-infernal-throne .it21-footer__meta {
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    body.theme-season21-infernal-throne .it21-footer__meta {
        order: 3;
    }
}

@media (max-width: 480px) {
    body.theme-season21-infernal-throne .it21-topline {
        min-height: 58px;
        padding: 7px 10px;
    }

    body.theme-season21-infernal-throne .it21-topline__brand img {
        width: clamp(104px, 38vw, 130px);
    }

    body.theme-season21-infernal-throne .it21-mobile-toggle {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }

    body.theme-season21-infernal-throne .it21-beta-banner span {
        width: 100%;
    }
}

/* Header + Footer premium rebuild v9 */
body.theme-season21-infernal-throne .it21-header {
    position: sticky;
    top: 0;
    z-index: 150;
    margin-top: 8px;
    border: 1px solid rgba(255, 156, 80, 0.18);
    border-radius: 18px;
    background:
        radial-gradient(circle at 50% -80px, rgba(255, 170, 92, 0.22), transparent 58%),
        linear-gradient(180deg, rgba(26, 10, 9, 0.95), rgba(10, 4, 4, 0.98));
    box-shadow:
        0 18px 36px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 224, 182, 0.08);
    backdrop-filter: blur(8px) saturate(112%);
    overflow: visible;
}

body.theme-season21-infernal-throne .it21-header::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background:
        repeating-linear-gradient(
            120deg,
            rgba(255, 170, 92, 0.018) 0,
            rgba(255, 170, 92, 0.018) 8px,
            transparent 8px,
            transparent 16px
        );
    pointer-events: none;
}

body.theme-season21-infernal-throne .it21-header__fireline {
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 184, 110, 0.3) 16%, rgba(255, 214, 148, 0.95) 50%, rgba(255, 184, 110, 0.3) 84%, transparent 100%);
    box-shadow: 0 0 10px rgba(255, 126, 46, 0.28);
}

body.theme-season21-infernal-throne .it21-topline {
    min-height: 70px;
    height: auto;
    padding: 10px 18px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    border: 0;
    border-bottom: 1px solid rgba(255, 146, 68, 0.18);
    border-radius: 18px 18px 0 0;
    background:
        linear-gradient(180deg, rgba(34, 13, 10, 0.9), rgba(12, 5, 5, 0.94)),
        radial-gradient(circle at 50% -65%, rgba(255, 174, 94, 0.14), transparent 70%);
    overflow: visible;
    z-index: 210;
}

body.theme-season21-infernal-throne .it21-topline::before,
body.theme-season21-infernal-throne .it21-topline::after {
    display: none;
}

body.theme-season21-infernal-throne .it21-topline__brand {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
}

body.theme-season21-infernal-throne .it21-topline__brand img {
    width: clamp(120px, 9.1vw, 150px);
    height: auto;
    filter:
        drop-shadow(0 0 10px rgba(255, 128, 46, 0.4))
        drop-shadow(0 0 18px rgba(255, 90, 30, 0.2));
}

body.theme-season21-infernal-throne .it21-nav--main {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-width: 0;
    padding: 6px 10px;
    border: 1px solid rgba(255, 156, 80, 0.18);
    border-radius: 12px;
    background: linear-gradient(165deg, rgba(28, 10, 8, 0.82), rgba(10, 4, 4, 0.9));
    box-shadow: inset 0 1px 0 rgba(255, 220, 176, 0.06);
    overflow: visible;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav--main > a,
body.theme-season21-infernal-throne .it21-topline .it21-nav--main > .it21-nav-dropdown > .it21-nav-dropdown__trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 11px;
    border-radius: 9px;
    border: 1px solid transparent;
    background: transparent;
    color: rgba(255, 226, 194, 0.84);
    font-family: var(--it21-font-ui);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    white-space: nowrap;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.68);
    transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease, transform 0.14s ease;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav--main > a::before,
body.theme-season21-infernal-throne .it21-topline .it21-nav--main > a::after,
body.theme-season21-infernal-throne .it21-topline .it21-nav--main > .it21-nav-dropdown > .it21-nav-dropdown__trigger::before,
body.theme-season21-infernal-throne .it21-topline .it21-nav--main > .it21-nav-dropdown > .it21-nav-dropdown__trigger::after {
    display: none !important;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav--main > a:hover,
body.theme-season21-infernal-throne .it21-topline .it21-nav--main > a.is-active,
body.theme-season21-infernal-throne .it21-topline .it21-nav--main > .it21-nav-dropdown:hover > .it21-nav-dropdown__trigger,
body.theme-season21-infernal-throne .it21-topline .it21-nav--main > .it21-nav-dropdown > .it21-nav-dropdown__trigger.is-active {
    color: #fff8ed;
    border-color: rgba(255, 194, 118, 0.38);
    background: linear-gradient(160deg, rgba(64, 24, 17, 0.86), rgba(20, 8, 7, 0.9));
    box-shadow: inset 0 1px 0 rgba(255, 224, 184, 0.08), 0 8px 14px rgba(0, 0, 0, 0.2);
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown {
    position: relative;
    z-index: 3300;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__trigger {
    gap: 4px;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__trigger .ph {
    font-size: 0.56rem;
    opacity: 0.72;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown:hover .it21-nav-dropdown__trigger .ph,
body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown.is-open .it21-nav-dropdown__trigger .ph {
    transform: rotate(180deg);
    opacity: 1;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu {
    top: calc(100% + 10px);
    left: 50%;
    right: auto;
    transform: translateX(-50%) translateY(8px);
    min-width: 210px;
    max-width: 280px;
    padding: 8px 0;
    border-radius: 13px;
    border: 1px solid rgba(255, 184, 104, 0.3);
    border-top: 1px solid rgba(255, 220, 154, 0.4);
    background:
        radial-gradient(circle at 50% -20%, rgba(255, 182, 100, 0.18), transparent 62%),
        linear-gradient(180deg, rgba(24, 9, 8, 0.986), rgba(10, 4, 4, 0.99));
    box-shadow:
        0 22px 34px rgba(0, 0, 0, 0.48),
        0 0 0 1px rgba(255, 116, 36, 0.1),
        inset 0 1px 0 rgba(255, 224, 186, 0.08);
    z-index: 3301;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown:hover > .it21-nav-dropdown__menu,
body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown.is-open > .it21-nav-dropdown__menu {
    transform: translateX(-50%) translateY(0);
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu::before {
    display: none !important;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu::after {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    width: 10px;
    height: 10px;
    transform: translateX(-50%) rotate(45deg);
    border-top: 1px solid rgba(255, 210, 138, 0.4);
    border-left: 1px solid rgba(255, 210, 138, 0.4);
    background: linear-gradient(135deg, rgba(28, 10, 8, 0.99), rgba(14, 6, 5, 0.99));
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu a {
    margin: 2px 8px;
    border-radius: 10px;
    border: 1px solid transparent;
    padding: 10px 14px !important;
    font-family: var(--it21-font-ui);
    font-size: 0.67rem !important;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 228, 194, 0.88);
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu a:hover,
body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu a:focus-visible {
    color: #fff8ed;
    border-color: rgba(255, 198, 122, 0.44);
    background: linear-gradient(90deg, rgba(255, 126, 44, 0.2), rgba(255, 84, 28, 0.08));
}

body.theme-season21-infernal-throne .it21-header__emblem {
    display: none;
}

body.theme-season21-infernal-throne .it21-authline {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    min-height: 44px;
    padding: 5px 9px;
    border: 1px solid rgba(255, 160, 82, 0.22);
    border-radius: 12px;
    background: linear-gradient(165deg, rgba(31, 12, 10, 0.9), rgba(12, 5, 5, 0.94));
    box-shadow: inset 0 1px 0 rgba(255, 224, 184, 0.06);
}

body.theme-season21-infernal-throne .it21-authline__text,
body.theme-season21-infernal-throne .it21-authline__admin {
    min-height: 32px;
    padding: 0 10px;
    border-radius: 9px;
    border: 1px solid transparent;
    background: transparent;
    color: rgba(255, 228, 198, 0.86);
    font-family: var(--it21-font-ui);
    font-size: 0.63rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-authline__text[title="Discord"] {
    width: 32px;
    min-width: 32px;
    padding: 0;
    border-radius: 50%;
    border-color: rgba(255, 170, 94, 0.28);
    background: rgba(255, 138, 56, 0.08);
    font-size: 0.79rem;
}

body.theme-season21-infernal-throne .it21-authline__text:hover,
body.theme-season21-infernal-throne .it21-authline__admin:hover {
    color: #fff8ed;
    border-color: rgba(255, 192, 114, 0.34);
    background: rgba(255, 138, 56, 0.1);
}

body.theme-season21-infernal-throne .it21-authline__action {
    min-height: 34px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid rgba(255, 198, 120, 0.42);
    background: linear-gradient(135deg, rgba(126, 44, 14, 0.98), rgba(198, 86, 24, 0.98) 52%, rgba(238, 158, 62, 0.98));
    color: #fff9f0;
    font-family: var(--it21-font-ui);
    font-size: 0.64rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.24), 0 0 16px rgba(255, 104, 34, 0.16), inset 0 1px 0 rgba(255, 236, 206, 0.14);
}

body.theme-season21-infernal-throne .it21-authline__action:hover {
    filter: brightness(1.1);
    transform: translateY(-1px);
}

body.theme-season21-infernal-throne .it21-mobile-toggle {
    display: none;
}

body.theme-season21-infernal-throne .it21-beta-banner {
    border: 0;
    border-top: 1px solid rgba(255, 146, 68, 0.12);
    border-radius: 0 0 18px 18px;
    padding: 9px 16px 10px;
    gap: 9px;
    background: linear-gradient(90deg, rgba(26, 10, 8, 0.94), rgba(13, 5, 5, 0.95) 50%, rgba(26, 10, 8, 0.94));
    font-family: var(--it21-font-ui);
    font-size: 0.71rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(255, 228, 196, 0.9);
}

body.theme-season21-infernal-throne .it21-beta-banner a {
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 192, 112, 0.34);
    background: linear-gradient(135deg, rgba(110, 38, 14, 0.96), rgba(180, 76, 22, 0.94) 52%, rgba(232, 150, 58, 0.96));
    color: #fff7ec;
    font-size: 0.59rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-footer {
    margin-top: 38px;
    margin-bottom: 16px;
    border: 1px solid rgba(255, 150, 72, 0.16);
    border-radius: 16px;
    background:
        radial-gradient(circle at 12% -22%, rgba(255, 166, 88, 0.12), transparent 46%),
        radial-gradient(circle at 88% -28%, rgba(255, 108, 38, 0.12), transparent 48%),
        linear-gradient(170deg, rgba(24, 9, 8, 0.92), rgba(10, 4, 4, 0.96));
    box-shadow: 0 22px 36px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 220, 174, 0.06);
}

body.theme-season21-infernal-throne .it21-footer__fireline {
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 176, 102, 0.32) 18%, rgba(255, 212, 146, 0.88) 50%, rgba(255, 176, 102, 0.32) 82%, transparent 100%);
}

body.theme-season21-infernal-throne .it21-footer__inner {
    grid-template-columns: minmax(220px, 1fr) minmax(300px, 1.2fr) minmax(220px, 1fr);
    gap: 16px;
    padding: 18px 20px;
    border-left: 0;
    border-right: 0;
    background: linear-gradient(180deg, rgba(20, 7, 7, 0.7), rgba(10, 4, 4, 0.82));
}

body.theme-season21-infernal-throne .it21-footer__brand img {
    width: 48px;
    filter: drop-shadow(0 0 8px rgba(255, 128, 46, 0.34));
}

body.theme-season21-infernal-throne .it21-footer__brand strong {
    font-size: 0.9rem;
    color: #fff4e4;
}

body.theme-season21-infernal-throne .it21-footer__brand span {
    font-size: 0.65rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(255, 212, 162, 0.62);
}

body.theme-season21-infernal-throne .it21-footer__diamond {
    width: 9px;
    height: 9px;
}

body.theme-season21-infernal-throne .it21-footer__links {
    gap: 10px;
}

body.theme-season21-infernal-throne .it21-footer__links a {
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: rgba(255, 226, 192, 0.76);
    font-family: var(--it21-font-ui);
    font-size: 0.61rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-footer__links a:hover {
    color: #fff8ed;
    text-shadow: 0 0 8px rgba(255, 162, 88, 0.24);
}

body.theme-season21-infernal-throne .it21-footer__meta {
    font-size: 0.65rem;
    color: rgba(255, 214, 166, 0.6);
}

@media (max-width: 1200px) {
    body.theme-season21-infernal-throne .it21-topline {
        gap: 10px;
        padding: 10px 12px;
    }

    body.theme-season21-infernal-throne .it21-nav--main {
        padding: 6px 7px;
    }

    body.theme-season21-infernal-throne .it21-topline .it21-nav--main > a,
    body.theme-season21-infernal-throne .it21-topline .it21-nav--main > .it21-nav-dropdown > .it21-nav-dropdown__trigger {
        padding: 0 8px;
        font-size: 0.61rem;
    }

    body.theme-season21-infernal-throne .it21-authline__text,
    body.theme-season21-infernal-throne .it21-authline__admin {
        padding: 0 8px;
    }
}

@media (max-width: 980px) {
    body.theme-season21-infernal-throne .it21-topline {
        grid-template-columns: auto 1fr auto;
        min-height: 62px;
        padding: 8px 12px;
        gap: 10px;
    }

    body.theme-season21-infernal-throne .it21-nav--main,
    body.theme-season21-infernal-throne .it21-authline {
        display: none;
    }

    body.theme-season21-infernal-throne .it21-topline__brand img {
        width: clamp(112px, 36vw, 146px);
    }

    body.theme-season21-infernal-throne .it21-mobile-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        border-radius: 11px;
        border: 1px solid rgba(255, 170, 94, 0.28);
        background: linear-gradient(165deg, rgba(35, 13, 10, 0.96), rgba(12, 5, 5, 0.98));
        color: #ffe7cb;
        font-size: 1.22rem;
    }

    body.theme-season21-infernal-throne .it21-beta-banner {
        font-size: 0.66rem;
        padding: 8px 12px 9px;
        gap: 8px;
    }

    body.theme-season21-infernal-throne .it21-beta-banner a {
        min-height: 28px;
        padding: 0 10px;
        font-size: 0.55rem;
    }

    body.theme-season21-infernal-throne .it21-footer__inner {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 14px;
        padding: 16px 14px;
    }

    body.theme-season21-infernal-throne .it21-footer__center {
        grid-column: 1 / -1;
        order: 3;
    }
}

@media (max-width: 760px) {
    body.theme-season21-infernal-throne .it21-header {
        margin-top: 6px;
        border-radius: 14px;
    }

    body.theme-season21-infernal-throne .it21-topline {
        border-radius: 14px 14px 0 0;
    }

    body.theme-season21-infernal-throne .it21-beta-banner {
        border-radius: 0 0 14px 14px;
    }

    body.theme-season21-infernal-throne .it21-footer {
        border-radius: 14px;
    }

    body.theme-season21-infernal-throne .it21-footer__inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    body.theme-season21-infernal-throne .it21-footer__brand,
    body.theme-season21-infernal-throne .it21-footer__center,
    body.theme-season21-infernal-throne .it21-footer__meta {
        align-items: center;
        justify-content: center;
        text-align: center;
    }
}

/* Header dropdown hover-gap fix v12 */
body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown {
    position: relative;
    z-index: 3400;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 14px;
}

body.theme-season21-infernal-throne .it21-topline .it21-nav-dropdown__menu {
    top: calc(100% + 4px);
}

/* Event Radar boss upgrade v11 */
body.theme-season21-infernal-throne .it21-event-row__name {
    display: flex;
    align-items: flex-start;
    gap: 0.44rem;
    min-width: 0;
    white-space: normal;
    overflow: hidden;
    text-overflow: clip;
    line-height: 1.2;
    max-height: 2.4em;
}

body.theme-season21-infernal-throne .it21-event-row__name i {
    margin-top: 1px;
}

body.theme-season21-infernal-throne #eventRadarTabs .it21-events-panel__tab[data-event-tab="bosses"].is-active {
    color: #fff6e8;
    border-color: rgba(255, 216, 136, 0.58);
    background:
        radial-gradient(circle at 50% -12%, rgba(255, 194, 104, 0.36), transparent 70%),
        linear-gradient(180deg, rgba(120, 48, 22, 0.96), rgba(35, 13, 9, 0.97));
    box-shadow:
        0 10px 20px rgba(0, 0, 0, 0.26),
        inset 0 0 0 1px rgba(255, 206, 126, 0.2),
        0 0 18px rgba(255, 146, 64, 0.16);
}

body.theme-season21-infernal-throne #eventRadarBody[data-active-tab="bosses"] .it21-event-row {
    border-color: rgba(255, 170, 88, 0.28);
    background:
        radial-gradient(circle at 8% 50%, rgba(255, 182, 98, 0.12), transparent 30%),
        linear-gradient(180deg, rgba(34, 13, 10, 0.9), rgba(16, 7, 6, 0.94));
    box-shadow:
        inset 0 1px 0 rgba(255, 232, 212, 0.06),
        0 8px 18px rgba(0, 0, 0, 0.2);
}

body.theme-season21-infernal-throne #eventRadarBody[data-active-tab="bosses"] .it21-event-row:hover {
    border-color: rgba(255, 196, 118, 0.48);
    box-shadow:
        inset 0 1px 0 rgba(255, 238, 218, 0.1),
        0 12px 22px rgba(0, 0, 0, 0.24),
        0 0 16px rgba(255, 144, 62, 0.12);
}

body.theme-season21-infernal-throne #eventRadarBody[data-active-tab="bosses"] .it21-event-row__name i {
    border-color: rgba(255, 206, 126, 0.38);
    background: rgba(255, 174, 88, 0.16);
    color: #ffd9a6;
}

body.theme-season21-infernal-throne #eventRadarBody[data-active-tab="bosses"] .it21-event-row__badge-time {
    border-color: rgba(255, 190, 112, 0.42);
    background: linear-gradient(180deg, rgba(98, 42, 18, 0.94), rgba(43, 17, 10, 0.95));
    color: #ffd08f;
    box-shadow:
        inset 0 1px 0 rgba(255, 214, 172, 0.1),
        0 8px 14px rgba(0, 0, 0, 0.22);
}

body.theme-season21-infernal-throne #eventRadarBody[data-active-tab="bosses"] .it21-event-row__badge-time.is-soon {
    border-color: rgba(255, 210, 124, 0.52);
    background: linear-gradient(180deg, rgba(124, 54, 20, 0.95), rgba(56, 22, 11, 0.96));
    color: #ffe0a5;
}

body.theme-season21-infernal-throne #eventRadarBody[data-active-tab="bosses"] .it21-event-row__badge-time.is-urgent {
    border-color: rgba(255, 158, 122, 0.58);
    background: linear-gradient(180deg, rgba(128, 46, 28, 0.95), rgba(60, 18, 13, 0.97));
    color: #ffd9cc;
}

body.theme-season21-infernal-throne #eventRadarBody[data-active-tab="bosses"] + .it21-events-panel__foot .it21-events-panel__link,
body.theme-season21-infernal-throne .it21-events-panel__body[data-active-tab="bosses"] ~ .it21-events-panel__foot .it21-events-panel__link {
    border-color: rgba(255, 186, 106, 0.42);
    background: linear-gradient(180deg, rgba(38, 14, 10, 0.92), rgba(18, 7, 6, 0.95));
    color: #ffd7a5;
}

/* Event Radar redesign v10 */
body.theme-season21-infernal-throne .it21-events-panel {
    position: relative;
    border-radius: 18px;
    border: 1px solid rgba(255, 154, 78, 0.2);
    background:
        radial-gradient(circle at 16% -22%, rgba(255, 170, 96, 0.16), transparent 46%),
        radial-gradient(circle at 92% -24%, rgba(255, 108, 40, 0.14), transparent 48%),
        linear-gradient(175deg, rgba(28, 10, 8, 0.95), rgba(10, 4, 4, 0.98));
    box-shadow:
        0 22px 36px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 222, 178, 0.07),
        0 0 0 1px rgba(255, 102, 34, 0.05);
    overflow: hidden;
}

body.theme-season21-infernal-throne .it21-events-panel__fireline {
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 182, 110, 0.34) 18%, rgba(255, 216, 154, 0.92) 50%, rgba(255, 182, 110, 0.34) 82%, transparent 100%);
    box-shadow: 0 0 10px rgba(255, 128, 48, 0.28);
}

body.theme-season21-infernal-throne .it21-events-panel__head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 14px 10px;
}

body.theme-season21-infernal-throne .it21-events-panel__icon {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    border: 1px solid rgba(118, 176, 255, 0.32);
    background:
        radial-gradient(circle at 50% 20%, rgba(122, 183, 255, 0.24), rgba(122, 183, 255, 0.04) 70%),
        rgba(10, 20, 34, 0.72);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 0 rgba(188, 224, 255, 0.12), 0 8px 16px rgba(0, 0, 0, 0.22);
}

body.theme-season21-infernal-throne .it21-events-panel__icon i {
    font-size: 0.82rem;
    color: #88c3ff;
}

body.theme-season21-infernal-throne .it21-events-panel__eyebrow {
    display: inline-flex;
    align-items: center;
    font-family: var(--it21-font-ui);
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(255, 186, 112, 0.92);
}

body.theme-season21-infernal-throne .it21-events-panel__title {
    margin: 1px 0 0;
    font-family: var(--it21-font-head);
    font-size: 1.02rem;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    color: #fff4e2;
}

body.theme-season21-infernal-throne .it21-events-panel__tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.42rem;
    padding: 0 0.86rem 0.74rem;
}

body.theme-season21-infernal-throne .it21-events-panel__tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.34rem;
    min-height: 34px;
    padding: 0 0.56rem;
    border-radius: 11px;
    border: 1px solid rgba(255, 150, 72, 0.26);
    background: linear-gradient(180deg, rgba(37, 14, 11, 0.96), rgba(14, 6, 5, 0.98));
    color: rgba(250, 236, 224, 0.74);
    font-family: var(--it21-font-ui);
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 0.092em;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgba(255, 232, 208, 0.06);
    transition: border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.16s ease;
}

body.theme-season21-infernal-throne .it21-events-panel__tab i {
    font-size: 0.74rem;
    opacity: 0.88;
}

body.theme-season21-infernal-throne .it21-events-panel__tab:hover,
body.theme-season21-infernal-throne .it21-events-panel__tab:focus-visible {
    color: #fff8f2;
    border-color: rgba(255, 192, 112, 0.42);
    box-shadow:
        0 8px 16px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(255, 174, 92, 0.1);
    transform: translateY(-1px);
}

body.theme-season21-infernal-throne .it21-events-panel__tab.is-active {
    color: #fff5e8;
    border-color: rgba(255, 208, 130, 0.52);
    background:
        radial-gradient(circle at 50% -10%, rgba(255, 176, 86, 0.32), transparent 68%),
        linear-gradient(180deg, rgba(102, 38, 18, 0.95), rgba(27, 10, 8, 0.96));
    box-shadow:
        0 10px 18px rgba(0, 0, 0, 0.24),
        inset 0 0 0 1px rgba(255, 190, 112, 0.14);
}

body.theme-season21-infernal-throne .it21-events-panel__body {
    gap: 0;
    padding: 0 0.76rem 0.26rem;
}

body.theme-season21-infernal-throne .it21-events-panel__pane {
    display: none;
    gap: 0.5rem;
}

body.theme-season21-infernal-throne .it21-events-panel__pane.is-active {
    display: grid;
}

body.theme-season21-infernal-throne .it21-events-panel__empty {
    padding: 0.84rem 0.9rem;
    border-radius: 12px;
    border: 1px dashed rgba(255, 154, 76, 0.28);
    background: linear-gradient(180deg, rgba(20, 8, 7, 0.78), rgba(14, 6, 5, 0.82));
    color: rgba(247, 230, 219, 0.66);
    font-size: 0.73rem;
    line-height: 1.4;
}

body.theme-season21-infernal-throne .it21-event-row {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.62rem;
    padding: 0.6rem 0.64rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 132, 50, 0.16);
    background:
        radial-gradient(circle at 6% 50%, rgba(122, 183, 255, 0.08), transparent 30%),
        linear-gradient(180deg, rgba(30, 12, 10, 0.86), rgba(15, 7, 6, 0.92));
    box-shadow: inset 0 1px 0 rgba(255, 232, 212, 0.05), 0 8px 16px rgba(0, 0, 0, 0.18);
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

body.theme-season21-infernal-throne .it21-event-row:hover {
    transform: translateY(-1px);
    border-color: rgba(255, 176, 96, 0.34);
    box-shadow: inset 0 1px 0 rgba(255, 236, 217, 0.08), 0 12px 20px rgba(0, 0, 0, 0.24);
}

body.theme-season21-infernal-throne .it21-event-row__main {
    display: grid;
    gap: 0.22rem;
    min-width: 0;
}

body.theme-season21-infernal-throne .it21-event-row__name {
    display: inline-flex;
    align-items: center;
    gap: 0.44rem;
    min-width: 0;
    font-size: 0.81rem;
    font-weight: 700;
    color: rgba(251, 238, 227, 0.96);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.theme-season21-infernal-throne .it21-event-row__name i {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(111, 174, 255, 0.32);
    background: rgba(70, 132, 236, 0.14);
    color: #8dc1ff;
    font-size: 0.6rem;
    flex-shrink: 0;
}

body.theme-season21-infernal-throne .it21-event-row__copy {
    color: rgba(245, 226, 212, 0.66);
    font-size: 0.71rem;
    line-height: 1.34;
}

body.theme-season21-infernal-throne .it21-event-row__countdown {
    font-variant-numeric: tabular-nums;
    font-family: var(--it21-font-ui);
}

body.theme-season21-infernal-throne .it21-event-row__badge-time {
    font-variant-numeric: tabular-nums;
    min-width: 82px;
    height: 30px;
    padding: 0 0.64rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 166, 84, 0.34);
    background: linear-gradient(180deg, rgba(80, 34, 14, 0.92), rgba(36, 14, 9, 0.94));
    color: #ffc678;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: var(--it21-font-ui);
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    box-shadow: inset 0 1px 0 rgba(255, 212, 170, 0.08), 0 6px 12px rgba(0, 0, 0, 0.2);
}

body.theme-season21-infernal-throne .it21-event-row__time--live {
    color: #8bffad;
    border-color: rgba(120, 255, 165, 0.46);
    background: linear-gradient(180deg, rgba(24, 72, 42, 0.92), rgba(11, 36, 22, 0.94));
    animation: it21-live-pulse 1.2s ease-in-out infinite;
}

body.theme-season21-infernal-throne .it21-event-row.is-upcoming {
    border-color: rgba(255, 138, 56, 0.2);
}

body.theme-season21-infernal-throne .it21-event-row.is-soon {
    border-color: rgba(255, 182, 104, 0.36);
    box-shadow: inset 0 1px 0 rgba(255, 236, 217, 0.08), 0 10px 18px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(255, 180, 94, 0.08);
}

body.theme-season21-infernal-throne .it21-event-row.is-urgent {
    border-color: rgba(255, 126, 86, 0.52);
    box-shadow: inset 0 1px 0 rgba(255, 226, 216, 0.11), 0 10px 20px rgba(0, 0, 0, 0.24), 0 0 16px rgba(255, 112, 74, 0.14);
}

body.theme-season21-infernal-throne .it21-event-row__badge-time.is-soon {
    color: #ffd98e;
    border-color: rgba(255, 200, 120, 0.47);
    background: linear-gradient(180deg, rgba(96, 42, 16, 0.92), rgba(45, 18, 10, 0.94));
}

body.theme-season21-infernal-throne .it21-event-row__badge-time.is-urgent {
    color: #ffd8c8;
    border-color: rgba(255, 146, 110, 0.58);
    background: linear-gradient(180deg, rgba(114, 40, 24, 0.94), rgba(56, 16, 12, 0.96));
}

body.theme-season21-infernal-throne .it21-events-panel__foot {
    padding: 0.52rem 0.84rem 0.94rem;
}

body.theme-season21-infernal-throne .it21-events-panel__link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 36px;
    border-radius: 11px;
    border: 1px solid rgba(255, 168, 84, 0.32);
    background: linear-gradient(180deg, rgba(32, 12, 10, 0.92), rgba(16, 7, 6, 0.95));
    color: #ffd3a0;
    font-family: var(--it21-font-ui);
    font-size: 0.71rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255, 220, 186, 0.06);
    transition: color 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

body.theme-season21-infernal-throne .it21-events-panel__link:hover {
    color: #fff4e5;
    border-color: rgba(255, 198, 122, 0.46);
    transform: translateY(-1px);
    box-shadow: inset 0 1px 0 rgba(255, 232, 208, 0.08), 0 10px 18px rgba(0, 0, 0, 0.2);
}

@media (max-width: 680px) {
    body.theme-season21-infernal-throne .it21-events-panel__head {
        padding: 0.88rem 0.88rem 0.54rem;
    }

    body.theme-season21-infernal-throne .it21-events-panel__tabs {
        gap: 0.34rem;
        padding: 0 0.8rem 0.62rem;
    }

    body.theme-season21-infernal-throne .it21-events-panel__tab {
        min-height: 31px;
        font-size: 0.56rem;
        letter-spacing: 0.075em;
        padding: 0 0.45rem;
    }

    body.theme-season21-infernal-throne .it21-events-panel__tab i {
        display: none;
    }

    body.theme-season21-infernal-throne .it21-events-panel__body {
        padding: 0 0.72rem 0.12rem;
    }

    body.theme-season21-infernal-throne .it21-event-row {
        padding: 0.52rem 0.54rem;
        gap: 0.54rem;
    }

    body.theme-season21-infernal-throne .it21-event-row__name {
        font-size: 0.76rem;
    }

    body.theme-season21-infernal-throne .it21-event-row__copy {
        font-size: 0.68rem;
    }

    body.theme-season21-infernal-throne .it21-event-row__badge-time {
        min-width: 70px;
        height: 27px;
        font-size: 0.74rem;
    }
}

/* ======================================================================
   Rankings redesign v13
   ====================================================================== */
body.theme-season21-infernal-throne .it21-rank-page {
    max-width: 1280px;
    gap: clamp(16px, 1.5vw, 24px);
}

body.theme-season21-infernal-throne .it21-rank-hero {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid rgba(255, 171, 92, 0.3);
    background:
        radial-gradient(120% 90% at 12% -18%, rgba(255, 182, 98, 0.22), transparent 58%),
        radial-gradient(120% 100% at 88% -24%, rgba(255, 100, 38, 0.22), transparent 52%),
        linear-gradient(145deg, rgba(29, 11, 8, 0.96) 0%, rgba(16, 5, 5, 0.97) 48%, rgba(10, 4, 4, 0.98) 100%);
    box-shadow:
        0 28px 54px rgba(0, 0, 0, 0.43),
        inset 0 1px 0 rgba(255, 220, 168, 0.1),
        0 0 0 1px rgba(255, 132, 52, 0.09);
}

body.theme-season21-infernal-throne .it21-rank-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(112deg, rgba(255, 236, 214, 0.06), transparent 34%, transparent 72%, rgba(255, 172, 98, 0.08)),
        repeating-linear-gradient(0deg, transparent 0 3px, rgba(255, 164, 92, 0.01) 3px 4px);
}

body.theme-season21-infernal-throne .it21-rank-hero__inner {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) auto;
    align-items: end;
    gap: 24px;
    padding: clamp(22px, 2.2vw, 34px);
}

body.theme-season21-infernal-throne .it21-rank-hero__left {
    gap: 10px;
}

body.theme-season21-infernal-throne .it21-rank-hero__icon {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    border: 1px solid rgba(255, 186, 108, 0.4);
    background:
        radial-gradient(circle at 50% 18%, rgba(255, 216, 154, 0.26), transparent 68%),
        linear-gradient(170deg, rgba(82, 30, 16, 0.95), rgba(36, 12, 9, 0.96));
    box-shadow:
        inset 0 1px 0 rgba(255, 230, 196, 0.12),
        0 12px 24px rgba(0, 0, 0, 0.34),
        0 0 22px rgba(255, 126, 42, 0.2);
}

body.theme-season21-infernal-throne .it21-rank-hero__icon i {
    color: #ffd89e;
    font-size: 1.35rem;
}

body.theme-season21-infernal-throne .it21-rank-hero__pulse {
    border-color: rgba(255, 190, 112, 0.42);
    box-shadow: 0 0 0 6px rgba(255, 148, 62, 0.09), 0 0 28px rgba(255, 126, 42, 0.24);
    animation: it21-rank-pulse 2.2s ease-in-out infinite;
}

body.theme-season21-infernal-throne .it21-rank-hero__eyebrow {
    color: #ffc679;
    letter-spacing: 0.16em;
    font-size: 0.66rem;
}

body.theme-season21-infernal-throne .it21-rank-hero__title {
    margin: 0;
    font-size: clamp(1.55rem, 2.65vw, 2.28rem);
    letter-spacing: 0.03em;
    color: #fff2df;
    text-shadow: 0 8px 24px rgba(0, 0, 0, 0.36);
}

body.theme-season21-infernal-throne .it21-rank-hero__desc {
    max-width: 640px;
    margin: 0;
    color: rgba(245, 229, 216, 0.82);
    font-size: 0.93rem;
    line-height: 1.55;
}

body.theme-season21-infernal-throne .it21-rank-hero__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(108px, 1fr));
    gap: 11px;
}

body.theme-season21-infernal-throne .it21-rank-hero__stat {
    min-width: 0;
    border-radius: 14px;
    border: 1px solid rgba(255, 174, 96, 0.28);
    background:
        radial-gradient(circle at 50% -10%, rgba(255, 210, 144, 0.2), transparent 74%),
        linear-gradient(170deg, rgba(38, 14, 10, 0.96), rgba(16, 6, 6, 0.96));
    box-shadow: inset 0 1px 0 rgba(255, 234, 208, 0.1), 0 14px 26px rgba(0, 0, 0, 0.32);
}

body.theme-season21-infernal-throne .it21-rank-hero__stat i {
    color: rgba(255, 210, 152, 0.8);
}

body.theme-season21-infernal-throne .it21-rank-hero__stat strong {
    color: #fff1dc;
    font-size: 1.18rem;
    line-height: 1.1;
}

body.theme-season21-infernal-throne .it21-rank-hero__stat span {
    color: rgba(252, 223, 190, 0.62);
}

body.theme-season21-infernal-throne .it21-rank-showcase {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 14px;
    align-items: stretch;
}

body.theme-season21-infernal-throne .it21-rank-showcase__card {
    grid-column: span 4;
    min-height: 162px;
    border-radius: 18px;
    border: 1px solid rgba(255, 162, 84, 0.25);
    background:
        radial-gradient(110% 86% at 12% -20%, rgba(255, 206, 142, 0.22), transparent 58%),
        linear-gradient(160deg, rgba(30, 11, 9, 0.96), rgba(12, 4, 4, 0.98));
    box-shadow:
        0 18px 30px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 235, 212, 0.08);
}

body.theme-season21-infernal-throne .it21-rank-showcase__card--rank1 {
    grid-column: 5 / 9;
    order: 2;
    transform: translateY(-6px);
    border-color: rgba(255, 214, 132, 0.5);
    box-shadow:
        0 22px 38px rgba(0, 0, 0, 0.38),
        0 0 0 1px rgba(255, 192, 118, 0.16) inset,
        0 0 28px rgba(255, 138, 52, 0.18);
}

body.theme-season21-infernal-throne .it21-rank-showcase__card--rank2 {
    grid-column: 1 / 5;
    order: 1;
}

body.theme-season21-infernal-throne .it21-rank-showcase__card--rank3 {
    grid-column: 9 / 13;
    order: 3;
}

body.theme-season21-infernal-throne .it21-rank-showcase__rank {
    min-height: 27px;
    border-color: rgba(255, 212, 142, 0.44);
    color: #ffe3bf;
    font-size: 0.67rem;
}

body.theme-season21-infernal-throne .it21-rank-showcase__name {
    font-size: 1.14rem;
    letter-spacing: 0.02em;
    text-shadow: 0 6px 18px rgba(0, 0, 0, 0.32);
}

body.theme-season21-infernal-throne .it21-rank-showcase__class {
    font-size: 0.75rem;
    color: rgba(245, 223, 198, 0.86);
}

body.theme-season21-infernal-throne .it21-rank-showcase__meta span {
    min-height: 30px;
    border-radius: 10px;
    padding: 0 10px;
    border-color: rgba(255, 166, 86, 0.28);
    background: rgba(11, 4, 4, 0.8);
}

body.theme-season21-infernal-throne .it21-rank-panel {
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid rgba(255, 166, 86, 0.23);
    background:
        radial-gradient(140% 88% at 10% -10%, rgba(255, 184, 108, 0.14), transparent 60%),
        linear-gradient(180deg, rgba(18, 7, 6, 0.97), rgba(10, 4, 4, 0.98));
    box-shadow:
        0 24px 42px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 230, 198, 0.07);
}

body.theme-season21-infernal-throne .it21-rank-panel__head,
body.theme-season21-infernal-throne .it21-rank-panel__head--premium {
    padding: 16px 20px 13px;
    border-bottom: 1px solid rgba(255, 150, 68, 0.14);
    gap: 12px;
}

body.theme-season21-infernal-throne .it21-rank-panel__head-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    border: 1px solid rgba(255, 178, 98, 0.3);
    background: linear-gradient(160deg, rgba(82, 30, 16, 0.92), rgba(24, 9, 7, 0.95));
    box-shadow: inset 0 1px 0 rgba(255, 226, 190, 0.09);
}

body.theme-season21-infernal-throne .it21-rank-panel__title {
    color: #fff1de;
    letter-spacing: 0.02em;
}

body.theme-season21-infernal-throne .it21-rank-panel__summary {
    border-radius: 12px;
    border: 1px solid rgba(255, 178, 100, 0.26);
    background: linear-gradient(160deg, rgba(38, 14, 10, 0.92), rgba(15, 6, 5, 0.94));
}

body.theme-season21-infernal-throne .it21-rank-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 14px 18px 10px;
    border-bottom: 1px solid rgba(255, 146, 66, 0.1);
}

body.theme-season21-infernal-throne .it21-rank-tab {
    min-height: 34px;
    padding: 0 14px;
    border-radius: 11px;
    border: 1px solid rgba(255, 158, 80, 0.24);
    background: linear-gradient(180deg, rgba(31, 12, 10, 0.9), rgba(16, 6, 5, 0.94));
    color: rgba(250, 226, 194, 0.72);
    font-size: 0.67rem;
    letter-spacing: 0.1em;
    transition: transform 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

body.theme-season21-infernal-throne .it21-rank-tab:hover {
    transform: translateY(-1px);
    border-color: rgba(255, 188, 112, 0.4);
    color: rgba(255, 238, 216, 0.94);
}

body.theme-season21-infernal-throne .it21-rank-tab.is-active {
    border-color: rgba(255, 204, 130, 0.52);
    background:
        radial-gradient(circle at 50% -20%, rgba(255, 206, 138, 0.32), transparent 74%),
        linear-gradient(160deg, rgba(104, 40, 18, 0.93), rgba(31, 12, 9, 0.96));
    color: #fff2de;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(255, 184, 112, 0.14) inset;
}

body.theme-season21-infernal-throne .it21-rank-filter {
    padding: 12px 18px 14px;
    border-bottom: 1px solid rgba(255, 142, 62, 0.1);
}

body.theme-season21-infernal-throne .it21-rank-filter__label {
    color: rgba(247, 220, 188, 0.76);
    letter-spacing: 0.12em;
    font-size: 0.62rem;
}

body.theme-season21-infernal-throne .it21-rank-select {
    min-height: 38px;
    border-radius: 11px;
    border: 1px solid rgba(255, 160, 82, 0.25);
    background: linear-gradient(170deg, rgba(25, 10, 8, 0.95), rgba(12, 5, 4, 0.96));
    color: #ffe5c5;
}

body.theme-season21-infernal-throne .it21-rank-table-wrap {
    margin: 0 18px 18px;
    border-radius: 16px;
    border: 1px solid rgba(255, 158, 78, 0.22);
    background: linear-gradient(180deg, rgba(10, 4, 4, 0.92), rgba(8, 3, 3, 0.95));
    box-shadow: inset 0 1px 0 rgba(255, 214, 166, 0.07);
}

body.theme-season21-infernal-throne .it21-rank-table {
    min-width: 980px;
}

body.theme-season21-infernal-throne .it21-rank-table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 13px 14px;
    border-bottom: 1px solid rgba(255, 164, 84, 0.22);
    background:
        linear-gradient(180deg, rgba(255, 158, 78, 0.16), rgba(255, 118, 44, 0.05)),
        linear-gradient(180deg, rgba(26, 10, 8, 0.98), rgba(16, 6, 5, 0.98));
    color: rgba(255, 216, 160, 0.82);
    font-size: 0.6rem;
    letter-spacing: 0.12em;
}

body.theme-season21-infernal-throne .it21-rank-table tbody tr:nth-child(odd) td {
    background: rgba(255, 140, 58, 0.03);
}

body.theme-season21-infernal-throne .it21-rank-table tbody tr:nth-child(even) td {
    background: rgba(255, 140, 58, 0.015);
}

body.theme-season21-infernal-throne .it21-rank-table tbody td {
    padding: 13px 14px;
    border-bottom: 1px solid rgba(255, 146, 70, 0.09);
    vertical-align: middle;
}

body.theme-season21-infernal-throne .it21-rank-table tbody tr:hover td {
    background: rgba(255, 164, 84, 0.09);
}

body.theme-season21-infernal-throne .it21-rank-row--podium td {
    background: linear-gradient(90deg, rgba(255, 190, 112, 0.12), rgba(255, 132, 52, 0.04)) !important;
}

body.theme-season21-infernal-throne .it21-rank-num {
    min-width: 64px;
}

body.theme-season21-infernal-throne .it21-rank-num__value {
    min-width: 26px;
    height: 26px;
    padding: 0 7px;
    border-radius: 8px;
    border: 1px solid rgba(255, 196, 124, 0.36);
    background: linear-gradient(180deg, rgba(74, 28, 14, 0.96), rgba(29, 11, 9, 0.98));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffddb0;
    font-size: 0.8rem;
}

body.theme-season21-infernal-throne .it21-rank-link {
    color: #ffe9cb;
    font-weight: 800;
}

body.theme-season21-infernal-throne .it21-rank-link:hover {
    color: #fff7e8;
}

body.theme-season21-infernal-throne .it21-rank-class {
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-rank-class__img {
    width: 24px;
    height: 24px;
    border-radius: 6px;
}

body.theme-season21-infernal-throne .it21-rank-status {
    min-height: 28px;
    min-width: 82px;
    justify-content: center;
    border-radius: 999px;
    font-size: 0.62rem;
    letter-spacing: 0.1em;
}

body.theme-season21-infernal-throne .it21-rank-status--on {
    border-color: rgba(118, 255, 178, 0.48);
    background: linear-gradient(180deg, rgba(22, 74, 43, 0.95), rgba(10, 40, 24, 0.96));
    color: #b5ffd0;
}

body.theme-season21-infernal-throne .it21-rank-status--off {
    border-color: rgba(176, 136, 106, 0.33);
    background: linear-gradient(180deg, rgba(46, 30, 23, 0.88), rgba(24, 14, 12, 0.92));
    color: rgba(241, 219, 194, 0.7);
}

body.theme-season21-infernal-throne .it21-rank-empty {
    padding: 20px 12px;
    color: rgba(247, 220, 188, 0.72);
}

body.theme-season21-infernal-throne .it21-rank-pagination {
    padding: 12px 18px 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-top: 1px solid rgba(255, 150, 68, 0.1);
}

body.theme-season21-infernal-throne .it21-rank-page-btn {
    min-width: 36px;
    height: 36px;
    border-radius: 10px;
    border: 1px solid rgba(255, 162, 84, 0.24);
    background: linear-gradient(180deg, rgba(31, 12, 10, 0.9), rgba(14, 5, 5, 0.95));
    color: rgba(245, 221, 190, 0.76);
}

body.theme-season21-infernal-throne .it21-rank-page-btn:hover {
    border-color: rgba(255, 192, 116, 0.44);
    color: #fff0d7;
}

body.theme-season21-infernal-throne .it21-rank-page-btn.is-active {
    border-color: rgba(255, 206, 132, 0.55);
    background: linear-gradient(160deg, rgba(112, 44, 20, 0.93), rgba(35, 13, 10, 0.96));
    color: #fff6ea;
}

body.theme-season21-infernal-throne .it21-guild-rank-spotlight {
    margin: 4px 18px 14px;
    border-radius: 16px;
    border: 1px solid rgba(255, 164, 84, 0.24);
    background:
        radial-gradient(90% 100% at 10% -18%, rgba(255, 208, 144, 0.16), transparent 64%),
        linear-gradient(160deg, rgba(27, 10, 8, 0.96), rgba(12, 4, 4, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 230, 198, 0.08), 0 14px 24px rgba(0, 0, 0, 0.28);
}

body.theme-season21-infernal-throne .it21-guild-rank-spotlight__copy h2 {
    font-size: clamp(1.18rem, 2vw, 1.52rem);
}

@media (max-width: 1120px) {
    body.theme-season21-infernal-throne .it21-rank-hero__inner {
        grid-template-columns: 1fr;
        align-items: start;
    }

    body.theme-season21-infernal-throne .it21-rank-hero__stats {
        width: 100%;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.theme-season21-infernal-throne .it21-rank-showcase {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.theme-season21-infernal-throne .it21-rank-showcase__card,
    body.theme-season21-infernal-throne .it21-rank-showcase__card--rank1,
    body.theme-season21-infernal-throne .it21-rank-showcase__card--rank2,
    body.theme-season21-infernal-throne .it21-rank-showcase__card--rank3 {
        grid-column: auto;
        order: initial;
        transform: none;
    }
}

@media (max-width: 760px) {
    body.theme-season21-infernal-throne .it21-rank-page {
        max-width: 100%;
    }

    body.theme-season21-infernal-throne .it21-rank-hero {
        border-radius: 18px;
    }

    body.theme-season21-infernal-throne .it21-rank-hero__inner {
        padding: 18px 14px;
        gap: 14px;
    }

    body.theme-season21-infernal-throne .it21-rank-hero__title {
        font-size: 1.38rem;
    }

    body.theme-season21-infernal-throne .it21-rank-hero__desc {
        font-size: 0.83rem;
    }

    body.theme-season21-infernal-throne .it21-rank-hero__stats {
        gap: 8px;
    }

    body.theme-season21-infernal-throne .it21-rank-hero__stat {
        padding: 9px 6px;
    }

    body.theme-season21-infernal-throne .it21-rank-showcase {
        grid-template-columns: 1fr;
    }

    body.theme-season21-infernal-throne .it21-rank-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 10px 10px 8px;
        scrollbar-width: none;
    }

    body.theme-season21-infernal-throne .it21-rank-tabs::-webkit-scrollbar {
        display: none;
    }

    body.theme-season21-infernal-throne .it21-rank-tab {
        flex: 0 0 auto;
        min-height: 32px;
        padding: 0 12px;
    }

    body.theme-season21-infernal-throne .it21-rank-filter {
        padding: 10px 10px 12px;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    body.theme-season21-infernal-throne .it21-rank-table-wrap,
    body.theme-season21-infernal-throne .it21-guild-rank-spotlight {
        margin-left: 10px;
        margin-right: 10px;
    }

    body.theme-season21-infernal-throne .it21-rank-table thead th,
    body.theme-season21-infernal-throne .it21-rank-table tbody td {
        padding: 10px 10px;
    }
}

@keyframes it21-rank-pulse {
    0%,
    100% {
        opacity: 0.66;
        transform: scale(1);
    }
    50% {
        opacity: 0.9;
        transform: scale(1.08);
    }
}

/* ======================================================================
   NPC Shops redesign v14
   ====================================================================== */
body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-header {
    margin-bottom: 0;
    padding: 16px 18px;
    border-radius: 18px;
    border: 1px solid rgba(255, 170, 92, 0.24);
    background:
        radial-gradient(120% 86% at 10% -20%, rgba(255, 188, 112, 0.16), transparent 60%),
        linear-gradient(160deg, rgba(26, 10, 8, 0.95), rgba(12, 4, 4, 0.97));
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 226, 188, 0.08);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-header .page-sub {
    margin: 6px 0 0;
    color: rgba(247, 221, 190, 0.76);
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-header__stats {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-header__stats span {
    min-height: 32px;
    padding: 0 11px;
    border-radius: 999px;
    border: 1px solid rgba(255, 168, 88, 0.28);
    background: linear-gradient(180deg, rgba(36, 14, 10, 0.88), rgba(15, 6, 5, 0.92));
    color: rgba(243, 219, 191, 0.72);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.65rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 700;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-header__stats strong {
    color: #ffe3bd;
    font-family: var(--it21-font-head);
    font-size: 0.84rem;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-layout {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-sidebar {
    position: sticky;
    top: 88px;
    border-radius: 16px;
    border-color: rgba(255, 166, 86, 0.24);
    background:
        radial-gradient(130% 90% at 10% -22%, rgba(255, 186, 108, 0.16), transparent 60%),
        linear-gradient(160deg, rgba(24, 9, 7, 0.95), rgba(11, 4, 4, 0.97));
    box-shadow: 0 18px 32px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 220, 174, 0.07);
    padding: 12px;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-sidebar__head {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-sidebar h3 {
    margin: 0;
    font-size: 0.8rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-search {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 11px;
    border-radius: 10px;
    border: 1px solid rgba(255, 164, 84, 0.2);
    background: linear-gradient(180deg, rgba(30, 11, 9, 0.9), rgba(14, 5, 5, 0.92));
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-search i {
    color: rgba(255, 196, 126, 0.72);
    font-size: 0.76rem;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-search input {
    width: 100%;
    border: 0;
    outline: none;
    background: transparent;
    color: #ffe8ca;
    font-family: var(--it21-font-ui);
    font-size: 0.74rem;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-search input::placeholder {
    color: rgba(246, 219, 188, 0.45);
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-list {
    margin-top: 10px;
    max-height: min(66vh, 620px);
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-right: 2px;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-list::-webkit-scrollbar {
    width: 8px;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-list::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(255, 156, 78, 0.22);
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-link {
    min-height: 38px;
    border-radius: 10px;
    border: 1px solid rgba(255, 154, 74, 0.1);
    background: linear-gradient(180deg, rgba(24, 9, 7, 0.72), rgba(14, 5, 5, 0.8));
    color: rgba(248, 221, 191, 0.72);
    padding: 0 10px;
    gap: 8px;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-link__main {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-link__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.72rem;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-link__id {
    border-radius: 999px;
    border: 1px solid rgba(255, 154, 74, 0.18);
    background: rgba(255, 148, 68, 0.08);
    padding: 2px 8px;
    font-size: 0.58rem;
    color: rgba(255, 210, 156, 0.68);
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-link:hover {
    border-color: rgba(255, 188, 112, 0.32);
    background: linear-gradient(180deg, rgba(54, 20, 13, 0.78), rgba(20, 8, 7, 0.86));
    color: #fff0d8;
    transform: translateX(1px);
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-link.active {
    border-color: rgba(255, 204, 130, 0.44);
    background:
        radial-gradient(120% 110% at 0% 50%, rgba(255, 188, 112, 0.2), transparent 70%),
        linear-gradient(180deg, rgba(98, 36, 16, 0.9), rgba(28, 10, 8, 0.95));
    color: #fff1dd;
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.26), inset 0 0 0 1px rgba(255, 188, 112, 0.08);
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-content {
    min-width: 0;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-panel {
    border-radius: 18px;
    border-color: rgba(255, 166, 86, 0.24);
    background:
        radial-gradient(120% 90% at 12% -16%, rgba(255, 190, 114, 0.14), transparent 62%),
        linear-gradient(165deg, rgba(22, 8, 7, 0.96), rgba(10, 4, 4, 0.98));
    box-shadow: 0 20px 34px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 220, 174, 0.07);
    padding: 14px;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-panel__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 146, 66, 0.14);
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-panel__title h2 {
    margin: 0;
    font-size: clamp(1.22rem, 2vw, 1.72rem);
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-panel__title .db-dim {
    margin: 6px 0 0;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-panel__badge {
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 188, 112, 0.38);
    background: linear-gradient(180deg, rgba(88, 34, 16, 0.88), rgba(34, 13, 10, 0.94));
    color: #ffe4c0;
    display: inline-flex;
    align-items: center;
    font-size: 0.66rem;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    font-weight: 800;
    white-space: nowrap;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-tab-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 0 2px;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-tab-pill {
    min-height: 30px;
    padding: 0 11px;
    border-radius: 999px;
    border: 1px solid rgba(255, 166, 86, 0.24);
    background: rgba(255, 144, 64, 0.08);
    color: rgba(249, 221, 188, 0.78);
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 0.62rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 800;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-tab-pill em {
    font-style: normal;
    color: #ffd7a2;
    font-size: 0.72rem;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-tab {
    margin-top: 10px;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-tab .dbs-tab-heading {
    margin: 0 0 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255, 152, 72, 0.14);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-tab .dbs-tab-heading span {
    color: #ffd6a0;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-tab .dbs-tab-heading small {
    color: rgba(248, 218, 186, 0.62);
    font-size: 0.65rem;
    font-family: var(--it21-font-ui);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(176px, 1fr));
    gap: 10px;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-item-card {
    border-radius: 12px;
    border: 1px solid rgba(255, 156, 78, 0.18);
    background:
        radial-gradient(130% 90% at 10% -20%, rgba(255, 202, 136, 0.17), transparent 62%),
        linear-gradient(165deg, rgba(23, 9, 7, 0.92), rgba(11, 4, 4, 0.95));
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 220, 174, 0.06);
    gap: 8px;
    padding: 11px 10px;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-item-card:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 194, 120, 0.34);
    box-shadow: 0 16px 24px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 234, 208, 0.08);
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-item-card__img-wrap {
    min-height: 52px;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-item-card__img {
    max-width: 52px;
    max-height: 52px;
    filter: drop-shadow(0 0 8px rgba(255, 150, 70, 0.24));
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-item-card__name {
    font-size: 0.76rem;
    color: #ffe8c6;
    line-height: 1.25;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-item-card__meta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-item-card__tag {
    border-radius: 6px;
    border: 1px solid rgba(255, 170, 92, 0.22);
    background: rgba(255, 144, 64, 0.1);
    color: #ffdaa9;
    padding: 2px 7px;
    font-size: 0.57rem;
    letter-spacing: 0.08em;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-item-card .dbs-item-lvl {
    padding: 2px 6px;
    border-radius: 999px;
    border: 1px solid rgba(255, 206, 130, 0.36);
    background: rgba(255, 190, 112, 0.12);
    color: #ffd38f;
    font-size: 0.64rem;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-empty {
    border-radius: 14px;
    border: 1px dashed rgba(255, 168, 88, 0.28);
    background: linear-gradient(180deg, rgba(28, 10, 8, 0.72), rgba(12, 4, 4, 0.78));
    min-height: 210px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: rgba(246, 220, 188, 0.74);
    text-align: center;
    padding: 18px;
}

body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-empty i {
    font-size: 1.5rem;
    color: rgba(255, 194, 120, 0.8);
}

@media (max-width: 1040px) {
    body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-layout {
        grid-template-columns: 1fr;
    }

    body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-sidebar {
        position: static;
    }
}

@media (max-width: 760px) {
    body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-header {
        flex-direction: column;
        align-items: flex-start;
        padding: 14px;
    }

    body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-header__stats {
        justify-content: flex-start;
    }

    body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-panel {
        padding: 11px;
    }

    body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-panel__head {
        flex-direction: column;
        align-items: flex-start;
    }

    body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 540px) {
    body.theme-season21-infernal-throne .df21-content-embed .it21-dbshops-grid {
        grid-template-columns: 1fr;
    }
}

/* ======================================================================
   Rankings Vortex Rebuild (/rankings + /rankings/online)
   ====================================================================== */
body.theme-season21-infernal-throne .it21-rx-shell {
    width: min(1360px, calc(100vw - 34px));
    margin: 0 auto;
    padding: 16px 0 52px;
    display: grid;
    gap: 14px;
}

body.theme-season21-infernal-throne .it21-rx-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
    gap: 14px;
    border-radius: 24px;
    border: 1px solid rgba(255, 143, 62, 0.22);
    background:
        radial-gradient(circle at 82% -12%, rgba(255, 165, 74, 0.24), transparent 42%),
        radial-gradient(circle at -14% 118%, rgba(72, 116, 255, 0.14), transparent 40%),
        linear-gradient(150deg, rgba(32, 12, 9, 0.96), rgba(14, 6, 5, 0.98));
    box-shadow:
        0 20px 44px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 227, 195, 0.08);
    padding: 20px;
}

body.theme-season21-infernal-throne .it21-rx-hero__main {
    display: grid;
    gap: 10px;
    align-content: start;
}

body.theme-season21-infernal-throne .it21-rx-hero__kicker {
    color: rgba(255, 215, 160, 0.72);
    font-family: var(--it21-font-ui);
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.17em;
}

body.theme-season21-infernal-throne .it21-rx-hero h1 {
    margin: 0;
    color: #fff2df;
    font-family: var(--it21-font-head);
    font-size: clamp(1.6rem, 2.4vw, 2.7rem);
    line-height: 1;
}

body.theme-season21-infernal-throne .it21-rx-hero p {
    margin: 0;
    color: rgba(245, 224, 200, 0.76);
    max-width: 62ch;
    line-height: 1.65;
}

body.theme-season21-infernal-throne .it21-rx-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

body.theme-season21-infernal-throne .it21-rx-metric {
    display: grid;
    gap: 5px;
    border-radius: 14px;
    border: 1px solid rgba(255, 145, 65, 0.18);
    background: linear-gradient(180deg, rgba(24, 9, 7, 0.92), rgba(13, 5, 4, 0.97));
    box-shadow: inset 0 1px 0 rgba(255, 226, 196, 0.05);
    padding: 12px 13px;
}

body.theme-season21-infernal-throne .it21-rx-metric span {
    color: rgba(248, 223, 190, 0.58);
    font-size: 0.64rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-family: var(--it21-font-ui);
    font-weight: 800;
}

body.theme-season21-infernal-throne .it21-rx-metric strong {
    color: #fff1dd;
    font-family: var(--it21-font-head);
    font-size: 1.22rem;
    line-height: 1;
}

body.theme-season21-infernal-throne .it21-rx-metric small {
    color: rgba(237, 212, 183, 0.62);
    font-family: var(--it21-font-ui);
    font-size: 0.7rem;
}

body.theme-season21-infernal-throne .it21-rx-podium {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

body.theme-season21-infernal-throne .it21-rx-podium__card {
    display: grid;
    gap: 10px;
    border-radius: 16px;
    border: 1px solid rgba(255, 142, 61, 0.16);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 44%),
        linear-gradient(160deg, rgba(20, 8, 6, 0.96), rgba(11, 4, 4, 0.98));
    box-shadow: 0 16px 28px rgba(0, 0, 0, 0.24);
    padding: 14px;
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

body.theme-season21-infernal-throne .it21-rx-podium__card:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 190, 114, 0.38);
    box-shadow: 0 20px 32px rgba(0, 0, 0, 0.28);
}

body.theme-season21-infernal-throne .it21-rx-podium__card--r1 {
    border-color: rgba(255, 209, 113, 0.44);
    background:
        radial-gradient(circle at 88% 12%, rgba(255, 208, 107, 0.22), transparent 46%),
        linear-gradient(160deg, rgba(32, 13, 8, 0.97), rgba(12, 5, 4, 0.99));
}

body.theme-season21-infernal-throne .it21-rx-podium__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-rx-podium__rank {
    min-width: 42px;
    min-height: 26px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    border: 1px solid rgba(255, 173, 90, 0.3);
    background: rgba(255, 150, 67, 0.14);
    color: #ffe6be;
    font-family: var(--it21-font-ui);
    font-weight: 800;
    letter-spacing: 0.05em;
    font-size: 0.74rem;
}

body.theme-season21-infernal-throne .it21-rx-podium__tag {
    color: rgba(244, 219, 188, 0.64);
    font-size: 0.62rem;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    font-family: var(--it21-font-ui);
    font-weight: 800;
}

body.theme-season21-infernal-throne .it21-rx-podium__name {
    color: #fff2df;
    font-family: var(--it21-font-head);
    text-decoration: none;
    font-size: 1.22rem;
    line-height: 1.1;
}

body.theme-season21-infernal-throne .it21-rx-podium__name:hover {
    color: #ffdca4;
}

body.theme-season21-infernal-throne .it21-rx-podium__class {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(247, 224, 199, 0.76);
    font-family: var(--it21-font-ui);
    font-size: 0.78rem;
    font-weight: 700;
}

body.theme-season21-infernal-throne .it21-rx-podium__class img {
    width: 26px;
    height: 26px;
    border-radius: 8px;
    border: 1px solid rgba(255, 165, 80, 0.28);
    background: rgba(0, 0, 0, 0.35);
}

body.theme-season21-infernal-throne .it21-rx-podium__stats {
    display: grid;
    gap: 2px;
}

body.theme-season21-infernal-throne .it21-rx-podium__stats strong {
    color: #ffe3b2;
    font-family: var(--it21-font-head);
    font-size: 0.96rem;
    line-height: 1.1;
}

body.theme-season21-infernal-throne .it21-rx-podium__stats small {
    color: rgba(239, 212, 178, 0.66);
    font-size: 0.73rem;
    font-family: var(--it21-font-ui);
}

body.theme-season21-infernal-throne .it21-rx-command {
    display: grid;
    gap: 10px;
    border-radius: 16px;
    border: 1px solid rgba(255, 140, 59, 0.16);
    background: rgba(17, 7, 6, 0.92);
    padding: 12px;
}

body.theme-season21-infernal-throne .it21-rx-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-rx-tab {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 13px;
    border-radius: 10px;
    border: 1px solid rgba(255, 143, 62, 0.2);
    background: linear-gradient(180deg, rgba(28, 10, 8, 0.84), rgba(16, 6, 5, 0.9));
    color: rgba(246, 222, 197, 0.76);
    font-family: var(--it21-font-ui);
    font-size: 0.66rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 800;
    text-decoration: none;
    transition: border-color 0.16s ease, transform 0.16s ease, color 0.16s ease;
}

body.theme-season21-infernal-throne .it21-rx-tab:hover {
    transform: translateY(-1px);
    border-color: rgba(255, 191, 114, 0.34);
    color: #fff2dd;
}

body.theme-season21-infernal-throne .it21-rx-tab.is-active {
    border-color: rgba(255, 209, 133, 0.52);
    color: #fff7e8;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 187, 92, 0.22), transparent 60%),
        linear-gradient(180deg, rgba(75, 29, 15, 0.92), rgba(25, 10, 7, 0.95));
}

body.theme-season21-infernal-throne .it21-rx-controls {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    align-items: end;
}

body.theme-season21-infernal-throne .it21-rx-class-form {
    display: grid;
    gap: 4px;
    min-width: 210px;
}

body.theme-season21-infernal-throne .it21-rx-class-form label {
    color: rgba(245, 220, 187, 0.64);
    font-family: var(--it21-font-ui);
    font-size: 0.6rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-weight: 800;
}

body.theme-season21-infernal-throne .it21-rx-class-form select {
    min-height: 40px;
    border-radius: 10px;
    border: 1px solid rgba(255, 145, 65, 0.2);
    background: rgba(12, 4, 4, 0.94);
    color: #fff0dd;
    font-family: var(--it21-font-ui);
    font-size: 0.84rem;
    padding: 0 11px;
    outline: 0;
}

body.theme-season21-infernal-throne .it21-rx-class-form select:focus {
    border-color: rgba(255, 201, 128, 0.4);
    box-shadow: 0 0 0 3px rgba(255, 158, 82, 0.12);
}

body.theme-season21-infernal-throne .it21-rx-search {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    border-radius: 10px;
    border: 1px solid rgba(255, 145, 65, 0.2);
    background: rgba(12, 4, 4, 0.94);
    padding: 0 11px;
}

body.theme-season21-infernal-throne .it21-rx-search i {
    color: rgba(255, 196, 126, 0.76);
    font-size: 0.9rem;
}

body.theme-season21-infernal-throne .it21-rx-search input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff0dc;
    font-family: var(--it21-font-ui);
    font-size: 0.86rem;
}

body.theme-season21-infernal-throne .it21-rx-search input::placeholder {
    color: rgba(248, 222, 188, 0.46);
}

body.theme-season21-infernal-throne .it21-rx-board {
    border-radius: 20px;
    border: 1px solid rgba(255, 142, 61, 0.16);
    background: linear-gradient(180deg, rgba(18, 8, 6, 0.96), rgba(11, 4, 4, 0.98));
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.26);
    overflow: hidden;
}

body.theme-season21-infernal-throne .it21-rx-board__head,
body.theme-season21-infernal-throne .it21-rx-row {
    display: grid;
    grid-template-columns: 70px minmax(140px, 2fr) minmax(150px, 1.5fr) minmax(110px, 1fr) minmax(90px, 0.9fr) minmax(110px, 1fr);
    gap: 10px;
    align-items: center;
}

body.theme-season21-infernal-throne .it21-rx-board__head {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(255, 142, 61, 0.12);
    background: linear-gradient(180deg, rgba(255, 162, 73, 0.1), rgba(15, 6, 5, 0.94));
}

body.theme-season21-infernal-throne .it21-rx-board__head span {
    color: rgba(248, 222, 190, 0.68);
    font-size: 0.62rem;
    font-family: var(--it21-font-ui);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 800;
}

body.theme-season21-infernal-throne .it21-rx-list {
    display: grid;
}

body.theme-season21-infernal-throne .it21-rx-row {
    padding: 11px 14px;
    border-bottom: 1px solid rgba(255, 142, 61, 0.08);
    transition: background 0.14s ease, transform 0.14s ease;
}

body.theme-season21-infernal-throne .it21-rx-row:last-child {
    border-bottom: 0;
}

body.theme-season21-infernal-throne .it21-rx-row:hover {
    background: rgba(255, 154, 72, 0.06);
    transform: translateX(2px);
}

body.theme-season21-infernal-throne .it21-rx-row.is-podium {
    background: linear-gradient(90deg, rgba(255, 176, 95, 0.09), rgba(255, 255, 255, 0));
}

body.theme-season21-infernal-throne .it21-rx-col {
    min-width: 0;
    color: #f7e5d3;
    font-size: 0.9rem;
}

body.theme-season21-infernal-throne .it21-rx-col--rank {
    display: flex;
    align-items: center;
}

body.theme-season21-infernal-throne .it21-rx-rank-badge {
    min-width: 38px;
    min-height: 28px;
    border-radius: 999px;
    display: inline-grid;
    place-items: center;
    border: 1px solid rgba(255, 157, 78, 0.26);
    background: rgba(255, 157, 78, 0.12);
    color: #ffe6bf;
    font-family: var(--it21-font-ui);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.05em;
}

body.theme-season21-infernal-throne .it21-rx-link {
    color: #fff2df;
    font-family: var(--it21-font-head);
    font-size: 1rem;
    text-decoration: none;
    line-height: 1.1;
}

body.theme-season21-infernal-throne .it21-rx-link:hover {
    color: #ffd79e;
}

body.theme-season21-infernal-throne .it21-rx-col--class {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-rx-col--class img {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    border: 1px solid rgba(255, 164, 79, 0.26);
    background: rgba(0, 0, 0, 0.32);
    flex-shrink: 0;
}

body.theme-season21-infernal-throne .it21-rx-master {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid rgba(89, 146, 255, 0.34);
    background: rgba(89, 146, 255, 0.14);
    color: #d7e8ff;
    font-family: var(--it21-font-ui);
    font-size: 0.71rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-rx-status {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 148, 68, 0.28);
    background: rgba(255, 148, 68, 0.14);
    color: #ffd7a4;
    font-family: var(--it21-font-ui);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-rx-status.is-online {
    border-color: rgba(92, 218, 135, 0.38);
    background: rgba(92, 218, 135, 0.16);
    color: #cbffd8;
}

body.theme-season21-infernal-throne .it21-rx-empty {
    margin: 14px;
    border-radius: 12px;
    border: 1px dashed rgba(255, 164, 81, 0.26);
    background: linear-gradient(180deg, rgba(28, 10, 8, 0.74), rgba(12, 4, 4, 0.82));
    color: rgba(246, 220, 188, 0.76);
    text-align: center;
    padding: 18px;
}

body.theme-season21-infernal-throne .it21-rx-row.is-hidden,
body.theme-season21-infernal-throne .it21-rx-empty.is-hidden {
    display: none !important;
}

body.theme-season21-infernal-throne .it21-rx-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}

body.theme-season21-infernal-throne .it21-rx-page {
    min-width: 36px;
    min-height: 36px;
    display: inline-grid;
    place-items: center;
    border-radius: 9px;
    border: 1px solid rgba(255, 142, 61, 0.2);
    background: rgba(20, 8, 6, 0.9);
    color: rgba(247, 224, 199, 0.78);
    font-family: var(--it21-font-ui);
    font-size: 0.76rem;
    text-decoration: none;
    transition: border-color 0.16s ease, transform 0.16s ease;
}

body.theme-season21-infernal-throne .it21-rx-page:hover {
    border-color: rgba(255, 201, 128, 0.44);
    transform: translateY(-1px);
}

body.theme-season21-infernal-throne .it21-rx-page.is-active {
    color: #fff8eb;
    border-color: rgba(255, 209, 133, 0.56);
    background:
        radial-gradient(circle at 50% -20%, rgba(255, 188, 94, 0.28), transparent 64%),
        rgba(39, 15, 10, 0.95);
}

body.theme-season21-infernal-throne .it21-rx-page.is-muted {
    pointer-events: none;
    opacity: 0.45;
}

@media (max-width: 1180px) {
    body.theme-season21-infernal-throne .it21-rx-podium {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    body.theme-season21-infernal-throne .it21-rx-hero {
        grid-template-columns: 1fr;
    }

    body.theme-season21-infernal-throne .it21-rx-controls {
        grid-template-columns: 1fr;
    }

    body.theme-season21-infernal-throne .it21-rx-class-form {
        min-width: 0;
    }

    body.theme-season21-infernal-throne .it21-rx-podium {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 860px) {
    body.theme-season21-infernal-throne .it21-rx-board__head {
        display: none;
    }

    body.theme-season21-infernal-throne .it21-rx-row {
        grid-template-columns: 1fr 1fr;
        gap: 10px 12px;
        padding: 12px;
    }

    body.theme-season21-infernal-throne .it21-rx-col {
        display: grid;
        gap: 2px;
    }

    body.theme-season21-infernal-throne .it21-rx-col::before {
        content: attr(data-label);
        color: rgba(246, 221, 188, 0.56);
        font-family: var(--it21-font-ui);
        font-size: 0.58rem;
        letter-spacing: 0.11em;
        text-transform: uppercase;
        font-weight: 800;
    }

    body.theme-season21-infernal-throne .it21-rx-col--rank,
    body.theme-season21-infernal-throne .it21-rx-col--class {
        align-items: start;
    }
}

@media (max-width: 640px) {
    body.theme-season21-infernal-throne .it21-rx-shell {
        width: calc(100vw - 18px);
        padding: 10px 0 36px;
    }

    body.theme-season21-infernal-throne .it21-rx-hero {
        padding: 14px;
        border-radius: 16px;
    }

    body.theme-season21-infernal-throne .it21-rx-metrics {
        grid-template-columns: 1fr;
    }

    body.theme-season21-infernal-throne .it21-rx-command {
        padding: 10px;
    }

    body.theme-season21-infernal-throne .it21-rx-tabs {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 2px;
    }

    body.theme-season21-infernal-throne .it21-rx-tab {
        flex: 0 0 auto;
    }

    body.theme-season21-infernal-throne .it21-rx-row {
        grid-template-columns: 1fr;
    }
}

/* ======================================================================
   Rankings / Online Rebuild V1 (clean namespace to avoid legacy collisions)
   ====================================================================== */
body.theme-season21-infernal-throne .it21-rankx,
body.theme-season21-infernal-throne .it21-livehub {
    width: min(1420px, 100%);
    margin: 0 auto;
    display: grid;
    gap: 14px;
    color: #f8e7d7;
    box-sizing: border-box;
}

body.theme-season21-infernal-throne .it21-rankx *,
body.theme-season21-infernal-throne .it21-rankx *::before,
body.theme-season21-infernal-throne .it21-rankx *::after,
body.theme-season21-infernal-throne .it21-livehub *,
body.theme-season21-infernal-throne .it21-livehub *::before,
body.theme-season21-infernal-throne .it21-livehub *::after {
    box-sizing: border-box;
}

body.theme-season21-infernal-throne .it21-rankx__hero,
body.theme-season21-infernal-throne .it21-livehub__hero {
    display: grid;
    gap: 14px;
    padding: 18px;
    border-radius: 18px;
    border: 1px solid rgba(255, 145, 62, 0.2);
    background:
        radial-gradient(circle at 88% 0%, rgba(255, 162, 76, 0.22), transparent 44%),
        radial-gradient(circle at 0% 120%, rgba(106, 70, 255, 0.1), transparent 42%),
        linear-gradient(145deg, rgba(28, 11, 9, 0.96), rgba(13, 5, 4, 0.98));
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.32),
        inset 0 1px 0 rgba(255, 216, 176, 0.07);
}

body.theme-season21-infernal-throne .it21-rankx__hero {
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
    align-items: start;
}

body.theme-season21-infernal-throne .it21-livehub__hero {
    grid-template-columns: minmax(0, 1.15fr) minmax(180px, 0.4fr) minmax(0, 0.85fr);
    align-items: stretch;
}

body.theme-season21-infernal-throne .it21-rankx__kicker,
body.theme-season21-infernal-throne .it21-livehub__kicker {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(255, 212, 157, 0.86);
    font-family: var(--it21-font-ui);
    font-size: 0.68rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-weight: 800;
}

body.theme-season21-infernal-throne .it21-rankx__kicker i,
body.theme-season21-infernal-throne .it21-livehub__kicker i {
    color: #ffbe6d;
    font-size: 0.94rem;
}

body.theme-season21-infernal-throne .it21-rankx__hero-main h1,
body.theme-season21-infernal-throne .it21-livehub__hero-main h1 {
    margin: 4px 0 8px;
    color: #fff0dd;
    font-family: var(--it21-font-head);
    font-size: clamp(1.55rem, 2.25vw, 2.4rem);
    line-height: 1.05;
}

body.theme-season21-infernal-throne .it21-rankx__hero-main p,
body.theme-season21-infernal-throne .it21-livehub__hero-main p {
    margin: 0;
    color: rgba(244, 224, 203, 0.74);
    line-height: 1.62;
    max-width: 62ch;
}

body.theme-season21-infernal-throne .it21-rankx__hero-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

body.theme-season21-infernal-throne .it21-rankx__stat,
body.theme-season21-infernal-throne .it21-livehub__hero-stat {
    display: grid;
    gap: 4px;
    padding: 12px;
    border-radius: 12px;
    border: 1px solid rgba(255, 146, 64, 0.18);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent),
        rgba(17, 7, 6, 0.92);
}

body.theme-season21-infernal-throne .it21-rankx__stat span,
body.theme-season21-infernal-throne .it21-livehub__hero-stat span {
    color: rgba(249, 223, 191, 0.62);
    font-family: var(--it21-font-ui);
    font-size: 0.64rem;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    font-weight: 800;
}

body.theme-season21-infernal-throne .it21-rankx__stat strong,
body.theme-season21-infernal-throne .it21-livehub__hero-stat strong {
    color: #fff2df;
    font-family: var(--it21-font-head);
    font-size: 1.18rem;
    line-height: 1.05;
}

body.theme-season21-infernal-throne .it21-rankx__stat small,
body.theme-season21-infernal-throne .it21-livehub__hero-stat small {
    color: rgba(240, 217, 186, 0.62);
    font-size: 0.7rem;
    font-family: var(--it21-font-ui);
}

body.theme-season21-infernal-throne .it21-livehub__hero-orb {
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 4px;
    padding: 14px 12px;
    border-radius: 16px;
    border: 1px solid rgba(255, 172, 91, 0.28);
    background:
        radial-gradient(circle at 50% 8%, rgba(255, 195, 116, 0.26), transparent 44%),
        linear-gradient(180deg, rgba(29, 11, 8, 0.95), rgba(13, 6, 5, 0.96));
    box-shadow:
        0 0 0 1px rgba(255, 165, 84, 0.14),
        inset 0 0 0 1px rgba(255, 230, 201, 0.04);
}

body.theme-season21-infernal-throne .it21-livehub__hero-orb strong {
    color: #fff3de;
    font-family: var(--it21-font-head);
    font-size: clamp(2rem, 4vw, 2.7rem);
    line-height: 0.9;
}

body.theme-season21-infernal-throne .it21-livehub__hero-orb span {
    color: rgba(255, 221, 183, 0.88);
    font-family: var(--it21-font-ui);
    font-size: 0.7rem;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    font-weight: 800;
}

body.theme-season21-infernal-throne .it21-livehub__hero-orb small {
    color: rgba(241, 215, 182, 0.58);
    font-size: 0.7rem;
    font-family: var(--it21-font-ui);
}

body.theme-season21-infernal-throne .it21-livehub__hero-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

/* Rankings cards and controls */
body.theme-season21-infernal-throne .it21-rankx__leaders {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

body.theme-season21-infernal-throne .it21-rankx__leader-card {
    display: grid;
    gap: 8px;
    padding: 14px;
    border-radius: 14px;
    border: 1px solid rgba(255, 146, 64, 0.18);
    background:
        radial-gradient(circle at 86% -10%, rgba(255, 160, 76, 0.14), transparent 40%),
        linear-gradient(160deg, rgba(24, 10, 8, 0.95), rgba(12, 6, 5, 0.97));
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.24);
    transition: transform 0.16s ease, border-color 0.16s ease;
}

body.theme-season21-infernal-throne .it21-rankx__leader-card:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 186, 108, 0.44);
}

body.theme-season21-infernal-throne .it21-rankx__leader-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-rankx__leader-rank,
body.theme-season21-infernal-throne .it21-rankx__leader-tag {
    min-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    font-family: var(--it21-font-ui);
    font-size: 0.58rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 800;
}

body.theme-season21-infernal-throne .it21-rankx__leader-rank {
    border: 1px solid rgba(255, 175, 96, 0.34);
    background: rgba(255, 175, 96, 0.13);
    color: #ffd49b;
}

body.theme-season21-infernal-throne .it21-rankx__leader-tag {
    border: 1px solid rgba(116, 150, 255, 0.34);
    background: rgba(79, 114, 212, 0.18);
    color: #c8d8ff;
}

body.theme-season21-infernal-throne .it21-rankx__leader-name {
    color: #fff0db;
    text-decoration: none;
    font-family: var(--it21-font-head);
    font-size: 1.22rem;
    line-height: 1.05;
}

body.theme-season21-infernal-throne .it21-rankx__leader-name:hover {
    color: #ffd7a4;
}

body.theme-season21-infernal-throne .it21-rankx__leader-class {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(247, 224, 199, 0.8);
    font-family: var(--it21-font-ui);
    font-size: 0.76rem;
}

body.theme-season21-infernal-throne .it21-rankx__leader-class img {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    border: 1px solid rgba(255, 176, 99, 0.24);
    object-fit: cover;
}

body.theme-season21-infernal-throne .it21-rankx__leader-meta strong {
    color: #ffe2bd;
    display: block;
    font-family: var(--it21-font-head);
    font-size: 1rem;
}

body.theme-season21-infernal-throne .it21-rankx__leader-meta small {
    color: rgba(240, 216, 186, 0.63);
    font-family: var(--it21-font-ui);
    font-size: 0.69rem;
}

body.theme-season21-infernal-throne .it21-rankx__toolbar,
body.theme-season21-infernal-throne .it21-livehub__controls,
body.theme-season21-infernal-throne .it21-livehub__rail-card,
body.theme-season21-infernal-throne .it21-livehub__board,
body.theme-season21-infernal-throne .it21-rankx__board {
    border-radius: 14px;
    border: 1px solid rgba(255, 143, 60, 0.16);
    background: linear-gradient(180deg, rgba(18, 8, 6, 0.95), rgba(11, 5, 4, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 224, 192, 0.04);
}

body.theme-season21-infernal-throne .it21-rankx__toolbar {
    display: grid;
    gap: 10px;
    padding: 12px;
}

body.theme-season21-infernal-throne .it21-rankx__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-rankx__tab {
    min-height: 31px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 146, 64, 0.18);
    background: rgba(15, 6, 5, 0.9);
    color: rgba(249, 224, 192, 0.74);
    text-decoration: none;
    font-family: var(--it21-font-ui);
    font-size: 0.64rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    transition: border-color 0.16s ease, color 0.16s ease, background 0.16s ease;
}

body.theme-season21-infernal-throne .it21-rankx__tab:hover,
body.theme-season21-infernal-throne .it21-rankx__tab.is-active {
    border-color: rgba(255, 193, 114, 0.44);
    color: #fff2df;
    background: linear-gradient(180deg, rgba(95, 36, 18, 0.9), rgba(31, 13, 9, 0.93));
}

body.theme-season21-infernal-throne .it21-rankx__filters {
    display: grid;
    grid-template-columns: auto minmax(260px, 1fr);
    gap: 10px;
    align-items: end;
}

body.theme-season21-infernal-throne .it21-rankx__class-filter {
    display: grid;
    gap: 6px;
    min-width: 220px;
}

body.theme-season21-infernal-throne .it21-rankx__class-filter label {
    color: rgba(248, 221, 190, 0.62);
    font-family: var(--it21-font-ui);
    font-size: 0.62rem;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    font-weight: 800;
}

body.theme-season21-infernal-throne .it21-rankx__class-filter select,
body.theme-season21-infernal-throne .it21-rankx__search input,
body.theme-season21-infernal-throne .it21-livehub__search input,
body.theme-season21-infernal-throne .it21-livehub__select select {
    min-height: 40px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid rgba(255, 146, 64, 0.2);
    background: rgba(12, 5, 4, 0.88);
    color: #ffe9cf;
    padding: 0 12px;
    font-family: var(--it21-font-ui);
    font-size: 0.83rem;
    outline: 0;
}

body.theme-season21-infernal-throne .it21-rankx__class-filter select:focus,
body.theme-season21-infernal-throne .it21-rankx__search input:focus,
body.theme-season21-infernal-throne .it21-livehub__search input:focus,
body.theme-season21-infernal-throne .it21-livehub__select select:focus {
    border-color: rgba(255, 193, 114, 0.5);
    box-shadow: 0 0 0 3px rgba(255, 146, 64, 0.14);
}

body.theme-season21-infernal-throne .it21-rankx__search,
body.theme-season21-infernal-throne .it21-livehub__search {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    border-radius: 10px;
    border: 1px solid rgba(255, 146, 64, 0.2);
    background: rgba(12, 5, 4, 0.88);
    padding: 0 10px;
}

body.theme-season21-infernal-throne .it21-rankx__search i,
body.theme-season21-infernal-throne .it21-livehub__search i {
    color: rgba(255, 197, 124, 0.8);
    font-size: 0.95rem;
}

body.theme-season21-infernal-throne .it21-rankx__search input,
body.theme-season21-infernal-throne .it21-livehub__search input {
    border: 0;
    background: transparent;
    padding: 0;
    min-height: 0;
}

body.theme-season21-infernal-throne .it21-rankx__search input::placeholder,
body.theme-season21-infernal-throne .it21-livehub__search input::placeholder {
    color: rgba(252, 229, 202, 0.42);
}

/* Rankings table */
body.theme-season21-infernal-throne .it21-rankx__table-wrap,
body.theme-season21-infernal-throne .it21-livehub__table-wrap {
    overflow: auto;
}

body.theme-season21-infernal-throne .it21-rankx__table,
body.theme-season21-infernal-throne .it21-livehub__table {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
}

body.theme-season21-infernal-throne .it21-rankx__table th,
body.theme-season21-infernal-throne .it21-livehub__table th {
    text-align: left;
    padding: 11px 12px;
    color: rgba(244, 215, 180, 0.63);
    font-family: var(--it21-font-ui);
    font-size: 0.62rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 800;
    border-bottom: 1px solid rgba(255, 145, 62, 0.14);
}

body.theme-season21-infernal-throne .it21-rankx__table td,
body.theme-season21-infernal-throne .it21-livehub__table td {
    padding: 11px 12px;
    border-bottom: 1px solid rgba(255, 145, 62, 0.1);
    color: rgba(246, 229, 208, 0.9);
    font-size: 0.88rem;
}

body.theme-season21-infernal-throne .it21-rankx__table tbody tr:hover td,
body.theme-season21-infernal-throne .it21-livehub__table tbody tr:hover td {
    background: rgba(255, 160, 74, 0.07);
}

body.theme-season21-infernal-throne .it21-rankx__rank {
    width: 28px;
    height: 28px;
    border-radius: 9px;
    border: 1px solid rgba(255, 146, 64, 0.18);
    display: inline-grid;
    place-items: center;
    font-family: var(--it21-font-ui);
    font-weight: 800;
    font-size: 0.75rem;
    color: rgba(254, 231, 201, 0.84);
    background: rgba(17, 8, 7, 0.88);
}

body.theme-season21-infernal-throne .it21-rankx__rank.is-top {
    border-color: rgba(255, 202, 124, 0.5);
    background: linear-gradient(180deg, rgba(124, 51, 24, 0.76), rgba(44, 18, 11, 0.9));
    color: #fff0d8;
}

body.theme-season21-infernal-throne .it21-rankx__name,
body.theme-season21-infernal-throne .it21-livehub__char {
    color: #fff0dc;
    text-decoration: none;
    font-family: var(--it21-font-head);
    font-size: 1rem;
}

body.theme-season21-infernal-throne .it21-rankx__name:hover,
body.theme-season21-infernal-throne .it21-livehub__char:hover {
    color: #ffd8a2;
}

body.theme-season21-infernal-throne .it21-rankx__class,
body.theme-season21-infernal-throne .it21-livehub__class {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(246, 224, 199, 0.86);
    font-size: 0.82rem;
}

body.theme-season21-infernal-throne .it21-rankx__class img,
body.theme-season21-infernal-throne .it21-livehub__class img {
    width: 26px;
    height: 26px;
    border-radius: 8px;
    border: 1px solid rgba(255, 176, 99, 0.24);
    object-fit: cover;
}

body.theme-season21-infernal-throne .it21-rankx__master {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 9px;
    border-radius: 999px;
    border: 1px solid rgba(110, 161, 255, 0.38);
    background: rgba(74, 109, 196, 0.18);
    color: #d5e2ff;
    font-size: 0.68rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-family: var(--it21-font-ui);
    font-weight: 800;
}

body.theme-season21-infernal-throne .it21-rankx__status {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 9px;
    border-radius: 999px;
    border: 1px solid rgba(255, 198, 129, 0.26);
    color: rgba(255, 223, 179, 0.72);
    background: rgba(255, 255, 255, 0.03);
    font-size: 0.65rem;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    font-family: var(--it21-font-ui);
    font-weight: 800;
}

body.theme-season21-infernal-throne .it21-rankx__status.is-online {
    border-color: rgba(89, 229, 132, 0.4);
    color: #a9f6bf;
    background: rgba(66, 190, 108, 0.16);
}

body.theme-season21-infernal-throne .it21-rankx__empty-row td,
body.theme-season21-infernal-throne .it21-livehub__empty-row td {
    color: rgba(245, 219, 189, 0.74);
    text-align: center;
    padding: 24px 14px;
}

body.theme-season21-infernal-throne .it21-rankx__pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-rankx__page {
    min-width: 32px;
    min-height: 32px;
    padding: 0 10px;
    border-radius: 9px;
    border: 1px solid rgba(255, 146, 64, 0.16);
    color: rgba(253, 226, 195, 0.78);
    background: rgba(15, 6, 5, 0.88);
    text-decoration: none;
    font-family: var(--it21-font-ui);
    font-size: 0.72rem;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.theme-season21-infernal-throne .it21-rankx__page:hover {
    border-color: rgba(255, 197, 121, 0.44);
    color: #fff2e0;
}

body.theme-season21-infernal-throne .it21-rankx__page.is-active {
    border-color: rgba(255, 197, 121, 0.48);
    background: linear-gradient(180deg, rgba(95, 36, 18, 0.9), rgba(31, 13, 9, 0.93));
    color: #fff2df;
}

body.theme-season21-infernal-throne .it21-rankx__page.is-ellipsis {
    pointer-events: none;
    opacity: 0.7;
}

/* Online specific layout */
body.theme-season21-infernal-throne .it21-livehub__controls {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) repeat(3, minmax(150px, 0.48fr)) auto;
    gap: 10px;
    padding: 12px;
    align-items: end;
}

body.theme-season21-infernal-throne .it21-livehub__select {
    display: grid;
    gap: 6px;
}

body.theme-season21-infernal-throne .it21-livehub__select span {
    color: rgba(248, 221, 190, 0.62);
    font-family: var(--it21-font-ui);
    font-size: 0.62rem;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    font-weight: 800;
}

body.theme-season21-infernal-throne .it21-livehub__visible {
    min-height: 40px;
    padding: 0 12px;
    border-radius: 10px;
    border: 1px solid rgba(255, 146, 64, 0.2);
    background: rgba(12, 5, 4, 0.88);
    display: grid;
    align-content: center;
    justify-items: center;
}

body.theme-season21-infernal-throne .it21-livehub__visible span {
    color: rgba(249, 223, 191, 0.62);
    font-family: var(--it21-font-ui);
    font-size: 0.58rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 800;
}

body.theme-season21-infernal-throne .it21-livehub__visible strong {
    color: #ffe6c4;
    font-family: var(--it21-font-head);
    font-size: 1rem;
    line-height: 1;
}

body.theme-season21-infernal-throne .it21-livehub__layout {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 12px;
}

body.theme-season21-infernal-throne .it21-livehub__rail {
    display: grid;
    gap: 12px;
    align-content: start;
}

body.theme-season21-infernal-throne .it21-livehub__rail-card {
    padding: 12px;
    display: grid;
    gap: 10px;
}

body.theme-season21-infernal-throne .it21-livehub__rail-card h2 {
    margin: 0;
    color: #fff0dc;
    font-family: var(--it21-font-head);
    font-size: 1.02rem;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-livehub__rail-card h2 i {
    color: #ffbf6d;
    font-size: 1rem;
}

body.theme-season21-infernal-throne .it21-livehub__meter {
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 32px;
    padding: 0 10px;
    border-radius: 9px;
    border: 1px solid rgba(255, 146, 64, 0.16);
    background: rgba(14, 6, 5, 0.9);
    overflow: hidden;
}

body.theme-season21-infernal-throne .it21-livehub__meter::before {
    content: "";
    position: absolute;
    inset: 0;
    width: var(--it21-livehub-fill, 0%);
    background: linear-gradient(90deg, rgba(255, 153, 71, 0.28), rgba(255, 208, 149, 0.14));
    z-index: -1;
}

body.theme-season21-infernal-throne .it21-livehub__meter--class::before {
    background: linear-gradient(90deg, rgba(114, 146, 255, 0.28), rgba(173, 186, 255, 0.14));
}

body.theme-season21-infernal-throne .it21-livehub__meter span,
body.theme-season21-infernal-throne .it21-livehub__meter strong {
    color: rgba(248, 227, 203, 0.88);
    font-size: 0.78rem;
}

body.theme-season21-infernal-throne .it21-livehub__meter strong {
    color: #ffe1b7;
    font-family: var(--it21-font-head);
    font-size: 0.9rem;
}

body.theme-season21-infernal-throne .it21-livehub__empty-copy {
    margin: 0;
    color: rgba(244, 220, 194, 0.72);
    font-size: 0.83rem;
    line-height: 1.5;
}

body.theme-season21-infernal-throne .it21-livehub__board {
    padding: 12px;
    display: grid;
    gap: 10px;
}

body.theme-season21-infernal-throne .it21-livehub__board-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

body.theme-season21-infernal-throne .it21-livehub__board-head h2 {
    margin: 0;
    color: #fff0db;
    font-family: var(--it21-font-head);
    font-size: 1.2rem;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-livehub__board-head h2 i {
    color: #ffc274;
    font-size: 1rem;
}

body.theme-season21-infernal-throne .it21-livehub__refresh {
    min-height: 32px;
    padding: 0 11px;
    border-radius: 999px;
    border: 1px solid rgba(255, 146, 64, 0.2);
    background: rgba(15, 6, 5, 0.9);
    color: rgba(249, 224, 192, 0.82);
    text-decoration: none;
    font-family: var(--it21-font-ui);
    font-size: 0.64rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

body.theme-season21-infernal-throne .it21-livehub__refresh:hover {
    border-color: rgba(255, 193, 114, 0.44);
    color: #fff2df;
}

body.theme-season21-infernal-throne .it21-livehub__empty-row a {
    color: #ffd7a2;
    text-decoration: none;
    margin-left: 4px;
}

body.theme-season21-infernal-throne .it21-livehub__empty-row a:hover {
    text-decoration: underline;
}

/* Responsive behavior */
@media (max-width: 1260px) {
    body.theme-season21-infernal-throne .it21-livehub__hero {
        grid-template-columns: 1fr;
    }
    body.theme-season21-infernal-throne .it21-livehub__hero-orb {
        justify-self: start;
        min-width: 220px;
    }
    body.theme-season21-infernal-throne .it21-livehub__controls {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.theme-season21-infernal-throne .it21-livehub__visible {
        justify-items: start;
    }
}

@media (max-width: 1120px) {
    body.theme-season21-infernal-throne .it21-rankx__hero {
        grid-template-columns: 1fr;
    }
    body.theme-season21-infernal-throne .it21-rankx__leaders {
        grid-template-columns: 1fr;
    }
    body.theme-season21-infernal-throne .it21-livehub__layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 860px) {
    body.theme-season21-infernal-throne .it21-rankx__filters {
        grid-template-columns: 1fr;
    }
    body.theme-season21-infernal-throne .it21-livehub__controls {
        grid-template-columns: 1fr;
    }
    body.theme-season21-infernal-throne .it21-rankx__table,
    body.theme-season21-infernal-throne .it21-livehub__table {
        min-width: 100%;
    }
    body.theme-season21-infernal-throne .it21-rankx__table thead,
    body.theme-season21-infernal-throne .it21-livehub__table thead {
        display: none;
    }
    body.theme-season21-infernal-throne .it21-rankx__table tbody tr,
    body.theme-season21-infernal-throne .it21-livehub__table tbody tr {
        display: grid;
        gap: 8px;
        padding: 11px;
        border-bottom: 1px solid rgba(255, 145, 62, 0.1);
    }
    body.theme-season21-infernal-throne .it21-rankx__table tbody tr:last-child,
    body.theme-season21-infernal-throne .it21-livehub__table tbody tr:last-child {
        border-bottom: 0;
    }
    body.theme-season21-infernal-throne .it21-rankx__table td,
    body.theme-season21-infernal-throne .it21-livehub__table td {
        border: 0;
        padding: 0;
        display: grid;
        gap: 2px;
    }
    body.theme-season21-infernal-throne .it21-rankx__table td::before,
    body.theme-season21-infernal-throne .it21-livehub__table td::before {
        content: attr(data-label);
        color: rgba(244, 215, 180, 0.58);
        font-family: var(--it21-font-ui);
        font-size: 0.6rem;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        font-weight: 800;
    }
    body.theme-season21-infernal-throne .it21-rankx__empty-row td::before,
    body.theme-season21-infernal-throne .it21-livehub__empty-row td::before {
        content: none;
    }
}

/* ======================================================================
   Rankings + Online Layout Fix Pack (anti-cramp / anti-overflow)
   ====================================================================== */
body.theme-season21-infernal-throne .it21-rankx,
body.theme-season21-infernal-throne .it21-livehub {
    width: 100%;
    max-width: 100%;
    gap: 12px;
}

body.theme-season21-infernal-throne .it21-rankx__hero,
body.theme-season21-infernal-throne .it21-livehub__hero {
    padding: 16px;
}

body.theme-season21-infernal-throne .it21-rankx__leaders {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

body.theme-season21-infernal-throne .it21-livehub__controls {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: flex-end;
}

body.theme-season21-infernal-throne .it21-livehub__search {
    flex: 1 1 340px;
    min-width: 260px;
}

body.theme-season21-infernal-throne .it21-livehub__select {
    flex: 1 1 160px;
    min-width: 150px;
}

body.theme-season21-infernal-throne .it21-livehub__visible {
    flex: 0 0 96px;
}

body.theme-season21-infernal-throne .it21-livehub__layout {
    grid-template-columns: 1fr !important;
    gap: 10px;
}

body.theme-season21-infernal-throne .it21-livehub__board {
    order: 1;
}

body.theme-season21-infernal-throne .it21-livehub__rail {
    order: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

body.theme-season21-infernal-throne .it21-rankx__table {
    min-width: 640px;
}

body.theme-season21-infernal-throne .it21-livehub__table {
    min-width: 620px;
}

@media (max-width: 980px) {
    body.theme-season21-infernal-throne .it21-livehub__search {
        min-width: 0;
        flex-basis: 100%;
    }

    body.theme-season21-infernal-throne .it21-livehub__select {
        flex: 1 1 31%;
        min-width: 0;
    }
}

@media (max-width: 760px) {
    body.theme-season21-infernal-throne .it21-livehub__rail {
        grid-template-columns: 1fr;
    }

    body.theme-season21-infernal-throne .it21-rankx__table,
    body.theme-season21-infernal-throne .it21-livehub__table {
        min-width: 100%;
    }
}

/* ======================================================================
   Global Compact Hero Refresh
   Smaller + cleaner across dynamic/info/database pages.
   ====================================================================== */
body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact {
    margin-bottom: 12px;
    border-radius: 14px;
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__copy {
    padding: 14px 16px;
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__copy h1 {
    font-size: clamp(0.98rem, 1.15vw, 1.24rem);
    line-height: 1.18;
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact.it21-page-hero--no-aside .it21-page-hero__copy > p,
body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact.it21-page-hero--stats-inline .it21-page-hero__copy > p {
    font-size: 0.74rem;
    line-height: 1.4;
    -webkit-line-clamp: 1;
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-hero__actions {
    margin-top: 0;
    gap: 6px;
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-cta {
    min-height: 30px;
    padding: 6px 11px;
    font-size: 0.6rem;
    letter-spacing: 0.08em;
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__micro-stats {
    gap: 6px;
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__micro-stat {
    min-width: 92px;
    padding: 6px 8px;
    border-radius: 9px;
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__micro-stat span {
    font-size: 0.53rem;
}

body.theme-season21-infernal-throne .it21-page-hero.it21-page-hero--compact .it21-page-hero__micro-stat strong {
    font-size: 0.94rem;
}

/* ======================================================================
   Monster Detail Drop Grid Fix
   Fixes hidden drops on /database/monster/{id} when count is 13-24.
   ====================================================================== */
body.theme-season21-infernal-throne .dbmd-drops-grid {
    grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
    gap: 10px;
    max-height: none !important;
    overflow: visible !important;
}

body.theme-season21-infernal-throne .dbmd-drops-grid.is-collapsible {
    position: relative;
    max-height: 412px !important;
    overflow: hidden !important;
    padding-bottom: 2px;
}

body.theme-season21-infernal-throne .dbmd-drops-grid.is-collapsible:not(.is-expanded)::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 56px;
    background: linear-gradient(180deg, rgba(14, 6, 5, 0), rgba(14, 6, 5, 0.94));
    pointer-events: none;
}

body.theme-season21-infernal-throne .dbmd-drops-grid.is-collapsible.is-expanded {
    max-height: none !important;
    overflow: visible !important;
}

body.theme-season21-infernal-throne .dbmd-drops-grid.is-collapsible.is-expanded::after {
    display: none;
}

body.theme-season21-infernal-throne .dbmd-drop-card {
    min-height: 98px;
    padding: 10px 8px;
    border-radius: 10px;
    border: 1px solid rgba(255, 138, 56, 0.14);
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 166, 84, 0.08), transparent 54%),
        linear-gradient(180deg, rgba(20, 8, 6, 0.92), rgba(12, 5, 4, 0.96));
    justify-content: flex-start;
}

body.theme-season21-infernal-throne .dbmd-drop-card:hover {
    border-color: rgba(255, 190, 111, 0.34);
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 180, 96, 0.16), transparent 54%),
        linear-gradient(180deg, rgba(29, 11, 8, 0.94), rgba(16, 6, 5, 0.98));
    transform: translateY(-1px);
}

body.theme-season21-infernal-throne .dbmd-drop-img {
    width: 40px;
    height: 40px;
    filter: drop-shadow(0 0 4px rgba(255, 138, 56, 0.2));
}

body.theme-season21-infernal-throne .dbmd-drop-name {
    width: 100%;
    margin-top: 1px;
    font-size: 0.68rem;
    color: rgba(252, 226, 192, 0.86);
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-wrap: balance;
}

body.theme-season21-infernal-throne .dbmd-drop-badge {
    margin-top: auto;
    border-radius: 999px;
    border: 1px solid rgba(116, 171, 255, 0.42);
    background: rgba(59, 130, 246, 0.2) !important;
    color: #9dc4ff !important;
    font-size: 0.55rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 800;
    padding: 2px 8px;
}

body.theme-season21-infernal-throne .dbmd-drops-toggle {
    margin-top: 10px;
    border-radius: 9px;
    border: 1px solid rgba(255, 146, 64, 0.2);
    background: linear-gradient(180deg, rgba(22, 9, 7, 0.9), rgba(14, 6, 5, 0.94));
    color: rgba(255, 214, 161, 0.9);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
}

body.theme-season21-infernal-throne .dbmd-drops-toggle:hover {
    border-color: rgba(255, 196, 116, 0.42);
    background: linear-gradient(180deg, rgba(36, 13, 8, 0.95), rgba(19, 8, 6, 0.98));
    color: #ffe5bd;
}

/* ===================================================================
   Database / Events - Premium Rebuild (v3)
   =================================================================== */
body.theme-season21-infernal-throne .s21-evp-page {
    --evp-border: rgba(255, 164, 86, 0.24);
    --evp-border-strong: rgba(255, 190, 118, 0.44);
    --evp-bg-0: rgba(10, 4, 3, 0.9);
    --evp-bg-1: rgba(20, 8, 6, 0.92);
    --evp-bg-2: rgba(28, 11, 8, 0.9);
    --evp-text: #f6e7cf;
    --evp-soft: rgba(246, 231, 207, 0.72);
    --evp-muted: rgba(246, 231, 207, 0.56);
    --evp-accent: #ff9b3e;
    --evp-accent-soft: rgba(255, 155, 62, 0.18);
    display: grid;
    gap: 18px;
    color: var(--evp-text);
}

body.theme-season21-infernal-throne .s21-evp-kicker {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #ffb872;
}

body.theme-season21-infernal-throne .s21-evp-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.75fr) minmax(320px, 1fr);
    gap: 16px;
    padding: 18px;
    border-radius: 18px;
    border: 1px solid var(--evp-border);
    background:
        radial-gradient(circle at 76% -12%, rgba(255, 178, 96, 0.24), rgba(255, 178, 96, 0) 42%),
        radial-gradient(circle at 10% 120%, rgba(255, 92, 51, 0.2), rgba(255, 92, 51, 0) 54%),
        linear-gradient(165deg, rgba(31, 11, 8, 0.94), rgba(12, 5, 4, 0.96));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 18px 50px rgba(0, 0, 0, 0.32);
}

body.theme-season21-infernal-throne .s21-evp-hero__copy h1 {
    margin: 6px 0 8px;
    font-size: clamp(1.52rem, 2.4vw, 2.1rem);
    letter-spacing: 0.018em;
    color: #fff1dc;
}

body.theme-season21-infernal-throne .s21-evp-hero__copy p {
    margin: 0;
    max-width: 66ch;
    font-size: 0.93rem;
    line-height: 1.6;
    color: var(--evp-soft);
}

body.theme-season21-infernal-throne .s21-evp-hero__stats {
    margin-top: 14px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

body.theme-season21-infernal-throne .s21-evp-stat {
    min-height: 102px;
    padding: 11px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255, 164, 86, 0.2);
    background:
        linear-gradient(180deg, rgba(25, 10, 7, 0.86), rgba(14, 5, 4, 0.95));
    display: grid;
    gap: 3px;
    align-content: start;
}

body.theme-season21-infernal-throne .s21-evp-stat span {
    font-size: 0.63rem;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: rgba(255, 190, 128, 0.84);
}

body.theme-season21-infernal-throne .s21-evp-stat strong {
    font-size: 1.28rem;
    line-height: 1.08;
    color: #fff4e3;
}

body.theme-season21-infernal-throne .s21-evp-stat small {
    margin-top: auto;
    font-size: 0.74rem;
    color: var(--evp-muted);
    line-height: 1.45;
}

body.theme-season21-infernal-throne .s21-evp-spotlight {
    border-radius: 14px;
    border: 1px solid var(--evp-border);
    background:
        radial-gradient(circle at 88% 0%, rgba(255, 189, 122, 0.18), transparent 43%),
        linear-gradient(180deg, rgba(28, 11, 8, 0.95), rgba(14, 6, 5, 0.97));
    padding: 14px;
    display: grid;
    gap: 10px;
    align-content: start;
    position: relative;
    overflow: hidden;
}

body.theme-season21-infernal-throne .s21-evp-spotlight::after {
    content: "";
    position: absolute;
    inset: auto -12% -36% auto;
    width: 170px;
    height: 170px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 142, 60, 0.3), rgba(255, 142, 60, 0));
    pointer-events: none;
}

body.theme-season21-infernal-throne .s21-evp-spotlight__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
}

body.theme-season21-infernal-throne .s21-evp-spotlight h2 {
    margin: 0;
    font-size: 1.22rem;
    color: #fff4e4;
    line-height: 1.25;
    text-wrap: balance;
}

body.theme-season21-infernal-throne .s21-evp-spotlight p {
    margin: 0;
    font-size: 0.84rem;
    line-height: 1.58;
    color: var(--evp-soft);
}

body.theme-season21-infernal-throne .s21-evp-spotlight__countdown {
    margin-top: 3px;
    border-radius: 11px;
    border: 1px solid rgba(255, 178, 105, 0.24);
    background: linear-gradient(180deg, rgba(20, 8, 6, 0.85), rgba(12, 5, 4, 0.92));
    padding: 11px;
    display: grid;
    gap: 2px;
}

body.theme-season21-infernal-throne .s21-evp-spotlight__countdown span,
body.theme-season21-infernal-throne .s21-evp-card__countdown span {
    font-size: 0.62rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 196, 138, 0.8);
}

body.theme-season21-infernal-throne .s21-evp-spotlight__countdown strong,
body.theme-season21-infernal-throne .s21-evp-card__countdown strong,
body.theme-season21-infernal-throne .s21-evp-timeline__timer em {
    font-size: 1.05rem;
    font-weight: 800;
    color: #fff3dc;
    letter-spacing: 0.02em;
    font-style: normal;
}

body.theme-season21-infernal-throne .s21-evp-spotlight__countdown small,
body.theme-season21-infernal-throne .s21-evp-card__countdown small,
body.theme-season21-infernal-throne .s21-evp-timeline__timer small {
    font-size: 0.73rem;
    color: var(--evp-muted);
    line-height: 1.45;
}

body.theme-season21-infernal-throne .s21-evp-toolbar {
    display: grid;
    grid-template-columns: minmax(260px, 1.1fr) minmax(0, 2fr) auto;
    gap: 10px;
    align-items: center;
    padding: 12px;
    border-radius: 14px;
    border: 1px solid rgba(255, 163, 85, 0.19);
    background: linear-gradient(180deg, rgba(18, 7, 5, 0.88), rgba(12, 5, 4, 0.95));
}

body.theme-season21-infernal-throne .s21-evp-search {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    height: 42px;
    border-radius: 10px;
    border: 1px solid rgba(255, 164, 86, 0.24);
    background: rgba(12, 5, 4, 0.85);
}

body.theme-season21-infernal-throne .s21-evp-search i {
    font-size: 0.95rem;
    color: rgba(255, 183, 116, 0.9);
}

body.theme-season21-infernal-throne .s21-evp-search input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #ffe8c6;
    font-size: 0.86rem;
}

body.theme-season21-infernal-throne .s21-evp-search input::placeholder {
    color: rgba(255, 224, 183, 0.48);
}

body.theme-season21-infernal-throne .s21-evp-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.theme-season21-infernal-throne .s21-evp-filter {
    min-height: 35px;
    padding: 0 11px;
    border-radius: 999px;
    border: 1px solid rgba(255, 164, 86, 0.22);
    background: rgba(18, 7, 5, 0.72);
    color: rgba(255, 229, 196, 0.8);
    font-size: 0.72rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

body.theme-season21-infernal-throne .s21-evp-filter em {
    font-style: normal;
    color: #ffcb8b;
    font-size: 0.66rem;
    letter-spacing: 0.03em;
}

body.theme-season21-infernal-throne .s21-evp-filter:hover,
body.theme-season21-infernal-throne .s21-evp-filter.is-active {
    border-color: rgba(255, 200, 130, 0.52);
    background:
        radial-gradient(circle at 50% -70%, rgba(255, 174, 90, 0.3), transparent 70%),
        rgba(35, 13, 9, 0.92);
    color: #fff1da;
}

body.theme-season21-infernal-throne .s21-evp-toolbar__meta {
    min-width: 105px;
    border-radius: 10px;
    border: 1px solid rgba(255, 164, 86, 0.22);
    background: linear-gradient(180deg, rgba(26, 10, 8, 0.88), rgba(13, 6, 5, 0.95));
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 1px;
    padding: 7px 10px;
}

body.theme-season21-infernal-throne .s21-evp-toolbar__meta strong {
    font-size: 1.24rem;
    line-height: 1.08;
    color: #fff2de;
}

body.theme-season21-infernal-throne .s21-evp-toolbar__meta span {
    font-size: 0.62rem;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: rgba(255, 208, 158, 0.72);
}

body.theme-season21-infernal-throne .s21-evp-layout {
    display: grid;
    grid-template-columns: minmax(280px, 318px) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

body.theme-season21-infernal-throne .s21-evp-timeline,
body.theme-season21-infernal-throne .s21-evp-board {
    border-radius: 14px;
    border: 1px solid var(--evp-border);
    background: linear-gradient(180deg, rgba(18, 7, 5, 0.9), rgba(11, 5, 4, 0.96));
}

body.theme-season21-infernal-throne .s21-evp-timeline {
    padding: 13px;
    position: sticky;
    top: 92px;
    max-height: calc(100vh - 118px);
    overflow: hidden;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
}

body.theme-season21-infernal-throne .s21-evp-timeline__head h2 {
    margin: 4px 0 0;
    font-size: 1.15rem;
    color: #fff1da;
}

body.theme-season21-infernal-throne .s21-evp-timeline__list {
    margin-top: 11px;
    display: grid;
    gap: 8px;
    overflow: auto;
    padding-right: 3px;
}

body.theme-season21-infernal-throne .s21-evp-timeline__item {
    border-radius: 10px;
    border: 1px solid rgba(255, 164, 86, 0.2);
    background: linear-gradient(180deg, rgba(25, 10, 7, 0.84), rgba(14, 6, 5, 0.92));
    padding: 10px;
    display: grid;
    gap: 8px;
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

body.theme-season21-infernal-throne .s21-evp-timeline__item:hover {
    border-color: var(--evp-border-strong);
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
}

body.theme-season21-infernal-throne .s21-evp-timeline__event {
    display: grid;
    gap: 5px;
}

body.theme-season21-infernal-throne .s21-evp-timeline__event strong {
    font-size: 0.88rem;
    line-height: 1.3;
    color: #fff0d8;
}

body.theme-season21-infernal-throne .s21-evp-timeline__timer {
    border-radius: 8px;
    border: 1px solid rgba(255, 164, 86, 0.18);
    background: rgba(13, 6, 5, 0.76);
    padding: 8px;
    display: grid;
}

body.theme-season21-infernal-throne .s21-evp-board {
    padding: 13px;
    min-height: 420px;
}

body.theme-season21-infernal-throne .s21-evp-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(312px, 1fr));
    gap: 11px;
}

body.theme-season21-infernal-throne .s21-evp-card {
    border-radius: 12px;
    border: 1px solid rgba(255, 164, 86, 0.19);
    background:
        radial-gradient(circle at 90% 0%, rgba(255, 178, 90, 0.08), transparent 42%),
        linear-gradient(180deg, rgba(22, 8, 6, 0.94), rgba(12, 5, 4, 0.97));
    padding: 12px;
    display: grid;
    gap: 10px;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

body.theme-season21-infernal-throne .s21-evp-card:hover {
    transform: translateY(-1px);
    border-color: var(--evp-border-strong);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.32);
}

body.theme-season21-infernal-throne .s21-evp-card.is-disabled {
    opacity: 0.62;
}

body.theme-season21-infernal-throne .s21-evp-card__head,
body.theme-season21-infernal-throne .s21-evp-card__foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

body.theme-season21-infernal-throne .s21-evp-card__title {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

body.theme-season21-infernal-throne .s21-evp-card__icon {
    width: 40px;
    height: 40px;
    border-radius: 11px;
    border: 1px solid rgba(255, 167, 89, 0.28);
    background: linear-gradient(180deg, rgba(39, 14, 10, 0.9), rgba(21, 8, 6, 0.95));
    display: grid;
    place-items: center;
    color: #ffc98f;
    font-size: 1.08rem;
    flex: 0 0 auto;
}

body.theme-season21-infernal-throne .s21-evp-card__title h3 {
    margin: 0;
    color: #fff1db;
    font-size: 0.98rem;
    line-height: 1.3;
    text-wrap: balance;
}

body.theme-season21-infernal-throne .s21-evp-card__title p {
    margin: 1px 0 0;
    color: var(--evp-muted);
    font-size: 0.73rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .s21-evp-card__desc {
    margin: 0;
    color: var(--evp-soft);
    font-size: 0.82rem;
    line-height: 1.52;
    min-height: 45px;
}

body.theme-season21-infernal-throne .s21-evp-card__meta,
body.theme-season21-infernal-throne .s21-evp-card__slots {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

body.theme-season21-infernal-throne .s21-evp-chip,
body.theme-season21-infernal-throne .s21-evp-card__slots span,
body.theme-season21-infernal-throne .s21-evp-type-pill,
body.theme-season21-infernal-throne .s21-evp-status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    border: 1px solid rgba(255, 169, 94, 0.23);
    background: rgba(33, 12, 9, 0.66);
    color: rgba(255, 227, 192, 0.84);
    font-size: 0.66rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 700;
}

body.theme-season21-infernal-throne .s21-evp-type-pill {
    color: #ffdaab;
}

body.theme-season21-infernal-throne .s21-evp-type-pill i {
    font-size: 0.78rem;
}

body.theme-season21-infernal-throne .s21-evp-chip.is-type {
    color: #ffd5a1;
}

body.theme-season21-infernal-throne .s21-evp-status.is-enabled {
    border-color: rgba(88, 220, 142, 0.48);
    background: rgba(14, 57, 31, 0.65);
    color: #b4f3cf;
}

body.theme-season21-infernal-throne .s21-evp-status.is-disabled {
    border-color: rgba(255, 145, 145, 0.4);
    background: rgba(63, 20, 20, 0.6);
    color: #ffc3c3;
}

body.theme-season21-infernal-throne .s21-evp-card__countdown {
    border-radius: 9px;
    border: 1px solid rgba(255, 164, 86, 0.22);
    background: linear-gradient(180deg, rgba(21, 8, 6, 0.85), rgba(13, 6, 4, 0.95));
    padding: 10px;
    display: grid;
    gap: 2px;
}

body.theme-season21-infernal-throne .s21-evp-card__note {
    border-radius: 9px;
    border: 1px solid rgba(125, 169, 255, 0.32);
    background: rgba(44, 77, 141, 0.2);
    color: #bfd9ff;
    font-size: 0.74rem;
    line-height: 1.45;
    padding: 8px 9px;
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

body.theme-season21-infernal-throne .s21-evp-card__note.is-inferred {
    border-color: rgba(255, 190, 126, 0.35);
    background: rgba(90, 55, 24, 0.28);
    color: #ffd4a1;
}

body.theme-season21-infernal-throne .s21-evp-card__foot span {
    font-size: 0.72rem;
    color: rgba(255, 216, 171, 0.78);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .s21-evp-card__foot code {
    border-radius: 7px;
    border: 1px solid rgba(255, 164, 86, 0.2);
    background: rgba(10, 5, 4, 0.82);
    color: rgba(255, 213, 163, 0.74);
    font-size: 0.68rem;
    padding: 4px 7px;
    max-width: 56%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.theme-season21-infernal-throne .s21-evp-empty-inline {
    border-radius: 10px;
    border: 1px dashed rgba(255, 167, 89, 0.32);
    color: rgba(255, 223, 184, 0.76);
    font-size: 0.78rem;
    padding: 14px;
    text-align: center;
}

body.theme-season21-infernal-throne .s21-evp-empty {
    margin-top: 12px;
    border-radius: 12px;
    border: 1px dashed rgba(255, 168, 93, 0.34);
    background: rgba(17, 7, 5, 0.82);
    min-height: 160px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 6px;
    text-align: center;
    color: rgba(255, 223, 184, 0.84);
    padding: 18px;
}

body.theme-season21-infernal-throne .s21-evp-empty i {
    font-size: 1.45rem;
    color: rgba(255, 187, 118, 0.9);
}

body.theme-season21-infernal-throne .s21-evp-empty strong {
    font-size: 1rem;
    color: #fff1da;
}

body.theme-season21-infernal-throne .s21-evp-empty p {
    margin: 0;
    color: rgba(255, 220, 179, 0.72);
    font-size: 0.8rem;
}

body.theme-season21-infernal-throne .s21-evp-card.is-live,
body.theme-season21-infernal-throne .s21-evp-timeline__item.is-live,
body.theme-season21-infernal-throne .s21-evp-spotlight.is-live {
    border-color: rgba(86, 222, 145, 0.64);
    box-shadow: 0 0 0 1px rgba(86, 222, 145, 0.22), 0 0 28px rgba(43, 149, 93, 0.22);
}

body.theme-season21-infernal-throne .s21-evp-card.is-urgent,
body.theme-season21-infernal-throne .s21-evp-timeline__item.is-urgent,
body.theme-season21-infernal-throne .s21-evp-spotlight.is-urgent {
    border-color: rgba(255, 133, 112, 0.64);
    box-shadow: 0 0 0 1px rgba(255, 133, 112, 0.22), 0 0 24px rgba(215, 84, 84, 0.22);
}

body.theme-season21-infernal-throne .s21-evp-card.is-soon,
body.theme-season21-infernal-throne .s21-evp-timeline__item.is-soon,
body.theme-season21-infernal-throne .s21-evp-spotlight.is-soon {
    border-color: rgba(255, 193, 108, 0.52);
    box-shadow: 0 0 0 1px rgba(255, 193, 108, 0.15);
}

body.theme-season21-infernal-throne .s21-evp-card.is-type-pve,
body.theme-season21-infernal-throne .s21-evp-timeline__item.is-type-pve,
body.theme-season21-infernal-throne .s21-evp-spotlight.is-type-pve {
    --evp-accent: #5fc7ff;
    --evp-accent-soft: rgba(95, 199, 255, 0.18);
}

body.theme-season21-infernal-throne .s21-evp-card.is-type-pvp,
body.theme-season21-infernal-throne .s21-evp-timeline__item.is-type-pvp,
body.theme-season21-infernal-throne .s21-evp-spotlight.is-type-pvp {
    --evp-accent: #ff8b70;
    --evp-accent-soft: rgba(255, 139, 112, 0.2);
}

body.theme-season21-infernal-throne .s21-evp-card.is-type-gvg,
body.theme-season21-infernal-throne .s21-evp-timeline__item.is-type-gvg,
body.theme-season21-infernal-throne .s21-evp-spotlight.is-type-gvg {
    --evp-accent: #a793ff;
    --evp-accent-soft: rgba(167, 147, 255, 0.2);
}

body.theme-season21-infernal-throne .s21-evp-card.is-type-fun,
body.theme-season21-infernal-throne .s21-evp-timeline__item.is-type-fun,
body.theme-season21-infernal-throne .s21-evp-spotlight.is-type-fun {
    --evp-accent: #7de39f;
    --evp-accent-soft: rgba(125, 227, 159, 0.2);
}

body.theme-season21-infernal-throne .s21-evp-card.is-type-other,
body.theme-season21-infernal-throne .s21-evp-timeline__item.is-type-other,
body.theme-season21-infernal-throne .s21-evp-spotlight.is-type-other {
    --evp-accent: #f4c36d;
    --evp-accent-soft: rgba(244, 195, 109, 0.18);
}

body.theme-season21-infernal-throne .s21-evp-card.is-type-pve { border-color: rgba(95, 199, 255, 0.35); }
body.theme-season21-infernal-throne .s21-evp-card.is-type-pvp { border-color: rgba(255, 139, 112, 0.35); }
body.theme-season21-infernal-throne .s21-evp-card.is-type-gvg { border-color: rgba(167, 147, 255, 0.35); }
body.theme-season21-infernal-throne .s21-evp-card.is-type-fun { border-color: rgba(125, 227, 159, 0.35); }
body.theme-season21-infernal-throne .s21-evp-card.is-type-other { border-color: rgba(244, 195, 109, 0.35); }

body.theme-season21-infernal-throne .s21-evp-card.is-type-pve .s21-evp-chip.is-type,
body.theme-season21-infernal-throne .s21-evp-timeline__item.is-type-pve .s21-evp-type-pill,
body.theme-season21-infernal-throne .s21-evp-spotlight.is-type-pve .s21-evp-type-pill {
    border-color: rgba(95, 199, 255, 0.5);
    background: rgba(27, 74, 107, 0.42);
    color: #bce8ff;
}

body.theme-season21-infernal-throne .s21-evp-card.is-type-pvp .s21-evp-chip.is-type,
body.theme-season21-infernal-throne .s21-evp-timeline__item.is-type-pvp .s21-evp-type-pill,
body.theme-season21-infernal-throne .s21-evp-spotlight.is-type-pvp .s21-evp-type-pill {
    border-color: rgba(255, 139, 112, 0.5);
    background: rgba(118, 42, 30, 0.42);
    color: #ffc3b6;
}

body.theme-season21-infernal-throne .s21-evp-card.is-type-gvg .s21-evp-chip.is-type,
body.theme-season21-infernal-throne .s21-evp-timeline__item.is-type-gvg .s21-evp-type-pill,
body.theme-season21-infernal-throne .s21-evp-spotlight.is-type-gvg .s21-evp-type-pill {
    border-color: rgba(167, 147, 255, 0.5);
    background: rgba(67, 52, 118, 0.4);
    color: #ddd2ff;
}

body.theme-season21-infernal-throne .s21-evp-card.is-type-fun .s21-evp-chip.is-type,
body.theme-season21-infernal-throne .s21-evp-timeline__item.is-type-fun .s21-evp-type-pill,
body.theme-season21-infernal-throne .s21-evp-spotlight.is-type-fun .s21-evp-type-pill {
    border-color: rgba(125, 227, 159, 0.5);
    background: rgba(36, 84, 54, 0.45);
    color: #c9f8da;
}

@media (max-width: 1280px) {
    body.theme-season21-infernal-throne .s21-evp-hero {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-season21-infernal-throne .s21-evp-hero__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.theme-season21-infernal-throne .s21-evp-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-season21-infernal-throne .s21-evp-timeline {
        position: static;
        max-height: none;
    }
}

@media (max-width: 980px) {
    body.theme-season21-infernal-throne .s21-evp-toolbar {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-season21-infernal-throne .s21-evp-toolbar__meta {
        justify-self: start;
    }
}

@media (max-width: 720px) {
    body.theme-season21-infernal-throne .s21-evp-page {
        gap: 12px;
    }

    body.theme-season21-infernal-throne .s21-evp-hero,
    body.theme-season21-infernal-throne .s21-evp-toolbar,
    body.theme-season21-infernal-throne .s21-evp-timeline,
    body.theme-season21-infernal-throne .s21-evp-board {
        border-radius: 12px;
        padding: 11px;
    }

    body.theme-season21-infernal-throne .s21-evp-hero__stats {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-season21-infernal-throne .s21-evp-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ===================================================================
   Database / Events - Premium Rebuild v4 (Cleaner Layout)
   =================================================================== */
body.theme-season21-infernal-throne .s21-evn-page {
    --evn-text: #f8ead3;
    --evn-soft: rgba(248, 234, 211, 0.75);
    --evn-muted: rgba(248, 234, 211, 0.56);
    --evn-line: rgba(255, 166, 82, 0.25);
    --evn-line-strong: rgba(255, 196, 126, 0.45);
    --evn-bg-0: rgba(10, 4, 3, 0.9);
    --evn-bg-1: rgba(17, 7, 5, 0.92);
    --evn-bg-2: rgba(24, 10, 7, 0.92);
    color: var(--evn-text);
    display: grid;
    gap: 14px;
    width: 100%;
}

body.theme-season21-infernal-throne .s21-evn-kicker {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.66rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-weight: 800;
    color: #ffbb72;
}

body.theme-season21-infernal-throne .s21-evn-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(300px, 1fr);
    gap: 14px;
    padding: 18px;
    border-radius: 16px;
    border: 1px solid var(--evn-line);
    background:
        radial-gradient(circle at 86% -18%, rgba(255, 181, 99, 0.22), transparent 44%),
        radial-gradient(circle at 0% 110%, rgba(255, 88, 52, 0.2), transparent 48%),
        linear-gradient(165deg, rgba(27, 10, 8, 0.95), rgba(12, 5, 4, 0.97));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 14px 34px rgba(0, 0, 0, 0.34);
}

body.theme-season21-infernal-throne .s21-evn-hero__copy h1 {
    margin: 7px 0 8px;
    font-size: clamp(1.45rem, 2.2vw, 2rem);
    color: #fff5e6;
    letter-spacing: 0.015em;
}

body.theme-season21-infernal-throne .s21-evn-hero__copy > p {
    margin: 0;
    font-size: 0.93rem;
    line-height: 1.58;
    color: var(--evn-soft);
    max-width: 68ch;
}

body.theme-season21-infernal-throne .s21-evn-stats {
    margin-top: 13px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

body.theme-season21-infernal-throne .s21-evn-stat {
    border-radius: 11px;
    border: 1px solid rgba(255, 165, 82, 0.2);
    background: linear-gradient(180deg, rgba(29, 11, 8, 0.86), rgba(14, 6, 5, 0.95));
    min-height: 88px;
    padding: 10px 10px 9px;
    display: grid;
    gap: 2px;
    align-content: start;
}

body.theme-season21-infernal-throne .s21-evn-stat span {
    font-size: 0.62rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 191, 129, 0.8);
}

body.theme-season21-infernal-throne .s21-evn-stat strong {
    font-size: 1.2rem;
    line-height: 1.1;
    color: #fff5e1;
}

body.theme-season21-infernal-throne .s21-evn-stat small {
    margin-top: auto;
    font-size: 0.72rem;
    line-height: 1.45;
    color: var(--evn-muted);
}

body.theme-season21-infernal-throne .s21-evn-feature {
    border-radius: 13px;
    border: 1px solid var(--evn-line);
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 170, 78, 0.18), transparent 45%),
        linear-gradient(180deg, rgba(28, 11, 8, 0.94), rgba(13, 6, 5, 0.97));
    padding: 12px;
    display: grid;
    gap: 8px;
    align-content: start;
    position: relative;
    overflow: hidden;
}

body.theme-season21-infernal-throne .s21-evn-feature__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

body.theme-season21-infernal-throne .s21-evn-feature h2 {
    margin: 0;
    color: #fff2dc;
    font-size: 1.12rem;
    line-height: 1.3;
}

body.theme-season21-infernal-throne .s21-evn-feature p {
    margin: 0;
    color: var(--evn-soft);
    font-size: 0.82rem;
    line-height: 1.52;
}

body.theme-season21-infernal-throne .s21-evn-feature__countdown,
body.theme-season21-infernal-throne .s21-evn-card__countdown {
    border-radius: 10px;
    border: 1px solid rgba(255, 170, 90, 0.22);
    background: linear-gradient(180deg, rgba(20, 8, 6, 0.88), rgba(12, 5, 4, 0.95));
    padding: 10px;
    display: grid;
    gap: 2px;
}

body.theme-season21-infernal-throne .s21-evn-feature__countdown span,
body.theme-season21-infernal-throne .s21-evn-card__countdown span {
    font-size: 0.62rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 196, 138, 0.82);
}

body.theme-season21-infernal-throne .s21-evn-feature__countdown strong,
body.theme-season21-infernal-throne .s21-evn-card__countdown strong,
body.theme-season21-infernal-throne .s21-evn-upnext__item em {
    font-style: normal;
    font-size: 1.04rem;
    color: #fff5e2;
    font-weight: 800;
}

body.theme-season21-infernal-throne .s21-evn-feature__countdown small,
body.theme-season21-infernal-throne .s21-evn-card__countdown small,
body.theme-season21-infernal-throne .s21-evn-upnext__item small {
    font-size: 0.73rem;
    color: var(--evn-muted);
    line-height: 1.42;
}

body.theme-season21-infernal-throne .s21-evn-feature__meta {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

body.theme-season21-infernal-throne .s21-evn-feature__meta span {
    display: inline-flex;
    align-items: center;
    min-height: 23px;
    padding: 0 8px;
    border-radius: 999px;
    border: 1px solid rgba(255, 166, 84, 0.22);
    background: rgba(27, 10, 8, 0.66);
    font-size: 0.66rem;
    color: rgba(255, 217, 170, 0.84);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 700;
}

body.theme-season21-infernal-throne .s21-evn-upnext {
    border-radius: 14px;
    border: 1px solid var(--evn-line);
    background: linear-gradient(180deg, rgba(18, 7, 5, 0.9), rgba(11, 5, 4, 0.96));
    padding: 12px;
    display: grid;
    gap: 9px;
}

body.theme-season21-infernal-throne .s21-evn-upnext__head {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: baseline;
    flex-wrap: wrap;
}

body.theme-season21-infernal-throne .s21-evn-upnext__head strong {
    font-size: 1rem;
    color: #fff0d8;
}

body.theme-season21-infernal-throne .s21-evn-upnext__track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(210px, 240px);
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
}

body.theme-season21-infernal-throne .s21-evn-upnext__item {
    border-radius: 11px;
    border: 1px solid rgba(255, 166, 84, 0.22);
    background: linear-gradient(180deg, rgba(24, 9, 7, 0.9), rgba(13, 6, 5, 0.95));
    padding: 10px;
    display: grid;
    gap: 5px;
    min-height: 128px;
    transition: border-color 0.2s ease, transform 0.2s ease;
}

body.theme-season21-infernal-throne .s21-evn-upnext__item:hover {
    border-color: var(--evn-line-strong);
    transform: translateY(-1px);
}

body.theme-season21-infernal-throne .s21-evn-upnext__item strong {
    font-size: 0.9rem;
    color: #fff0d8;
    line-height: 1.33;
}

body.theme-season21-infernal-throne .s21-evn-toolbar {
    border-radius: 13px;
    border: 1px solid var(--evn-line);
    background: linear-gradient(180deg, rgba(19, 7, 5, 0.9), rgba(12, 5, 4, 0.96));
    padding: 10px;
    display: grid;
    grid-template-columns: minmax(220px, 1.1fr) minmax(0, 2fr) auto;
    gap: 8px;
    align-items: center;
}

body.theme-season21-infernal-throne .s21-evn-search {
    height: 40px;
    border-radius: 10px;
    border: 1px solid rgba(255, 166, 84, 0.24);
    background: rgba(14, 6, 5, 0.84);
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
}

body.theme-season21-infernal-throne .s21-evn-search i {
    color: rgba(255, 182, 114, 0.88);
    font-size: 0.92rem;
}

body.theme-season21-infernal-throne .s21-evn-search input {
    width: 100%;
    border: 0;
    background: transparent;
    outline: 0;
    color: #ffe9c9;
    font-size: 0.85rem;
}

body.theme-season21-infernal-throne .s21-evn-search input::placeholder {
    color: rgba(255, 222, 178, 0.48);
}

body.theme-season21-infernal-throne .s21-evn-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

body.theme-season21-infernal-throne .s21-evn-filter {
    min-height: 34px;
    border-radius: 999px;
    border: 1px solid rgba(255, 166, 84, 0.24);
    background: rgba(20, 8, 6, 0.75);
    color: rgba(255, 230, 198, 0.82);
    padding: 0 10px;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

body.theme-season21-infernal-throne .s21-evn-filter em {
    font-style: normal;
    font-size: 0.64rem;
    color: #ffcc8d;
}

body.theme-season21-infernal-throne .s21-evn-filter:hover,
body.theme-season21-infernal-throne .s21-evn-filter.is-active {
    border-color: rgba(255, 200, 126, 0.52);
    background: linear-gradient(180deg, rgba(43, 15, 10, 0.94), rgba(24, 9, 6, 0.98));
    color: #fff3dd;
}

body.theme-season21-infernal-throne .s21-evn-toolbar__meta {
    min-width: 90px;
    border-radius: 9px;
    border: 1px solid rgba(255, 166, 84, 0.24);
    background: linear-gradient(180deg, rgba(28, 10, 8, 0.88), rgba(13, 6, 5, 0.95));
    display: grid;
    justify-items: center;
    align-content: center;
    padding: 6px 8px;
    gap: 1px;
}

body.theme-season21-infernal-throne .s21-evn-toolbar__meta strong {
    font-size: 1.14rem;
    color: #fff3de;
    line-height: 1.1;
}

body.theme-season21-infernal-throne .s21-evn-toolbar__meta span {
    font-size: 0.62rem;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: rgba(255, 207, 156, 0.74);
}

body.theme-season21-infernal-throne .s21-evn-board {
    border-radius: 14px;
    border: 1px solid var(--evn-line);
    background: linear-gradient(180deg, rgba(17, 7, 5, 0.9), rgba(11, 5, 4, 0.96));
    padding: 12px;
}

body.theme-season21-infernal-throne .s21-evn-list {
    display: grid;
    gap: 10px;
}

body.theme-season21-infernal-throne .s21-evn-card {
    border-radius: 12px;
    border: 1px solid rgba(255, 166, 84, 0.2);
    background:
        radial-gradient(circle at 95% 0%, rgba(255, 174, 90, 0.08), transparent 44%),
        linear-gradient(180deg, rgba(25, 9, 7, 0.92), rgba(12, 5, 4, 0.97));
    padding: 12px;
    display: grid;
    gap: 9px;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

body.theme-season21-infernal-throne .s21-evn-card:hover {
    transform: translateY(-1px);
    border-color: var(--evn-line-strong);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
}

body.theme-season21-infernal-throne .s21-evn-card.is-disabled {
    opacity: 0.62;
}

body.theme-season21-infernal-throne .s21-evn-card__head,
body.theme-season21-infernal-throne .s21-evn-card__foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

body.theme-season21-infernal-throne .s21-evn-card__title {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

body.theme-season21-infernal-throne .s21-evn-card__icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid rgba(255, 170, 90, 0.3);
    background: linear-gradient(180deg, rgba(38, 14, 10, 0.9), rgba(21, 8, 6, 0.95));
    display: grid;
    place-items: center;
    font-size: 1.05rem;
    color: #ffc98d;
    flex: 0 0 auto;
}

body.theme-season21-infernal-throne .s21-evn-card__title h3 {
    margin: 0;
    font-size: 1rem;
    color: #fff3df;
    line-height: 1.3;
}

body.theme-season21-infernal-throne .s21-evn-card__title p {
    margin: 1px 0 0;
    font-size: 0.73rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--evn-muted);
}

body.theme-season21-infernal-throne .s21-evn-card__body {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(200px, 1fr);
    gap: 9px;
}

body.theme-season21-infernal-throne .s21-evn-card__desc {
    margin: 0;
    border-radius: 10px;
    border: 1px solid rgba(255, 166, 84, 0.16);
    background: rgba(13, 6, 5, 0.78);
    color: var(--evn-soft);
    font-size: 0.83rem;
    line-height: 1.56;
    padding: 10px;
}

body.theme-season21-infernal-throne .s21-evn-chip,
body.theme-season21-infernal-throne .s21-evn-card__slots span,
body.theme-season21-infernal-throne .s21-evn-type-pill,
body.theme-season21-infernal-throne .s21-evn-status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 23px;
    border-radius: 999px;
    border: 1px solid rgba(255, 166, 84, 0.24);
    background: rgba(28, 10, 8, 0.7);
    color: rgba(255, 227, 191, 0.85);
    font-size: 0.65rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0 8px;
}

body.theme-season21-infernal-throne .s21-evn-type-pill i {
    font-size: 0.76rem;
}

body.theme-season21-infernal-throne .s21-evn-status.is-enabled {
    border-color: rgba(90, 226, 146, 0.5);
    background: rgba(14, 58, 31, 0.64);
    color: #b5f4d0;
}

body.theme-season21-infernal-throne .s21-evn-status.is-disabled {
    border-color: rgba(255, 152, 152, 0.42);
    background: rgba(66, 21, 21, 0.62);
    color: #ffc3c3;
}

body.theme-season21-infernal-throne .s21-evn-card__chips,
body.theme-season21-infernal-throne .s21-evn-card__slots {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

body.theme-season21-infernal-throne .s21-evn-card__note {
    border-radius: 9px;
    border: 1px solid rgba(125, 171, 255, 0.34);
    background: rgba(42, 73, 130, 0.23);
    color: #c8dcff;
    font-size: 0.73rem;
    line-height: 1.45;
    padding: 8px 9px;
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

body.theme-season21-infernal-throne .s21-evn-card__note.is-inferred {
    border-color: rgba(255, 192, 128, 0.38);
    background: rgba(88, 52, 23, 0.3);
    color: #ffd6a6;
}

body.theme-season21-infernal-throne .s21-evn-card__foot span {
    font-size: 0.71rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(255, 211, 163, 0.78);
}

body.theme-season21-infernal-throne .s21-evn-card__foot code {
    border-radius: 7px;
    border: 1px solid rgba(255, 166, 84, 0.2);
    background: rgba(11, 5, 4, 0.82);
    color: rgba(255, 214, 165, 0.72);
    font-size: 0.68rem;
    padding: 4px 7px;
    max-width: 58%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.theme-season21-infernal-throne .s21-evn-empty-inline {
    border-radius: 10px;
    border: 1px dashed rgba(255, 167, 89, 0.34);
    background: rgba(16, 7, 5, 0.82);
    color: rgba(255, 223, 184, 0.78);
    text-align: center;
    font-size: 0.78rem;
    padding: 14px;
}

body.theme-season21-infernal-throne .s21-evn-empty {
    border-radius: 12px;
    border: 1px dashed rgba(255, 167, 89, 0.34);
    background: rgba(15, 6, 5, 0.84);
    min-height: 170px;
    margin-top: 10px;
    display: grid;
    place-content: center;
    justify-items: center;
    text-align: center;
    gap: 6px;
    padding: 16px;
}

body.theme-season21-infernal-throne .s21-evn-empty i {
    font-size: 1.45rem;
    color: rgba(255, 188, 118, 0.92);
}

body.theme-season21-infernal-throne .s21-evn-empty strong {
    font-size: 1rem;
    color: #fff1da;
}

body.theme-season21-infernal-throne .s21-evn-empty p {
    margin: 0;
    font-size: 0.8rem;
    color: rgba(255, 220, 179, 0.75);
}

body.theme-season21-infernal-throne .s21-evn-card.is-live,
body.theme-season21-infernal-throne .s21-evn-upnext__item.is-live,
body.theme-season21-infernal-throne .s21-evn-feature.is-live {
    border-color: rgba(86, 222, 145, 0.64);
    box-shadow: 0 0 0 1px rgba(86, 222, 145, 0.22), 0 0 24px rgba(45, 151, 95, 0.2);
}

body.theme-season21-infernal-throne .s21-evn-card.is-urgent,
body.theme-season21-infernal-throne .s21-evn-upnext__item.is-urgent,
body.theme-season21-infernal-throne .s21-evn-feature.is-urgent {
    border-color: rgba(255, 133, 112, 0.64);
    box-shadow: 0 0 0 1px rgba(255, 133, 112, 0.2), 0 0 20px rgba(218, 91, 91, 0.19);
}

body.theme-season21-infernal-throne .s21-evn-card.is-soon,
body.theme-season21-infernal-throne .s21-evn-upnext__item.is-soon,
body.theme-season21-infernal-throne .s21-evn-feature.is-soon {
    border-color: rgba(255, 193, 108, 0.54);
}

body.theme-season21-infernal-throne .s21-evn-type-pill.is-type-pve,
body.theme-season21-infernal-throne .s21-evn-chip.is-type[data-type="pve"] {
    border-color: rgba(95, 199, 255, 0.5);
}

body.theme-season21-infernal-throne .s21-evn-type-pill.is-type-pve {
    border-color: rgba(95, 199, 255, 0.5);
    background: rgba(26, 73, 105, 0.42);
    color: #bce8ff;
}

body.theme-season21-infernal-throne .s21-evn-type-pill.is-type-pvp {
    border-color: rgba(255, 139, 112, 0.5);
    background: rgba(115, 41, 30, 0.42);
    color: #ffc5ba;
}

body.theme-season21-infernal-throne .s21-evn-type-pill.is-type-gvg {
    border-color: rgba(167, 147, 255, 0.5);
    background: rgba(65, 51, 115, 0.42);
    color: #ddd2ff;
}

body.theme-season21-infernal-throne .s21-evn-type-pill.is-type-fun {
    border-color: rgba(125, 227, 159, 0.5);
    background: rgba(35, 83, 53, 0.45);
    color: #caf8dc;
}

@media (max-width: 1260px) {
    body.theme-season21-infernal-throne .s21-evn-hero {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-season21-infernal-throne .s21-evn-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    body.theme-season21-infernal-throne .s21-evn-toolbar {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-season21-infernal-throne .s21-evn-toolbar__meta {
        justify-self: start;
    }

    body.theme-season21-infernal-throne .s21-evn-card__body {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 720px) {
    body.theme-season21-infernal-throne .s21-evn-page {
        gap: 10px;
    }

    body.theme-season21-infernal-throne .s21-evn-hero,
    body.theme-season21-infernal-throne .s21-evn-upnext,
    body.theme-season21-infernal-throne .s21-evn-toolbar,
    body.theme-season21-infernal-throne .s21-evn-board {
        border-radius: 11px;
        padding: 10px;
    }

    body.theme-season21-infernal-throne .s21-evn-stats {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-season21-infernal-throne .s21-evn-card__head,
    body.theme-season21-infernal-throne .s21-evn-card__foot {
        flex-wrap: wrap;
    }

    body.theme-season21-infernal-throne .s21-evn-card__foot code {
        max-width: 100%;
    }
}

/* ===================================================================
   Database / Events - Event Nexus v5
   =================================================================== */
body.theme-season21-infernal-throne .s21-nex-page {
    --nex-text: #f8ead3;
    --nex-soft: rgba(248, 234, 211, 0.74);
    --nex-muted: rgba(248, 234, 211, 0.56);
    --nex-line: rgba(255, 171, 91, 0.24);
    --nex-line-strong: rgba(255, 202, 131, 0.48);
    display: grid;
    gap: 14px;
    color: var(--nex-text);
    width: 100%;
}

body.theme-season21-infernal-throne .s21-nex-kicker {
    display: inline-flex;
    align-items: center;
    font-size: 0.66rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-weight: 800;
    color: #ffbb72;
}

body.theme-season21-infernal-throne .s21-nex-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.58fr) minmax(300px, 1fr);
    gap: 13px;
    padding: 18px;
    border-radius: 16px;
    border: 1px solid var(--nex-line);
    background:
        radial-gradient(circle at 84% -18%, rgba(255, 183, 102, 0.21), transparent 45%),
        radial-gradient(circle at 0% 112%, rgba(255, 92, 53, 0.17), transparent 48%),
        linear-gradient(166deg, rgba(27, 10, 8, 0.96), rgba(11, 5, 4, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 16px 38px rgba(0, 0, 0, 0.35);
}

body.theme-season21-infernal-throne .s21-nex-hero__intro h1 {
    margin: 7px 0 8px;
    font-size: clamp(1.5rem, 2.3vw, 2.05rem);
    letter-spacing: 0.015em;
    color: #fff5e6;
}

body.theme-season21-infernal-throne .s21-nex-hero__intro p {
    margin: 0;
    max-width: 68ch;
    color: var(--nex-soft);
    font-size: 0.92rem;
    line-height: 1.58;
}

body.theme-season21-infernal-throne .s21-nex-metrics {
    margin-top: 12px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

body.theme-season21-infernal-throne .s21-nex-metrics article {
    min-height: 84px;
    border-radius: 10px;
    border: 1px solid rgba(255, 171, 91, 0.2);
    background: linear-gradient(180deg, rgba(28, 11, 8, 0.86), rgba(14, 6, 5, 0.96));
    padding: 9px 10px;
    display: grid;
    gap: 2px;
}

body.theme-season21-infernal-throne .s21-nex-metrics span {
    font-size: 0.62rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 192, 128, 0.82);
}

body.theme-season21-infernal-throne .s21-nex-metrics strong {
    font-size: 1.2rem;
    line-height: 1.1;
    color: #fff5e2;
}

body.theme-season21-infernal-throne .s21-nex-metrics small {
    margin-top: auto;
    color: var(--nex-muted);
    font-size: 0.72rem;
    line-height: 1.45;
}

body.theme-season21-infernal-throne .s21-nex-feature {
    border-radius: 13px;
    border: 1px solid var(--nex-line);
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 174, 86, 0.18), transparent 46%),
        linear-gradient(180deg, rgba(28, 10, 8, 0.95), rgba(13, 6, 5, 0.98));
    padding: 12px;
    display: grid;
    gap: 8px;
}

body.theme-season21-infernal-throne .s21-nex-feature > header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

body.theme-season21-infernal-throne .s21-nex-feature h2 {
    margin: 0;
    font-size: 1.12rem;
    color: #fff3dd;
    line-height: 1.3;
}

body.theme-season21-infernal-throne .s21-nex-feature p {
    margin: 0;
    font-size: 0.82rem;
    line-height: 1.52;
    color: var(--nex-soft);
}

body.theme-season21-infernal-throne .s21-nex-feature__timer,
body.theme-season21-infernal-throne .s21-nex-card__timer {
    border-radius: 10px;
    border: 1px solid rgba(255, 171, 91, 0.23);
    background: linear-gradient(180deg, rgba(19, 8, 6, 0.89), rgba(12, 5, 4, 0.96));
    padding: 10px;
    display: grid;
    gap: 2px;
}

body.theme-season21-infernal-throne .s21-nex-feature__timer span,
body.theme-season21-infernal-throne .s21-nex-card__timer span {
    font-size: 0.62rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 197, 138, 0.82);
}

body.theme-season21-infernal-throne .s21-nex-feature__timer strong,
body.theme-season21-infernal-throne .s21-nex-card__timer strong,
body.theme-season21-infernal-throne .s21-nex-queue__item em {
    font-style: normal;
    font-size: 1.03rem;
    font-weight: 800;
    color: #fff6e4;
}

body.theme-season21-infernal-throne .s21-nex-feature__timer small,
body.theme-season21-infernal-throne .s21-nex-card__timer small,
body.theme-season21-infernal-throne .s21-nex-queue__item small {
    font-size: 0.72rem;
    color: var(--nex-muted);
    line-height: 1.42;
}

body.theme-season21-infernal-throne .s21-nex-feature > footer {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

body.theme-season21-infernal-throne .s21-nex-feature > footer span {
    min-height: 23px;
    padding: 0 8px;
    border-radius: 999px;
    border: 1px solid rgba(255, 171, 91, 0.23);
    background: rgba(28, 10, 8, 0.65);
    color: rgba(255, 221, 179, 0.84);
    font-size: 0.66rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
}

body.theme-season21-infernal-throne .s21-nex-toolbar {
    border-radius: 13px;
    border: 1px solid var(--nex-line);
    background: linear-gradient(180deg, rgba(18, 7, 5, 0.9), rgba(11, 5, 4, 0.96));
    padding: 10px;
    display: grid;
    grid-template-columns: minmax(220px, 1.15fr) minmax(0, 2fr) auto;
    gap: 8px;
    align-items: center;
}

body.theme-season21-infernal-throne .s21-nex-search {
    height: 40px;
    border-radius: 10px;
    border: 1px solid rgba(255, 171, 91, 0.25);
    background: rgba(14, 6, 5, 0.84);
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
}

body.theme-season21-infernal-throne .s21-nex-search i {
    color: rgba(255, 185, 119, 0.88);
    font-size: 0.92rem;
}

body.theme-season21-infernal-throne .s21-nex-search input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #ffebcb;
    font-size: 0.85rem;
}

body.theme-season21-infernal-throne .s21-nex-search input::placeholder {
    color: rgba(255, 223, 182, 0.48);
}

body.theme-season21-infernal-throne .s21-nex-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

body.theme-season21-infernal-throne .s21-nex-filter {
    min-height: 34px;
    border-radius: 999px;
    border: 1px solid rgba(255, 171, 91, 0.24);
    background: rgba(22, 8, 6, 0.76);
    color: rgba(255, 232, 200, 0.83);
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

body.theme-season21-infernal-throne .s21-nex-filter em {
    font-style: normal;
    font-size: 0.64rem;
    color: #ffcd8e;
}

body.theme-season21-infernal-throne .s21-nex-filter:hover,
body.theme-season21-infernal-throne .s21-nex-filter.is-active {
    border-color: rgba(255, 203, 130, 0.54);
    background: linear-gradient(180deg, rgba(44, 15, 10, 0.94), rgba(24, 9, 6, 0.98));
    color: #fff3de;
}

body.theme-season21-infernal-throne .s21-nex-visible {
    min-width: 88px;
    border-radius: 9px;
    border: 1px solid rgba(255, 171, 91, 0.24);
    background: linear-gradient(180deg, rgba(28, 10, 8, 0.88), rgba(13, 6, 5, 0.95));
    display: grid;
    justify-items: center;
    align-content: center;
    padding: 6px 8px;
    gap: 1px;
}

body.theme-season21-infernal-throne .s21-nex-visible strong {
    font-size: 1.14rem;
    line-height: 1.1;
    color: #fff4df;
}

body.theme-season21-infernal-throne .s21-nex-visible span {
    font-size: 0.62rem;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: rgba(255, 208, 158, 0.74);
}

body.theme-season21-infernal-throne .s21-nex-layout {
    display: grid;
    grid-template-columns: minmax(275px, 310px) minmax(0, 1fr);
    gap: 11px;
    align-items: start;
}

body.theme-season21-infernal-throne .s21-nex-queue,
body.theme-season21-infernal-throne .s21-nex-board {
    border-radius: 14px;
    border: 1px solid var(--nex-line);
    background: linear-gradient(180deg, rgba(17, 7, 5, 0.9), rgba(11, 5, 4, 0.97));
}

body.theme-season21-infernal-throne .s21-nex-queue {
    padding: 11px;
    position: sticky;
    top: 92px;
    max-height: calc(100vh - 116px);
    overflow: hidden;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 9px;
}

body.theme-season21-infernal-throne .s21-nex-queue > header {
    display: grid;
    gap: 1px;
}

body.theme-season21-infernal-throne .s21-nex-queue > header strong {
    font-size: 1rem;
    color: #fff1da;
}

body.theme-season21-infernal-throne .s21-nex-queue__list {
    display: grid;
    gap: 8px;
    overflow: auto;
    padding-right: 2px;
}

body.theme-season21-infernal-throne .s21-nex-queue__item {
    border-radius: 10px;
    border: 1px solid rgba(255, 171, 91, 0.22);
    background: linear-gradient(180deg, rgba(24, 9, 7, 0.9), rgba(13, 6, 5, 0.96));
    padding: 9px;
    display: grid;
    gap: 5px;
    transition: border-color 0.2s ease, transform 0.2s ease;
}

body.theme-season21-infernal-throne .s21-nex-queue__item:hover {
    border-color: var(--nex-line-strong);
    transform: translateY(-1px);
}

body.theme-season21-infernal-throne .s21-nex-queue__item strong {
    font-size: 0.89rem;
    color: #fff0da;
    line-height: 1.32;
}

body.theme-season21-infernal-throne .s21-nex-board {
    padding: 11px;
}

body.theme-season21-infernal-throne .s21-nex-cards {
    display: grid;
    gap: 9px;
}

body.theme-season21-infernal-throne .s21-nex-card {
    border-radius: 11px;
    border: 1px solid rgba(255, 171, 91, 0.2);
    background:
        radial-gradient(circle at 94% 0%, rgba(255, 178, 92, 0.08), transparent 44%),
        linear-gradient(180deg, rgba(25, 9, 7, 0.92), rgba(12, 5, 4, 0.97));
    padding: 11px;
    display: grid;
    gap: 8px;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

body.theme-season21-infernal-throne .s21-nex-card:hover {
    transform: translateY(-1px);
    border-color: var(--nex-line-strong);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
}

body.theme-season21-infernal-throne .s21-nex-card.is-disabled {
    opacity: 0.62;
}

body.theme-season21-infernal-throne .s21-nex-card__head,
body.theme-season21-infernal-throne .s21-nex-card__foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

body.theme-season21-infernal-throne .s21-nex-card__title {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

body.theme-season21-infernal-throne .s21-nex-card__icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    border: 1px solid rgba(255, 173, 96, 0.3);
    background: linear-gradient(180deg, rgba(38, 14, 10, 0.9), rgba(20, 8, 6, 0.96));
    display: grid;
    place-items: center;
    color: #ffca8d;
    font-size: 1.02rem;
    flex: 0 0 auto;
}

body.theme-season21-infernal-throne .s21-nex-card__title h3 {
    margin: 0;
    font-size: 0.98rem;
    color: #fff3df;
    line-height: 1.3;
}

body.theme-season21-infernal-throne .s21-nex-card__title p {
    margin: 1px 0 0;
    font-size: 0.72rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--nex-muted);
}

body.theme-season21-infernal-throne .s21-nex-card__desc {
    margin: 0;
    border-radius: 9px;
    border: 1px solid rgba(255, 171, 91, 0.16);
    background: rgba(13, 6, 5, 0.77);
    padding: 9px;
    color: var(--nex-soft);
    font-size: 0.82rem;
    line-height: 1.54;
}

body.theme-season21-infernal-throne .s21-nex-pill,
body.theme-season21-infernal-throne .s21-nex-status,
body.theme-season21-infernal-throne .s21-nex-card__slots span {
    min-height: 23px;
    border-radius: 999px;
    border: 1px solid rgba(255, 171, 91, 0.24);
    background: rgba(27, 10, 8, 0.68);
    color: rgba(255, 228, 194, 0.85);
    padding: 0 8px;
    font-size: 0.65rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

body.theme-season21-infernal-throne .s21-nex-pill i {
    font-size: 0.75rem;
}

body.theme-season21-infernal-throne .s21-nex-status.is-on {
    border-color: rgba(90, 226, 146, 0.5);
    background: rgba(14, 58, 31, 0.64);
    color: #b5f4d0;
}

body.theme-season21-infernal-throne .s21-nex-status.is-off {
    border-color: rgba(255, 152, 152, 0.42);
    background: rgba(66, 21, 21, 0.62);
    color: #ffc3c3;
}

body.theme-season21-infernal-throne .s21-nex-card__chips,
body.theme-season21-infernal-throne .s21-nex-card__slots {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

body.theme-season21-infernal-throne .s21-nex-card__foot span {
    font-size: 0.7rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(255, 212, 166, 0.78);
}

body.theme-season21-infernal-throne .s21-nex-card__foot code {
    border-radius: 7px;
    border: 1px solid rgba(255, 171, 91, 0.2);
    background: rgba(11, 5, 4, 0.83);
    color: rgba(255, 214, 165, 0.73);
    padding: 4px 7px;
    font-size: 0.67rem;
    max-width: 56%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.theme-season21-infernal-throne .s21-nex-empty-inline {
    border-radius: 10px;
    border: 1px dashed rgba(255, 171, 91, 0.34);
    background: rgba(16, 7, 5, 0.82);
    color: rgba(255, 223, 184, 0.78);
    text-align: center;
    font-size: 0.78rem;
    padding: 14px;
}

body.theme-season21-infernal-throne .s21-nex-empty {
    margin-top: 10px;
    min-height: 165px;
    border-radius: 12px;
    border: 1px dashed rgba(255, 171, 91, 0.34);
    background: rgba(15, 6, 5, 0.84);
    display: grid;
    place-content: center;
    justify-items: center;
    text-align: center;
    gap: 6px;
    padding: 16px;
}

body.theme-season21-infernal-throne .s21-nex-empty i {
    font-size: 1.42rem;
    color: rgba(255, 188, 118, 0.92);
}

body.theme-season21-infernal-throne .s21-nex-empty strong {
    font-size: 1rem;
    color: #fff1da;
}

body.theme-season21-infernal-throne .s21-nex-empty p {
    margin: 0;
    font-size: 0.79rem;
    color: rgba(255, 220, 179, 0.75);
}

body.theme-season21-infernal-throne .s21-nex-feature.is-live,
body.theme-season21-infernal-throne .s21-nex-queue__item.is-live,
body.theme-season21-infernal-throne .s21-nex-card.is-live {
    border-color: rgba(86, 222, 145, 0.64);
    box-shadow: 0 0 0 1px rgba(86, 222, 145, 0.2), 0 0 22px rgba(45, 151, 95, 0.2);
}

body.theme-season21-infernal-throne .s21-nex-feature.is-urgent,
body.theme-season21-infernal-throne .s21-nex-queue__item.is-urgent,
body.theme-season21-infernal-throne .s21-nex-card.is-urgent {
    border-color: rgba(255, 133, 112, 0.64);
    box-shadow: 0 0 0 1px rgba(255, 133, 112, 0.2), 0 0 20px rgba(218, 91, 91, 0.19);
}

body.theme-season21-infernal-throne .s21-nex-feature.is-soon,
body.theme-season21-infernal-throne .s21-nex-queue__item.is-soon,
body.theme-season21-infernal-throne .s21-nex-card.is-soon {
    border-color: rgba(255, 193, 108, 0.54);
}

body.theme-season21-infernal-throne .s21-nex-pill.is-type-pve { border-color: rgba(95, 199, 255, 0.5); background: rgba(26, 73, 105, 0.42); color: #bce8ff; }
body.theme-season21-infernal-throne .s21-nex-pill.is-type-pvp { border-color: rgba(255, 139, 112, 0.5); background: rgba(115, 41, 30, 0.42); color: #ffc5ba; }
body.theme-season21-infernal-throne .s21-nex-pill.is-type-gvg { border-color: rgba(167, 147, 255, 0.5); background: rgba(65, 51, 115, 0.42); color: #ddd2ff; }
body.theme-season21-infernal-throne .s21-nex-pill.is-type-fun { border-color: rgba(125, 227, 159, 0.5); background: rgba(35, 83, 53, 0.45); color: #caf8dc; }

@media (max-width: 1260px) {
    body.theme-season21-infernal-throne .s21-nex-hero {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-season21-infernal-throne .s21-nex-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.theme-season21-infernal-throne .s21-nex-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-season21-infernal-throne .s21-nex-queue {
        position: static;
        max-height: none;
    }
}

@media (max-width: 980px) {
    body.theme-season21-infernal-throne .s21-nex-toolbar {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-season21-infernal-throne .s21-nex-visible {
        justify-self: start;
    }
}

@media (max-width: 720px) {
    body.theme-season21-infernal-throne .s21-nex-page {
        gap: 10px;
    }

    body.theme-season21-infernal-throne .s21-nex-hero,
    body.theme-season21-infernal-throne .s21-nex-toolbar,
    body.theme-season21-infernal-throne .s21-nex-queue,
    body.theme-season21-infernal-throne .s21-nex-board {
        border-radius: 11px;
        padding: 10px;
    }

    body.theme-season21-infernal-throne .s21-nex-metrics {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-season21-infernal-throne .s21-nex-card__head,
    body.theme-season21-infernal-throne .s21-nex-card__foot {
        flex-wrap: wrap;
    }

    body.theme-season21-infernal-throne .s21-nex-card__foot code {
        max-width: 100%;
    }
}

/* ===================================================================
   Database / Events - Compact Layout v6
   =================================================================== */
body.theme-season21-infernal-throne .s21-evc-page {
    --evc-text: #f7e8cf;
    --evc-soft: rgba(247, 232, 207, 0.72);
    --evc-muted: rgba(247, 232, 207, 0.56);
    --evc-line: rgba(255, 170, 88, 0.23);
    --evc-line-strong: rgba(255, 202, 132, 0.45);
    color: var(--evc-text);
    display: grid;
    gap: 10px;
    width: 100%;
}

body.theme-season21-infernal-throne .s21-evc-kicker {
    display: inline-flex;
    align-items: center;
    font-size: 0.62rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-weight: 800;
    color: #ffb86e;
}

body.theme-season21-infernal-throne .s21-evc-command {
    border-radius: 12px;
    border: 1px solid var(--evc-line);
    background: linear-gradient(180deg, rgba(21, 8, 6, 0.92), rgba(11, 5, 4, 0.97));
    padding: 10px;
    display: grid;
    gap: 8px;
}

body.theme-season21-infernal-throne .s21-evc-command__top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: start;
}

body.theme-season21-infernal-throne .s21-evc-title h2 {
    margin: 2px 0 0;
    font-size: 1.16rem;
    color: #fff3de;
}

body.theme-season21-infernal-throne .s21-evc-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

body.theme-season21-infernal-throne .s21-evc-metrics span {
    min-height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    border: 1px solid rgba(255, 170, 88, 0.2);
    background: rgba(26, 10, 8, 0.74);
    color: rgba(255, 224, 183, 0.85);
    font-size: 0.64rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

body.theme-season21-infernal-throne .s21-evc-metrics strong {
    color: #fff2dd;
    font-size: 0.72rem;
}

body.theme-season21-infernal-throne .s21-evc-command__controls {
    display: grid;
    grid-template-columns: minmax(230px, 1.2fr) minmax(0, 2fr) auto;
    gap: 7px;
    align-items: center;
}

body.theme-season21-infernal-throne .s21-evc-search {
    height: 36px;
    border-radius: 9px;
    border: 1px solid rgba(255, 170, 88, 0.24);
    background: rgba(13, 6, 5, 0.84);
    padding: 0 10px;
    display: flex;
    align-items: center;
    gap: 7px;
}

body.theme-season21-infernal-throne .s21-evc-search i {
    color: rgba(255, 184, 118, 0.88);
    font-size: 0.9rem;
}

body.theme-season21-infernal-throne .s21-evc-search input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #ffeac8;
    font-size: 0.82rem;
}

body.theme-season21-infernal-throne .s21-evc-search input::placeholder {
    color: rgba(255, 225, 184, 0.48);
}

body.theme-season21-infernal-throne .s21-evc-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

body.theme-season21-infernal-throne .s21-evc-filter {
    min-height: 31px;
    border-radius: 999px;
    border: 1px solid rgba(255, 170, 88, 0.24);
    background: rgba(23, 9, 7, 0.75);
    color: rgba(255, 229, 196, 0.82);
    padding: 0 9px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

body.theme-season21-infernal-throne .s21-evc-filter em {
    font-style: normal;
    font-size: 0.62rem;
    color: #ffcd8e;
}

body.theme-season21-infernal-throne .s21-evc-filter:hover,
body.theme-season21-infernal-throne .s21-evc-filter.is-active {
    border-color: var(--evc-line-strong);
    background: linear-gradient(180deg, rgba(42, 15, 10, 0.93), rgba(22, 9, 6, 0.98));
    color: #fff3de;
}

body.theme-season21-infernal-throne .s21-evc-visible {
    min-width: 76px;
    border-radius: 8px;
    border: 1px solid rgba(255, 170, 88, 0.24);
    background: linear-gradient(180deg, rgba(27, 10, 8, 0.88), rgba(12, 6, 5, 0.95));
    display: grid;
    place-items: center;
    gap: 0;
    padding: 5px 7px;
}

body.theme-season21-infernal-throne .s21-evc-visible strong {
    font-size: 1rem;
    line-height: 1.1;
    color: #fff3df;
}

body.theme-season21-infernal-throne .s21-evc-visible small {
    font-size: 0.58rem;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: rgba(255, 209, 159, 0.74);
}

body.theme-season21-infernal-throne .s21-evc-layout {
    display: grid;
    grid-template-columns: minmax(240px, 275px) minmax(0, 1fr);
    gap: 8px;
    align-items: start;
}

body.theme-season21-infernal-throne .s21-evc-queue,
body.theme-season21-infernal-throne .s21-evc-board {
    border-radius: 12px;
    border: 1px solid var(--evc-line);
    background: linear-gradient(180deg, rgba(16, 7, 5, 0.9), rgba(11, 5, 4, 0.97));
}

body.theme-season21-infernal-throne .s21-evc-queue {
    padding: 9px;
    position: sticky;
    top: 92px;
    max-height: calc(100vh - 116px);
    overflow: hidden;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 8px;
}

body.theme-season21-infernal-throne .s21-evc-queue header h3 {
    margin: 2px 0 0;
    font-size: 0.98rem;
    color: #fff1da;
}

body.theme-season21-infernal-throne .s21-evc-queue__list {
    display: grid;
    gap: 6px;
    overflow: auto;
    padding-right: 1px;
}

body.theme-season21-infernal-throne .s21-evc-queue__item {
    border-radius: 9px;
    border: 1px solid rgba(255, 170, 88, 0.22);
    background: linear-gradient(180deg, rgba(24, 9, 7, 0.9), rgba(13, 6, 5, 0.96));
    padding: 8px;
    display: grid;
    gap: 4px;
    transition: border-color 0.2s ease;
}

body.theme-season21-infernal-throne .s21-evc-queue__item:hover {
    border-color: var(--evc-line-strong);
}

body.theme-season21-infernal-throne .s21-evc-queue__item strong {
    font-size: 0.82rem;
    line-height: 1.3;
    color: #fff0da;
}

body.theme-season21-infernal-throne .s21-evc-queue__item em {
    font-style: normal;
    font-size: 0.95rem;
    font-weight: 800;
    color: #fff5e4;
}

body.theme-season21-infernal-throne .s21-evc-queue__item small {
    font-size: 0.68rem;
    line-height: 1.4;
    color: var(--evc-muted);
}

body.theme-season21-infernal-throne .s21-evc-board {
    padding: 8px;
}

body.theme-season21-infernal-throne .s21-evc-list {
    display: grid;
    gap: 7px;
}

body.theme-season21-infernal-throne .s21-evc-card {
    border-radius: 10px;
    border: 1px solid rgba(255, 170, 88, 0.2);
    background:
        radial-gradient(circle at 95% 0%, rgba(255, 178, 92, 0.08), transparent 44%),
        linear-gradient(180deg, rgba(24, 9, 7, 0.92), rgba(12, 5, 4, 0.97));
    padding: 9px;
    display: grid;
    gap: 7px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.theme-season21-infernal-throne .s21-evc-card:hover {
    border-color: var(--evc-line-strong);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24);
}

body.theme-season21-infernal-throne .s21-evc-card.is-disabled {
    opacity: 0.62;
}

body.theme-season21-infernal-throne .s21-evc-card__head,
body.theme-season21-infernal-throne .s21-evc-card__foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 7px;
}

body.theme-season21-infernal-throne .s21-evc-card__name {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

body.theme-season21-infernal-throne .s21-evc-card__icon {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid rgba(255, 173, 96, 0.28);
    background: linear-gradient(180deg, rgba(38, 14, 10, 0.9), rgba(20, 8, 6, 0.96));
    display: grid;
    place-items: center;
    color: #ffca8d;
    font-size: 0.95rem;
    flex: 0 0 auto;
}

body.theme-season21-infernal-throne .s21-evc-card__name h3 {
    margin: 0;
    font-size: 0.92rem;
    color: #fff3df;
    line-height: 1.3;
}

body.theme-season21-infernal-throne .s21-evc-card__name p {
    margin: 1px 0 0;
    font-size: 0.68rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--evc-muted);
}

body.theme-season21-infernal-throne .s21-evc-card__meta {
    display: grid;
    grid-template-columns: minmax(220px, 0.95fr) minmax(0, 1.05fr);
    gap: 7px;
}

body.theme-season21-infernal-throne .s21-evc-card__timer {
    border-radius: 8px;
    border: 1px solid rgba(255, 170, 88, 0.23);
    background: linear-gradient(180deg, rgba(19, 8, 6, 0.89), rgba(12, 5, 4, 0.96));
    padding: 8px;
    display: grid;
    gap: 1px;
}

body.theme-season21-infernal-throne .s21-evc-card__timer span {
    font-size: 0.6rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 197, 138, 0.82);
}

body.theme-season21-infernal-throne .s21-evc-card__timer strong {
    font-size: 0.97rem;
    font-weight: 800;
    color: #fff6e4;
}

body.theme-season21-infernal-throne .s21-evc-card__timer small {
    font-size: 0.68rem;
    line-height: 1.36;
    color: var(--evc-muted);
}

body.theme-season21-infernal-throne .s21-evc-card__desc {
    margin: 0;
    border-radius: 8px;
    border: 1px solid rgba(255, 170, 88, 0.16);
    background: rgba(13, 6, 5, 0.77);
    padding: 8px;
    color: var(--evc-soft);
    font-size: 0.78rem;
    line-height: 1.48;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.theme-season21-infernal-throne .s21-evc-pill,
body.theme-season21-infernal-throne .s21-evc-status,
body.theme-season21-infernal-throne .s21-evc-card__slots span {
    min-height: 21px;
    border-radius: 999px;
    border: 1px solid rgba(255, 170, 88, 0.24);
    background: rgba(26, 10, 8, 0.68);
    color: rgba(255, 228, 194, 0.85);
    padding: 0 7px;
    font-size: 0.62rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

body.theme-season21-infernal-throne .s21-evc-pill i {
    font-size: 0.72rem;
}

body.theme-season21-infernal-throne .s21-evc-status.is-on {
    border-color: rgba(90, 226, 146, 0.5);
    background: rgba(14, 58, 31, 0.64);
    color: #b5f4d0;
}

body.theme-season21-infernal-throne .s21-evc-status.is-off {
    border-color: rgba(255, 152, 152, 0.42);
    background: rgba(66, 21, 21, 0.62);
    color: #ffc3c3;
}

body.theme-season21-infernal-throne .s21-evc-card__chips,
body.theme-season21-infernal-throne .s21-evc-card__slots {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

body.theme-season21-infernal-throne .s21-evc-card__foot span {
    font-size: 0.66rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(255, 212, 166, 0.78);
}

body.theme-season21-infernal-throne .s21-evc-card__foot code {
    border-radius: 7px;
    border: 1px solid rgba(255, 170, 88, 0.2);
    background: rgba(11, 5, 4, 0.83);
    color: rgba(255, 214, 165, 0.73);
    padding: 3px 7px;
    font-size: 0.64rem;
    max-width: 54%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.theme-season21-infernal-throne .s21-evc-empty-inline {
    border-radius: 8px;
    border: 1px dashed rgba(255, 171, 91, 0.34);
    background: rgba(16, 7, 5, 0.82);
    color: rgba(255, 223, 184, 0.78);
    text-align: center;
    font-size: 0.74rem;
    padding: 12px;
}

body.theme-season21-infernal-throne .s21-evc-empty {
    margin-top: 8px;
    min-height: 150px;
    border-radius: 10px;
    border: 1px dashed rgba(255, 171, 91, 0.34);
    background: rgba(15, 6, 5, 0.84);
    display: grid;
    place-content: center;
    justify-items: center;
    text-align: center;
    gap: 5px;
    padding: 14px;
}

body.theme-season21-infernal-throne .s21-evc-empty i {
    font-size: 1.28rem;
    color: rgba(255, 188, 118, 0.92);
}

body.theme-season21-infernal-throne .s21-evc-empty strong {
    font-size: 0.96rem;
    color: #fff1da;
}

body.theme-season21-infernal-throne .s21-evc-empty p {
    margin: 0;
    font-size: 0.76rem;
    color: rgba(255, 220, 179, 0.75);
}

body.theme-season21-infernal-throne .s21-evc-card.is-live,
body.theme-season21-infernal-throne .s21-evc-queue__item.is-live {
    border-color: rgba(86, 222, 145, 0.62);
}

body.theme-season21-infernal-throne .s21-evc-card.is-urgent,
body.theme-season21-infernal-throne .s21-evc-queue__item.is-urgent {
    border-color: rgba(255, 133, 112, 0.62);
}

body.theme-season21-infernal-throne .s21-evc-card.is-soon,
body.theme-season21-infernal-throne .s21-evc-queue__item.is-soon {
    border-color: rgba(255, 193, 108, 0.52);
}

body.theme-season21-infernal-throne .s21-evc-pill.is-type-pve { border-color: rgba(95, 199, 255, 0.5); background: rgba(26, 73, 105, 0.42); color: #bce8ff; }
body.theme-season21-infernal-throne .s21-evc-pill.is-type-pvp { border-color: rgba(255, 139, 112, 0.5); background: rgba(115, 41, 30, 0.42); color: #ffc5ba; }
body.theme-season21-infernal-throne .s21-evc-pill.is-type-gvg { border-color: rgba(167, 147, 255, 0.5); background: rgba(65, 51, 115, 0.42); color: #ddd2ff; }
body.theme-season21-infernal-throne .s21-evc-pill.is-type-fun { border-color: rgba(125, 227, 159, 0.5); background: rgba(35, 83, 53, 0.45); color: #caf8dc; }

@media (max-width: 1260px) {
    body.theme-season21-infernal-throne .s21-evc-command__top {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-season21-infernal-throne .s21-evc-metrics {
        justify-content: flex-start;
    }

    body.theme-season21-infernal-throne .s21-evc-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-season21-infernal-throne .s21-evc-queue {
        position: static;
        max-height: none;
    }
}

@media (max-width: 980px) {
    body.theme-season21-infernal-throne .s21-evc-command__controls {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-season21-infernal-throne .s21-evc-visible {
        justify-self: start;
    }

    body.theme-season21-infernal-throne .s21-evc-card__meta {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 720px) {
    body.theme-season21-infernal-throne .s21-evc-page {
        gap: 8px;
    }

    body.theme-season21-infernal-throne .s21-evc-command,
    body.theme-season21-infernal-throne .s21-evc-queue,
    body.theme-season21-infernal-throne .s21-evc-board {
        border-radius: 10px;
        padding: 8px;
    }

    body.theme-season21-infernal-throne .s21-evc-card__head,
    body.theme-season21-infernal-throne .s21-evc-card__foot {
        flex-wrap: wrap;
    }

    body.theme-season21-infernal-throne .s21-evc-card__foot code {
        max-width: 100%;
    }
}

/* ===================================================================
   Database / Events - Smart Compact v7
   =================================================================== */
body.theme-season21-infernal-throne .s21-evq-page {
    --evq-text: #f7e8d0;
    --evq-soft: rgba(247, 232, 208, 0.72);
    --evq-muted: rgba(247, 232, 208, 0.56);
    --evq-line: rgba(255, 170, 90, 0.24);
    --evq-line-strong: rgba(255, 202, 132, 0.46);
    color: var(--evq-text);
    display: grid;
    gap: 9px;
    width: 100%;
}

body.theme-season21-infernal-throne .s21-evq-kicker {
    display: inline-flex;
    font-size: 0.62rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-weight: 800;
    color: #ffb86d;
}

body.theme-season21-infernal-throne .s21-evq-head,
body.theme-season21-infernal-throne .s21-evq-toolbar,
body.theme-season21-infernal-throne .s21-evq-queue,
body.theme-season21-infernal-throne .s21-evq-board {
    border-radius: 11px;
    border: 1px solid var(--evq-line);
    background: linear-gradient(180deg, rgba(19, 8, 6, 0.92), rgba(11, 5, 4, 0.98));
}

body.theme-season21-infernal-throne .s21-evq-head {
    padding: 9px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 7px;
    align-items: start;
}

body.theme-season21-infernal-throne .s21-evq-head__title h2 {
    margin: 2px 0 0;
    font-size: 1.08rem;
    color: #fff2dc;
}

body.theme-season21-infernal-throne .s21-evq-head__stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 5px;
}

body.theme-season21-infernal-throne .s21-evq-head__stats span {
    min-height: 22px;
    border-radius: 999px;
    border: 1px solid rgba(255, 170, 90, 0.2);
    background: rgba(26, 10, 8, 0.76);
    padding: 0 7px;
    font-size: 0.61rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 700;
    color: rgba(255, 224, 183, 0.84);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

body.theme-season21-infernal-throne .s21-evq-head__stats strong {
    color: #fff2dc;
    font-size: 0.69rem;
}

body.theme-season21-infernal-throne .s21-evq-toolbar {
    padding: 8px;
    display: grid;
    grid-template-columns: minmax(220px, 1.1fr) minmax(0, 2fr) auto;
    gap: 6px;
    align-items: center;
}

body.theme-season21-infernal-throne .s21-evq-search {
    height: 34px;
    border-radius: 8px;
    border: 1px solid rgba(255, 170, 90, 0.24);
    background: rgba(13, 6, 5, 0.84);
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 9px;
}

body.theme-season21-infernal-throne .s21-evq-search i {
    color: rgba(255, 184, 118, 0.88);
    font-size: 0.88rem;
}

body.theme-season21-infernal-throne .s21-evq-search input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #ffeac8;
    font-size: 0.8rem;
}

body.theme-season21-infernal-throne .s21-evq-search input::placeholder {
    color: rgba(255, 225, 184, 0.48);
}

body.theme-season21-infernal-throne .s21-evq-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

body.theme-season21-infernal-throne .s21-evq-filter {
    min-height: 29px;
    border-radius: 999px;
    border: 1px solid rgba(255, 170, 90, 0.24);
    background: rgba(23, 9, 7, 0.75);
    color: rgba(255, 229, 196, 0.82);
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.63rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

body.theme-season21-infernal-throne .s21-evq-filter em {
    font-style: normal;
    font-size: 0.6rem;
    color: #ffcd8e;
}

body.theme-season21-infernal-throne .s21-evq-filter:hover,
body.theme-season21-infernal-throne .s21-evq-filter.is-active {
    border-color: var(--evq-line-strong);
    background: linear-gradient(180deg, rgba(42, 15, 10, 0.93), rgba(22, 9, 6, 0.98));
    color: #fff3de;
}

body.theme-season21-infernal-throne .s21-evq-visible {
    min-width: 72px;
    border-radius: 8px;
    border: 1px solid rgba(255, 170, 90, 0.24);
    background: linear-gradient(180deg, rgba(27, 10, 8, 0.88), rgba(12, 6, 5, 0.95));
    display: grid;
    place-items: center;
    padding: 4px 6px;
}

body.theme-season21-infernal-throne .s21-evq-visible strong {
    font-size: 0.98rem;
    line-height: 1.1;
    color: #fff3df;
}

body.theme-season21-infernal-throne .s21-evq-visible small {
    font-size: 0.56rem;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: rgba(255, 209, 159, 0.74);
}

body.theme-season21-infernal-throne .s21-evq-layout {
    display: grid;
    grid-template-columns: minmax(238px, 265px) minmax(0, 1fr);
    gap: 7px;
    align-items: start;
}

body.theme-season21-infernal-throne .s21-evq-queue {
    padding: 8px;
    position: sticky;
    top: 92px;
    max-height: calc(100vh - 116px);
    overflow: hidden;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 7px;
}

body.theme-season21-infernal-throne .s21-evq-queue header h3 {
    margin: 2px 0 0;
    font-size: 0.92rem;
    color: #fff1da;
}

body.theme-season21-infernal-throne .s21-evq-queue__list {
    display: grid;
    gap: 6px;
    overflow: auto;
}

body.theme-season21-infernal-throne .s21-evq-queue__item {
    border-radius: 8px;
    border: 1px solid rgba(255, 170, 90, 0.22);
    background: linear-gradient(180deg, rgba(24, 9, 7, 0.9), rgba(13, 6, 5, 0.96));
    padding: 7px;
    display: grid;
    gap: 3px;
    transition: border-color 0.2s ease;
}

body.theme-season21-infernal-throne .s21-evq-queue__item:hover {
    border-color: var(--evq-line-strong);
}

body.theme-season21-infernal-throne .s21-evq-queue__item strong {
    font-size: 0.8rem;
    line-height: 1.3;
    color: #fff0da;
}

body.theme-season21-infernal-throne .s21-evq-queue__item em {
    font-style: normal;
    font-size: 0.9rem;
    font-weight: 800;
    color: #fff5e4;
}

body.theme-season21-infernal-throne .s21-evq-queue__item small {
    font-size: 0.66rem;
    line-height: 1.35;
    color: var(--evq-muted);
}

body.theme-season21-infernal-throne .s21-evq-board {
    padding: 7px;
}

body.theme-season21-infernal-throne .s21-evq-list {
    display: grid;
    gap: 6px;
}

body.theme-season21-infernal-throne .s21-evq-card {
    border-radius: 9px;
    border: 1px solid rgba(255, 170, 90, 0.2);
    background: linear-gradient(180deg, rgba(24, 9, 7, 0.92), rgba(12, 5, 4, 0.97));
    padding: 8px;
    display: grid;
    gap: 6px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.theme-season21-infernal-throne .s21-evq-card:hover {
    border-color: var(--evq-line-strong);
    box-shadow: 0 7px 16px rgba(0, 0, 0, 0.22);
}

body.theme-season21-infernal-throne .s21-evq-card.is-disabled {
    opacity: 0.62;
}

body.theme-season21-infernal-throne .s21-evq-card__head,
body.theme-season21-infernal-throne .s21-evq-card__foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
}

body.theme-season21-infernal-throne .s21-evq-card__title {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

body.theme-season21-infernal-throne .s21-evq-card__icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    border: 1px solid rgba(255, 173, 96, 0.28);
    background: linear-gradient(180deg, rgba(38, 14, 10, 0.9), rgba(20, 8, 6, 0.96));
    display: grid;
    place-items: center;
    color: #ffca8d;
    font-size: 0.9rem;
    flex: 0 0 auto;
}

body.theme-season21-infernal-throne .s21-evq-card__title h3 {
    margin: 0;
    font-size: 0.88rem;
    color: #fff3df;
    line-height: 1.3;
}

body.theme-season21-infernal-throne .s21-evq-card__title p {
    margin: 1px 0 0;
    font-size: 0.64rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--evq-muted);
}

body.theme-season21-infernal-throne .s21-evq-card__body {
    display: grid;
    grid-template-columns: minmax(190px, 0.92fr) minmax(0, 1.08fr);
    gap: 6px;
}

body.theme-season21-infernal-throne .s21-evq-card__timer {
    border-radius: 7px;
    border: 1px solid rgba(255, 170, 90, 0.23);
    background: linear-gradient(180deg, rgba(19, 8, 6, 0.89), rgba(12, 5, 4, 0.96));
    padding: 7px;
    display: grid;
    gap: 1px;
}

body.theme-season21-infernal-throne .s21-evq-card__timer span {
    font-size: 0.58rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 197, 138, 0.82);
}

body.theme-season21-infernal-throne .s21-evq-card__timer strong {
    font-size: 0.92rem;
    font-weight: 800;
    color: #fff6e4;
}

body.theme-season21-infernal-throne .s21-evq-card__timer small {
    font-size: 0.64rem;
    line-height: 1.34;
    color: var(--evq-muted);
}

body.theme-season21-infernal-throne .s21-evq-card__desc {
    margin: 0;
    border-radius: 7px;
    border: 1px solid rgba(255, 170, 90, 0.16);
    background: rgba(13, 6, 5, 0.77);
    padding: 7px;
    color: var(--evq-soft);
    font-size: 0.74rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.theme-season21-infernal-throne .s21-evq-pill,
body.theme-season21-infernal-throne .s21-evq-status {
    min-height: 20px;
    border-radius: 999px;
    border: 1px solid rgba(255, 170, 90, 0.24);
    background: rgba(26, 10, 8, 0.68);
    color: rgba(255, 228, 194, 0.85);
    padding: 0 7px;
    font-size: 0.6rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

body.theme-season21-infernal-throne .s21-evq-pill i {
    font-size: 0.69rem;
}

body.theme-season21-infernal-throne .s21-evq-status.is-on {
    border-color: rgba(90, 226, 146, 0.5);
    background: rgba(14, 58, 31, 0.64);
    color: #b5f4d0;
}

body.theme-season21-infernal-throne .s21-evq-status.is-off {
    border-color: rgba(255, 152, 152, 0.42);
    background: rgba(66, 21, 21, 0.62);
    color: #ffc3c3;
}

body.theme-season21-infernal-throne .s21-evq-card__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

body.theme-season21-infernal-throne .s21-evq-card__foot span {
    font-size: 0.62rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(255, 212, 166, 0.78);
}

body.theme-season21-infernal-throne .s21-evq-card__foot code {
    border-radius: 6px;
    border: 1px solid rgba(255, 170, 90, 0.2);
    background: rgba(11, 5, 4, 0.83);
    color: rgba(255, 214, 165, 0.73);
    padding: 3px 6px;
    font-size: 0.61rem;
    max-width: 54%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.theme-season21-infernal-throne .s21-evq-empty-inline,
body.theme-season21-infernal-throne .s21-evq-empty {
    border-radius: 8px;
    border: 1px dashed rgba(255, 171, 91, 0.34);
    background: rgba(15, 6, 5, 0.84);
    color: rgba(255, 223, 184, 0.78);
    text-align: center;
    font-size: 0.74rem;
    padding: 12px;
}

body.theme-season21-infernal-throne .s21-evq-empty {
    margin-top: 8px;
    min-height: 135px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 5px;
}

body.theme-season21-infernal-throne .s21-evq-empty i {
    font-size: 1.25rem;
    color: rgba(255, 188, 118, 0.92);
}

body.theme-season21-infernal-throne .s21-evq-card.is-live,
body.theme-season21-infernal-throne .s21-evq-queue__item.is-live { border-color: rgba(86, 222, 145, 0.62); }
body.theme-season21-infernal-throne .s21-evq-card.is-urgent,
body.theme-season21-infernal-throne .s21-evq-queue__item.is-urgent { border-color: rgba(255, 133, 112, 0.62); }
body.theme-season21-infernal-throne .s21-evq-card.is-soon,
body.theme-season21-infernal-throne .s21-evq-queue__item.is-soon { border-color: rgba(255, 193, 108, 0.52); }

body.theme-season21-infernal-throne .s21-evq-pill.is-type-pve { border-color: rgba(95, 199, 255, 0.5); background: rgba(26, 73, 105, 0.42); color: #bce8ff; }
body.theme-season21-infernal-throne .s21-evq-pill.is-type-pvp { border-color: rgba(255, 139, 112, 0.5); background: rgba(115, 41, 30, 0.42); color: #ffc5ba; }
body.theme-season21-infernal-throne .s21-evq-pill.is-type-gvg { border-color: rgba(167, 147, 255, 0.5); background: rgba(65, 51, 115, 0.42); color: #ddd2ff; }
body.theme-season21-infernal-throne .s21-evq-pill.is-type-fun { border-color: rgba(125, 227, 159, 0.5); background: rgba(35, 83, 53, 0.45); color: #caf8dc; }

@media (max-width: 1260px) {
    body.theme-season21-infernal-throne .s21-evq-head {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-season21-infernal-throne .s21-evq-head__stats {
        justify-content: flex-start;
    }

    body.theme-season21-infernal-throne .s21-evq-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-season21-infernal-throne .s21-evq-queue {
        position: static;
        max-height: none;
    }
}

@media (max-width: 980px) {
    body.theme-season21-infernal-throne .s21-evq-toolbar {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-season21-infernal-throne .s21-evq-visible {
        justify-self: start;
    }

    body.theme-season21-infernal-throne .s21-evq-card__body {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 720px) {
    body.theme-season21-infernal-throne .s21-evq-page {
        gap: 7px;
    }

    body.theme-season21-infernal-throne .s21-evq-head,
    body.theme-season21-infernal-throne .s21-evq-toolbar,
    body.theme-season21-infernal-throne .s21-evq-queue,
    body.theme-season21-infernal-throne .s21-evq-board {
        border-radius: 9px;
        padding: 7px;
    }

    body.theme-season21-infernal-throne .s21-evq-card__head,
    body.theme-season21-infernal-throne .s21-evq-card__foot {
        flex-wrap: wrap;
    }

    body.theme-season21-infernal-throne .s21-evq-card__foot code {
        max-width: 100%;
    }
}

/* ===================================================================
   Account / MU+ - Premium Refresh v2
   =================================================================== */
body.theme-season21-infernal-throne .s21-mup-page {
    --mup-text: #f8ead3;
    --mup-soft: rgba(248, 234, 211, 0.74);
    --mup-muted: rgba(248, 234, 211, 0.56);
    --mup-line: rgba(255, 171, 91, 0.24);
    --mup-line-strong: rgba(255, 202, 132, 0.48);
    color: var(--mup-text);
    display: grid;
    gap: 12px;
}

body.theme-season21-infernal-throne .s21-mup-top,
body.theme-season21-infernal-throne .s21-mup-plans,
body.theme-season21-infernal-throne .s21-mup-rewards,
body.theme-season21-infernal-throne .s21-mup-side {
    border-radius: 14px;
    border: 1px solid var(--mup-line);
    background: linear-gradient(180deg, rgba(20, 8, 6, 0.9), rgba(11, 5, 4, 0.97));
    padding: 12px;
}

body.theme-season21-infernal-throne .s21-mup-top {
    display: grid;
    gap: 10px;
}

body.theme-season21-infernal-throne .s21-mup-top__flow {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

body.theme-season21-infernal-throne .s21-mup-top__flow span {
    min-height: 30px;
    border-radius: 999px;
    border: 1px solid rgba(255, 171, 91, 0.24);
    background: rgba(24, 9, 7, 0.75);
    color: rgba(255, 228, 193, 0.84);
    font-size: 0.68rem;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 11px;
}

body.theme-season21-infernal-throne .s21-mup-top__flow span i {
    font-size: 0.9rem;
}

body.theme-season21-infernal-throne .s21-mup-top__flow span.is-active {
    border-color: rgba(255, 201, 125, 0.56);
    background: linear-gradient(180deg, rgba(58, 21, 14, 0.94), rgba(31, 12, 8, 0.97));
    color: #fff3de;
}

body.theme-season21-infernal-throne .s21-mup-top__flow span.is-done {
    border-color: rgba(95, 213, 145, 0.5);
    background: rgba(20, 59, 37, 0.55);
    color: #bcf3d3;
}

body.theme-season21-infernal-throne .s21-mup-top__summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

body.theme-season21-infernal-throne .s21-mup-top__summary article {
    min-height: 98px;
    border-radius: 11px;
    border: 1px solid rgba(255, 171, 91, 0.2);
    background: linear-gradient(180deg, rgba(28, 11, 8, 0.86), rgba(14, 6, 5, 0.95));
    padding: 10px;
    display: grid;
    gap: 2px;
}

body.theme-season21-infernal-throne .s21-mup-top__summary article.is-ready {
    border-color: rgba(95, 213, 145, 0.5);
    box-shadow: inset 0 0 0 1px rgba(95, 213, 145, 0.18);
}

body.theme-season21-infernal-throne .s21-mup-top__summary article.is-alert {
    border-color: rgba(255, 139, 112, 0.52);
    box-shadow: inset 0 0 0 1px rgba(255, 139, 112, 0.18);
}

body.theme-season21-infernal-throne .s21-mup-top__summary span {
    font-size: 0.62rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 193, 130, 0.82);
}

body.theme-season21-infernal-throne .s21-mup-top__summary strong {
    font-size: 1.16rem;
    line-height: 1.1;
    color: #fff5e3;
}

body.theme-season21-infernal-throne .s21-mup-top__summary small {
    margin-top: auto;
    color: var(--mup-muted);
    font-size: 0.72rem;
    line-height: 1.45;
}

body.theme-season21-infernal-throne .s21-mup-section-head {
    display: grid;
    gap: 2px;
    margin-bottom: 9px;
}

body.theme-season21-infernal-throne .s21-mup-section-head h2 {
    margin: 0;
    font-size: 1.16rem;
    color: #fff2dc;
}

body.theme-season21-infernal-throne .s21-mup-section-head small {
    color: var(--mup-muted);
    font-size: 0.76rem;
}

body.theme-season21-infernal-throne .s21-mup-section-head--mini h2 {
    font-size: 1.02rem;
}

body.theme-season21-infernal-throne .s21-mup-plan-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 9px;
}

body.theme-season21-infernal-throne .s21-mup-plan {
    border-radius: 11px;
    border: 1px solid rgba(255, 171, 91, 0.2);
    background: linear-gradient(180deg, rgba(24, 9, 7, 0.92), rgba(12, 5, 4, 0.97));
    padding: 10px;
    display: grid;
    gap: 7px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

body.theme-season21-infernal-throne .s21-mup-plan:hover {
    border-color: var(--mup-line-strong);
    box-shadow: 0 9px 20px rgba(0, 0, 0, 0.24);
    transform: translateY(-1px);
}

body.theme-season21-infernal-throne .s21-mup-plan.is-best {
    border-color: rgba(255, 205, 138, 0.56);
    box-shadow: inset 0 0 0 1px rgba(255, 205, 138, 0.22);
}

body.theme-season21-infernal-throne .s21-mup-plan.is-ready {
    border-color: rgba(95, 213, 145, 0.48);
}

body.theme-season21-infernal-throne .s21-mup-plan__head,
body.theme-season21-infernal-throne .s21-mup-plan__meta {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
}

body.theme-season21-infernal-throne .s21-mup-plan__tag {
    min-height: 22px;
    border-radius: 999px;
    border: 1px solid rgba(255, 171, 91, 0.23);
    background: rgba(28, 10, 8, 0.7);
    color: rgba(255, 226, 192, 0.84);
    font-size: 0.62rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
}

body.theme-season21-infernal-throne .s21-mup-plan__head strong {
    color: #fff2dc;
    font-size: 1.04rem;
}

body.theme-season21-infernal-throne .s21-mup-plan__price {
    font-size: 2rem;
    line-height: 1;
    color: #ffd39f;
    font-family: var(--it21-font-head);
}

body.theme-season21-infernal-throne .s21-mup-plan__price small {
    margin-left: 7px;
    font-size: 0.74rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 215, 166, 0.78);
    font-family: var(--it21-font-ui);
}

body.theme-season21-infernal-throne .s21-mup-plan__meta span {
    color: var(--mup-muted);
    font-size: 0.72rem;
    line-height: 1.42;
}

body.theme-season21-infernal-throne .s21-mup-plan .it21-cta,
body.theme-season21-infernal-throne .s21-mup-reward .it21-cta {
    justify-content: center;
    width: 100%;
}

body.theme-season21-infernal-throne .s21-mup-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, 1fr);
    gap: 10px;
}

body.theme-season21-infernal-throne .s21-mup-reward-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 8px;
}

body.theme-season21-infernal-throne .s21-mup-reward {
    border-radius: 10px;
    border: 1px solid rgba(255, 171, 91, 0.2);
    background: linear-gradient(180deg, rgba(25, 9, 7, 0.92), rgba(12, 5, 4, 0.97));
    padding: 9px;
    display: grid;
    gap: 4px;
}

body.theme-season21-infernal-throne .s21-mup-reward span {
    font-size: 0.62rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 193, 130, 0.82);
}

body.theme-season21-infernal-throne .s21-mup-reward strong {
    font-size: 0.94rem;
    color: #fff3df;
}

body.theme-season21-infernal-throne .s21-mup-reward small {
    color: var(--mup-muted);
    font-size: 0.72rem;
}

body.theme-season21-infernal-throne .s21-mup-empty {
    min-height: 120px;
    display: grid;
    place-content: center;
    text-align: center;
    gap: 5px;
}

body.theme-season21-infernal-throne .s21-mup-perks {
    margin-top: 10px;
    border-top: 1px solid rgba(255, 171, 91, 0.16);
    padding-top: 10px;
}

body.theme-season21-infernal-throne .s21-mup-perks ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 6px;
}

body.theme-season21-infernal-throne .s21-mup-perks li {
    border-radius: 8px;
    border: 1px solid rgba(255, 171, 91, 0.2);
    background: rgba(22, 9, 7, 0.72);
    color: var(--mup-soft);
    font-size: 0.76rem;
    line-height: 1.4;
    padding: 8px 9px;
    display: flex;
    align-items: center;
    gap: 6px;
}

body.theme-season21-infernal-throne .s21-mup-perks i {
    color: #7fe3a6;
    font-size: 0.95rem;
}

@media (max-width: 1180px) {
    body.theme-season21-infernal-throne .s21-mup-top__summary,
    body.theme-season21-infernal-throne .s21-mup-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 860px) {
    body.theme-season21-infernal-throne .s21-mup-top__summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    body.theme-season21-infernal-throne .s21-mup-page {
        gap: 9px;
    }

    body.theme-season21-infernal-throne .s21-mup-top,
    body.theme-season21-infernal-throne .s21-mup-plans,
    body.theme-season21-infernal-throne .s21-mup-rewards,
    body.theme-season21-infernal-throne .s21-mup-side {
        border-radius: 11px;
        padding: 9px;
    }

    body.theme-season21-infernal-throne .s21-mup-top__summary {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-season21-infernal-throne .s21-mup-plan__price {
        font-size: 1.75rem;
    }
}

/* ======================================================================
   Server Info v3 - strict server-file snapshot
   ====================================================================== */
body.theme-season21-infernal-throne .it21-srv3 {
    display: grid;
    gap: 14px;
    width: min(1420px, 100%);
}

body.theme-season21-infernal-throne .it21-srv3__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.45fr);
    gap: 14px;
    border-radius: 18px;
    padding: 16px 18px;
    border: 1px solid rgba(255, 137, 56, 0.2);
    background:
        radial-gradient(circle at 84% 0%, rgba(255, 149, 63, 0.2), transparent 40%),
        radial-gradient(circle at 0% 100%, rgba(100, 140, 255, 0.1), transparent 36%),
        linear-gradient(150deg, rgba(27, 10, 8, 0.96), rgba(13, 6, 5, 0.98));
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.26);
}

body.theme-season21-infernal-throne .it21-srv3__title {
    display: grid;
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-srv3__kicker {
    color: rgba(255, 212, 154, 0.78);
    font-family: var(--it21-font-ui);
    font-size: 0.67rem;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    font-weight: 800;
}

body.theme-season21-infernal-throne .it21-srv3__title h2 {
    margin: 0;
    color: #fff1dc;
    font-family: var(--it21-font-head);
    font-size: clamp(1.18rem, 2vw, 1.8rem);
    line-height: 1.08;
}

body.theme-season21-infernal-throne .it21-srv3__title p {
    margin: 0;
    color: rgba(245, 223, 195, 0.75);
    line-height: 1.62;
    font-size: 0.9rem;
    max-width: 68ch;
}

body.theme-season21-infernal-throne .it21-srv3__meta {
    display: grid;
    gap: 9px;
    align-content: start;
}

body.theme-season21-infernal-throne .it21-srv3__meta-row {
    border-radius: 12px;
    border: 1px solid rgba(255, 139, 56, 0.17);
    background: rgba(14, 6, 5, 0.84);
    padding: 10px 11px;
    display: grid;
    gap: 5px;
}

body.theme-season21-infernal-throne .it21-srv3__meta-row span {
    color: rgba(250, 223, 191, 0.56);
    font-size: 0.66rem;
    font-family: var(--it21-font-ui);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-srv3__meta-row strong {
    color: #ffe7c3;
    font-size: 0.92rem;
    font-family: var(--it21-font-head);
}

body.theme-season21-infernal-throne .it21-srv3__meta-row code {
    color: #ffd7a3;
    font-size: 0.74rem;
    word-break: break-all;
}

body.theme-season21-infernal-throne .it21-srv3__kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

body.theme-season21-infernal-throne .it21-srv3__kpi {
    border-radius: 13px;
    border: 1px solid rgba(255, 140, 56, 0.16);
    background: linear-gradient(180deg, rgba(23, 8, 7, 0.93), rgba(12, 5, 5, 0.96));
    padding: 10px 11px;
    display: grid;
    gap: 6px;
}

body.theme-season21-infernal-throne .it21-srv3__kpi span {
    color: rgba(248, 223, 194, 0.56);
    font-size: 0.64rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-family: var(--it21-font-ui);
    font-weight: 700;
}

body.theme-season21-infernal-throne .it21-srv3__kpi strong {
    color: #fff0da;
    font-family: var(--it21-font-head);
    font-size: 1rem;
    line-height: 1.1;
}

body.theme-season21-infernal-throne .it21-srv3__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

body.theme-season21-infernal-throne .it21-srv3__card {
    border-radius: 16px;
    border: 1px solid rgba(255, 139, 56, 0.14);
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 147, 59, 0.09), transparent 34%),
        linear-gradient(180deg, rgba(19, 8, 7, 0.95), rgba(11, 5, 5, 0.98));
    padding: 13px 14px;
    display: grid;
    gap: 10px;
    min-width: 0;
}

body.theme-season21-infernal-throne .it21-srv3__card--wide {
    grid-column: 1 / -1;
}

body.theme-season21-infernal-throne .it21-srv3__card h3 {
    margin: 0;
    color: #ffeecf;
    font-size: 1.03rem;
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--it21-font-head);
}

body.theme-season21-infernal-throne .it21-srv3__card h3 i {
    color: #ffbf6a;
    font-size: 0.96rem;
}

body.theme-season21-infernal-throne .it21-srv3__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-srv3__list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-radius: 10px;
    border: 1px solid rgba(255, 141, 58, 0.12);
    background: rgba(14, 6, 5, 0.82);
    padding: 8px 9px;
}

body.theme-season21-infernal-throne .it21-srv3__list span {
    color: rgba(247, 223, 196, 0.71);
    font-size: 0.78rem;
}

body.theme-season21-infernal-throne .it21-srv3__list strong {
    color: #ffe3bb;
    font-family: var(--it21-font-head);
    font-size: 0.83rem;
    text-align: right;
}

body.theme-season21-infernal-throne .it21-srv3__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-srv3__chip {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 157, 78, 0.24);
    background: rgba(18, 8, 7, 0.85);
    color: rgba(255, 227, 192, 0.88);
    font-family: var(--it21-font-ui);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-srv3__table-wrap {
    min-width: 0;
    width: 100%;
    overflow: auto;
    border-radius: 11px;
    border: 1px solid rgba(255, 144, 63, 0.12);
}

body.theme-season21-infernal-throne .it21-srv3__table {
    width: 100%;
    border-collapse: collapse;
    min-width: 720px;
    background: rgba(10, 4, 4, 0.9);
}

body.theme-season21-infernal-throne .it21-srv3__table th,
body.theme-season21-infernal-throne .it21-srv3__table td {
    padding: 9px 10px;
    border-bottom: 1px solid rgba(255, 140, 57, 0.1);
    vertical-align: middle;
}

body.theme-season21-infernal-throne .it21-srv3__table thead th {
    color: rgba(255, 210, 155, 0.76);
    font-family: var(--it21-font-ui);
    font-size: 0.63rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    white-space: nowrap;
    background: rgba(23, 9, 7, 0.95);
}

body.theme-season21-infernal-throne .it21-srv3__table tbody td {
    color: rgba(247, 224, 197, 0.86);
    font-size: 0.8rem;
}

body.theme-season21-infernal-throne .it21-srv3__table code {
    color: #ffd7a1;
    font-size: 0.72rem;
}

body.theme-season21-infernal-throne .it21-srv3__state {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 0.62rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-family: var(--it21-font-ui);
    font-weight: 800;
    border: 1px solid transparent;
    white-space: nowrap;
}

body.theme-season21-infernal-throne .it21-srv3__state.is-enabled {
    color: #b7ffd2;
    background: rgba(39, 138, 78, 0.2);
    border-color: rgba(109, 240, 158, 0.33);
}

body.theme-season21-infernal-throne .it21-srv3__state.is-disabled {
    color: #ffd2c0;
    background: rgba(140, 48, 35, 0.22);
    border-color: rgba(255, 140, 117, 0.34);
}

body.theme-season21-infernal-throne .it21-srv3__vip-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-srv3__vip {
    border-radius: 10px;
    border: 1px solid rgba(255, 142, 58, 0.14);
    background: rgba(14, 6, 5, 0.84);
    padding: 9px;
    display: grid;
    gap: 3px;
}

body.theme-season21-infernal-throne .it21-srv3__vip strong {
    color: #fff1da;
    font-size: 0.9rem;
    font-family: var(--it21-font-head);
}

body.theme-season21-infernal-throne .it21-srv3__vip span {
    color: rgba(255, 206, 146, 0.78);
    font-size: 0.67rem;
    font-family: var(--it21-font-ui);
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

body.theme-season21-infernal-throne .it21-srv3__vip small {
    color: rgba(245, 220, 190, 0.74);
    font-size: 0.75rem;
}

body.theme-season21-infernal-throne .it21-srv3__empty {
    margin: 0;
    padding: 11px;
    border-radius: 10px;
    border: 1px dashed rgba(255, 145, 65, 0.26);
    color: rgba(255, 217, 171, 0.8);
    background: rgba(15, 7, 6, 0.72);
    text-align: center;
}

@media (max-width: 1220px) {
    body.theme-season21-infernal-throne .it21-srv3__header {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 980px) {
    body.theme-season21-infernal-throne .it21-srv3__kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.theme-season21-infernal-throne .it21-srv3__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-season21-infernal-throne .it21-srv3__vip-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 640px) {
    body.theme-season21-infernal-throne .it21-srv3 {
        gap: 10px;
    }

    body.theme-season21-infernal-throne .it21-srv3__header,
    body.theme-season21-infernal-throne .it21-srv3__card {
        border-radius: 12px;
        padding: 11px;
    }

    body.theme-season21-infernal-throne .it21-srv3__kpis {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ======================================================================
   Database Events v3 - compact live board
   ====================================================================== */
body.theme-season21-infernal-throne .it21-evtz {
    display: grid;
    gap: 12px;
    width: min(1400px, 100%);
}

body.theme-season21-infernal-throne .it21-evtz__top {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
    gap: 12px;
    border-radius: 16px;
    border: 1px solid rgba(255, 145, 64, 0.2);
    background:
        radial-gradient(circle at 88% 0%, rgba(255, 151, 67, 0.2), transparent 40%),
        radial-gradient(circle at 0% 100%, rgba(95, 131, 255, 0.1), transparent 38%),
        linear-gradient(150deg, rgba(27, 11, 8, 0.96), rgba(13, 6, 5, 0.98));
    padding: 14px 15px;
}

body.theme-season21-infernal-throne .it21-evtz__intro {
    display: grid;
    gap: 7px;
}

body.theme-season21-infernal-throne .it21-evtz__kicker {
    color: rgba(255, 213, 157, 0.76);
    font-size: 0.67rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-family: var(--it21-font-ui);
    font-weight: 800;
}

body.theme-season21-infernal-throne .it21-evtz__intro h2 {
    margin: 0;
    color: #fff0d7;
    font-family: var(--it21-font-head);
    font-size: clamp(1.1rem, 1.9vw, 1.6rem);
    line-height: 1.08;
}

body.theme-season21-infernal-throne .it21-evtz__intro p {
    margin: 0;
    color: rgba(245, 223, 195, 0.74);
    line-height: 1.52;
    font-size: 0.86rem;
}

body.theme-season21-infernal-throne .it21-evtz__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-evtz__stats div {
    border-radius: 10px;
    border: 1px solid rgba(255, 141, 59, 0.17);
    background: rgba(14, 6, 5, 0.84);
    padding: 8px 9px;
    display: grid;
    gap: 3px;
}

body.theme-season21-infernal-throne .it21-evtz__stats span {
    color: rgba(247, 223, 193, 0.58);
    font-size: 0.61rem;
    font-family: var(--it21-font-ui);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

body.theme-season21-infernal-throne .it21-evtz__stats strong {
    color: #ffe5bf;
    font-size: 0.91rem;
    font-family: var(--it21-font-head);
    line-height: 1.1;
}

body.theme-season21-infernal-throne .it21-evtz__featured {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

body.theme-season21-infernal-throne .it21-evtz__featured-card {
    border-radius: 13px;
    border: 1px solid rgba(255, 146, 66, 0.16);
    background: linear-gradient(180deg, rgba(18, 8, 6, 0.95), rgba(12, 5, 5, 0.98));
    padding: 10px 11px;
    display: grid;
    gap: 7px;
    min-width: 0;
}

body.theme-season21-infernal-throne .it21-evtz__featured-card.is-live {
    border-color: rgba(111, 240, 158, 0.44);
    box-shadow: 0 0 0 1px rgba(111, 240, 158, 0.2) inset;
}

body.theme-season21-infernal-throne .it21-evtz__featured-card.is-urgent {
    border-color: rgba(255, 188, 111, 0.44);
}

body.theme-season21-infernal-throne .it21-evtz__featured-card.is-soon {
    border-color: rgba(123, 170, 255, 0.4);
}

body.theme-season21-infernal-throne .it21-evtz__type {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
    min-height: 23px;
    padding: 0 9px;
    border-radius: 999px;
    border: 1px solid rgba(255, 152, 72, 0.27);
    background: rgba(23, 10, 8, 0.88);
    color: rgba(255, 220, 181, 0.87);
    font-size: 0.61rem;
    font-family: var(--it21-font-ui);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 800;
}

body.theme-season21-infernal-throne .it21-evtz__featured-card h3 {
    margin: 0;
    color: #fff1da;
    font-size: 1.02rem;
    line-height: 1.08;
    font-family: var(--it21-font-head);
}

body.theme-season21-infernal-throne .it21-evtz__count {
    color: #ffd8a1;
    font-size: 1rem;
    font-family: var(--it21-font-head);
}

body.theme-season21-infernal-throne .it21-evtz__copy {
    color: rgba(242, 217, 185, 0.64);
    font-size: 0.72rem;
}

body.theme-season21-infernal-throne .it21-evtz__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

body.theme-season21-infernal-throne .it21-evtz__card {
    border-radius: 14px;
    border: 1px solid rgba(255, 141, 59, 0.15);
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 149, 63, 0.08), transparent 34%),
        linear-gradient(180deg, rgba(18, 8, 6, 0.95), rgba(11, 5, 5, 0.98));
    padding: 12px;
    display: grid;
    gap: 9px;
    min-width: 0;
    transition: border-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

body.theme-season21-infernal-throne .it21-evtz__card:hover {
    border-color: rgba(255, 180, 101, 0.38);
    transform: translateY(-1px);
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.24);
}

body.theme-season21-infernal-throne .it21-evtz__card.is-live {
    border-color: rgba(111, 240, 158, 0.44);
}

body.theme-season21-infernal-throne .it21-evtz__card.is-urgent {
    border-color: rgba(255, 183, 107, 0.44);
}

body.theme-season21-infernal-throne .it21-evtz__card.is-soon {
    border-color: rgba(127, 172, 255, 0.42);
}

body.theme-season21-infernal-throne .it21-evtz__card.is-disabled {
    opacity: 0.64;
}

body.theme-season21-infernal-throne .it21-evtz__card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-evtz__card-title {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    min-width: 0;
}

body.theme-season21-infernal-throne .it21-evtz__icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 1px solid rgba(255, 149, 66, 0.24);
    background: rgba(255, 149, 66, 0.12);
    color: #ffd39c;
    display: grid;
    place-items: center;
    flex-shrink: 0;
}

body.theme-season21-infernal-throne .it21-evtz__card-title h3 {
    margin: 0 0 4px;
    color: #fff0d8;
    font-size: 0.97rem;
    line-height: 1.1;
    font-family: var(--it21-font-head);
}

body.theme-season21-infernal-throne .it21-evtz__card-title p {
    margin: 0;
    color: rgba(243, 220, 192, 0.7);
    font-size: 0.77rem;
    line-height: 1.45;
}

body.theme-season21-infernal-throne .it21-evtz__state {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 23px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 0.6rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-family: var(--it21-font-ui);
    font-weight: 800;
    white-space: nowrap;
}

body.theme-season21-infernal-throne .it21-evtz__state.is-on {
    color: #bbffd4;
    border: 1px solid rgba(111, 240, 158, 0.35);
    background: rgba(39, 138, 78, 0.22);
}

body.theme-season21-infernal-throne .it21-evtz__state.is-off {
    color: #ffd1bf;
    border: 1px solid rgba(255, 141, 118, 0.34);
    background: rgba(139, 49, 36, 0.2);
}

body.theme-season21-infernal-throne .it21-evtz__timer {
    display: grid;
    gap: 3px;
    border-radius: 10px;
    border: 1px solid rgba(255, 141, 59, 0.14);
    background: rgba(13, 6, 5, 0.82);
    padding: 8px 9px;
}

body.theme-season21-infernal-throne .it21-evtz__timer span {
    color: rgba(248, 223, 190, 0.56);
    font-size: 0.6rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-family: var(--it21-font-ui);
}

body.theme-season21-infernal-throne .it21-evtz__timer strong {
    color: #ffe2b3;
    font-size: 0.98rem;
    line-height: 1.1;
    font-family: var(--it21-font-head);
}

body.theme-season21-infernal-throne .it21-evtz__timer small {
    color: rgba(241, 216, 184, 0.64);
    font-size: 0.71rem;
}

body.theme-season21-infernal-throne .it21-evtz__meta,
body.theme-season21-infernal-throne .it21-evtz__rewards-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

body.theme-season21-infernal-throne .it21-evtz__pill,
body.theme-season21-infernal-throne .it21-evtz__reward-chip {
    display: inline-flex;
    align-items: center;
    min-height: 23px;
    padding: 0 8px;
    border-radius: 999px;
    border: 1px solid rgba(255, 146, 65, 0.2);
    background: rgba(16, 7, 6, 0.84);
    color: rgba(255, 221, 182, 0.85);
    font-size: 0.62rem;
    font-family: var(--it21-font-ui);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 700;
}

body.theme-season21-infernal-throne .it21-evtz__pill.is-type-pve {
    border-color: rgba(97, 223, 139, 0.33);
    color: #b8ffd0;
}

body.theme-season21-infernal-throne .it21-evtz__pill.is-type-pvp {
    border-color: rgba(255, 138, 116, 0.33);
    color: #ffd0c0;
}

body.theme-season21-infernal-throne .it21-evtz__pill.is-type-gvg {
    border-color: rgba(185, 149, 255, 0.35);
    color: #dfccff;
}

body.theme-season21-infernal-throne .it21-evtz__pill.is-type-fun {
    border-color: rgba(123, 170, 255, 0.36);
    color: #cddfff;
}

body.theme-season21-infernal-throne .it21-evtz__rewards {
    display: grid;
    gap: 6px;
}

body.theme-season21-infernal-throne .it21-evtz__rewards-label {
    color: rgba(249, 221, 183, 0.58);
    font-size: 0.61rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-family: var(--it21-font-ui);
    font-weight: 800;
}

body.theme-season21-infernal-throne .it21-evtz__empty {
    border-radius: 12px;
    border: 1px dashed rgba(255, 144, 62, 0.28);
    background: rgba(15, 7, 6, 0.74);
    padding: 20px 12px;
    text-align: center;
    display: grid;
    gap: 7px;
}

body.theme-season21-infernal-throne .it21-evtz__empty i {
    font-size: 1.3rem;
    color: rgba(255, 189, 120, 0.84);
}

body.theme-season21-infernal-throne .it21-evtz__empty strong {
    color: #ffe6c2;
    font-family: var(--it21-font-head);
}

body.theme-season21-infernal-throne .it21-evtz__empty p {
    margin: 0;
    color: rgba(244, 220, 190, 0.7);
    font-size: 0.8rem;
}

@media (max-width: 1200px) {
    body.theme-season21-infernal-throne .it21-evtz__top {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 980px) {
    body.theme-season21-infernal-throne .it21-evtz__featured {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-season21-infernal-throne .it21-evtz__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 640px) {
    body.theme-season21-infernal-throne .it21-evtz {
        gap: 9px;
    }

    body.theme-season21-infernal-throne .it21-evtz__top,
    body.theme-season21-infernal-throne .it21-evtz__card {
        border-radius: 12px;
        padding: 10px;
    }

    body.theme-season21-infernal-throne .it21-evtz__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ======================================================================
   Home WhyPlay V2 - premium compact cards
   ====================================================================== */
body.theme-season21-infernal-throne .it21-whyplay--v2 {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid rgba(255, 145, 64, 0.22);
    background:
        radial-gradient(circle at 8% -16%, rgba(255, 164, 78, 0.2), transparent 36%),
        radial-gradient(circle at 100% 100%, rgba(255, 96, 28, 0.16), transparent 44%),
        linear-gradient(155deg, rgba(22, 8, 6, 0.95) 0%, rgba(9, 4, 4, 0.98) 100%);
    box-shadow:
        0 20px 44px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 222, 184, 0.08),
        0 0 0 1px rgba(255, 145, 64, 0.07);
}

body.theme-season21-infernal-throne .it21-whyplay--v2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent 0%, rgba(255, 191, 124, 0.08) 20%, transparent 48%, rgba(255, 112, 31, 0.08) 72%, transparent 100%);
    opacity: 0.56;
    pointer-events: none;
}

body.theme-season21-infernal-throne .it21-whyplay--v2 .it21-whyplay__header {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 16px 18px 14px;
    border-bottom: 1px solid rgba(255, 145, 64, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent);
}

body.theme-season21-infernal-throne .it21-whyplay--v2 .it21-whyplay__icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    border: 1px solid rgba(255, 162, 80, 0.32);
    background:
        radial-gradient(circle at 30% 25%, rgba(255, 191, 122, 0.24), transparent 56%),
        rgba(15, 6, 5, 0.84);
    box-shadow: inset 0 1px 0 rgba(255, 226, 189, 0.12);
}

body.theme-season21-infernal-throne .it21-whyplay--v2 .it21-whyplay__icon i {
    color: #ffc885;
    font-size: 1rem;
    text-shadow: 0 0 14px rgba(255, 128, 39, 0.34);
}

body.theme-season21-infernal-throne .it21-whyplay--v2 .it21-whyplay__eyebrow {
    color: rgba(255, 210, 157, 0.68);
    font-size: 0.57rem;
    letter-spacing: 0.16em;
}

body.theme-season21-infernal-throne .it21-whyplay--v2 .it21-whyplay__title {
    margin: 0;
    color: #fff1d8;
    font-size: clamp(1.02rem, 1.7vw, 1.24rem);
    letter-spacing: 0.04em;
}

body.theme-season21-infernal-throne .it21-whyplay--v2 .it21-whyplay__lead {
    margin: 4px 0 0;
    color: rgba(244, 220, 190, 0.7);
    font-size: 0.74rem;
    letter-spacing: 0.02em;
    line-height: 1.45;
}

body.theme-season21-infernal-throne .it21-whyplay--v2 .it21-whyplay__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 12px;
    background: none;
}

body.theme-season21-infernal-throne .it21-whyplay--v2 .it21-whyplay__card {
    position: relative;
    display: grid;
    gap: 9px;
    min-height: 164px;
    padding: 14px 14px 12px;
    border-radius: 14px;
    border: 1px solid rgba(255, 146, 65, 0.2);
    background:
        radial-gradient(circle at 100% -10%, rgba(255, 163, 78, 0.16), transparent 42%),
        linear-gradient(160deg, rgba(18, 7, 6, 0.94), rgba(10, 4, 4, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 229, 196, 0.07),
        0 14px 26px rgba(0, 0, 0, 0.22);
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

body.theme-season21-infernal-throne .it21-whyplay--v2 .it21-whyplay__card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(130deg, rgba(255, 198, 132, 0.11), transparent 34%, transparent 68%, rgba(255, 106, 29, 0.1));
    opacity: 0.26;
    pointer-events: none;
}

body.theme-season21-infernal-throne .it21-whyplay--v2 .it21-whyplay__card:hover {
    transform: translateY(-3px);
    border-color: rgba(255, 183, 104, 0.44);
    box-shadow:
        inset 0 1px 0 rgba(255, 232, 202, 0.1),
        0 16px 34px rgba(0, 0, 0, 0.3),
        0 0 22px rgba(255, 120, 34, 0.12);
}

body.theme-season21-infernal-throne .it21-whyplay--v2 .it21-whyplay__card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

body.theme-season21-infernal-throne .it21-whyplay--v2 .it21-whyplay__card-icon {
    width: 38px;
    height: 38px;
    margin: 0;
    border-radius: 11px;
    border: 1px solid rgba(255, 166, 86, 0.3);
    background:
        radial-gradient(circle at 30% 24%, rgba(255, 204, 140, 0.24), transparent 60%),
        rgba(12, 5, 4, 0.86);
    box-shadow: inset 0 1px 0 rgba(255, 232, 201, 0.1);
}

body.theme-season21-infernal-throne .it21-whyplay--v2 .it21-whyplay__card-icon i {
    font-size: 1rem;
    color: #ffc986;
    animation: it21-whyplay-icon-float 3.2s ease-in-out infinite;
}

body.theme-season21-infernal-throne .it21-whyplay--v2 .it21-whyplay__card-no {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    border: 1px solid rgba(255, 173, 95, 0.28);
    background: rgba(15, 6, 5, 0.76);
    color: rgba(255, 214, 162, 0.78);
    font-family: var(--it21-font-ui);
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.14em;
}

body.theme-season21-infernal-throne .it21-whyplay--v2 .it21-whyplay__card-title {
    margin: 0;
    color: #fff0db;
    font-family: var(--it21-font-ui);
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    line-height: 1.28;
}

body.theme-season21-infernal-throne .it21-whyplay--v2 .it21-whyplay__card-desc {
    margin: 0;
    color: rgba(243, 222, 196, 0.74);
    font-size: 0.8rem;
    line-height: 1.48;
}

body.theme-season21-infernal-throne .it21-whyplay--v2 .it21-whyplay__card-line {
    margin-top: auto;
    width: 100%;
    height: 3px;
    border-radius: 999px;
    background: rgba(255, 146, 65, 0.16);
    overflow: hidden;
}

body.theme-season21-infernal-throne .it21-whyplay--v2 .it21-whyplay__card-line::after {
    content: "";
    display: block;
    height: 100%;
    width: 52%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(255, 112, 30, 0.22), rgba(255, 206, 142, 0.9), rgba(255, 112, 30, 0.22));
    transform: translateX(-16%);
    transition: transform 0.26s ease;
}

body.theme-season21-infernal-throne .it21-whyplay--v2 .it21-whyplay__card:hover .it21-whyplay__card-line::after {
    transform: translateX(88%);
}

@keyframes it21-whyplay-icon-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-2px); }
}

@media (max-width: 920px) {
    body.theme-season21-infernal-throne .it21-whyplay--v2 .it21-whyplay__grid {
        gap: 8px;
        padding: 10px;
    }

    body.theme-season21-infernal-throne .it21-whyplay--v2 .it21-whyplay__card {
        min-height: 152px;
        padding: 12px 12px 11px;
    }
}

@media (max-width: 680px) {
    body.theme-season21-infernal-throne .it21-whyplay--v2 .it21-whyplay__header {
        padding: 13px 13px 12px;
    }

    body.theme-season21-infernal-throne .it21-whyplay--v2 .it21-whyplay__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-season21-infernal-throne .it21-whyplay--v2 .it21-whyplay__card {
        min-height: 0;
    }

    body.theme-season21-infernal-throne .it21-whyplay--v2 .it21-whyplay__lead {
        font-size: 0.69rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.theme-season21-infernal-throne .it21-whyplay--v2,
    body.theme-season21-infernal-throne .it21-whyplay--v2 * {
        animation: none !important;
        transition: none !important;
    }
}