/* ============================================================
   SCRAPS ON SOLANA — Market + Profile command-deck pass

   Load after style.css and cinematic-ui.css. This stylesheet is
   intentionally presentation-only: the existing markup, IDs, hidden
   states, scroll containers, and wallet / market behavior stay intact.
   ============================================================ */

.mm-market-overlay,
.profile-overlay {
    --deck-bg: #00060d;
    --deck-bg-deep: #00030a;
    --deck-panel: rgba(4, 13, 23, .97);
    --deck-panel-raised: rgba(8, 21, 34, .98);
    --deck-line: rgba(81, 168, 211, .28);
    --deck-line-strong: rgba(81, 210, 255, .58);
    --deck-cyan: #23e6f2;
    --deck-blue: #58c9ff;
    --deck-purple: #b74cff;
    --deck-purple-hi: #e177ff;
    --deck-orange: #ffae45;
    --deck-green: #39eda3;
    --deck-red: #ff6376;
    --deck-text: #f1f7ff;
    --deck-muted: #a5b4c5;
    --deck-faint: #71849a;
    color: var(--deck-text);
    background:
        linear-gradient(rgba(35, 127, 169, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(35, 127, 169, .045) 1px, transparent 1px),
        radial-gradient(circle at 7% -8%, rgba(22, 224, 239, .12), transparent 34%),
        radial-gradient(circle at 93% -4%, rgba(178, 55, 255, .15), transparent 36%),
        linear-gradient(180deg, #06101a 0%, var(--deck-bg) 48%, var(--deck-bg-deep) 100%);
    background-size: 32px 32px, 32px 32px, auto, auto, auto;
}

.mm-market-overlay :is(button, a, .rr-btn),
.profile-overlay :is(button, a, .rr-btn) {
    touch-action: manipulation;
}

.mm-market-overlay :is(button, a, input):focus-visible,
.profile-overlay :is(button, a, input):focus-visible {
    outline: 2px solid var(--deck-cyan);
    outline-offset: 2px;
}

/* ---------- command bars ---------- */

.mm-market-overlay .market-topbar,
.profile-overlay .profile-topbar {
    min-height: 76px;
    padding: calc(10px + env(safe-area-inset-top)) clamp(16px, 2.5vw, 32px) 10px;
    border-bottom-color: rgba(59, 199, 233, .38);
    background:
        linear-gradient(90deg, rgba(14, 33, 48, .99), rgba(3, 10, 18, .995) 54%, rgba(25, 8, 39, .99));
    box-shadow:
        inset 0 -1px 0 rgba(0, 0, 0, .86),
        0 14px 34px rgba(0, 0, 0, .42);
}

.mm-market-overlay .market-topbar::after,
.profile-overlay .profile-topbar::after {
    height: 2px;
    opacity: .9;
    background: linear-gradient(90deg, var(--deck-cyan), #507eff 48%, var(--deck-purple));
    box-shadow: 0 0 16px rgba(41, 220, 246, .28);
}

.mm-market-overlay .market-topbar-brand,
.mm-market-overlay .market-topbar-actions {
    gap: 13px;
}

.mm-market-overlay .market-live-dot {
    width: 10px;
    height: 10px;
    background: var(--deck-green);
    box-shadow:
        0 0 0 4px rgba(57, 237, 163, .1),
        0 0 18px rgba(57, 237, 163, .62);
}

.mm-market-overlay :is(.market-kicker, .market-eyebrow),
.profile-overlay .market-kicker {
    color: var(--deck-cyan);
    font-size: 11px;
    line-height: 1.25;
    letter-spacing: .14em;
}

.mm-market-overlay .market-topbar h2,
.profile-overlay .profile-topbar h2 {
    margin-top: 4px;
    color: var(--deck-text);
    font-size: clamp(19px, 2.4vw, 26px);
    line-height: 1;
    letter-spacing: .08em;
}

.mm-market-overlay .market-test-pill {
    padding: 8px 11px;
    border-color: rgba(255, 174, 69, .5);
    background: rgba(255, 174, 69, .1);
    color: #ffd08d;
    font-size: 11px;
}

.mm-market-overlay :is(.market-close, .market-refresh),
.profile-overlay :is(#profile-overlay-close, .profile-avatar-actions .rr-btn,
    .profile-wallet-actions .rr-btn, #profile-switch-account, #profile-signout,
    #profile-balance-refresh, #rewards-refresh, #rewards-claim,
    .wallet-change-alert .rr-btn) {
    min-height: 44px;
}

.mm-market-overlay .market-close,
.profile-overlay #profile-overlay-close {
    min-width: 86px;
    border-color: rgba(95, 178, 215, .34);
    color: #d9efff;
}

/* ---------- shared deck panels ---------- */

.mm-market-overlay :is(.market-tape, .market-book, .market-ticket, .market-my-orders),
.profile-overlay :is(.profile-hero, .profile-card, .profile-rewards, .profile-security) {
    border: 1px solid var(--deck-line);
    border-radius: 4px;
    background-image:
        linear-gradient(90deg, rgba(35, 230, 242, .52), rgba(183, 76, 255, .44) 48%, transparent 82%),
        linear-gradient(rgba(73, 180, 224, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(73, 180, 224, .035) 1px, transparent 1px),
        linear-gradient(145deg, rgba(11, 28, 43, .985), rgba(2, 8, 15, .995));
    background-repeat: no-repeat, repeat, repeat, no-repeat;
    background-size: 100% 2px, 24px 24px, 24px 24px, auto;
    box-shadow:
        0 0 0 2px rgba(0, 3, 8, .82),
        0 0 0 3px rgba(65, 158, 199, .08),
        inset 0 1px 0 rgba(195, 237, 255, .08),
        0 18px 45px rgba(0, 0, 0, .32);
}

/* ============================================================
   MARKET
   ============================================================ */

.mm-market-overlay .market-scroll {
    overflow-x: hidden;
    padding: clamp(18px, 2.5vw, 32px) clamp(12px, 2.6vw, 36px)
        max(38px, env(safe-area-inset-bottom));
    scrollbar-gutter: stable;
}

.mm-market-overlay .market-shell {
    width: min(100%, 1480px);
    gap: 18px;
}

.mm-market-overlay .market-warning {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid rgba(255, 174, 69, .42);
    border-left: 4px solid var(--deck-orange);
    border-radius: 3px;
    background:
        linear-gradient(90deg, rgba(123, 70, 8, .25), rgba(6, 13, 21, .92) 64%);
    box-shadow: inset 0 1px 0 rgba(255, 222, 168, .06);
}

.mm-market-overlay .market-warning svg {
    width: 24px;
    height: 24px;
    color: var(--deck-orange);
}

.mm-market-overlay .market-warning div {
    gap: 5px;
}

.mm-market-overlay .market-warning strong {
    color: #ffd79d;
    font-size: 12px;
    line-height: 1.35;
}

.mm-market-overlay .market-warning span {
    color: #b9c5d2;
    font-size: 13px;
    line-height: 1.45;
}

.mm-market-overlay .market-warning a {
    min-height: 44px;
    padding: 0 8px;
    color: #ffd08b;
    font-size: 11px;
}

.mm-market-overlay .market-status-strip {
    padding: 13px 15px;
    border-color: rgba(88, 201, 255, .42);
    border-left: 4px solid var(--deck-blue);
    border-radius: 3px;
    background: rgba(16, 108, 150, .14);
    color: #bcecff;
    font-size: 12px;
    line-height: 1.5;
}

.mm-market-overlay .market-status-strip[data-tone='error'] {
    border-color: rgba(255, 99, 118, .56);
    border-left-color: var(--deck-red);
    background: rgba(118, 19, 34, .2);
    color: #ffb0bb;
}

.mm-market-overlay .market-status-strip[data-tone='warning'] {
    border-color: rgba(255, 174, 69, .54);
    border-left-color: var(--deck-orange);
    background: rgba(123, 70, 8, .18);
    color: #ffd395;
}

.mm-market-overlay .market-status-strip[data-tone='progress'],
.mm-market-overlay .market-status-strip[data-tone='success'] {
    position: sticky;
    z-index: 4;
    top: 0;
    min-height: 48px;
    display: flex;
    align-items: center;
    border-color: rgba(45, 244, 177, .62);
    border-left-color: var(--deck-green);
    background: rgba(10, 83, 66, .92);
    color: #baffea;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .32);
}

.mm-market-overlay .market-status-strip[data-tone='progress']::before {
    content: '';
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
    margin-right: 10px;
    border: 2px solid rgba(186, 255, 234, .3);
    border-top-color: #baffea;
    border-radius: 50%;
    animation: market-progress-spin .75s linear infinite;
}

@keyframes market-progress-spin { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
    .mm-market-overlay .market-status-strip[data-tone='progress']::before { animation: none; }
}

/* Market tape / chart — the visual anchor of the exchange. */

.mm-market-overlay .market-tape {
    padding: clamp(19px, 2.2vw, 28px);
    overflow: hidden;
}

.mm-market-overlay .market-tape-head {
    gap: 24px;
    margin-bottom: 18px;
}

.mm-market-overlay .market-price-row {
    gap: 12px;
    margin-top: 8px;
}

.mm-market-overlay .market-last-price {
    color: #f6fbff;
    font-size: clamp(32px, 5vw, 52px);
    letter-spacing: -.035em;
    text-shadow: 0 0 24px rgba(88, 201, 255, .12);
}

.mm-market-overlay .market-direction {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    padding: 0 9px;
    border-color: var(--deck-line);
    font-size: 11px;
}

.mm-market-overlay .market-direction--up {
    color: var(--deck-green);
    border-color: rgba(57, 237, 163, .44);
    background: rgba(57, 237, 163, .09);
}

.mm-market-overlay .market-direction--down {
    color: #ff8a9a;
    border-color: rgba(255, 99, 118, .44);
    background: rgba(255, 99, 118, .09);
}

.mm-market-overlay .market-price-unit {
    display: block;
    margin-top: 7px;
    color: var(--deck-faint);
    font-size: 11px;
    letter-spacing: .1em;
}

.mm-market-overlay .market-mini-stats {
    gap: clamp(20px, 3vw, 40px);
}

.mm-market-overlay .market-mini-stats span {
    gap: 6px;
}

.mm-market-overlay .market-mini-stats small {
    color: var(--deck-faint);
    font-size: 10px;
}

.mm-market-overlay .market-mini-stats strong {
    color: #f4f8ff;
    font-size: 15px;
}

.mm-market-overlay .market-chart-tools {
    gap: 18px;
    margin: 0 0 14px;
    padding: 13px 14px;
    border: 1px solid rgba(77, 167, 208, .18);
    background: rgba(1, 7, 13, .48);
}

.mm-market-overlay .market-chart-tools > div:first-child {
    gap: 5px;
}

.mm-market-overlay .market-chart-tools strong {
    font-size: 14px;
    line-height: 1.35;
}

.mm-market-overlay .market-chart-tools span {
    color: var(--deck-muted);
    font-size: 12px;
    line-height: 1.4;
}

.mm-market-overlay .market-chart-toggle {
    flex: 0 0 auto;
    gap: 3px;
    padding: 4px;
    border-color: rgba(88, 201, 255, .28);
    background: rgba(0, 3, 8, .75);
}

.mm-market-overlay .market-chart-toggle button {
    min-height: 44px;
    min-width: 88px;
    padding: 0 13px;
    color: #8295aa;
    font-size: 11px;
}

.mm-market-overlay .market-chart-toggle button.is-active {
    border: 1px solid rgba(225, 119, 255, .55);
    background: linear-gradient(180deg, var(--deck-purple-hi), #a53ee7);
    color: #09040e;
    box-shadow: 0 0 18px rgba(183, 76, 255, .18);
}

.mm-market-overlay .market-chart-toggle small {
    font-size: 10px;
}

.mm-market-overlay .market-chart {
    height: clamp(240px, 24vw, 340px);
    border: 1px solid rgba(75, 165, 207, .25);
    background:
        linear-gradient(rgba(49, 151, 190, .09) 1px, transparent 1px),
        linear-gradient(90deg, rgba(49, 151, 190, .09) 1px, transparent 1px),
        linear-gradient(180deg, rgba(2, 9, 16, .98), rgba(0, 4, 10, .94));
    background-size: 25% 25%, 12.5% 100%, auto;
    box-shadow: inset 0 0 38px rgba(0, 0, 0, .42);
}

.mm-market-overlay .market-chart-grid {
    stroke: rgba(109, 192, 224, .14);
}

.mm-market-overlay .market-chart-line {
    stroke-width: 2.75;
}

.mm-market-overlay .market-chart-empty {
    gap: 8px;
    padding: 24px;
}

.mm-market-overlay .market-chart-empty strong {
    color: #b8c9d8;
    font-size: 14px;
}

.mm-market-overlay .market-chart-empty span {
    color: var(--deck-muted);
    font-size: 12px;
}

.mm-market-overlay .market-chart-axis {
    right: 12px;
    padding: 4px 7px;
    border: 1px solid rgba(83, 167, 204, .18);
    background: rgba(0, 5, 11, .86);
    color: #a9bac9;
    font-size: 10px;
}

.mm-market-overlay .market-chart-axis--high {
    top: 12px;
}

.mm-market-overlay .market-chart-axis--low {
    bottom: 12px;
}

/* Trade history is a readable ledger rather than microcopy. */

.mm-market-overlay .market-history {
    margin-top: 20px;
    padding-top: 18px;
    border-top-color: rgba(84, 172, 211, .25);
}

.mm-market-overlay .market-history > header {
    margin-bottom: 12px;
}

.mm-market-overlay .market-history h3 {
    margin-top: 5px;
    font-size: 18px;
    letter-spacing: .055em;
}

.mm-market-overlay .market-history > header small {
    color: var(--deck-muted);
    font-size: 11px;
}

.mm-market-overlay :is(.market-history-head, .market-history-row) {
    grid-template-columns: 132px minmax(180px, 1fr) 100px 112px 120px;
    gap: 12px;
}

.mm-market-overlay .market-history-head {
    padding: 9px 12px;
    border: 1px solid rgba(75, 160, 200, .12);
    background: rgba(0, 5, 11, .42);
    color: #8296aa;
    font-size: 10px;
}

.mm-market-overlay .market-history-row {
    min-height: 46px;
    padding: 11px 12px;
    border-top-color: rgba(75, 160, 200, .15);
    color: #afbdca;
    font-size: 11px;
    line-height: 1.35;
}

.mm-market-overlay .market-history-row:nth-child(even) {
    background: rgba(35, 126, 165, .035);
}

/* Book + ticket layout. */

.mm-market-overlay .market-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}

.mm-market-overlay :is(.market-book, .market-ticket, .market-my-orders) {
    padding: clamp(17px, 2vw, 23px);
}

.mm-market-overlay .market-section-head {
    padding: 0 2px 15px;
    border-bottom-color: rgba(80, 166, 207, .24);
}

.mm-market-overlay .market-section-head h3 {
    margin-top: 5px;
    color: #f1f7ff;
    font-size: 19px;
    letter-spacing: .07em;
}

.mm-market-overlay .market-refresh {
    min-width: 92px;
    padding: 0 14px;
    border-color: rgba(35, 230, 242, .42);
    background: rgba(35, 230, 242, .08);
    color: var(--deck-cyan);
    font-size: 11px;
}

.mm-market-overlay :is(.market-book-tabs, .market-side-switch) {
    gap: 4px;
    padding: 4px;
    border: 1px solid rgba(73, 157, 198, .24);
    background: rgba(0, 4, 10, .78);
}

.mm-market-overlay .market-book-tabs {
    margin: 14px 0;
}

.mm-market-overlay :is(.market-book-tab, .market-side-switch button) {
    min-height: 46px;
    color: #8ea0b2;
    font-size: 11px;
}

.mm-market-overlay :is(.market-book-tab, .market-side-switch button).is-active {
    border-color: rgba(35, 230, 242, .52);
    background: linear-gradient(180deg, rgba(35, 230, 242, .17), rgba(35, 230, 242, .055));
    color: var(--deck-cyan);
}

.mm-market-overlay .market-side-switch button[data-market-side='bid'].is-active,
.mm-market-overlay .market-book-tab[data-book-tab='bids'].is-active {
    border-color: rgba(183, 76, 255, .58);
    background: linear-gradient(180deg, rgba(183, 76, 255, .2), rgba(183, 76, 255, .06));
    color: #dc9cff;
}

.mm-market-overlay .market-book-columns {
    gap: 18px;
}

.mm-market-overlay .market-book-label {
    min-height: 46px;
    padding: 10px 12px;
    border-left-width: 4px;
    border-left-color: var(--deck-cyan);
    background: linear-gradient(90deg, rgba(35, 230, 242, .13), transparent 76%);
}

.mm-market-overlay .market-book-label--bid {
    border-left-color: var(--deck-purple);
    background: linear-gradient(90deg, rgba(183, 76, 255, .15), transparent 76%);
}

.mm-market-overlay .market-book-label span {
    font-size: 13px;
}

.mm-market-overlay .market-book-label small {
    color: #91a4b7;
    font-size: 10px;
}

.mm-market-overlay :is(.market-order-head, .market-order) {
    grid-template-columns: minmax(92px, 1fr) .74fr 1fr .72fr auto;
    gap: 10px;
}

.mm-market-overlay .market-order-head {
    padding: 11px 10px 8px;
    color: #71879a;
    font-size: 10px;
}

.mm-market-overlay .market-order {
    min-height: 64px;
    padding: 9px 10px;
    border-top-color: rgba(80, 164, 203, .15);
    background: rgba(1, 7, 13, .36);
}

.mm-market-overlay .market-order:nth-child(even) {
    background: rgba(31, 110, 145, .045);
}

.mm-market-overlay .market-order:hover {
    background: rgba(35, 230, 242, .065);
}

.mm-market-overlay .market-order--bid:hover {
    background: rgba(183, 76, 255, .075);
}

.mm-market-overlay .market-order-maker {
    color: #b4c4d2;
    font-size: 11px;
    line-height: 1.25;
}

.mm-market-overlay .market-order-live {
    margin-top: 4px;
    color: #d690ff;
    font-size: 10px;
    line-height: 1.2;
}

.mm-market-overlay :is(.market-order-scraps, .market-order-token) {
    font-size: 12px;
    line-height: 1.3;
}

.mm-market-overlay .market-order-token {
    color: var(--deck-green);
}

.mm-market-overlay .market-order-price {
    color: #a7b6c5;
    font-size: 11px;
}

.mm-market-overlay .market-row-action {
    min-width: 64px;
    min-height: 44px;
    padding: 0 11px;
    border-color: rgba(35, 230, 242, .46);
    background: rgba(35, 230, 242, .1);
    color: var(--deck-cyan);
    font-size: 10px;
}

.mm-market-overlay .market-row-action:hover {
    background: var(--deck-cyan);
    color: #02080d;
}

.mm-market-overlay .market-row-action--cancel {
    border-color: rgba(255, 99, 118, .45);
    background: rgba(255, 99, 118, .09);
    color: #ff9aa8;
}

.mm-market-overlay .market-row-action--approve {
    border-color: rgba(88, 201, 255, .5);
    background: rgba(88, 201, 255, .1);
    color: #9be5ff;
}

.mm-market-overlay .market-empty {
    min-height: 120px;
    padding: 24px;
    gap: 7px;
    border-top-color: rgba(80, 164, 203, .14);
    background: rgba(0, 5, 11, .32);
}

.mm-market-overlay .market-empty strong {
    color: #b3c2d0;
    font-size: 12px;
}

.mm-market-overlay .market-empty span {
    color: var(--deck-muted);
    font-size: 12px;
    line-height: 1.45;
}

.mm-market-overlay .market-trade-stack {
    position: static;
    gap: 18px;
}

.mm-market-overlay .market-balance {
    padding: 7px 9px;
    border-color: rgba(88, 201, 255, .34);
    background: rgba(88, 201, 255, .08);
    color: #ffd18d;
    font-size: 11px;
}

.mm-market-overlay .market-side-switch {
    margin: 15px 0;
}

.mm-market-overlay .market-order-form {
    gap: 14px;
}

.mm-market-overlay .market-order-form label {
    gap: 8px;
}

.mm-market-overlay .market-order-form label > span,
.mm-market-overlay .market-quote span {
    color: #8ea1b5;
    font-size: 10px;
}

.mm-market-overlay .market-input-shell {
    min-height: 60px;
    border-color: rgba(81, 168, 211, .34);
    background: rgba(0, 4, 10, .82);
    box-shadow: inset 0 5px 18px rgba(0, 0, 0, .55);
}

.mm-market-overlay .market-input-shell:focus-within {
    border-color: rgba(35, 230, 242, .72);
    box-shadow:
        inset 0 0 0 1px rgba(35, 230, 242, .12),
        0 0 18px rgba(35, 230, 242, .08);
}

.mm-market-overlay .market-input-shell input {
    height: 58px;
    padding: 0 14px;
    color: #f5f9ff;
    font-size: 21px;
}

.mm-market-overlay .market-input-shell b {
    padding: 0 14px;
    color: var(--deck-cyan);
    font-size: 11px;
}

.mm-market-overlay .market-quote {
    min-height: 38px;
    padding: 0 2px;
}

.mm-market-overlay .market-quote strong {
    color: #eef6ff;
    font-size: 12px;
    line-height: 1.35;
}

.mm-market-overlay .market-ticket-note {
    min-height: 52px;
    padding: 12px 13px;
    border-left: 3px solid var(--deck-purple);
    background: rgba(183, 76, 255, .1);
    color: #b5c0ce;
    font-size: 12px;
    line-height: 1.5;
}

.mm-market-overlay .market-submit {
    min-height: 54px;
    font-size: 13px;
}

.mm-market-overlay .market-my-orders .market-section-head {
    margin-bottom: 5px;
}

.mm-market-overlay .market-mine-row {
    min-height: 68px;
    padding: 11px 4px;
    border-top-color: rgba(80, 164, 203, .15);
}

.mm-market-overlay .market-mine-row > span {
    gap: 5px;
}

.mm-market-overlay .market-mine-row strong {
    font-size: 12px;
    line-height: 1.3;
}

.mm-market-overlay .market-mine-row small,
.mm-market-overlay .market-intent-state {
    color: #8396a9;
    font-size: 10px;
    line-height: 1.35;
}

.mm-market-overlay .market-mine-row--intent {
    border-left-color: var(--deck-orange);
    padding-left: 12px;
}

.mm-market-overlay .market-footnote {
    gap: 14px;
    padding: 8px 3px;
    color: #7f92a5;
    font-size: 10px;
    line-height: 1.45;
}

/* ============================================================
   PROFILE
   ============================================================ */

.profile-overlay .profile-scroll {
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    touch-action: pan-y;
    padding: clamp(20px, 3vw, 38px) clamp(14px, 3vw, 42px)
        max(48px, env(safe-area-inset-bottom));
    scrollbar-gutter: stable;
}

.profile-overlay .profile-scroll::-webkit-scrollbar {
    width: 10px;
}

.profile-overlay .profile-scroll::-webkit-scrollbar-track {
    background: rgba(0, 4, 10, .88);
}

.profile-overlay .profile-scroll::-webkit-scrollbar-thumb {
    border: 2px solid rgba(0, 4, 10, .88);
    background: linear-gradient(180deg, rgba(35, 230, 242, .78), rgba(183, 76, 255, .82));
}

.profile-overlay .profile-page {
    width: min(100%, 1420px);
    gap: 20px;
}

.profile-overlay .wallet-change-alert {
    gap: 7px;
    padding: 15px 17px;
    border: 1px solid rgba(255, 99, 118, .62);
    border-left: 4px solid var(--deck-red);
    border-radius: 3px;
    background: linear-gradient(90deg, rgba(112, 19, 33, .86), rgba(35, 8, 17, .9));
    box-shadow: 0 12px 30px rgba(0, 0, 0, .24);
}

.profile-overlay .wallet-change-alert strong {
    color: #ffb0ba;
    font-size: 12px;
}

.profile-overlay .wallet-change-alert span {
    color: #f0dce0;
    font-size: 13px;
    line-height: 1.5;
}

.profile-overlay .wallet-change-alert .rr-btn {
    margin-top: 4px;
}

/* Identity header. */

.profile-overlay .profile-hero {
    order: 1;
    min-height: 148px;
    padding: clamp(20px, 2.5vw, 30px);
    gap: 20px;
    background-image:
        linear-gradient(90deg, rgba(35, 230, 242, .62), rgba(183, 76, 255, .52) 52%, transparent 84%),
        radial-gradient(circle at 15% 50%, rgba(35, 230, 242, .09), transparent 28%),
        linear-gradient(110deg, rgba(9, 28, 43, .99), rgba(5, 13, 23, .99) 58%, rgba(26, 9, 40, .96));
    background-size: 100% 2px, auto, auto;
    background-repeat: no-repeat;
}

.profile-overlay .profile-avatar {
    width: 94px;
    height: 94px;
    flex-basis: 94px;
    border: 1px solid rgba(225, 119, 255, .78);
    border-radius: 5px;
    background-color: #7d37c0;
    background-image: linear-gradient(145deg, #dd72ff, #7133bc);
    color: #09040e;
    font-size: 24px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .28),
        0 0 0 4px rgba(183, 76, 255, .08),
        0 0 30px rgba(183, 76, 255, .18);
}

.profile-overlay .profile-identity > span {
    color: #8298ad;
    font-size: 11px;
    letter-spacing: .14em;
}

.profile-overlay .profile-identity h3 {
    margin: 5px 0;
    color: #f4f8ff;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1;
    letter-spacing: -.01em;
}

.profile-overlay .profile-identity small {
    color: #b1c1d0;
    font-size: 13px;
    line-height: 1.4;
}

.profile-overlay .profile-verified-badge {
    gap: 7px;
    padding: 7px 9px;
    border: 1px solid rgba(57, 237, 163, .28);
    background: rgba(57, 237, 163, .07);
    color: var(--deck-green);
    font-size: 11px;
    white-space: nowrap;
}

.profile-overlay .profile-verified-badge i {
    width: 9px;
    height: 9px;
    box-shadow: 0 0 12px currentColor;
}

.profile-overlay .profile-avatar-actions {
    gap: 9px;
}

.profile-overlay .profile-avatar-actions .rr-btn {
    padding-inline: 16px;
}

/* Driver and wallet cards. */

.profile-overlay .profile-grid {
    order: 2;
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
}

.profile-overlay .profile-card,
.profile-overlay .profile-security {
    padding: clamp(19px, 2vw, 26px);
}

.profile-overlay .profile-card {
    gap: 14px;
}

.profile-overlay .profile-card .rr-section-title,
.profile-overlay .profile-security .rr-section-title {
    min-height: 42px;
    margin: 0 0 5px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    border: 1px solid rgba(183, 76, 255, .36);
    border-left: 4px solid var(--deck-purple);
    clip-path: none;
    background: linear-gradient(90deg, rgba(183, 76, 255, .2), rgba(183, 76, 255, .035) 70%);
    color: #eddbff;
    font-size: 14px;
    letter-spacing: .09em;
}

.profile-overlay .profile-stat {
    min-height: 62px;
    padding: 12px 2px;
    border-bottom: 1px solid rgba(78, 163, 203, .22);
}

.profile-overlay .profile-stat > span {
    color: #8297ab;
    font-size: 11px;
    letter-spacing: .1em;
}

.profile-overlay .profile-stat strong {
    color: #f2f7ff;
    font-size: 15px;
    line-height: 1.35;
}

.profile-overlay .profile-stat b {
    color: var(--deck-blue);
    font-size: 21px;
}

.profile-overlay .profile-stat--token {
    padding-inline: 12px;
    border: 1px solid rgba(183, 76, 255, .28);
    border-left: 3px solid var(--deck-purple);
    background: linear-gradient(90deg, rgba(183, 76, 255, .11), rgba(35, 230, 242, .035));
}

.profile-overlay .profile-stat--token small {
    color: #91a5b8;
    font-size: 10px;
    line-height: 1.35;
}

.profile-overlay .profile-refresh-row {
    min-height: 48px;
}

.profile-overlay .profile-refresh-row small {
    color: #9caec0;
    font-size: 12px;
    line-height: 1.4;
}

.profile-overlay .profile-wallet-brand {
    gap: 12px;
    min-height: 48px;
}

.profile-overlay .profile-wallet-brand .wallet-provider-mark {
    width: 38px;
    height: 38px;
    border-radius: 9px;
}

.profile-overlay .profile-wallet-brand strong {
    color: #f0f6ff;
    font-size: 17px;
}

.profile-overlay .profile-wallet-brand small {
    color: #9fb0c1;
    font-size: 12px;
}

.profile-overlay #profile-wallet {
    min-height: 52px;
    padding: 14px;
    display: flex;
    align-items: center;
    border-color: rgba(81, 168, 211, .3);
    background: rgba(0, 4, 10, .85);
    color: #d9eaff;
    font-size: 12px;
    line-height: 1.5;
    box-shadow: inset 0 5px 18px rgba(0, 0, 0, .5);
}

.profile-overlay .profile-wallet-actions {
    gap: 10px;
}

.profile-overlay .profile-wallet-actions .rr-btn {
    min-height: 48px;
}

.profile-overlay #profile-switch-account {
    min-height: 50px;
}

.profile-overlay .profile-disconnect {
    color: #ff7d8e;
}

/* Public competitive standings. */

.profile-overlay .profile-leaderboard {
    order: 3;
    gap: 16px;
    padding: clamp(20px, 2.2vw, 28px);
    border-color: rgba(35, 230, 242, .4);
}

.profile-overlay .profile-leaderboard-head,
.profile-overlay .profile-leaderboard footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.profile-overlay .profile-leaderboard-head h3 {
    margin-top: 5px;
    color: #f2f7ff;
    font-size: 22px;
    letter-spacing: .08em;
}

.profile-overlay .profile-leaderboard-head > span {
    color: var(--deck-cyan);
    font-size: 10px;
    letter-spacing: .09em;
}

.profile-overlay .profile-leaderboard > p,
.profile-overlay .profile-leaderboard footer > span {
    color: #9eb0c1;
    font-size: 12px;
    line-height: 1.5;
}

.profile-overlay .profile-leaderboard-table {
    border: 1px solid rgba(81, 168, 211, .28);
    background: rgba(0, 5, 11, .72);
}

.profile-overlay .profile-leaderboard-row {
    min-height: 54px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) minmax(64px, .22fr) minmax(76px, .24fr);
    align-items: center;
    gap: 12px;
    padding: 8px 15px;
    border-bottom: 1px solid rgba(81, 168, 211, .16);
}

