/* MuDixon — Downloads / Rankings / Painel */

body.dx-landing--full .dx-page-hero,
body.dx-landing--full .dx-page-hero--plain {
    position: relative;
    margin-top: 12px;
    min-height: 0;
    border-radius: 0;
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
}
body.dx-landing--full .dx-page-hero__art,
body.dx-landing--full .dx-page-hero__shade {
    display: none !important;
}
body.dx-landing--full .dx-page-hero__inner {
    position: relative;
    z-index: 2;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px 16px 24px;
}
body.dx-landing--full .dx-page-hero__logo {
    max-height: 72px;
    width: auto;
    margin-bottom: 8px;
    filter: drop-shadow(0 4px 18px rgba(0,0,0,.65)) drop-shadow(0 0 24px rgba(176,76,255,.35));
}
body.dx-landing--full .dx-page-hero__title {
    margin: 0;
    color: var(--dx-gold-soft, #f0d78c);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(26px, 3.6vw, 38px);
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    text-shadow: 0 2px 16px rgba(0,0,0,.7);
}
body.dx-landing--full .dx-page-hero__sub {
    margin: 8px 0 0;
    max-width: 640px;
    color: #d4cce0;
    font-size: 13px;
    line-height: 1.45;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-weight: 600;
}
body.dx-landing--full .dx-main--full {
    margin-top: 16px;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}
body.dx-landing--full .dx-inner-content > .dx-page-hero {
    margin-bottom: 16px;
}
body.dx-landing--home .dx-page-hero {
    display: none !important;
}

/* ===== DOWNLOADS ===== */
.dx-dl__grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 14px;
}
.dx-dl-card {
    background: rgba(10, 8, 16, 0.82);
    border: 1px solid rgba(212, 175, 55, 0.28);
    border-radius: 10px;
    box-shadow: 0 8px 28px rgba(0,0,0,.35), 0 0 20px rgba(138, 43, 226, 0.12);
    padding: 18px;
    position: relative;
}
.dx-dl-card::before,
.dx-dl-card::after {
    content: "";
    position: absolute;
    width: 7px; height: 7px;
    border: 1px solid #d4af37;
    transform: rotate(45deg);
}
.dx-dl-card::before { top: 8px; left: 8px; }
.dx-dl-card::after { top: 8px; right: 8px; }

