html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body,
button,
input,
select,
textarea {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-synthesis-weight: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

body {
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

* {
    letter-spacing: 0 !important;
}

h1,
h2,
h3,
h4,
.title-block h1,
.panel-head h2,
.txn-title,
.txn-heading h2,
.hero-title h1,
.head-title h1,
.market-title,
.member-name,
.profile-head h1,
.game-name,
.option-title,
.empty-title,
.section-title,
.today-head h2,
.brand-title,
.brand strong {
    font-weight: 700 !important;
    line-height: 1.18 !important;
}

h1,
.txn-title,
.title-block h1,
.hero-title h1,
.head-title h1,
.profile-head h1 {
    font-size: clamp(22px, 1.8vw, 26px) !important;
}

h2,
.panel-head h2,
.txn-heading h2,
.today-head h2,
.section-title,
.option-title {
    font-size: clamp(16px, 1.25vw, 19px) !important;
}

h3,
h4 {
    font-size: 15px !important;
}

p,
td,
label,
input,
select,
textarea,
.muted,
.txn-subtitle,
.txn-heading p,
.option-subtitle,
.member-id,
.game-meta,
.pill,
.badge,
.btn,
.bottom-item,
.nav a,
.subtitle,
.label,
.eyebrow,
.section-note,
.empty-copy {
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
}

th,
.badge,
.btn,
.nav a,
.pill.user,
.bottom-item.active,
.subtitle,
.label,
.eyebrow,
.user-chip,
.role-chip,
.type-chip {
    font-weight: 700 !important;
}

strong,
.txn-amount,
.wallet-amount,
.balance-bar strong,
.bet-amount,
.game-result,
.date-day {
    font-weight: 800 !important;
}

input,
select,
textarea {
    font-size: 14px !important;
}

.btn,
button,
.action-btn,
.history-tab,
.mode-tab,
.tab,
.result-tab,
.txn-primary,
.txn-filter,
.txn-refresh {
    font-size: 14px !important;
    font-weight: 700 !important;
}

.brand-title,
.brand strong {
    font-size: clamp(23px, 1.9vw, 27px) !important;
    font-weight: 800 !important;
}

.brand-subtitle {
    font-size: 11px !important;
    font-weight: 700 !important;
}

.game-name {
    font-size: 15px !important;
}

.game-result {
    font-size: clamp(18px, 1.7vw, 22px) !important;
}

.game-meta,
.game-meta strong {
    font-size: 11px !important;
}

.market-title {
    font-size: clamp(21px, 1.7vw, 24px) !important;
}

.time-row {
    font-size: 10px !important;
}

.time-row strong {
    font-size: 14px !important;
}

.date-month,
.date-bottom {
    font-size: 10px !important;
    font-weight: 700 !important;
}

.date-day {
    font-size: clamp(30px, 2.6vw, 36px) !important;
}

.pill {
    font-size: 13px !important;
}

.bottom-item {
    font-size: 11px !important;
}

.wallet-amount {
    font-size: 22px !important;
}

.option-title {
    font-size: 16px !important;
}

.option-subtitle {
    font-size: 13px !important;
}

.txn-title {
    margin-bottom: 6px !important;
}

.txn-subtitle {
    color: #5b6b83 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.txn-primary {
    font-size: 16px !important;
}

.txn-search input {
    font-size: 15px !important;
    font-weight: 600 !important;
}

.txn-table th,
th {
    font-size: 12px !important;
}

.txn-table td,
td {
    font-size: 14px !important;
}

.field,
.amount-all {
    font-size: 15px !important;
    font-weight: 500 !important;
}

.digit-cell {
    font-size: 19px !important;
    font-weight: 700 !important;
}

.digit-cell input {
    font-size: 14px !important;
    font-weight: 650 !important;
}

.history-hero h1 {
    font-size: 24px !important;
}

.history-hero p {
    font-size: 12px !important;
    font-weight: 700 !important;
}

.empty-title {
    font-size: 16px !important;
}

.empty-copy {
    font-size: 14px !important;
}

@media (max-width: 760px) {
    body {
        font-size: 13px !important;
    }

    h1,
    .txn-title,
    .title-block h1,
    .hero-title h1,
    .head-title h1,
    .profile-head h1 {
        font-size: 22px !important;
    }

    h2,
    .panel-head h2,
    .txn-heading h2,
    .today-head h2,
    .section-title,
    .option-title {
        font-size: 16px !important;
    }

    .brand-title,
    .brand strong {
        font-size: 20px !important;
    }

    .market-title {
        font-size: 20px !important;
    }

    .game-result {
        font-size: 16px !important;
    }
}