.profile-overlay .profile-leaderboard-row:last-child {
    border-bottom: 0;
}

.profile-overlay .profile-leaderboard-row--head {
    min-height: 38px;
    background: linear-gradient(90deg, rgba(35, 230, 242, .13), rgba(183, 76, 255, .08));
    color: #7f99ae;
    font-size: 10px;
    letter-spacing: .1em;
}

.profile-overlay .profile-leaderboard-rank {
    color: var(--deck-orange);
    font-size: 14px;
}

.profile-overlay .profile-leaderboard-driver {
    min-width: 0;
    overflow: hidden;
    color: #eef6ff;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-overlay .profile-leaderboard-wins {
    color: var(--deck-green);
    font-size: 15px;
}

.profile-overlay .profile-leaderboard-ratio {
    color: var(--deck-cyan);
    font-size: 13px;
}

.profile-overlay .profile-leaderboard-ratio.is-perfect {
    color: #e4a8ff;
    font-size: 10px;
}

.profile-overlay .profile-leaderboard-empty {
    padding: 28px 16px;
    color: #879caf;
    font-size: 12px;
    text-align: center;
}

/* Reward center. */

.profile-overlay .profile-rewards {
    order: 4;
    gap: 18px;
    padding: clamp(20px, 2.2vw, 28px);
    border-color: rgba(183, 76, 255, .48);
}