.dx-dl-card h2 {
    margin: 0 0 8px;
    color: #f0d78c;
    font-size: 18px;
    font-weight: 800;
}
.dx-dl-card p { color: #b7adc8; font-size: 13px; line-height: 1.45; }

.dx-dl-card--client {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 16px;
    align-items: stretch;
}
.dx-dl-card__thumb {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(176, 76, 255, 0.3);
    min-height: 140px;
}
.dx-dl-card__thumb img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
}
.dx-dl-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.dx-dl-card__badge {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
    color: #e9d5ff;
    border: 1px solid rgba(176,76,255,.45);
    padding: 3px 8px;
    border-radius: 999px;
}
.dx-dl-card__desc { margin: 0 0 14px; }
.dx-dl-card__mirrors-label {
    margin: 14px 0 8px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #9ca3b8;
}
.dx-dl-card__mirrors {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.dx-btn.is-disabled,
.dx-btn[disabled] {
    opacity: .45;
    cursor: not-allowed;
    pointer-events: none;
}

.dx-dl-card--patch {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
}
.dx-dl-card__icon {
    width: 64px; height: 64px;
    border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 12px;
    background: rgba(176, 76, 255, 0.18);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #c084fc;
    font-size: 28px;
    box-shadow: 0 0 20px rgba(176, 76, 255, 0.35);
}

.dx-dl-card--guide { grid-column: 1 / 2; }
.dx-dl-steps {
    list-style: none;
    margin: 16px 0 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}
.dx-dl-steps li {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    flex: 1 1 90px;
}
.dx-dl-steps__n {
    width: 52px; height: 52px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: rgba(176, 76, 255, 0.22);
    border: 1px solid rgba(212, 175, 55, 0.35);
    color: #f0d78c;
    font-size: 18px;
}
.dx-dl-steps__arrow {
    flex: 0 0 auto !important;
    color: #a855f7 !important;
    font-size: 16px !important;
}

.dx-dl-card--reqs { grid-column: 2 / 3; }
.dx-dl-reqs {
    list-style: none;
    margin: 12px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.dx-dl-reqs li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
.dx-dl-reqs .fa {
    width: 28px;
    color: #c084fc;
    margin-top: 2px;
}
.dx-dl-reqs strong {
    display: block;
    color: #fff;
    font-size: 12px;
}
.dx-dl-reqs span {
    color: #b7adc8;
    font-size: 12px;
}

.dx-dl-card--extra { margin-top: 14px; }
.dx-dl-extra { list-style: none; margin: 0; padding: 0; }
.dx-dl-extra li {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255,255,255,.06);
}
.dx-dl-extra strong { display: block; color: #fff; }
.dx-dl-extra span { color: #b7adc8; font-size: 12px; }
.dx-dl-extra__links a {
    color: #f0d78c !important;
    margin-left: 8px;
    font-weight: 700;
    font-size: 12px;
}

/* ===== RANKINGS (Tops Menu + tabela) ===== */
.dx-rk {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.dx-rk__menu,
.dx-rk__main {
    background: rgba(12, 10, 18, 0.92);
    border: 1px solid rgba(155, 81, 224, 0.32);
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(0,0,0,.4);
}
.dx-rk__menu {
    padding: 16px 12px;
    position: sticky;
    top: 90px;
}
.dx-rk__menu-label {
    margin: 0 8px 12px;
    color: #8b7fa3;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.dx-rk__menu-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.dx-rk__menu-item {
    display: block;
    padding: 11px 14px;
    border-radius: 8px;
    background: rgba(255,255,255,.04);
    border: 1px solid transparent;
    color: #d8d0e8 !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.dx-rk__menu-item:hover {
    background: rgba(155, 81, 224, 0.14);
    color: #fff !important;
}
.dx-rk__menu-item.is-active {
    background: linear-gradient(180deg, #3db86a, #2a9a52);
    border-color: rgba(74, 222, 128, 0.45);
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(45, 160, 90, 0.35);
}

.dx-rk__main { padding: 18px 20px 16px; }
.dx-rk__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}
.dx-rk__title {
    margin: 0;
    color: #f4eefc;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: .01em;
}
.dx-rk__filters { display: flex; align-items: center; gap: 10px; }
.dx-rk__filter {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #9ca3b8;
    font-size: 12px;
    font-weight: 600;
}
.dx-rk__filter .fa-users { color: #3db86a; font-size: 16px; }
.dx-rk__select {
    min-width: 140px;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid rgba(155, 81, 224, 0.35);
    background: rgba(0,0,0,.42);
    color: #fff;
    font-size: 13px;
    outline: none;
    cursor: pointer;
}
.dx-rk__select option { background: #120a1c; color: #fff; }

.dx-rk__table-wrap { overflow-x: auto; }
.dx-rk__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
    font-size: 13px;
}
.dx-rk__table thead th {
    text-align: left;
    padding: 4px 12px 10px;
    color: #8b7fa3;
    font-size: 11px;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 700;
    border: 0;
    white-space: nowrap;
}
.dx-rk__table tbody tr {
    background: rgba(255,255,255,.03);
}
.dx-rk__table tbody tr:hover {
    background: rgba(155, 81, 224, 0.1);
}
.dx-rk__table tbody td {
    padding: 12px;
    color: #ebe4f7;
    vertical-align: middle;
    border-top: 1px solid rgba(255,255,255,.04);
    border-bottom: 1px solid rgba(255,255,255,.04);
    white-space: nowrap;
}
.dx-rk__table tbody td:first-child {
    border-left: 1px solid rgba(255,255,255,.04);
    border-radius: 10px 0 0 10px;
}
.dx-rk__table tbody td:last-child {
    border-right: 1px solid rgba(255,255,255,.04);
    border-radius: 0 10px 10px 0;
}
.dx-rk__pos {
    font-weight: 800;
    color: #cfc4e4;
    width: 48px;
}
.dx-rk__char {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 180px;
}
.dx-rk__avatar {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
    background: #16121f;
    border: 1px solid rgba(212,175,55,.35);
}
.dx-rk__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 15%;
}
.dx-rk__char-meta { min-width: 0; }
.dx-rk__char-line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}
.dx-rk__flag {
    width: 18px;
    height: 12px;
    object-fit: cover;
    border-radius: 2px;
    flex-shrink: 0;
}
.dx-rk__char-name,
.dx-rk__char-name a,
a.dx-rk__char-name {
    color: #fff !important;
    font-weight: 800;
    text-decoration: none !important;
    font-size: 14px;
}
.dx-rk__char-class,
.dx-rk__class {
    color: #a89bb8;
    font-size: 13px;
    font-weight: 600;
}
.dx-rk__guild a {
    color: #d8d0e8 !important;
    text-decoration: none !important;
    font-weight: 600;
}
.dx-rk__muted { color: #6b6280; }
.dx-rk__pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 1.4;
    text-transform: uppercase;
    white-space: nowrap;
    border: 1px solid transparent;
}
.dx-rk__pill--on {
    color: #fff;
    background: #22c55e;
    border-color: rgba(34, 197, 94, 0.65);
    box-shadow: 0 0 10px rgba(34, 197, 94, 0.35);
}
.dx-rk__pill--vip {
    color: #fff;
    background: #3d5a80;
    border-color: rgba(120, 150, 190, 0.45);
}
.dx-rk__pill--vip-dixon {
    color: #1a1208;
    background: linear-gradient(180deg, #f0d78c, #d4af37 55%, #a67c1a);
    border-color: rgba(240, 215, 140, 0.7);
    box-shadow: 0 0 12px rgba(212, 175, 55, 0.35);
}
.dx-rk__ml {
    color: #8b7fa3;
    font-weight: 700;
    margin-left: 2px;
}
.dx-rk__status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    border: 1px solid transparent;
}
.dx-rk__status--free {
    color: #cfc4e4;
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.12);
}
.dx-rk__status--platinum,
.dx-rk__status--vip,
.dx-rk__status--gold,
.dx-rk__status--silver,
.dx-rk__status--diamond {
    color: #fff;
    background: linear-gradient(180deg, #4aa3e8, #2f7fc0);
    border-color: rgba(96, 165, 250, 0.45);
}
.dx-rk__num {
    font-weight: 800;
    color: #f4eefc;
}
.dx-rk__num--accent {
    color: #3db86a;
    text-shadow: 0 0 10px rgba(61, 184, 106, 0.25);
}
.dx-rk__map { color: #a89bb8; }
.dx-rk__player {
    display: flex;
    align-items: center;
    gap: 10px;
}
.dx-rk__player a {
    color: #fff !important;
    font-weight: 700;
    text-decoration: none !important;
}
.dx-rk__cache {
    margin: 12px 0 0;
    color: #7c6b96;
    font-size: 11px;
}
.dx-rk .dx-empty {
    padding: 40px 16px;
    text-align: center;
    color: #9ca3b8;
}

/* ===== PAINEL ===== */
body.dx-landing--full .dx-panel,
.dx-panel {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr) 290px;
    gap: 16px;
    align-items: start;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
}
body.dx-landing--full .dx-panel .dx-card {
    margin-bottom: 14px;
    width: 100%;
    box-sizing: border-box;
}
body.dx-landing--full .dx-panel .dx-card:last-child { margin-bottom: 0; }
body.dx-landing--full .dx-btn--sm,
.dx-btn--sm {
    padding: 8px 12px !important;
    font-size: 11px !important;
    letter-spacing: .06em;
    white-space: nowrap;
}

.dx-panel__aside,
.dx-panel__side {
    position: sticky;
    top: 78px;
}
.dx-panel-profile { padding: 14px !important; }
.dx-panel-profile__row {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(176, 76, 255, 0.2);
}
.dx-panel-profile .dx-account__avatar {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid rgba(212, 175, 55, 0.45);
    background: #120a1c;
    flex-shrink: 0;
}
.dx-panel-profile .dx-account__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.dx-panel-profile .dx-account__hello {
    margin: 0 0 6px;
    color: #d4cce0;
    font-size: 12px;
    line-height: 1.35;
}
.dx-panel-profile .dx-account__hello strong { color: #fff; font-size: 14px; }
.dx-panel-profile .dx-account__badge {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(168, 85, 247, 0.25);
    border: 1px solid rgba(168, 85, 247, 0.45);
    color: #e9d5ff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dx-panel-menu {
    display: flex;
    flex-direction: column;
    gap: 3px;
    max-height: min(62vh, 520px);
    overflow: auto;
    padding-right: 2px;
    scrollbar-width: thin;
    scrollbar-color: rgba(168, 85, 247, 0.55) rgba(8, 6, 14, 0.9);
}
.dx-panel-menu__link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 11px;
    border-radius: 8px;
    border: 1px solid transparent;
    color: #e8e0f0 !important;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 600;
}
.dx-panel-menu__link .fa { color: #c084fc; width: 16px; text-align: center; }
.dx-panel-menu__link:hover {
    background: rgba(124, 58, 237, 0.18);
}
.dx-panel-menu__link.is-active {
    border-color: rgba(212, 175, 55, 0.55);
    background: rgba(212, 175, 55, 0.12);
    color: #fff !important;
}
.dx-panel-menu__link--danger { color: #fca5a5 !important; margin-top: 6px; }

.dx-panel-welcome {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
    padding: 16px 18px;
    background: rgba(10, 8, 16, 0.88);
    border: 1px solid rgba(212, 175, 55, 0.35);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0,0,0,.35);
}
.dx-panel-welcome h2 {
    margin: 0 0 4px;
    color: #fff;
    font-size: 20px;
}
.dx-panel-welcome p { margin: 0; color: #b7adc8; font-size: 13px; }
.dx-panel-wallet {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.dx-panel-wallet__coin {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 8px 12px;
    border-radius: 8px;
    background: rgba(0,0,0,.35);
    border: 1px solid rgba(176, 76, 255, 0.28);
}
.dx-panel-wallet__coin .fa { color: #f0d78c; font-size: 16px; }
.dx-panel-wallet__coin span {
    display: block;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #b7adc8;
}
.dx-panel-wallet__coin strong {
    color: #f0d78c;
    font-size: 14px;
}

.dx-panel-chars {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    align-items: stretch;
}
body.dx-landing--full .dx-panel .dx-card {
    overflow: visible;
}
body.dx-landing--full .dx-panel .dx-card__body {
    overflow: visible;
}
.dx-panel-char {
    display: flex;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
    background: rgba(0,0,0,.32);
    border: 1px solid rgba(176, 76, 255, 0.28);
    border-radius: 10px;
    padding: 12px;
    text-align: center;
    min-width: 0;
    overflow: visible;
}
.dx-panel-char__art {
    height: 130px;
    margin-bottom: 8px;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
    background:
        radial-gradient(ellipse at 50% 80%, rgba(168, 85, 247, 0.35), transparent 70%),
        linear-gradient(180deg, #1a1228, #0a0810);
}
.dx-panel-char__art img {
    width: 100%; height: 100%;
    object-fit: contain;
    object-position: center bottom;
    filter: drop-shadow(0 6px 12px rgba(0,0,0,.45));
}
.dx-panel-char h3 {
    margin: 0;
    color: #f0d78c;
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dx-panel-char > p {
    margin: 2px 0 8px;
    color: #b7adc8;
    font-size: 12px;
    flex-shrink: 0;
}
.dx-panel-char ul {
    list-style: none;
    margin: 0 0 12px;
    padding: 0;
    text-align: left;
    width: 100%;
    flex: 1 1 auto;
}
.dx-panel-char li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    padding: 3px 0;
    color: #b7adc8;
}
.dx-panel-char li strong { color: #fff; }
.dx-panel-char .is-on { color: #4ade80 !important; }
.dx-panel-char .is-off { color: #f87171 !important; }
.dx-panel-char .fa-circle { font-size: 8px; }
.dx-panel-char__btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    margin-top: auto;
    padding: 9px 10px;
    border-radius: 8px;
    border: 1px solid rgba(212, 175, 55, 0.7);
    background: rgba(10, 8, 16, 0.55);
    color: #f0d78c !important;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-decoration: none !important;
    text-align: center;
    flex-shrink: 0;
}
.dx-panel-char__btn:hover {
    background: rgba(124, 58, 237, 0.28);
    color: #fff !important;
    border-color: rgba(240, 215, 140, 0.85);
}

.dx-panel-activity__wrap { overflow-x: auto; }
.dx-panel-activity__table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}
.dx-panel-activity__table th {
    text-align: left;
    padding: 8px 10px;
    color: #b7adc8;
    font-size: 10px;
    letter-spacing: .08em;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(176,76,255,.22);
}
.dx-panel-activity__table td {
    padding: 9px 10px;
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,.04);
    vertical-align: middle;
}

.dx-panel-secure__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255,255,255,.06);
}
.dx-panel-secure__row:last-child { border-bottom: 0; padding-bottom: 0; }
.dx-panel-secure__row:first-child { padding-top: 0; }
.dx-panel-secure__info { min-width: 0; flex: 1; }
.dx-panel-secure__row span {
    display: block;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #b7adc8;
    margin-bottom: 3px;
}
.dx-panel-secure__row strong {
    display: block;
    color: #fff;
    font-size: 13px;
    word-break: break-all;
}
.dx-panel-secure__dots {
    letter-spacing: .2em;
    font-size: 16px !important;
}
.dx-panel-secure__row .is-ok,
.dx-panel-secure__row .is-warn {
    flex-shrink: 0;
    font-style: normal;
    font-size: 11px;
    font-weight: 800;
}
.dx-panel-secure__row .is-ok { color: #4ade80; }
.dx-panel-secure__row .is-warn { color: #fbbf24; }
.dx-panel-secure-card .dx-btn { flex-shrink: 0; }

.dx-panel-info {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.dx-panel-info li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
.dx-panel-info .fa {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(168, 85, 247, 0.18);
    color: #c084fc;
    flex-shrink: 0;
}
.dx-panel-info span {
    display: block;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #b7adc8;
}
.dx-panel-info strong { color: #fff; font-size: 13px; }

/* ===== EXTRA PAGES (Drop / Info / Shop / XBox) ===== */
.dx-btn--green,
.dx-btn--gold.dx-shop__add,
.dx-btn--gold.dx-shop__checkout {
    background: linear-gradient(180deg, #f0d78c, #d4af37 55%, #a67c1a) !important;
    border: 1px solid rgba(212, 175, 55, 0.65) !important;
    color: #1a1208 !important;
    box-shadow: 0 6px 16px rgba(212, 175, 55, 0.28);
}
.dx-btn--green:hover,
.dx-btn--gold.dx-shop__add:hover,
.dx-btn--gold.dx-shop__checkout:hover {
    background: linear-gradient(180deg, #ffe9a8, #d4af37) !important;
}
.dx-btn--ghost {
    background: transparent !important;
    border: 1px solid rgba(155, 81, 224, 0.4) !important;
    color: #e8e0f5 !important;
}
.dx-extra { max-width: 1180px; margin: 0 auto; }
.dx-extra__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}
.dx-extra__title {
    margin: 0 0 6px;
    color: #f4eefc;
    font-size: 28px;
    font-weight: 800;
}
.dx-extra__lead { margin: 0; color: #9ca3b8; font-size: 14px; line-height: 1.45; }
.dx-extra__card {
    background: rgba(12, 10, 18, 0.92);
    border: 1px solid rgba(155, 81, 224, 0.28);
    border-radius: 12px;
    padding: 18px;
    box-shadow: 0 10px 28px rgba(0,0,0,.35);
}

.dx-drops__search {
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
}
.dx-drops__search input {
    flex: 1;
    min-height: 44px;
    border-radius: 10px;
    border: 1px solid rgba(155, 81, 224, 0.35);
    background: rgba(0,0,0,.42);
    color: #fff;
    padding: 0 14px;
    outline: none;
}
.dx-drops__cats {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px;
}
.dx-drops__cat {
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.04);
    color: #d8d0e8 !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
}
.dx-drops__cat.is-on {
    background: rgba(61, 184, 106, 0.18);
    border-color: rgba(61, 184, 106, 0.55);
    color: #86efac !important;
}
.dx-drops__group { margin-bottom: 18px; }
.dx-drops__group h3 {
    margin: 0 0 10px;
    color: #f0d78c;
    font-size: 14px;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.dx-drops__list {
    list-style: none;
    margin: 0;
    padding: 0;
    background: rgba(12, 10, 18, 0.92);
    border: 1px solid rgba(155, 81, 224, 0.28);
    border-radius: 12px;
    overflow: hidden;
}
.dx-drops__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(255,255,255,.06);
    color: #fff !important;
    text-decoration: none !important;
}
.dx-drops__row:hover { background: rgba(155, 81, 224, 0.08); }
.dx-drops__list li:last-child .dx-drops__row { border-bottom: 0; }
.dx-drops__main { display: flex; align-items: center; gap: 12px; min-width: 0; }
.dx-drops__thumb {
    width: 36px; height: 36px;
    border-radius: 8px;
    display: inline-flex; align-items: center; justify-content: center;
    background: rgba(61, 184, 106, 0.15);
    border: 1px solid rgba(61, 184, 106, 0.35);
    color: #86efac;
    font-weight: 800;
    flex-shrink: 0;
}
.dx-drops__name { font-weight: 700; }
.dx-drops__row em { color: #8b7fa3; font-style: normal; font-size: 12px; white-space: nowrap; }
.dx-drops__items { list-style: none; margin: 0; padding: 0; columns: 2; gap: 24px; }
.dx-drops__items li {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 0;
    color: #e8e0f5;
    break-inside: avoid;
}
.dx-drops__item-dot {
    width: 7px; height: 7px; border-radius: 50%;
    background: #3db86a;
    box-shadow: 0 0 8px rgba(61,184,106,.5);
    flex-shrink: 0;
}

.dx-info__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}
.dx-info__col {
    background: rgba(12, 10, 18, 0.92);
    border: 1px solid rgba(155, 81, 224, 0.28);
    border-radius: 12px;
    padding: 18px 16px;
}
.dx-info__col h3 {
    margin: 0 0 12px;
    padding-bottom: 8px;
    border-bottom: 2px solid #3db86a;
    color: #fff;
    font-size: 14px;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.dx-info__col ul { list-style: none; margin: 0; padding: 0; }
.dx-info__col li {
    position: relative;
    padding: 6px 0 6px 16px;
    color: #d8d0e8;
    font-size: 13px;
    line-height: 1.45;
}
.dx-info__col li:before {
    content: "";
    position: absolute;
    left: 0; top: 12px;
    width: 7px; height: 7px;
    border-radius: 50%;
    background: #3db86a;
}
.dx-info__col a { color: #c4b5fd !important; text-decoration: none !important; }
.dx-info__col a:hover { color: #fff !important; }
.dx-info__col code {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(61, 184, 106, 0.16);
    border: 1px solid rgba(61, 184, 106, 0.35);
    color: #86efac;
    font-size: 12px;
}
.dx-info__badge {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
}
.dx-info__badge--hot { background: #f59e0b; color: #1a1206; }
.dx-info__badge--new { background: #3db86a; color: #fff; }
.dx-info__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.dx-info__block { margin-top: 34px; }
.dx-info__table-wrap {
    overflow-x: auto;
    background: rgba(12, 10, 18, 0.92);
    border: 1px solid rgba(155, 81, 224, 0.28);
    border-radius: 12px;
}
.dx-info__table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}
.dx-info__table th,
.dx-info__table td {
    padding: 12px 14px;
    text-align: left;
    border-bottom: 1px solid rgba(255,255,255,.06);
}
.dx-info__table th {
    color: #8b7fa3;
    font-size: 11px;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.dx-info__table td { color: #e8e0f5; }
.dx-info__table tr:last-child td { border-bottom: 0; }
.dx-info__table code {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(61, 184, 106, 0.16);
    border: 1px solid rgba(61, 184, 106, 0.35);
    color: #86efac;
    font-size: 12px;
}
.dx-info__cta {
    margin-top: 34px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 20px;
    border-radius: 12px;
    border: 1px solid rgba(61, 184, 106, 0.35);
    background:
        radial-gradient(ellipse at 0% 50%, rgba(61,184,106,.12), transparent 55%),
        rgba(12, 10, 18, 0.92);
}
.dx-info__cta h2 { margin: 0 0 6px; color: #fff; font-size: 22px; }
.dx-info__cta p { margin: 0; color: #b7adc8; font-size: 14px; }

/* Journey / Ascension */
.dx-asc {
    margin-top: 36px;
    padding: 22px 18px 20px;
    border-radius: 14px;
    border: 1px solid rgba(155, 81, 224, 0.32);
    background:
        radial-gradient(ellipse at 20% 0%, rgba(61,184,106,.1), transparent 45%),
        rgba(10, 8, 16, 0.95);
}
.dx-asc__brand {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}
.dx-asc__crest {
    width: 54px; height: 54px;
    border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: linear-gradient(180deg, #3db86a, #2a9a52);
    color: #fff;
    font-size: 22px;
    box-shadow: 0 8px 20px rgba(45, 160, 90, 0.35);
    flex-shrink: 0;
}
.dx-asc__brand small {
    display: block;
    color: #3db86a;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.dx-asc__brand h2 {
    margin: 4px 0;
    color: #f4eefc;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(26px, 3.5vw, 34px);
}
.dx-asc__brand h2 em { font-style: normal; color: #86efac; }
.dx-asc__brand p { margin: 0; color: #9ca3b8; font-size: 13px; }
.dx-asc__layout {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}
.dx-asc__legend {
    position: sticky;
    top: 90px;
    padding: 14px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(0,0,0,.28);
}
.dx-asc__legend b { display: block; color: #f0d78c; font-size: 12px; margin-bottom: 4px; }
.dx-asc__legend > span {
    display: block;
    color: #8b7fa3;
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.dx-asc__legend ul { list-style: none; margin: 0; padding: 0; }
.dx-asc__legend li {
    display: flex; align-items: center; gap: 8px;
    padding: 6px 0;
    color: #d8d0e8;
    font-size: 12px;
}
.dx-asc__legend .fa { color: #3db86a; width: 16px; text-align: center; }
.dx-asc__path { display: flex; flex-direction: column; gap: 18px; }
.dx-asc__row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}
.dx-asc__row.is-rev { direction: rtl; }
.dx-asc__row.is-rev > * { direction: ltr; }
.dx-asc__row:nth-child(2),
.dx-asc__row:nth-child(3),
.dx-asc__row:nth-child(4),
.dx-asc__row:nth-child(5),
.dx-asc__row:nth-child(6) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.dx-asc__node {
    position: relative;
    padding: 18px 12px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(18, 14, 28, 0.92);
    box-shadow: 0 8px 22px rgba(0,0,0,.3);
}
.dx-asc__node[data-tier="bronze"] { border-color: rgba(217, 119, 6, 0.45); }
.dx-asc__node[data-tier="silver"] { border-color: rgba(148, 163, 184, 0.5); }
.dx-asc__node[data-tier="gold"] { border-color: rgba(240, 215, 140, 0.55); }
.dx-asc__node[data-tier="emerald"] { border-color: rgba(61, 184, 106, 0.55); }
.dx-asc__node[data-tier="diamond"] { border-color: rgba(96, 165, 250, 0.55); }
.dx-asc__node[data-tier="mythic"] { border-color: rgba(192, 132, 252, 0.55); }
.dx-asc__node[data-tier="dixon"] { border-color: rgba(61, 184, 106, 0.7); }
.dx-asc__reset {
    position: absolute;
    left: 50%; top: -11px;
    transform: translateX(-50%) rotate(45deg);
    width: 28px; height: 28px;
    background: linear-gradient(180deg, #3db86a, #2a9a52);
    border: 1px solid rgba(255,255,255,.25);
    box-shadow: 0 4px 12px rgba(45,160,90,.4);
    display: flex; align-items: center; justify-content: center;
}
.dx-asc__reset i {
    transform: rotate(-45deg);
    font-style: normal;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}
.dx-asc__head h3 {
    margin: 0;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    text-align: center;
}
.dx-asc__star { color: #f0d78c; font-style: normal; }
.dx-asc__head small {
    display: block;
    text-align: center;
    margin-top: 2px;
    color: #f0a35a;
    font-size: 11px;
    font-weight: 700;
}
.dx-asc__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 72px;
    gap: 8px;
    align-items: center;
    margin-top: 10px;
}
.dx-asc__body ul { list-style: none; margin: 0; padding: 0; }
.dx-asc__body li {
    display: flex; align-items: flex-start; gap: 6px;
    color: #d4cce0;
    font-size: 11px;
    line-height: 1.35;
    margin-bottom: 4px;
}
.dx-asc__body .fa { color: #3db86a; margin-top: 2px; font-size: 11px; }
.dx-asc__art { margin: 0; }
.dx-asc__art img {
    width: 72px; height: 72px;
    object-fit: contain;
    filter: drop-shadow(0 6px 10px rgba(0,0,0,.45));
}
.dx-asc__art--lg img { width: 110px; height: 110px; }
.dx-asc__final { margin-top: 4px; }
.dx-asc__final-grid {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin-top: 10px;
}
.dx-asc__final-loot b {
    display: block;
    margin-bottom: 8px;
    color: #f0d78c;
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.dx-asc__final-loot ul { list-style: none; margin: 0; padding: 0; columns: 2; gap: 16px; }
.dx-asc__final-loot li {
    display: flex; align-items: center; gap: 6px;
    color: #e8e0f5; font-size: 12px; margin-bottom: 6px;
    break-inside: avoid;
}
.dx-asc__final-loot .fa { color: #3db86a; }
.dx-asc__meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}
.dx-asc__stat {
    padding: 14px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(0,0,0,.25);
}
.dx-asc__stat h4 {
    margin: 0 0 10px;
    color: #86efac;
    font-size: 12px;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.dx-asc__stat ul { list-style: none; margin: 0; padding: 0; }
.dx-asc__stat li {
    display: flex; justify-content: space-between; gap: 10px;
    padding: 5px 0;
    border-bottom: 1px solid rgba(255,255,255,.05);
    color: #b7adc8; font-size: 12px;
}
.dx-asc__stat li:last-child { border-bottom: 0; }
.dx-asc__stat b { color: #fff; }

.dx-shop__top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}
.dx-shop__fx select {
    min-height: 38px;
    border-radius: 8px;
    border: 1px solid rgba(155, 81, 224, 0.35);
    background: rgba(0,0,0,.42);
    color: #fff;
    padding: 0 12px;
}
.dx-shop__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 16px;
    align-items: start;
}
.dx-shop__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.dx-shop__grid.is-wide { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dx-shop__grid.is-wide .dx-shop__card {
    min-width: 0;
    padding: 16px;
    gap: 8px;
}
.dx-shop__grid.is-wide .dx-shop__visual { height: 84px; margin-top: 18px; }
.dx-shop__grid.is-wide .dx-shop__visual img { max-width: 80px; max-height: 80px; }
.dx-shop__grid.is-wide .dx-shop__card h3 { font-size: 14px; line-height: 1.4; }
.dx-shop__grid.is-wide .dx-shop__feats { font-size: 12px; line-height: 1.65; margin: 4px 0 8px; }
.dx-shop__grid.is-wide .dx-shop__price { margin-top: auto; }
.dx-shop__grid.is-wide .dx-shop__badge { width: 34px; height: 34px; font-size: 10px; }
body.dx-landing .dx-shop__grid.is-wide .dx-shop__add { padding: 10px 12px; font-size: 11px; }
.dx-shop__grid.is-vip {
    grid-template-columns: repeat(4, minmax(0, 240px));
    justify-content: start;
    gap: 14px;
}
.dx-shop__bonus {
    display: block;
    color: #7dffb0 !important;
    font-weight: 700;
}
.dx-shop__extras .is-xpoint { color: #ff6b8a; }
.dx-shop__extras .is-xkey {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 4px 10px;
    border-radius: 999px;
    color: #9ecbff;
    background: rgba(80, 140, 255, 0.16);
    border: 1px solid rgba(120, 170, 255, 0.35);
}
.dx-shop__extras .is-vip { color: #e0b35a; }
.dx-shop__total {
    color: #f0d78c !important;
    font-size: 18px;
}
.dx-shop__grid.is-vip .dx-shop__card {
    max-width: 280px;
    padding: 14px 12px 12px;
    gap: 6px;
    text-align: center;
}
.dx-shop__grid.is-vip .dx-shop__visual {
    height: 88px;
}
.dx-shop__grid.is-vip .dx-shop__visual img {
    max-width: 84px;
    max-height: 84px;
}
.dx-shop__grid.is-vip .dx-shop__card h3 {
    font-size: 14px;
}
.dx-shop__grid.is-vip .dx-shop__feats {
    font-size: 11px;
    margin: 2px 0 4px;
}
.dx-shop__grid.is-vip .dx-shop__price {
    font-size: 14px;
}
.dx-shop__grid.is-vip .dx-shop__badge {
    width: 36px;
    height: 36px;
    font-size: 10px;
}
.dx-shop__grid.is-vip .dx-shop__add {
    padding: 10px 12px !important;
    font-size: 11px !important;
}
.dx-shop__card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: rgba(12, 10, 18, 0.92);
    border: 1px solid rgba(155, 81, 224, 0.28);
    border-radius: 12px;
    padding: 16px 14px;
    text-align: center;
}
.dx-shop__card.is-hot,
.dx-shop__card.is-in-cart {
    border-color: rgba(212, 175, 55, 0.55);
    box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.2), 0 10px 24px rgba(138, 43, 226, 0.12);
}
.dx-shop__badge {
    position: absolute;
    top: 10px; right: 10px;
    width: 42px; height: 42px;
    border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: linear-gradient(180deg, #d4af37, #a67c1a);
    color: #1a1208;
    font-size: 11px;
    font-weight: 800;
}
.dx-shop__tag {
    position: absolute;
    top: 10px; left: 10px;
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(176, 76, 255, 0.18);
    color: #f0d78c;
    font-size: 11px;
    font-weight: 800;
}
.dx-shop__visual {
    height: 120px;
    display: flex; align-items: center; justify-content: center;
}
.dx-shop__visual img { max-width: 110px; max-height: 110px; object-fit: contain; }
.dx-shop__card h3 { margin: 0; color: #fff; font-size: 16px; }
.dx-shop__meta { margin: 0; color: #b7adc8; font-size: 12px; }
.dx-shop__meta span { display: block; color: #f0d78c; }
.dx-shop__extras { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: #c4b5fd; }
.dx-shop__total { margin: 0; font-weight: 800; color: #f0d78c; }
.dx-shop__price { margin: 0; font-weight: 800; color: #fff; font-size: 15px; }
.dx-shop__feats {
    list-style: none; margin: 0; padding: 0;
    text-align: left; font-size: 12px; color: #b7adc8;
}
.dx-shop__feats li:before { content: "» "; color: #d4af37; font-weight: 700; }
.dx-shop__gift {
    display: flex; align-items: center; gap: 8px;
    justify-content: center;
    color: #9ca3b8; font-size: 12px;
}
.dx-shop__gift-acc {
    display: none;
    width: 100%;
    min-height: 36px;
    margin-top: 2px;
    padding: 0 10px;
    border-radius: 8px;
    border: 1px solid rgba(176, 76, 255, 0.35);
    background: rgba(0,0,0,.4);
    color: #fff;
    font-size: 12px;
}
.dx-shop__gift-acc.is-on { display: block; }
.dx-shop__add { width: 100%; margin-top: 4px; }
body.dx-landing .dx-btn--gold.dx-shop__add.is-added,
.dx-btn--gold.dx-shop__add.is-added {
    background: linear-gradient(180deg, #c9a227 0%, #9a7218 48%, #6e5010 100%) !important;
    border: 1px solid rgba(255, 230, 150, 0.75) !important;
    color: #fff8e6 !important;
    box-shadow: 0 6px 18px rgba(154, 114, 24, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.22);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}
body.dx-landing .dx-btn--gold.dx-shop__add.is-added:hover,
.dx-btn--gold.dx-shop__add.is-added:hover {
    background: linear-gradient(180deg, #e0b84a 0%, #b88920 50%, #8a6414 100%) !important;
    color: #fff !important;
    transform: translateY(-1px);
}
.dx-shop__side { position: sticky; top: 90px; display: flex; flex-direction: column; gap: 14px; }
.dx-shop__side h3 {
    margin: 0 0 12px;
    color: #f0d78c;
    font-size: 13px;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.dx-shop__cats { display: flex; flex-direction: column; gap: 6px; }
.dx-shop__cats a {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 12px;
    border-radius: 8px;
    color: #d8d0e8 !important;
    text-decoration: none !important;
    background: rgba(255,255,255,.03);
}
.dx-shop__cats a.is-active,
.dx-shop__cats a:hover {
    background: rgba(176, 76, 255, 0.18);
    border: 1px solid rgba(212, 175, 55, 0.28);
    color: #f0d78c !important;
}
.dx-shop__row {
    display: flex; justify-content: space-between;
    margin-bottom: 10px; color: #c4b5fd; font-size: 13px;
}
.dx-shop__row b { color: #fff; }
.dx-shop__lines { margin-bottom: 10px; }
.dx-shop__line {
    display: flex; align-items: center; justify-content: space-between; gap: 8px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255,255,255,.06);
    font-size: 12px; color: #b7adc8;
}
.dx-shop__line-title { color: #fff; font-weight: 700; }
.dx-shop__line-meta { color: #8b7fa3; font-size: 11px; margin-top: 2px; }
.dx-shop__line-sum { color: #f0d78c; white-space: nowrap; }
.dx-shop__qty {
    display: inline-flex; align-items: center; gap: 6px;
}
.dx-shop__qty button {
    width: 24px; height: 24px; border: 1px solid rgba(176, 76, 255, 0.4);
    border-radius: 6px; background: rgba(20,12,32,.9); color: #f0d78c; cursor: pointer;
}
.dx-shop__qty b { min-width: 16px; text-align: center; color: #fff; }
.dx-shop__checkout { width: 100%; margin-top: 8px; }
.dx-shop__checkout:disabled { opacity: .45; cursor: not-allowed; }
.dx-shop__note { margin: 10px 0 0; color: #7c6b96; font-size: 12px; }

/* ===== SHOPPING CHECKOUT (estilo Zyrion) ===== */
.dx-cart__top {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
    gap: 12px; margin-bottom: 10px;
}
.dx-cart__fx select {
    min-height: 38px; border-radius: 8px; border: 1px solid rgba(155, 81, 224, 0.35);
    background: rgba(0,0,0,.42); color: #fff; padding: 0 12px;
}
.dx-cart__lead { margin: 0 0 16px; color: #b7adc8; font-size: 14px; line-height: 1.5; }
.dx-cart__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 16px;
    align-items: start;
}
.dx-cart.is-pay-step .dx-cart__layout {
    grid-template-columns: minmax(0, 1fr) 300px;
}
.dx-cart.is-review-step .dx-cart__paystep { display: none; }
.dx-cart.is-pay-step .dx-cart__review { display: none; }
.dx-cart__table { width: 100%; border-collapse: collapse; }
.dx-cart__table th {
    padding: 0 8px 10px; border-bottom: 1px solid rgba(176,76,255,.25);
    color: #8b7fa3; font-size: 12px; font-weight: 700; text-align: left;
}
.dx-cart__table th.is-num, .dx-cart__table td.is-num { text-align: right; }
.dx-cart__table th.is-qty, .dx-cart__table td.is-qty { text-align: center; }
.dx-cart__table td {
    padding: 14px 8px; border-bottom: 1px solid rgba(255,255,255,.06); vertical-align: middle;
}
.dx-cart__name { font-size: 14px; font-weight: 700; color: #fff; }
.dx-cart__meta { margin-top: 3px; font-size: 11px; color: #8b7fa3; }
.dx-cart__qty { display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.dx-cart__qty button {
    width: 28px; height: 28px; border: 1px solid rgba(176,76,255,.35);
    border-radius: 8px; background: rgba(20,12,32,.95); color: #f0d78c; cursor: pointer; font-size: 14px;
}
.dx-cart__qty button[data-act="del"] { color: #f0a0a8; border-color: rgba(180,60,80,.4); }
.dx-cart__qty b { min-width: 18px; text-align: center; color: #fff; }
.dx-cart__row {
    display: flex; justify-content: space-between; gap: 10px;
    padding: 7px 0; font-size: 13px; color: #b7adc8;
}
.dx-cart__row b { color: #fff; font-weight: 800; }
.dx-cart__total { color: #f0d78c !important; }
.dx-cart__actions { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
.dx-cart__actions .dx-btn { width: 100%; justify-content: center; }
.dx-cart__note { margin: 10px 0 0; font-size: 12px; color: #c4b5fd; line-height: 1.4; min-height: 18px; }
.dx-cart__empty { text-align: center; padding: 28px 12px; }
.dx-cart__empty h3 { margin: 0 0 8px; color: #f0d78c; }
.dx-cart__empty p { margin: 0 0 16px; color: #8b7fa3; }
.dx-cart__paystep h3 {
    margin: 0 0 14px; color: #f0d78c; font-size: 16px; font-weight: 800;
}
.dx-cart__pay-list {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; max-width: 560px;
}
.dx-cart__pay-card {
    position: relative; display: flex; flex-direction: column; align-items: flex-start;
    gap: 12px; min-height: 148px; margin: 0; padding: 16px 16px 14px;
    border: 1.5px solid rgba(176,76,255,.28); border-radius: 16px;
    background: rgba(12,10,18,.92); color: #f4f0fa; cursor: pointer;
}
.dx-cart__pay-card:hover { border-color: rgba(212,175,55,.45); background: rgba(30,18,48,.95); }
.dx-cart__pay-card.is-on {
    border-color: rgba(212,175,55,.7);
    background: rgba(40,24,64,.95);
    box-shadow: 0 0 0 1px rgba(212,175,55,.2), 0 10px 24px rgba(138,43,226,.15);
}
.dx-cart__pay-input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; }
.dx-cart__pay-top { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 10px; }
.dx-cart__pay-brand {
    width: 58px; height: 58px; border-radius: 14px;
    background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08);
    display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.dx-cart__pay-card.is-on .dx-cart__pay-brand { background: rgba(255,255,255,.1); border-color: rgba(212,175,55,.3); }
.dx-cart__pay-logo { width: auto; height: auto; max-width: 44px; max-height: 36px; object-fit: contain; display: block; }
.dx-cart__pay-logo.is-pix { max-width: 48px; max-height: 30px; }
.dx-cart__pay-logo.is-square { max-width: 36px; max-height: 36px; }
.dx-cart__pay-brand .fa { color: #f0d78c; font-size: 22px; }
.dx-cart__pay-check {
    width: 20px; height: 20px; border: 2px solid rgba(176,76,255,.4); border-radius: 50%;
    flex: 0 0 20px; background: transparent; box-sizing: border-box;
}
.dx-cart__pay-card.is-on .dx-cart__pay-check {
    border-color: #d4af37; background: #d4af37; box-shadow: inset 0 0 0 3px rgba(12,10,18,.95);
}
.dx-cart__pay-copy { display: flex; flex-direction: column; gap: 3px; width: 100%; min-width: 0; }
.dx-cart__pay-copy strong { display: block; font-size: 15px; font-weight: 800; color: #fff; line-height: 1.2; }
.dx-cart__pay-copy em { display: block; font-style: normal; font-size: 12px; font-weight: 500; color: #8b7fa3; line-height: 1.35; }
.dx-cart__pay-empty { margin: 8px 0 0; color: #8b7fa3; font-size: 13px; line-height: 1.45; }
.dx-cart__aside { position: sticky; top: 90px; }
.dx-cart__aside h3 {
    margin: 0 0 12px; color: #f0d78c; font-size: 13px; letter-spacing: .1em; text-transform: uppercase;
}
@media (max-width: 980px) {
    .dx-cart__layout { grid-template-columns: 1fr; }
    .dx-cart__aside { position: static; }
}
@media (max-width: 700px) {
    .dx-cart__pay-list { grid-template-columns: 1fr; }
    .dx-cart__table th:nth-child(3), .dx-cart__table td:nth-child(3) { display: none; }
}

.dx-xbox { text-align: center; }
.dx-xbox__seal {
    display: inline-flex;
    margin: 0 auto 14px;
    padding: 6px 14px;
    border-radius: 999px;
    border: 1px solid rgba(61, 184, 106, 0.4);
    background: rgba(12, 10, 18, 0.9);
    color: #86efac;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.dx-xbox__top {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    padding: 16px 18px;
    background: rgba(12, 10, 18, 0.92);
    border: 1px solid rgba(155, 81, 224, 0.28);
    border-radius: 12px;
    text-align: left;
}
.dx-xbox__top .dx-extra__title { margin: 0; }
.dx-xbox__user { text-align: center; color: #b7adc8; font-size: 13px; line-height: 1.45; }
.dx-xbox__user b { color: #fff; }
.dx-xbox__user i { font-style: normal; color: #3db86a; font-weight: 800; }
.dx-xbox__user img { width: 16px; height: 16px; vertical-align: -3px; }
.dx-xbox__top .dx-btn { justify-self: end; }
.dx-xbox__stage {
    position: relative;
    min-height: 420px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 18px 0 8px;
}
.dx-xbox__glow {
    position: absolute;
    left: 50%; top: 58%;
    width: 340px; height: 180px;
    margin: -40px 0 0 -170px;
    background: radial-gradient(circle, rgba(61,184,106,.28), rgba(212,175,55,.12) 50%, transparent 70%);
    filter: blur(8px);
    pointer-events: none;
}
.dx-xbox__open { position: relative; z-index: 2; margin-bottom: 8px; letter-spacing: .1em; text-transform: uppercase; }
.dx-xbox__chest {
    position: relative; z-index: 2;
    border: 0; background: transparent; cursor: pointer;
    width: min(380px, 86vw); padding: 0;
    animation: dxXboxFloat 3.2s ease-in-out infinite;
}
.dx-xbox__chest img { display: block; width: 100%; height: auto; filter: drop-shadow(0 12px 20px rgba(0,0,0,.45)); }
.dx-xbox__opened { position: absolute; left: 0; bottom: 0; opacity: 0; pointer-events: none; }
.dx-xbox__chest.is-opening { animation: dxXboxShake .95s ease-in-out; }
.dx-xbox__chest.is-open .dx-xbox__closed { opacity: 0; }
.dx-xbox__chest.is-open .dx-xbox__opened { opacity: 1; }
.dx-xbox__hint {
    margin: 10px 0 4px;
    color: #3db86a;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.dx-xbox__dest { margin: 0; color: #8b7fa3; font-size: 12px; }
.dx-xbox__reel {
    margin: 22px auto 0;
    width: min(1100px, 100%);
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid rgba(155, 81, 224, 0.28);
    background: rgba(12, 10, 18, 0.92);
    padding: 12px 0;
}
.dx-xbox__reel-track { display: flex; width: max-content; animation: dxXboxRoll 48s linear infinite; }
.dx-xbox__reel-list { display: flex; gap: 12px; padding: 0 12px; }
.dx-xbox__tile {
    flex: 0 0 100px;
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    color: #b7adc8; font-size: 11px;
}
.dx-xbox__ico {
    width: 78px; height: 78px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.03);
    display: flex; align-items: center; justify-content: center;
}
.dx-xbox__ico img { width: 56px; height: 56px; object-fit: contain; }
.dx-xbox__rewards { margin-top: 28px; text-align: left; }
.dx-xbox__rewards h3 {
    margin: 0 0 14px;
    color: #3db86a;
    font-size: 13px;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.dx-xbox__grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
}
.dx-xbox__prize {
    display: flex; flex-direction: column; align-items: center; gap: 8px;
    text-align: center; color: #c4b5fd; font-size: 12px;
}
.dx-xbox__win {
    position: fixed; inset: 0; z-index: 80;
    display: none; align-items: center; justify-content: center;
    background: rgba(8, 6, 14, .72);
}
.dx-xbox__win.is-on { display: flex; }
.dx-xbox__win-card {
    width: min(380px, calc(100% - 32px));
    padding: 28px 20px 22px;
    border-radius: 14px;
    background: #120a1c;
    border: 1px solid rgba(155, 81, 224, 0.4);
    text-align: center;
    box-shadow: 0 24px 60px rgba(0,0,0,.5);
}
.dx-xbox__win-card img { width: 96px; height: 96px; object-fit: contain; }
.dx-xbox__win-card strong { display: block; margin: 12px 0 6px; color: #fff; font-size: 20px; }
.dx-xbox__win-card p { margin: 0 0 16px; color: #9ca3b8; font-size: 13px; }
.dx-xbox__win-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
@keyframes dxXboxFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
@keyframes dxXboxShake {
    0%,100%{transform:translateX(0)} 20%{transform:translateX(-12px) rotate(-3deg)}
    40%{transform:translateX(12px) rotate(3deg)} 60%{transform:translateX(-8px)} 80%{transform:translateX(8px)}
}
@keyframes dxXboxRoll { from{transform:translateX(0)} to{transform:translateX(-50%)} }

@media (max-width: 1180px) {
    body.dx-landing--full .dx-panel,
    .dx-panel { grid-template-columns: 230px minmax(0, 1fr); }
    .dx-panel__side {
        grid-column: 1 / -1;
        position: static;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px;
    }
    .dx-panel__side .dx-card { margin-bottom: 0; }
    .dx-panel-chars { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dx-dl__grid { grid-template-columns: 1fr; }
    .dx-dl-card--client { grid-template-columns: 1fr; }
    .dx-dl-card--guide,
    .dx-dl-card--reqs { grid-column: auto; }
    .dx-rk { grid-template-columns: 200px minmax(0, 1fr); }
    .dx-shop__layout { grid-template-columns: 1fr; }
    .dx-shop__side { position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
    .dx-shop__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dx-shop__grid.is-vip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: none;
    }
    .dx-shop__grid.is-vip .dx-shop__card { max-width: none; }
    .dx-info__grid { grid-template-columns: 1fr; }
    .dx-asc__layout { grid-template-columns: 1fr; }
    .dx-asc__legend { position: static; }
    .dx-asc__row,
    .dx-asc__row:nth-child(2),
    .dx-asc__row:nth-child(3),
    .dx-asc__row:nth-child(4),
    .dx-asc__row:nth-child(5),
    .dx-asc__row:nth-child(6) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dx-asc__meta { grid-template-columns: 1fr; }
    .dx-asc__final-grid { grid-template-columns: 1fr; justify-items: center; text-align: center; }
    .dx-asc__final-loot ul { columns: 1; }
    .dx-xbox__top { grid-template-columns: 1fr; text-align: center; }
    .dx-xbox__top .dx-btn { justify-self: center; }
    .dx-xbox__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .dx-drops__items { columns: 1; }
}
@media (max-width: 760px) {
    body.dx-landing--full .dx-panel,
    .dx-panel { grid-template-columns: 1fr; }
    .dx-panel__aside,
    .dx-panel__side { position: static; }
    .dx-panel__side { grid-template-columns: 1fr; }
    .dx-panel-chars { grid-template-columns: 1fr; }
    .dx-rk { grid-template-columns: 1fr; }
    .dx-rk__menu { position: static; }
    .dx-rk__menu-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }
    .dx-rk__head { flex-direction: column; align-items: flex-start; }
    .dx-shop__side { grid-template-columns: 1fr; }
    .dx-shop__grid,
    .dx-shop__grid.is-vip,
    .dx-shop__grid.is-wide { grid-template-columns: 1fr; }
    .dx-drops__search { flex-direction: column; }
    .dx-asc__row,
    .dx-asc__row:nth-child(2),
    .dx-asc__row:nth-child(3),
    .dx-asc__row:nth-child(4),
    .dx-asc__row:nth-child(5),
    .dx-asc__row:nth-child(6) { grid-template-columns: 1fr; }
    .dx-asc__row.is-rev { direction: ltr; }
    .dx-info__cta { flex-direction: column; align-items: flex-start; }
}

/* Prêmios / Vote / Check-in */
.dx-rewards { display: flex; flex-direction: column; gap: 14px; }
.dx-rewards__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.dx-rewards__card { text-decoration: none !important; color: inherit; }
.dx-rewards__card h3 { margin: 8px 0; color: #fff; font-size: 18px; }
.dx-rewards__card p { color: #b7adc8; font-size: 13px; margin: 0 0 14px; }
.dx-rewards__chip {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    border: 1px solid rgba(212, 175, 55, 0.45);
    color: #f0d78c;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.dx-rewards__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.dx-rewards__link {
    display: inline-flex;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid rgba(176, 76, 255, 0.3);
    background: rgba(0,0,0,.28);
    color: #fff !important;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 700;
}
.dx-rewards__link:hover { border-color: rgba(212, 175, 55, 0.55); color: #f0d78c !important; }
.dx-btn--sm { padding: 8px 14px !important; font-size: 11px !important; }

.dx-vote-page__list { display: flex; flex-direction: column; gap: 10px; }
.dx-vote-page__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px;
    border-radius: 10px;
    border: 1px solid rgba(176, 76, 255, 0.25);
    background: rgba(0,0,0,.28);
    text-decoration: none !important;
    color: #fff !important;
}
.dx-vote-page__item b { display: block; font-size: 15px; }
.dx-vote-page__item small { color: #b7adc8; font-size: 12px; }
.dx-vote-page__hint { margin-top: 14px; color: #b7adc8; font-size: 12px; }

.dx-checkin__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}
.dx-checkin__stats > div {
    padding: 12px;
    border-radius: 8px;
    border: 1px solid rgba(176, 76, 255, 0.22);
    background: rgba(0,0,0,.28);
}
.dx-checkin__stats small { display: block; color: #b7adc8; font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
.dx-checkin__stats b { display: block; margin-top: 4px; color: #f0d78c; font-size: 16px; }
.dx-checkin__done { color: #b7adc8; margin: 0; }
.dx-checkin__grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px;
}
.dx-checkin__day {
    padding: 12px 8px;
    border-radius: 8px;
    border: 1px solid rgba(176, 76, 255, 0.2);
    background: rgba(0,0,0,.25);
    text-align: center;
}
.dx-checkin__day-n { display: block; color: #fff; font-weight: 800; font-size: 12px; }
.dx-checkin__day-r { display: block; margin: 6px 0; color: #f0d78c; font-size: 11px; font-weight: 700; }
.dx-checkin__day-s { display: block; color: #8b7fa3; font-size: 10px; }
.dx-checkin__day.is-claimable { border-color: rgba(212, 175, 55, 0.7); box-shadow: 0 0 16px rgba(212, 175, 55, 0.2); }
.dx-checkin__day.is-done { border-color: rgba(61, 184, 106, 0.45); }
.dx-checkin__day.is-done .dx-checkin__day-s { color: #86efac; }

@media (max-width: 900px) {
    .dx-rewards__grid { grid-template-columns: 1fr; }
    .dx-checkin__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dx-checkin__stats { grid-template-columns: 1fr; }
}

/* Check-in Diario — tema escuro Dixon (roxo/dourado) */
.dx-ck{margin:0 auto 24px;padding:0;border:1px solid rgba(176,76,255,.35);border-radius:16px;background:rgba(12,10,18,.92);box-shadow:0 12px 36px rgba(0,0,0,.45),0 0 24px rgba(138,43,226,.12);overflow:hidden;color:#f4f0fa}
.dx-ck__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-bottom:1px solid rgba(212,175,55,.22);background:linear-gradient(90deg,#1a0f2e 0%,#2d1650 55%,rgba(212,175,55,.12) 100%)}
.dx-ck__bar-title{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}
.dx-ck__bar-title i{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(176,76,255,.18);color:#f0d78c;font-size:16px;border:1px solid rgba(212,175,55,.35)}
.dx-ck__bar-title strong{color:#f0d78c;font-size:16px}
.dx-ck__bar-title em{color:#b7adc8;font-size:11px;font-style:normal;letter-spacing:.08em;text-transform:uppercase}
.dx-ck__claim{height:40px;padding:0 16px;border:1px solid rgba(212,175,55,.55);border-radius:10px;background:linear-gradient(180deg,#f0d78c,#d4af37 55%,#a67c1a);color:#1a1208;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:0 0 14px rgba(212,175,55,.28)}
.dx-ck__claim:hover{background:linear-gradient(180deg,#ffe9a8,#d4af37);border-color:#f0d78c}
.dx-ck__claim[disabled]{background:rgba(40,32,55,.9);border-color:rgba(176,76,255,.25);color:#8b7fa3;box-shadow:none;cursor:default}
.dx-ck__off{margin:20px;padding:16px;border-radius:12px;background:rgba(20,12,32,.75);color:#b7adc8;border:1px solid rgba(176,76,255,.22)}
.dx-ck__body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:28px;padding:22px}
.dx-ck__cal-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}
.dx-ck__cal-head h2{margin:0;color:#f0d78c;font-size:18px;letter-spacing:.08em}
.dx-ck__cal-head span{color:#b7adc8;font-size:12px}
.dx-ck__week,.dx-ck__month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.dx-ck__week span{color:#8b7fa3;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:center}
.dx-ck__cell{min-height:86px;padding:8px 6px;border-radius:12px;background:rgba(20,12,32,.65);border:1px solid rgba(176,76,255,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}
.dx-ck__cell.is-empty{background:transparent;border-color:transparent}
.dx-ck__cell b{color:#b7adc8;font-size:13px}
.dx-ck__cell.is-future b{color:#5c5370}
.dx-ck__cell.is-done{background:rgba(176,76,255,.12);border:1px solid rgba(176,76,255,.4)}
.dx-ck__cell.is-done i{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#d4af37,#a67c1a);color:#1a1208;font-size:10px}
.dx-ck__cell.is-done b{color:#f0d78c}
.dx-ck__cell.is-done small{color:#d4af37}
.dx-ck__cell.is-miss{background:rgba(80,24,40,.35);border:1px solid rgba(180,60,80,.35)}
.dx-ck__cell.is-miss i{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(140,40,55,.85);color:#f4d0d4;font-size:10px}
.dx-ck__cell.is-miss b{color:#c4a0a8}
.dx-ck__cell.is-miss small{color:#b07a82}
.dx-ck__cell small{color:#d4af37;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.dx-ck__cell.is-today{background:rgba(30,18,48,.9);border:1px solid rgba(212,175,55,.65);box-shadow:0 0 0 3px rgba(212,175,55,.12),0 0 18px rgba(176,76,255,.18)}
.dx-ck__cell.is-today b{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(12,10,18,.9);border:1px solid rgba(212,175,55,.55);color:#f0d78c}
.dx-ck__cell.is-today em{font-style:normal;color:#b7adc8;font-size:10px}
.dx-ck__cell-prizes{display:flex;flex-direction:column;gap:3px;width:100%}
.dx-ck__cell-prizes span{display:flex;align-items:center;justify-content:center;gap:4px;color:#f4f0fa;font-size:9px;font-weight:700}
.dx-ck__cell-prizes img{width:14px;height:14px;object-fit:contain}
.dx-ck__foot{margin:16px 0 0;color:#8b7fa3;font-size:12px;line-height:1.55}
.dx-ck__hint{margin:8px 0 0;color:#f0d78c;font-size:12px;font-weight:700}
.dx-ck__roadmap{margin-top:22px;padding-top:18px;border-top:1px solid rgba(176,76,255,.22)}
.dx-ck__roadmap h3{margin:0 0 12px;color:#f0d78c;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.dx-ck__road{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.dx-ck__chip{padding:8px 6px;border:1px solid rgba(176,76,255,.22);border-radius:12px;background:rgba(20,12,32,.7);text-align:center}
.dx-ck__chip b{display:inline-flex;width:20px;height:20px;border-radius:50%;align-items:center;justify-content:center;background:rgba(176,76,255,.2);color:#f0d78c;font-size:11px}
.dx-ck__chip div{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;margin:6px 0 4px;min-height:20px}
.dx-ck__chip img{width:16px;height:16px;object-fit:contain}
.dx-ck__chip small{display:block;color:#b7adc8;font-size:9px;line-height:1.25}
.dx-ck__chip.is-done{background:rgba(176,76,255,.14);border-color:rgba(212,175,55,.45)}
.dx-ck__chip.is-done b{background:linear-gradient(180deg,#d4af37,#a67c1a);color:#1a1208}
.dx-ck__chip.is-done b i{font-size:9px;line-height:1}
.dx-ck__chip.is-done small{color:#f0d78c;font-weight:800}
.dx-ck__chip.is-today{border-color:rgba(212,175,55,.65);box-shadow:0 0 0 1px rgba(212,175,55,.35)}
.dx-ck__chip.is-mile{background:linear-gradient(180deg,rgba(40,24,64,.9),rgba(20,12,32,.95));border-color:rgba(212,175,55,.28)}
.dx-ck__side{display:flex;flex-direction:column;gap:22px}
.dx-ck__miles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.dx-ck__mile{padding:14px 8px;border-radius:14px;background:rgba(20,12,32,.7);border:1px solid rgba(176,76,255,.22);text-align:center}
.dx-ck__mile img{width:42px;height:42px;object-fit:contain}
.dx-ck__mile b{display:block;margin:8px 0 4px;color:#f0d78c;font-size:12px}
.dx-ck__mile small{display:block;color:#b7adc8;font-size:10px;line-height:1.3}
.dx-ck__mile.is-done{background:rgba(176,76,255,.14);border-color:rgba(212,175,55,.4)}
.dx-ck__mile.is-now{box-shadow:inset 0 0 0 1px rgba(212,175,55,.65);border-color:rgba(212,175,55,.55)}
.dx-ck__online{margin:0;padding:14px 14px 12px;border-radius:14px;background:rgba(40,28,16,.55);border:1px solid rgba(212,175,55,.28)}
.dx-ck__online.is-ok{background:rgba(176,76,255,.12);border-color:rgba(176,76,255,.4)}
.dx-ck__online-top{display:flex;justify-content:space-between;gap:10px;margin:0 0 8px;color:#b7adc8;font-size:12px}
.dx-ck__online-top b{color:#f0d78c;font-weight:800}
.dx-ck__online.is-ok .dx-ck__online-top b{color:#d4af37}
.dx-ck__online-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.dx-ck__online.is-ok .dx-ck__online-bar{background:rgba(176,76,255,.15)}
.dx-ck__online-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d4af37,#a67c1a)}
.dx-ck__online.is-ok .dx-ck__online-bar i{background:linear-gradient(90deg,#b04cff,#8a2be2)}
.dx-ck__online small{display:block;margin-top:8px;color:#d4af37;font-size:11px}
.dx-ck__online.is-ok small{color:#f0d78c}
.dx-ck__online em{display:block;margin-top:6px;color:#8b7fa3;font-size:11px;font-style:normal;line-height:1.35}
.dx-ck__progress-top{display:flex;justify-content:space-between;gap:10px;margin:0 0 8px;color:#b7adc8;font-size:12px}
.dx-ck__progress-top em{color:#f0d78c;font-style:normal;font-weight:800}
.dx-ck__barline{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.dx-ck__barline i{display:block;height:100%;background:linear-gradient(90deg,#b04cff,#d4af37);border-radius:inherit}
.dx-ck__progress-marks{display:flex;justify-content:space-between;margin-top:10px;color:#8b7fa3;font-size:10px;font-weight:700}
.dx-ck__progress-marks .is-on{color:#f0d78c}
@media(max-width:1180px){
  .dx-ck__body{grid-template-columns:1fr}
  .dx-ck__road{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:720px){
  .dx-ck__bar{flex-direction:column;align-items:stretch}
  .dx-ck__week,.dx-ck__month{gap:6px}
  .dx-ck__cell{min-height:68px;padding:6px 4px}
  .dx-ck__road{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dx-ck__miles{grid-template-columns:1fr}
}

/* —— Vantagens VIP —— */
.dx-vip-adv{padding:0 0 48px;color:#e8e0f0}
.dx-vip-adv__intro{
  display:flex;gap:18px;align-items:flex-start;
  margin:0 0 28px;padding:22px 24px;
  border:1px solid rgba(176,76,255,.35);
  background:linear-gradient(135deg,rgba(40,22,58,.92),rgba(18,12,28,.96));
  box-shadow:0 0 0 1px rgba(212,175,55,.08) inset;
}
.dx-vip-adv__intro-icon{
  flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;
  border-radius:10px;background:linear-gradient(145deg,#8a2be2,#b04cff);
  color:#fff;font-size:22px;box-shadow:0 0 24px rgba(176,76,255,.35);
}
.dx-vip-adv__intro h2{
  margin:0 0 8px;font-size:1.35rem;font-weight:800;letter-spacing:.04em;
  color:#f0d78c;text-transform:uppercase;
}
.dx-vip-adv__intro p{margin:0;color:#b7adc8;line-height:1.55;max-width:62ch}
.dx-vip-adv__plans{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 36px;
}
.dx-vip-adv__plan{
  position:relative;padding:28px 22px 22px;
  border:1px solid rgba(176,76,255,.28);
  background:rgba(16,10,24,.88);
  display:flex;flex-direction:column;
}
.dx-vip-adv__plan.is-vip{
  border-color:rgba(176,76,255,.5);
  background:linear-gradient(160deg,rgba(40,24,60,.95),rgba(18,12,28,.98));
  box-shadow:0 0 28px rgba(176,76,255,.1);
}
.dx-vip-adv__plan.is-dixon{
  border-color:rgba(212,175,55,.55);
  background:linear-gradient(160deg,rgba(56,32,78,.98),rgba(22,14,34,.99));
  box-shadow:0 0 44px rgba(212,175,55,.14);
}
.dx-vip-adv__plan .dx-btn{margin-top:auto}
.dx-vip-adv__badge{
  display:inline-block;margin:0 0 12px;padding:4px 10px;
  font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:#c4b8d4;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);
}
.dx-vip-adv__badge.is-gold{
  color:#1a1208;background:linear-gradient(90deg,#d4af37,#f0d78c);border-color:transparent;
}
.dx-vip-adv__plan h3{
  margin:0 0 6px;font-size:1.75rem;font-weight:800;color:#f0d78c;letter-spacing:.03em;
}
.dx-vip-adv__plan-lead{margin:0 0 18px;color:#8b7fa3;font-size:13px}
.dx-vip-adv__plan ul{list-style:none;margin:0 0 22px;padding:0}
.dx-vip-adv__plan li{
  display:flex;align-items:center;gap:10px;padding:8px 0;
  border-bottom:1px solid rgba(255,255,255,.05);color:#d8d0e4;font-size:14px;
}
.dx-vip-adv__plan li i{color:#b04cff;width:16px;text-align:center}
.dx-vip-adv__plan.is-vip li i{color:#b04cff}
.dx-vip-adv__plan.is-dixon li i{color:#d4af37}
.dx-vip-adv__plan .dx-btn{width:100%;justify-content:center;text-align:center}
.dx-btn--purple{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 18px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  color:#fff!important;border:1px solid rgba(176,76,255,.55)!important;
  background:linear-gradient(180deg,#9a3ae8,#6b1fb8)!important;
}
.dx-btn--purple:hover{filter:brightness(1.08)}
.dx-vip-adv__block{margin:0 0 28px}
.dx-vip-adv__block-head{margin:0 0 14px}
.dx-vip-adv__block-head h2{
  margin:0 0 4px;font-size:1.05rem;font-weight:800;letter-spacing:.06em;
  text-transform:uppercase;color:#f0d78c;
}
.dx-vip-adv__block-head p{margin:0;color:#8b7fa3;font-size:13px}
.dx-vip-adv__grid{
  border:1px solid rgba(176,76,255,.28);background:rgba(12,8,18,.9);
}
.dx-vip-adv__row{
  display:grid;grid-template-columns:1fr 100px 100px;gap:8px;align-items:center;
  padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);
}
.dx-vip-adv__grid--3 .dx-vip-adv__row{
  grid-template-columns:1.2fr 90px 90px 110px;
}
.dx-vip-adv__row.is-head{background:rgba(176,76,255,.1)}
.dx-vip-adv__row:last-child{border-bottom:0}
.dx-vip-adv__row:nth-child(even):not(.is-head){background:rgba(176,76,255,.04)}
.dx-vip-adv__feat{color:#e8e0f0;font-size:14px;font-weight:600}
.dx-vip-adv__cell{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:6px 8px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  border:1px solid transparent;
}
.dx-vip-adv__cell.is-head{color:#b7adc8;background:transparent;border:0;font-size:10px}
.dx-vip-adv__cell.is-dixon-h{color:#f0d78c}
.dx-vip-adv__cell.is-no{color:#9a8aa8;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
.dx-vip-adv__cell.is-yes{color:#f0d78c;background:rgba(176,76,255,.14);border-color:rgba(212,175,55,.4)}
.dx-vip-adv__cell.is-val{color:#e8e0f0;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);text-transform:none}
.dx-vip-adv__rates{
  display:grid;grid-template-columns:repeat(2,1fr);gap:16px;
}
.dx-vip-adv__rates--wide{grid-template-columns:repeat(2,1fr)}
.dx-vip-adv__rate{
  padding:20px 18px;border:1px solid rgba(176,76,255,.3);
  background:rgba(16,10,24,.9);
}
.dx-vip-adv__rate h3{
  margin:0 0 14px;font-size:13px;font-weight:800;letter-spacing:.06em;
  text-transform:uppercase;color:#b7adc8;
}
.dx-vip-adv__rate-vals{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dx-vip-adv__rate-vals--3{grid-template-columns:repeat(3,1fr)}
.dx-vip-adv__rate-vals div{
  padding:12px 8px;text-align:center;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);
}
.dx-vip-adv__rate-vals div.is-vip{
  border-color:rgba(176,76,255,.45);
  background:rgba(176,76,255,.1);
}
.dx-vip-adv__rate-vals div.is-dixon{
  border-color:rgba(212,175,55,.5);
  background:rgba(212,175,55,.1);
}
.dx-vip-adv__rate-vals small{
  display:block;margin:0 0 4px;font-size:10px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:#8b7fa3;
}
.dx-vip-adv__rate-vals strong{font-size:1.15rem;color:#e8e0f0;font-weight:800}
.dx-vip-adv__rate-vals .is-vip strong{color:#d8b8ff}
.dx-vip-adv__rate-vals .is-dixon strong{color:#f0d78c}
.dx-vip-adv__cta{
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  margin-top:8px;padding:26px 28px;
  border:1px solid rgba(212,175,55,.4);
  background:linear-gradient(120deg,rgba(48,28,72,.95),rgba(24,14,36,.98));
}
.dx-vip-adv__cta h2{
  margin:0 0 6px;font-size:1.2rem;font-weight:800;color:#f0d78c;text-transform:uppercase;
}
.dx-vip-adv__cta p{margin:0;color:#b7adc8;font-size:14px}
@media(max-width:980px){
  .dx-vip-adv__plans{grid-template-columns:1fr}
  .dx-vip-adv__rates,.dx-vip-adv__rates--wide{grid-template-columns:1fr}
  .dx-vip-adv__grid--3 .dx-vip-adv__row{
    grid-template-columns:1fr 1fr;
  }
  .dx-vip-adv__grid--3 .dx-vip-adv__feat{grid-column:1/-1}
  .dx-vip-adv__rate-vals--3{grid-template-columns:1fr}
}
@media(max-width:560px){
  .dx-vip-adv__intro{flex-direction:column}
  .dx-vip-adv__cta{flex-direction:column;align-items:stretch}
  .dx-vip-adv__cta .dx-btn{width:100%;justify-content:center;text-align:center}
}


/* ===== Checkout: formas de pagamento (v2) ===== */
.dx-pay__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 6px; }
.dx-pay__head h3 { margin: 0 !important; }
.dx-pay__secure {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 4px 10px; border-radius: 999px;
    background: rgba(74, 222, 128, .1); border: 1px solid rgba(74, 222, 128, .35);
    color: #86efac; font-size: 11px; font-weight: 700; letter-spacing: .02em;
}
.dx-pay__lead { margin: 0 0 16px; color: #8b7fa3; font-size: 12.5px; line-height: 1.5; }
.dx-cart__pay-list.dx-pay__list {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; max-width: none;
}
.dx-cart__pay-card.dx-pay__card {
    position: relative;
    display: grid; grid-template-columns: 76px minmax(0, 1fr) 20px; align-items: start;
    gap: 14px; min-height: 0; padding: 16px;
    border: 1.5px solid rgba(176,76,255,.25); border-radius: 14px;
    background: linear-gradient(180deg, rgba(22,16,34,.95), rgba(12,10,18,.95));
    transition: border-color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.dx-cart__pay-card.dx-pay__card:hover { transform: translateY(-2px); border-color: rgba(212,175,55,.45); }
.dx-cart__pay-card.dx-pay__card.is-on {
    border-color: #d4af37;
    background: linear-gradient(180deg, rgba(48,28,76,.95), rgba(26,16,42,.95));
    box-shadow: 0 0 0 1px rgba(212,175,55,.25), 0 12px 28px rgba(138,43,226,.22);
}
.dx-pay__logo {
    width: 76px; height: 50px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    background: #fff; border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 4px 10px rgba(0,0,0,.35); overflow: hidden;
}
.dx-pay__logo img { max-width: 66px; max-height: 38px; width: auto; height: auto; object-fit: contain; display: block; }
.dx-pay__logo .fa { font-size: 24px; color: #1a1208; }
.dx-pay__card--boleto .dx-pay__logo { background: linear-gradient(180deg, #f0d78c, #d4af37); }
.dx-pay__body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.dx-pay__name { font-size: 15px; font-weight: 800; color: #fff; line-height: 1.2; }
.dx-pay__hint { font-size: 12px; color: #b7adc8; line-height: 1.45; }
.dx-pay__chips { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 2px; }
.dx-pay__chip {
    padding: 2px 8px; border-radius: 999px;
    background: rgba(176,76,255,.14); border: 1px solid rgba(176,76,255,.3);
    color: #d8b4fe; font-size: 10.5px; font-weight: 700; letter-spacing: .02em;
}
.dx-pay__speed { font-size: 11px; color: #8b7fa3; }
.dx-pay__speed .fa { color: #f0d78c; margin-right: 2px; }
.dx-cart__pay-check.dx-pay__check { margin-top: 2px; }
.dx-pay__badge {
    position: absolute; top: -9px; right: 44px;
    padding: 3px 10px; border-radius: 999px;
    background: linear-gradient(180deg, #f0d78c, #d4af37 60%, #a67c1a);
    color: #1a1208; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
    box-shadow: 0 4px 10px rgba(212,175,55,.3);
}
.dx-pay__card--paypal .dx-pay__badge { background: linear-gradient(180deg, #93c5fd, #3b82f6); color: #0b1530; box-shadow: 0 4px 10px rgba(59,130,246,.3); }
.dx-pay__cpf {
    margin-top: 16px; padding: 14px 16px; border-radius: 12px;
    border: 1px dashed rgba(212,175,55,.45); background: rgba(212,175,55,.05);
    display: grid; gap: 6px; max-width: 420px;
}
.dx-pay__cpf[hidden] { display: none; }
.dx-pay__cpf label { font-size: 13px; font-weight: 800; color: #f0d78c; }
.dx-pay__cpf input {
    height: 40px; padding: 0 12px; border-radius: 8px;
    border: 1px solid rgba(176,76,255,.4); background: #0e0a16; color: #fff;
    font-size: 15px; letter-spacing: .04em;
}
.dx-pay__cpf input:focus { outline: none; border-color: #d4af37; box-shadow: 0 0 0 3px rgba(212,175,55,.15); }
.dx-pay__cpf small { color: #8b7fa3; font-size: 11px; }
@media (max-width: 860px) {
    .dx-cart__pay-list.dx-pay__list { grid-template-columns: 1fr; }
}

/* ===== Checkout: quadro de segurança ===== */
.dx-trust {
    margin-top: 18px; padding: 16px 18px; border-radius: 14px;
    border: 1px solid rgba(74,222,128,.28);
    background: linear-gradient(180deg, rgba(20,48,34,.55), rgba(12,22,18,.55));
}
.dx-trust__head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.dx-trust__shield {
    width: 40px; height: 40px; flex: 0 0 40px; border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    background: rgba(74,222,128,.15); border: 1px solid rgba(74,222,128,.45);
    color: #4ade80; font-size: 20px; box-shadow: 0 0 16px rgba(74,222,128,.2);
}
.dx-trust__head strong { display: block; color: #bbf7d0; font-size: 14px; font-weight: 800; }
.dx-trust__head span { display: block; color: #86a898; font-size: 12px; }
.dx-trust__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; }
.dx-trust__list li { display: flex; gap: 10px; align-items: flex-start; font-size: 12px; line-height: 1.5; color: #a8b8b0; }
.dx-trust__list li .fa { color: #4ade80; margin-top: 3px; width: 14px; text-align: center; }
.dx-trust__list li b { color: #e6f4ec; }
@media (max-width: 700px) { .dx-trust__list { grid-template-columns: 1fr; } }

/* ===== Modal Pix ===== */
html.dx-pix-open, html.dx-pix-open body { overflow: hidden; }
.dx-pix { position: fixed; inset: 0; z-index: 2000; display: flex; align-items: center; justify-content: center; padding: 16px; }
.dx-pix[hidden] { display: none; }
.dx-pix__backdrop { position: absolute; inset: 0; background: rgba(4,6,14,.78); backdrop-filter: blur(4px); }
.dx-pix__dialog {
    position: relative; width: 660px; max-width: 100%; max-height: calc(100vh - 32px); overflow-y: auto;
    padding: 22px 24px 16px; border-radius: 16px;
    background: linear-gradient(180deg, #16203a, #0f1628);
    border: 1px solid rgba(96,165,250,.25);
    box-shadow: 0 30px 80px rgba(0,0,0,.6);
    color: #e6ecf7; font-family: inherit;
}
.dx-pix__close {
    position: absolute; top: 14px; right: 14px; width: 32px; height: 32px; border-radius: 50%;
    border: 1px solid rgba(255,255,255,.15); background: rgba(255,255,255,.06); color: #cbd5e1;
    font-size: 20px; line-height: 1; cursor: pointer;
}
.dx-pix__close:hover { background: rgba(255,255,255,.14); color: #fff; }
.dx-pix__head { display: flex; align-items: center; gap: 14px; margin: 0 40px 18px 0; }
.dx-pix__logo { width: 92px; height: auto; background: #fff; border-radius: 8px; padding: 4px 6px; }
.dx-pix__head h3 { margin: 0; font-size: 20px; font-weight: 800; color: #fff; }
.dx-pix__head p { margin: 2px 0 0; font-size: 12.5px; color: #94a3b8; }
.dx-pix__center { text-align: center; padding: 18px 0 10px; }
.dx-pix__muted { color: #94a3b8; font-size: 12.5px; }
.dx-pix__spinner {
    width: 44px; height: 44px; margin: 6px auto 12px; border-radius: 50%;
    border: 4px solid rgba(96,165,250,.2); border-top-color: #60a5fa;
    animation: dxPixSpin .8s linear infinite;
}
@keyframes dxPixSpin { to { transform: rotate(360deg); } }

.dx-pix__grid { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 22px; align-items: start; }
.dx-pix__qrcol { text-align: center; }
.dx-pix__qr { background: #fff; border-radius: 14px; padding: 12px; box-shadow: 0 10px 24px rgba(0,0,0,.35); }
.dx-pix__qr[hidden] { display: none; }
.dx-pix__qr img { display: block; width: 100%; height: auto; image-rendering: pixelated; }
.dx-pix__expire { margin: 10px 0 0; font-size: 13px; color: #cbd5e1; }
.dx-pix__expire b { color: #fff; font-variant-numeric: tabular-nums; }
.dx-pix__total {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    padding: 14px 16px; border-radius: 12px; margin-bottom: 10px;
    background: linear-gradient(90deg, rgba(20,83,45,.55), rgba(15,40,30,.4));
    border: 1px solid rgba(74,222,128,.3);
}
.dx-pix__total span { color: #bbf7d0; font-size: 13px; }
.dx-pix__total b { color: #4ade80; font-size: 24px; font-weight: 800; font-variant-numeric: tabular-nums; }
.dx-pix__rows { margin: 0 0 12px; }
.dx-pix__rows > div { display: flex; justify-content: space-between; gap: 12px; padding: 6px 2px; border-bottom: 1px solid rgba(255,255,255,.06); font-size: 13px; }
.dx-pix__rows dt { color: #94a3b8; font-weight: 500; }
.dx-pix__rows dd { margin: 0; color: #fff; font-weight: 600; text-align: right; }
.dx-pix__label { display: block; margin: 0 0 6px; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #94a3b8; }
.dx-pix__copy { display: flex; gap: 8px; }
.dx-pix__copy input {
    flex: 1; min-width: 0; height: 40px; padding: 0 10px; border-radius: 8px;
    border: 1px solid rgba(96,165,250,.3); background: #0b1222; color: #93c5fd;
    font-family: Consolas, 'Courier New', monospace; font-size: 12px;
}
.dx-pix__btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    height: 40px; padding: 0 18px; border: 0; border-radius: 8px; cursor: pointer;
    background: linear-gradient(180deg, #f0d78c, #d4af37 60%, #a67c1a); color: #1a1208 !important;
    font-weight: 800; font-size: 13px; text-decoration: none !important;
}
.dx-pix__btn--blue { background: linear-gradient(180deg, #60a5fa, #2563eb); color: #fff !important; }
.dx-pix__btn:hover { filter: brightness(1.08); }
.dx-pix__how { margin: 12px 0 0; padding-left: 18px; color: #94a3b8; font-size: 12px; line-height: 1.7; }
.dx-pix__wait {
    display: flex; align-items: center; justify-content: center; gap: 10px;
    margin-top: 18px; padding: 14px; border-radius: 12px;
    background: rgba(30,41,70,.7); border: 1px solid rgba(96,165,250,.25);
    color: #fff; font-weight: 800; font-size: 14px;
}
.dx-pix__pulse { width: 10px; height: 10px; border-radius: 50%; background: #94a3b8; animation: dxPixPulse 1.2s ease-in-out infinite; }
@keyframes dxPixPulse { 0%,100% { opacity: .3; transform: scale(.8); } 50% { opacity: 1; transform: scale(1.15); } }
.dx-pix__cancel { display: block; margin: 12px auto 0; background: none; border: 0; color: #94a3b8; text-decoration: underline; cursor: pointer; font-size: 12.5px; }
.dx-pix__cancel:hover { color: #fff; }
.dx-pix__form { display: grid; gap: 12px; }
.dx-pix__info { margin: 0; padding: 12px 14px; border-radius: 10px; background: rgba(96,165,250,.08); border: 1px solid rgba(96,165,250,.25); font-size: 13px; color: #cbd5e1; line-height: 1.5; }
.dx-pix__info .fa { color: #60a5fa; margin-right: 4px; }
.dx-pix__fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.dx-pix__fields label { display: grid; gap: 6px; font-size: 12px; font-weight: 800; color: #cbd5e1; }
.dx-pix__fields input {
    height: 42px; padding: 0 12px; border-radius: 8px;
    border: 1px solid rgba(96,165,250,.35); background: #0b1222; color: #fff; font-size: 15px; letter-spacing: .03em;
}
.dx-pix__fields input:focus, .dx-pix__copy input:focus { outline: none; border-color: #60a5fa; box-shadow: 0 0 0 3px rgba(96,165,250,.2); }
.dx-pix__error { margin: 0; color: #fca5a5; font-size: 12.5px; }
.dx-pix__error[hidden] { display: none; }
.dx-pix__check {
    width: 64px; height: 64px; margin: 4px auto 12px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: rgba(74,222,128,.15); border: 2px solid #4ade80; color: #4ade80; font-size: 32px; font-weight: 800;
}
.dx-pix__check.is-error { background: rgba(248,113,113,.12); border-color: #f87171; color: #f87171; }
.dx-pix__center h4 { margin: 0 0 6px; font-size: 18px; color: #fff; }
.dx-pix__center .dx-pix__btn { margin-top: 12px; }
.dx-pix__foot { margin-top: 16px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.07); font-size: 11.5px; color: #7c8aa5; text-align: center; }
.dx-pix__foot .fa { color: #4ade80; margin-right: 4px; }
@media (max-width: 620px) {
    .dx-pix__grid { grid-template-columns: 1fr; }
    .dx-pix__qrcol { max-width: 220px; margin: 0 auto; }
    .dx-pix__fields { grid-template-columns: 1fr; }
}
.dx-pix__step[hidden] { display: none !important; }
.dx-pix__age {
    margin: 0; padding: 10px 12px; border-radius: 8px;
    background: rgba(251,191,36,.08); border: 1px solid rgba(251,191,36,.35);
    color: #fde68a; font-size: 12.5px; line-height: 1.5;
}
.dx-pix__age .fa, .dx-trust__age .fa { color: #fbbf24; margin-right: 4px; }
.dx-trust__age {
    margin: 14px 0 0; padding: 10px 12px; border-radius: 8px;
    background: rgba(251,191,36,.07); border: 1px solid rgba(251,191,36,.3);
    color: #fde68a; font-size: 12px; line-height: 1.5;
}