/* Customizable tokens: see `blockbros_suite_appearance_hex_default()` in BlockBros suite `includes/suite-customizer-appearance-defs.php`. */
.tgal-shell {
    --tgal-font-scale: 1;
    --tgal-shell-bg-1: #020617;
    --tgal-shell-bg-2: #0f172a;
    --tgal-primary: #22d3ee;
    --tgal-primary-2: #06b6d4;
    --tgal-orange: #f7931a;
    --tgal-ink: #f8fafc;
    --tgal-muted: #94a3b8;
    --tgal-border: #22d3ee;
    /* Gradient stops (customizable via BlockBros → Customizer). */
    --tgal-surface-from: #1e293b;
    --tgal-surface-to: #0f172a;
    --tgal-surface-strong-from: #1e293b;
    --tgal-surface-strong-to: #0f172a;
    --tgal-row-from: #0f172a;
    --tgal-row-to: #020617;
    --tgal-surface: linear-gradient(
        145deg,
        color-mix(in srgb, var(--tgal-surface-from) 50%, transparent) 0%,
        color-mix(in srgb, var(--tgal-surface-to) 72%, transparent) 100%
    );
    --tgal-surface-strong: linear-gradient(
        160deg,
        color-mix(in srgb, var(--tgal-surface-strong-from) 55%, transparent) 0%,
        color-mix(in srgb, var(--tgal-surface-strong-to) 78%, transparent) 100%
    );
    --tgal-row-bg: linear-gradient(
        180deg,
        color-mix(in srgb, var(--tgal-row-from) 85%, transparent) 0%,
        color-mix(in srgb, var(--tgal-row-to) 92%, transparent) 100%
    );
    --tgal-green: #4ade80;
    --tgal-green-soft: #4ade80;
    --tgal-red: #f87171;
    --tgal-red-soft: #f87171;
    --tgal-badge-gainers-bg: #14532d;
    --tgal-badge-gainers-border: #166534;
    --tgal-badge-losers-bg: #450a0a;
    --tgal-badge-losers-border: #7f1d1d;
    --tgal-shadow-color: #000000;
    --tgal-shadow: 0 24px 64px color-mix(in srgb, var(--tgal-shadow-color) 45%, transparent);
    background:
        radial-gradient(
            ellipse 120% 80% at 50% -20%,
            color-mix(in srgb, var(--tgal-primary) 12%, transparent),
            transparent 50%
        ),
        linear-gradient(180deg, var(--tgal-shell-bg-1) 0%, var(--tgal-shell-bg-2) 100%);
    border: 1px solid rgba(34, 211, 238, 0.12);
    border-radius: calc(22px * var(--tgal-font-scale-shell-user, var(--tgal-font-scale, 1)));
    box-sizing: border-box;
    box-shadow:
        0 0 0 1px rgba(34, 211, 238, 0.06),
        var(--tgal-shadow);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: var(--tgal-ink);
    font-family: var(--e-global-typography-text-font-family, "Roboto"), "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 auto;
    width: 100%;
    max-width: min(100%, var(--bb-module-shell-max-width-desktop, 100%));
    min-width: min(100%, var(--bb-module-shell-min-width-desktop, 320px));
    overflow: hidden;
    padding: calc(28px * var(--tgal-font-scale-shell-user, var(--tgal-font-scale, 1)));
    position: relative;
}