.profile-overlay .profile-rewards-head {
    align-items: center;
    gap: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(83, 168, 208, .22);
}

.profile-overlay .profile-rewards-head h3 {
    margin-top: 5px;
    color: #f2f7ff;
    font-size: 22px;
    letter-spacing: .08em;
}

.profile-overlay .profile-rewards-day {
    padding: 7px 9px;
    border: 1px solid rgba(57, 237, 163, .3);
    background: rgba(57, 237, 163, .07);
    color: var(--deck-green);
    font-size: 11px;
}

.profile-overlay .profile-rewards-claim {
    gap: 24px;
    padding: clamp(18px, 2.4vw, 27px);
    border: 1px solid rgba(183, 76, 255, .58);
    border-left: 5px solid var(--deck-purple-hi);
    background:
        radial-gradient(circle at 8% 50%, rgba(183, 76, 255, .2), transparent 34%),
        linear-gradient(105deg, rgba(73, 24, 114, .34), rgba(35, 230, 242, .065));
    box-shadow: inset 0 1px 0 rgba(255, 226, 255, .08);
}

.profile-overlay .profile-rewards-claim > div {
    gap: 6px;
}

.profile-overlay .profile-rewards-claim small {
    color: #b491ca;
    font-size: 11px;
}

.profile-overlay .profile-rewards-claim strong {
    color: #fff;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.1;
}

.profile-overlay .profile-rewards-claim strong span {
    color: var(--deck-green);
    font-size: .48em;
}

.profile-overlay .profile-rewards-claim > div > span {
    color: #b5c2cf;
    font-size: 13px;
    line-height: 1.45;
}

.profile-overlay .profile-rewards-claim .rr-btn {
    min-height: 54px;
    padding-inline: 22px;
    font-size: 12px;
}

.profile-overlay .rewards-quickplay-row {
    gap: 7px 16px;
    padding: 15px 16px;
    border-color: rgba(80, 166, 207, .28);
    border-left: 3px solid var(--deck-cyan);
    background: rgba(1, 8, 15, .72);
}

.profile-overlay .rewards-quickplay-row > span {
    color: #dceafa;
    font-size: 12px;
}

.profile-overlay .rewards-quickplay-row strong {
    color: var(--deck-orange);
    font-size: 14px;
}

.profile-overlay .rewards-quickplay-row small {
    color: #91a4b7;
    font-size: 11px;
    line-height: 1.4;
}

.profile-overlay .rewards-lifetime {
    gap: 10px 24px;
    color: #879bae;
    font-size: 10px;
    line-height: 1.5;
}

.profile-overlay .rewards-lifetime strong {
    color: #f2f7ff;
    font-size: 12px;
}