@supports (color: color-mix(in srgb, white, black)) {
    .tgal-shell {
        background:
            radial-gradient(
                ellipse 120% 80% at 50% -20%,
                color-mix(in srgb, var(--tgal-primary) 12%, transparent),
                transparent 50%
            ),
            linear-gradient(180deg, var(--tgal-shell-bg-1) 0%, var(--tgal-shell-bg-2) 100%);
        border: 1px solid color-mix(in srgb, var(--tgal-border, #22d3ee) 12%, transparent);
        box-shadow:
            0 0 0 1px color-mix(in srgb, var(--tgal-primary) 6%, transparent),
            var(--tgal-shadow);
    }
}

.tgal-shell--error {
    background: linear-gradient(180deg, rgba(127, 29, 29, 0.92) 0%, rgba(69, 10, 10, 0.94) 100%);
    border: 1px solid rgba(251, 113, 133, 0.35);
    border-radius: calc(18px * var(--tgal-font-scale-shell-user, var(--tgal-font-scale, 1)));
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
    color: #ffe4e6;
    padding: calc(18px * var(--tgal-font-scale-shell-user, var(--tgal-font-scale, 1))) calc(20px * var(--tgal-font-scale-shell-user, var(--tgal-font-scale, 1)));
}

.tgal-shell::before {
    background: linear-gradient(
        90deg,
        var(--tgal-orange) 0%,
        var(--tgal-primary) 42%,
        var(--tgal-primary-2) 58%,
        var(--tgal-green) 100%
    );
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.tgal-shell__header {
    align-items: center;
    display: flex;
    gap: calc(16px * var(--tgal-font-scale-header-user, var(--tgal-font-scale, 1)));
    justify-content: space-between;
    margin-bottom: calc(22px * var(--tgal-font-scale-header-user, var(--tgal-font-scale, 1)));
}

.tgal-shell__eyebrow {
    color: var(--tgal-orange);
    font-size: calc(12px * var(--tgal-font-scale-header-user, var(--tgal-font-scale, 1)));
    font-weight: 700;
    letter-spacing: 0.14em;
    margin: 0 0 calc(4px * var(--tgal-font-scale-header-user, var(--tgal-font-scale, 1)));
    text-transform: uppercase;
}

.tgal-shell__title {
    color: var(--tgal-ink);
    font-size: clamp(calc(24px * var(--tgal-font-scale-header-user, var(--tgal-font-scale, 1))), 3vw, calc(34px * var(--tgal-font-scale-header-user, var(--tgal-font-scale, 1))));
    letter-spacing: -0.03em;
    line-height: 1.15;
    margin: 0;
    text-shadow: 0 0 40px rgba(34, 211, 238, 0.12);
}

@supports (color: color-mix(in srgb, white, black)) {
    .tgal-shell__title {
        text-shadow: 0 0 40px color-mix(in srgb, var(--tgal-primary) 15%, transparent);
    }
}

.tgal-shell__meta {
    color: var(--tgal-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: calc(12px * var(--tgal-font-scale-header-user, var(--tgal-font-scale, 1)));
    gap: calc(8px * var(--tgal-font-scale-header-user, var(--tgal-font-scale, 1)));
    justify-content: flex-end;
}

.tgal-shell__meta span {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(34, 211, 238, 0.1);
    border-radius: 999px;
    padding: calc(6px * var(--tgal-font-scale-header-user, var(--tgal-font-scale, 1))) calc(10px * var(--tgal-font-scale-header-user, var(--tgal-font-scale, 1)));
}

@supports (color: color-mix(in srgb, white, black)) {
    .tgal-shell__meta span {
        border: 1px solid color-mix(in srgb, var(--tgal-primary) 12%, transparent);
    }
}

.tgal-shell__attribution {
    color: var(--tgal-muted);
    font-size: calc(12px * var(--tgal-font-scale-header-user, var(--tgal-font-scale, 1)));
    margin: calc(-4px * var(--tgal-font-scale-header-user, var(--tgal-font-scale, 1))) 0 calc(12px * var(--tgal-font-scale-header-user, var(--tgal-font-scale, 1)));
}

.tgal-grid {
    display: grid;
    gap: calc(20px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tgal-card {
    background: var(--tgal-surface);
    border: 1px solid rgba(34, 211, 238, 0.14);
    border-radius: calc(18px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
    box-shadow:
        0 0 0 1px rgba(34, 211, 238, 0.04),
        0 16px 40px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    padding: calc(20px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
    position: relative;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

@supports (color: color-mix(in srgb, white, black)) {
    .tgal-card {
        border: 1px solid color-mix(in srgb, var(--tgal-primary) 12%, transparent);
    }
}

.tgal-card:hover {
    border-color: rgba(34, 211, 238, 0.28);
    box-shadow:
        0 0 0 1px rgba(34, 211, 238, 0.1),
        0 22px 48px rgba(0, 0, 0, 0.4),
        0 0 48px rgba(34, 211, 238, 0.08);
    transform: translateY(-3px);
}

@supports (color: color-mix(in srgb, white, black)) {
    .tgal-card:hover {
        border-color: color-mix(in srgb, var(--tgal-primary) 22%, transparent);
        box-shadow:
            0 0 0 1px color-mix(in srgb, var(--tgal-primary) 10%, transparent),
            0 22px 48px rgba(0, 0, 0, 0.4),
            0 0 48px color-mix(in srgb, var(--tgal-primary) 10%, transparent);
    }
}

.tgal-card--gainers {
    box-shadow:
        0 0 0 1px rgba(34, 211, 238, 0.04),
        0 16px 40px rgba(0, 0, 0, 0.35),
        inset 0 0 0 1px rgba(74, 222, 128, 0.06);
}

.tgal-card--losers {
    box-shadow:
        0 0 0 1px rgba(34, 211, 238, 0.04),
        0 16px 40px rgba(0, 0, 0, 0.35),
        inset 0 0 0 1px rgba(248, 113, 113, 0.06);
}

.tgal-card__header {
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    display: flex;
    gap: calc(12px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
    justify-content: space-between;
    margin-bottom: calc(14px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
    padding-bottom: calc(12px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
}

.tgal-card__header h3 {
    color: var(--tgal-ink);
    font-size: calc(18px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
    font-weight: 800;
    letter-spacing: -0.02em;
    margin: 0;
}

.tgal-card__badge {
    border-radius: 999px;
    font-size: calc(11px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
    font-weight: 700;
    letter-spacing: 0.04em;
    padding: calc(6px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1))) calc(10px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
    text-transform: uppercase;
}

.tgal-card--gainers .tgal-card__badge {
    background: var(--tgal-badge-gainers-bg, rgba(74, 222, 128, 0.14));
    border: 1px solid var(--tgal-badge-gainers-border, rgba(74, 222, 128, 0.2));
    color: var(--tgal-green);
}

.tgal-card--losers .tgal-card__badge {
    background: var(--tgal-badge-losers-bg, rgba(248, 113, 113, 0.14));
    border: 1px solid var(--tgal-badge-losers-border, rgba(248, 113, 113, 0.2));
    color: var(--tgal-red);
}

@supports (color: color-mix(in srgb, white, black)) {
    .tgal-card--gainers .tgal-card__badge {
        background: var(
            --tgal-badge-gainers-bg,
            color-mix(in srgb, var(--tgal-green-soft, #4ade80) 14%, transparent)
        );
        border: 1px solid
            var(
                --tgal-badge-gainers-border,
                color-mix(in srgb, var(--tgal-green-soft, #4ade80) 20%, transparent)
            );
    }

    .tgal-card--losers .tgal-card__badge {
        background: var(
            --tgal-badge-losers-bg,
            color-mix(in srgb, var(--tgal-red-soft, #f87171) 14%, transparent)
        );
        border: 1px solid
            var(
                --tgal-badge-losers-border,
                color-mix(in srgb, var(--tgal-red-soft, #f87171) 20%, transparent)
            );
    }
}

.tgal-card__list {
    display: flex;
    flex-direction: column;
    gap: calc(8px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
    list-style: none;
    margin: 0;
    padding: 0;
}

.tgal-card__item {
    align-items: center;
    background: var(--tgal-row-bg);
    border: 1px solid rgba(34, 211, 238, 0.1);
    border-radius: calc(14px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
    display: flex;
    gap: calc(12px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
    justify-content: space-between;
    padding: calc(14px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1))) calc(16px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

@supports (color: color-mix(in srgb, white, black)) {
    .tgal-card__item {
        border: 1px solid color-mix(in srgb, var(--tgal-primary) 10%, transparent);
    }
}

.tgal-card__item:hover {
    border-color: rgba(34, 211, 238, 0.22);
    box-shadow:
        0 0 0 1px rgba(34, 211, 238, 0.06),
        0 12px 32px rgba(0, 0, 0, 0.3);
    transform: translateY(-2px);
}

@supports (color: color-mix(in srgb, white, black)) {
    .tgal-card__item:hover {
        border-color: color-mix(in srgb, var(--tgal-primary) 18%, transparent);
        box-shadow:
            0 0 0 1px color-mix(in srgb, var(--tgal-primary) 8%, transparent),
            0 12px 32px rgba(0, 0, 0, 0.3);
    }
}

.tgal-card__coin {
    align-items: center;
    display: flex;
    gap: calc(10px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
    min-width: 0;
}

.tgal-card__rank {
    align-items: center;
    background: rgba(34, 211, 238, 0.1);
    border: 1px solid rgba(34, 211, 238, 0.12);
    border-radius: 999px;
    color: var(--tgal-ink);
    display: inline-flex;
    font-size: calc(12px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
    font-weight: 700;
    height: calc(26px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
    justify-content: center;
    min-width: calc(26px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
}

@supports (color: color-mix(in srgb, white, black)) {
    .tgal-card__rank {
        background: color-mix(in srgb, var(--tgal-primary) 12%, transparent);
        border: 1px solid color-mix(in srgb, var(--tgal-primary) 14%, transparent);
    }
}

.tgal-card__icon {
    border-radius: 50%;
    box-shadow:
        0 0 0 2px rgba(34, 211, 238, 0.15),
        0 4px 14px rgba(0, 0, 0, 0.35);
    height: calc(34px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
    width: calc(34px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
}

.tgal-card__identity {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.tgal-card__name {
    color: var(--tgal-ink);
    font-size: calc(16px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
    font-weight: 800;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.tgal-card__symbol,
.tgal-card__market-cap {
    font-weight: 700;
    color: var(--tgal-muted);
    font-size: calc(12px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
    overflow-wrap: anywhere;
}

.tgal-card__stats {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: right;
}

.tgal-card__price {
    color: var(--tgal-ink);
    font-size: calc(16px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
    font-weight: 800;
    overflow-wrap: anywhere;
}

.tgal-card__change {
    border-radius: 999px;
    font-size: calc(11px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
    font-weight: 700;
    padding: calc(4px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1))) calc(8px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
}

.tgal-card__change.is-up {
    background: rgba(74, 222, 128, 0.14);
    color: var(--tgal-green);
}

.tgal-card__change.is-down {
    background: rgba(248, 113, 113, 0.14);
    color: var(--tgal-red);
}

@supports (color: color-mix(in srgb, white, black)) {
    .tgal-card__change.is-up {
        background: color-mix(in srgb, var(--tgal-green-soft, #4ade80) 14%, transparent);
    }

    .tgal-card__change.is-down {
        background: color-mix(in srgb, var(--tgal-red-soft, #f87171) 14%, transparent);
    }
}

.tgal-whale-watch__subtitle {
    color: var(--tgal-muted);
    font-size: calc(14px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
    margin: calc(8px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1))) 0 0;
}

.tgal-whale-watch {
    display: flex;
    flex-direction: column;
    gap: calc(10px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
}

.tgal-whale-watch__item {
    background: var(--tgal-surface-strong);
    border: 1px solid rgba(34, 211, 238, 0.14);
    border-radius: calc(14px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
    box-shadow:
        0 0 0 1px rgba(34, 211, 238, 0.04),
        0 14px 36px rgba(0, 0, 0, 0.32);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    padding: calc(16px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
    position: relative;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

@supports (color: color-mix(in srgb, white, black)) {
    .tgal-whale-watch__item {
        border: 1px solid color-mix(in srgb, var(--tgal-primary) 12%, transparent);
    }
}

.tgal-whale-watch__item:hover {
    border-color: rgba(34, 211, 238, 0.26);
    box-shadow:
        0 0 0 1px rgba(34, 211, 238, 0.08),
        0 20px 44px rgba(0, 0, 0, 0.38),
        0 0 40px rgba(34, 211, 238, 0.06);
    transform: translateY(-2px);
}

@supports (color: color-mix(in srgb, white, black)) {
    .tgal-whale-watch__item:hover {
        border-color: color-mix(in srgb, var(--tgal-primary) 20%, transparent);
        box-shadow:
            0 0 0 1px color-mix(in srgb, var(--tgal-primary) 8%, transparent),
            0 20px 44px rgba(0, 0, 0, 0.38),
            0 0 40px color-mix(in srgb, var(--tgal-primary) 8%, transparent);
    }
}

.tgal-whale-watch__main {
    align-items: center;
    display: grid;
    gap: calc(12px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.tgal-whale-watch__asset,
.tgal-whale-watch__value {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tgal-whale-watch__asset {
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: calc(8px * var(--tgal-font-scale-rows-user, var(--tgal-font-scale, 1)));
}

.tgal-whale-watch__icon {
    border-radius: 50%;
    box-shadow:
        0 0 0 2px rgba(34, 211, 238, 0.15),
        0 4px 14px rgba(0, 0, 0, 0.35);
    flex-shrink: 0;
    height: calc(34px * var(--tgal-font-scale-rows-user, var(--tgal-font-scale, 1)));
    margin-bottom: 0;
    width: calc(34px * var(--tgal-font-scale-rows-user, var(--tgal-font-scale, 1)));
}

.tgal-whale-watch__asset strong,
.tgal-whale-watch__value strong {
    color: var(--tgal-ink);
    font-size: calc(16px * var(--tgal-font-scale-rows-user, var(--tgal-font-scale, 1)));
    font-weight: 800;
}

.tgal-whale-watch__symbol {
    color: var(--tgal-muted);
    font-size: calc(11px * var(--tgal-font-scale-rows-user, var(--tgal-font-scale, 1)));
}

.tgal-whale-watch__asset span:last-child {
    flex-basis: 100%;
    margin-left: calc(36px * var(--tgal-font-scale-rows-user, var(--tgal-font-scale, 1)));
}

.tgal-whale-watch__amount {
    color: var(--tgal-ink);
    font-size: calc(17px * var(--tgal-font-scale-rows-user, var(--tgal-font-scale, 1)));
    font-weight: 800;
    line-height: 1.2;
    margin-left: calc(42px * var(--tgal-font-scale-rows-user, var(--tgal-font-scale, 1)));
    padding-top: 2px;
}

.tgal-whale-watch__asset span,
.tgal-whale-watch__value span,
.tgal-whale-watch__meta {
    color: var(--tgal-muted);
    font-size: calc(12px * var(--tgal-font-scale-rows-user, var(--tgal-font-scale, 1)));
}

.tgal-whale-watch__value-label {
    color: #cbd5e1;
    font-weight: 700;
}

.tgal-whale-watch__chain-pill {
    align-self: flex-end;
    background: rgba(34, 211, 238, 0.12);
    border: 1px solid rgba(34, 211, 238, 0.2);
    border-radius: 999px;
    color: #67e8f9;
    display: inline-flex;
    font-size: calc(11px * var(--tgal-font-scale-rows-user, var(--tgal-font-scale, 1)));
    font-weight: 800;
    letter-spacing: 0.03em;
    padding: calc(6px * var(--tgal-font-scale-rows-user, var(--tgal-font-scale, 1))) calc(10px * var(--tgal-font-scale-rows-user, var(--tgal-font-scale, 1)));
    text-transform: uppercase;
}

@supports (color: color-mix(in srgb, white, black)) {
    .tgal-whale-watch__chain-pill {
        background: color-mix(in srgb, var(--tgal-primary) 14%, transparent);
        border: 1px solid color-mix(in srgb, var(--tgal-primary) 22%, transparent);
        color: color-mix(in srgb, var(--tgal-primary) 85%, #ffffff);
    }
}

.tgal-whale-watch__value {
    text-align: right;
}

.tgal-whale-watch__meta {
    display: flex;
    flex-wrap: wrap;
    gap: calc(6px * var(--tgal-font-scale-rows-user, var(--tgal-font-scale, 1))) calc(10px * var(--tgal-font-scale-rows-user, var(--tgal-font-scale, 1)));
    margin-top: calc(10px * var(--tgal-font-scale-rows-user, var(--tgal-font-scale, 1)));
}

.tgal-whale-watch__meta-line {
    color: #cbd5e1;
    display: block;
    flex-basis: 100%;
}

.tgal-whale-watch__meta a {
    color: var(--tgal-orange);
    font-weight: 700;
    text-decoration: none;
}

.tgal-whale-watch__meta a:hover {
    text-decoration: underline;
}

@media (max-width: 959px) {
    .tgal-grid {
        grid-template-columns: 1fr;
    }

    .tgal-shell__header {
        flex-direction: column;
    }

    .tgal-shell__meta {
        justify-content: flex-start;
    }

    .tgal-shell__attribution {
        margin-top: 0;
    }
}

@media (min-width: 600px) and (max-width: 959px) {
    .tgal-shell {
        width: 100%;
        max-width: min(100%, var(--bb-module-shell-max-width-tablet, 100%));
        min-width: min(100%, var(--bb-module-shell-min-width-tablet, 280px));
        margin: 0 auto;
        padding: calc(20px * var(--tgal-font-scale-shell-user, var(--tgal-font-scale, 1)));
        border-radius: calc(18px * var(--tgal-font-scale-shell-user, var(--tgal-font-scale, 1)));
    }

    .tgal-card {
        padding: calc(18px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
        border-radius: calc(16px * var(--tgal-font-scale-panel-user, var(--tgal-font-scale, 1)));
    }
}

@media (max-width: 767px) {
    .tgal-shell {
        width: 100%;
        margin: 0 auto;
        border-radius: calc(14px * var(--tgal-font-scale-compact-user, var(--tgal-font-scale, 1)));
        padding: calc(18px * var(--tgal-font-scale-compact-user, var(--tgal-font-scale, 1)));
    }

    .tgal-card,
    .tgal-whale-watch__item {
        width: 100%;
        max-width: none;
    }

    .tgal-card__item {
        align-items: flex-start;
        flex-direction: column;
        gap: calc(10px * var(--tgal-font-scale-compact-user, var(--tgal-font-scale, 1)));
    }

    .tgal-card {
        padding: calc(16px * var(--tgal-font-scale-compact-user, var(--tgal-font-scale, 1)));
    }

    .tgal-card__coin,
    .tgal-card__stats {
        width: 100%;
        min-width: 0;
    }

    .tgal-card__stats {
        align-items: flex-start;
        text-align: left;
    }

    .tgal-shell__meta span {
        padding: calc(6px * var(--tgal-font-scale-compact-user, var(--tgal-font-scale, 1))) calc(9px * var(--tgal-font-scale-compact-user, var(--tgal-font-scale, 1)));
    }

    .tgal-whale-watch__main {
        grid-template-columns: 1fr;
    }

    .tgal-whale-watch__value {
        text-align: left;
    }

    .tgal-whale-watch__chain-pill {
        align-self: flex-start;
    }

    .tgal-whale-watch__amount {
        margin-left: 0;
    }

    .tgal-whale-watch__asset span:last-child {
        margin-left: 0;
    }
}

@media (max-width: 599px) {
    .tgal-shell {
        max-width: min(100%, var(--bb-module-shell-max-width-mobile, 100%));
        min-width: min(100%, var(--bb-module-shell-min-width-mobile, 0px));
        margin: 0 auto;
    }
}