.profile-overlay .rewards-lifetime a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    color: var(--deck-cyan);
    font-size: 11px;
}

.profile-overlay .rewards-task-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.profile-overlay .rewards-task {
    min-height: 132px;
    padding: 16px;
    gap: 12px;
    border-color: rgba(81, 168, 211, .28);
    border-top: 3px solid rgba(88, 201, 255, .55);
    background: linear-gradient(150deg, rgba(8, 23, 36, .92), rgba(1, 7, 13, .94));
}

.profile-overlay .rewards-task.is-complete {
    border-color: rgba(57, 237, 163, .55);
    border-top-color: var(--deck-green);
    background: linear-gradient(150deg, rgba(27, 102, 76, .18), rgba(1, 10, 14, .94));
}

.profile-overlay .rewards-task-head {
    gap: 12px;
}

.profile-overlay .rewards-task-head strong {
    color: #eaf3fc;
    font-size: 13px;
    line-height: 1.4;
}

.profile-overlay .rewards-task-head span {
    color: var(--deck-green);
    font-size: 11px;
}

.profile-overlay .rewards-task-track {
    height: 10px;
    border-color: rgba(255, 255, 255, .1);
    background: #00050a;
}

.profile-overlay .rewards-task-track i {
    background: linear-gradient(90deg, var(--deck-purple), var(--deck-cyan), var(--deck-green));
    box-shadow: 0 0 12px rgba(35, 230, 242, .24);
}

.profile-overlay .rewards-task footer {
    gap: 10px;
    color: #8fa2b5;
    font-size: 10px;
    line-height: 1.4;
}

.profile-overlay .rewards-story {
    gap: 14px;
    padding-top: 18px;
    border-top-color: rgba(84, 170, 210, .26);
}

.profile-overlay .rewards-story > header {
    align-items: center;
}

.profile-overlay .rewards-story header small {
    color: var(--deck-green);
    font-size: 10px;
}

.profile-overlay .rewards-story h4 {
    margin-top: 5px;
    color: #f1f6ff;
    font-size: 18px;
}

.profile-overlay .rewards-story header > strong {
    color: var(--deck-cyan);
    font-size: 12px;
}

.profile-overlay .rewards-story > p {
    color: #a6b5c4;
    font-size: 12px;
    line-height: 1.55;
}

.profile-overlay .rewards-story-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 11px;
}

.profile-overlay .rewards-story-checkpoint {
    min-height: 112px;
    padding: 14px;
    gap: 8px;
    border-color: rgba(81, 168, 211, .27);
    border-top: 3px solid rgba(183, 76, 255, .58);
    background: linear-gradient(150deg, rgba(16, 19, 37, .92), rgba(1, 7, 13, .94));
}

.profile-overlay .rewards-story-checkpoint.is-complete {
    border-color: rgba(57, 237, 163, .5);
    border-top-color: var(--deck-green);
    background: linear-gradient(150deg, rgba(27, 102, 76, .17), rgba(1, 10, 14, .94));
}

.profile-overlay .rewards-story-checkpoint small,
.profile-overlay .rewards-story-checkpoint em {
    color: #879aad;
    font-size: 10px;
    line-height: 1.3;
}

.profile-overlay .rewards-story-checkpoint strong {
    color: #f1f6ff;
    font-size: 12px;
    line-height: 1.35;
}

.profile-overlay .rewards-story-checkpoint span {
    color: var(--deck-orange);
    font-size: 11px;
}

.profile-overlay .rewards-footer {
    min-height: 48px;
    gap: 16px;
}

.profile-overlay .rewards-footer span {
    color: #9babbc;
    font-size: 12px;
    line-height: 1.45;
}

.profile-overlay .profile-security {
    order: 5;
}

.profile-overlay .profile-security p {
    margin-top: 11px;
    color: #a8b7c6;
    font-size: 13px;
    line-height: 1.65;
}

/* ---------- desktop composition ---------- */

@media (min-width: 900px) {
    .profile-overlay .profile-grid {
        grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    }
}

@media (min-width: 1100px) {
    .mm-market-overlay .market-grid {
        grid-template-columns: minmax(0, 1.62fr) minmax(360px, .72fr);
    }

    .mm-market-overlay .market-trade-stack {
        position: sticky;
        top: 0;
    }
}

/* ---------- tablet ---------- */

@media (max-width: 899px) {
    .mm-market-overlay .market-tape,
    .mm-market-overlay :is(.market-book, .market-ticket, .market-my-orders),
    .profile-overlay :is(.profile-card, .profile-rewards, .profile-security) {
        padding: 18px;
    }

    .mm-market-overlay .market-chart {
        height: clamp(230px, 36vw, 300px);
    }

    .mm-market-overlay :is(.market-history-head, .market-history-row) {
        grid-template-columns: 116px minmax(150px, 1fr) 80px 92px 100px;
        gap: 8px;
    }

    .profile-overlay .profile-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .profile-overlay .rewards-task-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .profile-overlay .rewards-story-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ---------- mobile full-screen market + draggable profile sheet ---------- */

@media (max-width: 768px) {
    .mm-market-overlay .market-topbar,
    .profile-overlay .profile-topbar {
        min-height: 72px;
        padding-left: 14px;
        padding-right: 14px;
    }

    .profile-overlay {
        height: 100dvh;
        border-radius: 18px 18px 0 0;
        overflow: hidden;
        box-shadow: 0 -14px 44px rgba(0, 0, 0, .62);
    }

    .profile-overlay .profile-topbar {
        min-height: 82px;
        padding-top: calc(24px + env(safe-area-inset-top));
        touch-action: none;
    }

    .profile-overlay .profile-topbar::before {
        top: calc(8px + env(safe-area-inset-top));
        width: 48px;
        height: 5px;
        background: linear-gradient(90deg, var(--deck-cyan), var(--deck-purple));
        box-shadow: 0 0 12px rgba(35, 230, 242, .22);
    }

    .profile-overlay .profile-scroll {
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        touch-action: pan-y;
        padding: 16px 12px max(34px, env(safe-area-inset-bottom));
    }

    .profile-overlay .profile-page {
        gap: 14px;
    }

    .profile-overlay .profile-hero {
        min-height: 0;
        padding: 18px;
    }

    .profile-overlay .profile-rewards-head {
        align-items: flex-start;
    }

    .profile-overlay .profile-rewards-claim {
        align-items: stretch;
        flex-direction: column;
    }

    .profile-overlay .profile-rewards-claim .rr-btn {
        width: 100%;
    }

    .profile-overlay .rewards-lifetime {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .profile-overlay .rewards-lifetime a {
        grid-column: 1 / -1;
        margin-left: 0;
    }

    .profile-overlay .rewards-story > header {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 650px) {
    .mm-market-overlay .market-chart-tools {
        align-items: stretch;
        flex-direction: column;
    }

    .mm-market-overlay .market-chart-toggle {
        align-self: stretch;
    }

    .mm-market-overlay .market-chart-toggle button {
        flex: 1 1 50%;
    }

    .mm-market-overlay .market-history-head {
        display: none;
    }

    .mm-market-overlay .market-history-row {
        grid-template-columns: 1fr 1fr;
        gap: 7px 12px;
        min-height: 92px;
        margin-top: 8px;
        padding: 13px;
        border: 1px solid rgba(80, 164, 203, .18);
        background: rgba(2, 9, 16, .62);
        font-size: 11px;
    }

    .mm-market-overlay .market-history-row > :nth-child(2) {
        grid-column: 1 / -1;
        order: -1;
        color: #edf5ff;
        font-size: 12px;
    }
}

@media (max-width: 560px) {
    .mm-market-overlay .market-topbar,
    .profile-overlay .profile-topbar {
        padding-left: 11px;
        padding-right: 11px;
    }

    .mm-market-overlay .market-topbar h2,
    .profile-overlay .profile-topbar h2 {
        font-size: 18px;
    }

    .mm-market-overlay .market-test-pill {
        display: none;
    }

    .mm-market-overlay .market-close,
    .profile-overlay #profile-overlay-close {
        min-width: 72px;
        padding-inline: 11px;
    }

    .mm-market-overlay .market-scroll {
        padding: 12px 8px max(30px, env(safe-area-inset-bottom));
    }

    .mm-market-overlay .market-shell {
        gap: 12px;
    }

    .mm-market-overlay .market-warning {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 10px;
        padding: 12px;
    }

    .mm-market-overlay .market-warning a {
        grid-column: 2;
        justify-content: flex-start;
        padding: 0;
    }

    .mm-market-overlay .market-tape,
    .mm-market-overlay :is(.market-book, .market-ticket, .market-my-orders) {
        padding: 14px 12px;
    }

    .mm-market-overlay .market-tape-head {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 14px;
    }

    .mm-market-overlay .market-last-price {
        font-size: 30px;
    }

    .mm-market-overlay .market-mini-stats {
        width: 100%;
        justify-content: flex-start;
        gap: 28px;
    }

    .mm-market-overlay .market-mini-stats span {
        align-items: flex-start;
    }

    .mm-market-overlay .market-chart-tools {
        padding: 11px;
    }

    .mm-market-overlay .market-chart {
        height: 220px;
    }

    .mm-market-overlay .market-history > header {
        align-items: flex-start;
        flex-direction: column;
    }

    .mm-market-overlay .market-section-head h3 {
        font-size: 17px;
    }

    .mm-market-overlay .market-book-label {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .mm-market-overlay .market-order-head {
        display: none;
    }

    .mm-market-overlay .market-order {
        grid-template-columns: minmax(64px, .8fr) .65fr 1fr auto;
        grid-template-areas:
            'maker scraps token action'
            'maker price price action';
        gap: 6px 7px;
        min-height: 72px;
        padding: 10px 7px;
    }

    .mm-market-overlay .market-order-maker {
        grid-area: maker;
        font-size: 10px;
    }

    .mm-market-overlay .market-order-scraps {
        grid-area: scraps;
        font-size: 11px;
    }

    .mm-market-overlay .market-order-token {
        grid-area: token;
        font-size: 10px;
    }

    .mm-market-overlay .market-order-price {
        grid-area: price;
        font-size: 10px;
    }

    .mm-market-overlay .market-order-price::after {
        content: ' / SCRAPS';
        color: #71869b;
        font-size: 10px;
    }

    .mm-market-overlay .market-row-action {
        grid-area: action;
        min-width: 54px;
        min-height: 46px;
        padding-inline: 7px;
        font-size: 10px;
    }

    .mm-market-overlay .market-footnote {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .profile-overlay .profile-hero {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: 12px 14px;
    }

    .profile-overlay .profile-avatar {
        grid-row: 1 / span 2;
        width: 72px;
        height: 72px;
        flex-basis: 72px;
        font-size: 19px;
    }

    .profile-overlay .profile-identity h3 {
        font-size: clamp(24px, 8vw, 32px);
    }

    .profile-overlay .profile-verified-badge {
        position: static;
        grid-column: 2;
        justify-self: start;
    }

    .profile-overlay .profile-avatar-actions {
        grid-column: 1 / -1;
        width: 100%;
        margin: 2px 0 0;
    }

    .profile-overlay .profile-avatar-actions .rr-btn {
        flex: 1 1 130px;
    }

    .profile-overlay :is(.profile-card, .profile-rewards, .profile-security) {
        padding: 15px 13px;
    }

    .profile-overlay .profile-stat {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    .profile-overlay .profile-stat strong {
        text-align: left;
    }

    .profile-overlay .profile-refresh-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .profile-overlay #profile-balance-refresh {
        width: 100%;
    }

    .profile-overlay .profile-wallet-actions {
        flex-direction: column;
    }

    .profile-overlay .profile-wallet-actions .rr-btn {
        flex-basis: auto;
        width: 100%;
    }

    .profile-overlay .profile-rewards-head {
        flex-direction: column;
    }

    .profile-overlay .profile-leaderboard-head,
    .profile-overlay .profile-leaderboard footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .profile-overlay .profile-leaderboard-row {
        grid-template-columns: 28px minmax(0, 1fr) 54px 66px;
        gap: 7px;
        padding-inline: 9px;
    }

    .profile-overlay #profile-leaderboard-refresh {
        width: 100%;
    }

    .profile-overlay .rewards-task-list,
    .profile-overlay .rewards-story-list {
        grid-template-columns: minmax(0, 1fr);
    }

    .profile-overlay .rewards-lifetime {
        grid-template-columns: minmax(0, 1fr);
    }

    .profile-overlay .rewards-lifetime a {
        grid-column: auto;
    }

    .profile-overlay .rewards-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .profile-overlay #rewards-refresh {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mm-market-overlay .market-live-dot {
        animation: none;
    }
}