@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
    --ig-bg: #1f1f1f;
    --ig-bg-deep: #181818;
    --ig-surface: #29292b;
    --ig-surface-2: #303033;
    --ig-surface-3: #343437;
    --ig-border: #3b3b3e;
    --ig-border-soft: rgba(255,255,255,.075);
    --ig-text: #f5f5f5;
    --ig-muted: #99999f;
    --ig-disabled: #77777b;
    --ig-primary: #f4e900;
    --ig-primary-dark: #d9ce00;
    --ig-primary-soft: rgba(244,233,0,.12);
    --ig-success: #14b86f;
    --ig-danger: #ff5f68;
    --ig-shadow: 0 12px 30px rgba(0,0,0,.24);
    --ig-radius: 7px;
    --ig-radius-lg: 10px;
    --ig-pad: 12px;
}

html,
body {
    background: var(--ig-bg) !important;
    color: var(--ig-text) !important;
    font-family: 'Inter', Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body {
    margin: 0;
    min-height: 100vh;
}

*, *::before, *::after { box-sizing: border-box; }

a { color: inherit; }

::selection { background: var(--ig-primary); color: #111; }

/* ===== GLOBAL APP SURFACES ===== */
.hero-section,
.subway-model-page,
.sub-games-page,
.sub-auth-page,
.sub-deposit-page,
.comic-book,
.wf-section.dark {
    background: var(--ig-bg) !important;
    background-image: none !important;
    color: var(--ig-text) !important;
}

.hero-section {
    padding-top: 28px !important;
    padding-bottom: 42px !important;
    min-height: auto !important;
}

.minting-container,
.sub-main,
.sub-games-wrap,
.sub-auth-shell,
.sub-deposit-shell {
    width: min(100% - 24px, 760px) !important;
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

h1, h2, h3, h4, h5, h6,
.heading, .rarity-heading,
.sub-section-heading,
.sub-games-title,
.sub-live-heading {
    font-family: 'Inter', Arial, sans-serif !important;
    color: var(--ig-text) !important;
    letter-spacing: -.02em !important;
    text-shadow: none !important;
}

h2 { font-size: clamp(22px, 4vw, 30px) !important; }

p,
.follow-test,
.sub-subtitle,
.sub-games-subtitle,
.sub-payment-small,
.sub-faq-sub,
.sub-section-text,
.sub-auth-card p,
.sub-muted-note {
    color: var(--ig-muted) !important;
    font-family: 'Inter', Arial, sans-serif !important;
}

/* ===== APP HEADER / NAV ===== */
.sub-client-topbar,
.sub-top-bonus {
    background: #171717 !important;
    border-bottom: 1px solid var(--ig-border-soft) !important;
    color: var(--ig-muted) !important;
    min-height: 34px !important;
    padding: 6px 12px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

.sub-bonus-btn {
    background: transparent !important;
    color: var(--ig-primary) !important;
    border: 1px solid rgba(244,233,0,.35) !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    padding: 6px 10px !important;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

.sub-client-nav,
.sub-nav {
    background: rgba(31,31,31,.97) !important;
    border-bottom: 1px solid var(--ig-border) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.18) !important;
    backdrop-filter: blur(14px) !important;
}

.sub-client-nav-inner,
.sub-nav-inner {
    min-height: 64px !important;
    padding: 8px 12px !important;
    max-width: 1080px !important;
}

.sub-client-logo img,
.sub-logo-img {
    max-height: 40px !important;
    filter: none !important;
}

.sub-client-link,
.sub-btn,
.sub-client-menu-btn {
    font-family: 'Inter', Arial, sans-serif !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    color: var(--ig-text) !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
    text-transform: none !important;
}

.sub-client-link:hover,
.sub-client-link.w--current,
.sub-btn:hover,
.sub-btn-dark:hover {
    background: var(--ig-surface) !important;
    border-color: var(--ig-border) !important;
    color: #fff !important;
}

.sub-client-deposit,
.sub-btn-green,
.sub-play-button,
.sub-btn-game,
.primary-button,
.w-button.primary-button {
    background: var(--ig-primary) !important;
    color: #151515 !important;
    border: 1px solid var(--ig-primary) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    font-family: 'Inter', Arial, sans-serif !important;
    font-weight: 800 !important;
    text-shadow: none !important;
}

.sub-client-deposit:hover,
.sub-btn-green:hover,
.sub-play-button:hover,
.sub-btn-game:hover,
.primary-button:hover {
    background: var(--ig-primary-dark) !important;
    border-color: var(--ig-primary-dark) !important;
    transform: none !important;
}

.sub-client-mobile {
    background: var(--ig-bg-deep) !important;
    border-bottom: 1px solid var(--ig-border) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.34) !important;
}

/* ===== COMMON CARDS ===== */
.properties,
.rarity-row,
.mint-card-image,
.tableWrapper,
.indications,
.sub-game-card,
.sub-live-panel,
.sub-games-card,
.sub-auth-card,
.sub-deposit-card,
.sub-faq,
.sub-contact,
.sub-payment,
.sub-register-trust > div,
.sub-auth-hero-mini,
.balance,
.custom-table,
.sub-result-popup,
.subway-balance-modal,
.subway-wallet-card {
    background: var(--ig-surface) !important;
    color: var(--ig-text) !important;
    border: 1px solid var(--ig-border) !important;
    border-radius: var(--ig-radius) !important;
    box-shadow: none !important;
}

.properties,
.rarity-row,
.tableWrapper,
.indications {
    padding: 12px !important;
}

.balance {
    width: auto !important;
    margin: 0 auto 12px !important;
    padding: 12px 14px !important;
    border-radius: var(--ig-radius) !important;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 13px !important;
    color: var(--ig-muted) !important;
}

.balance b { color: var(--ig-primary) !important; }

/* ===== FORM CONTROLS ===== */
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea,
.w-input,
.large-input-field,
.sub-field input,
.sub-field select,
.sub-field textarea {
    width: 100%;
    min-height: 44px !important;
    background: var(--ig-surface) !important;
    color: var(--ig-text) !important;
    border: 1px solid var(--ig-border) !important;
    border-radius: 6px !important;
    padding: 10px 12px !important;
    box-shadow: none !important;
    outline: none !important;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

input:focus,
select:focus,
textarea:focus,
.w-input:focus,
.large-input-field:focus,
.sub-field input:focus {
    border-color: var(--ig-primary) !important;
    box-shadow: 0 0 0 1px var(--ig-primary) !important;
}

input::placeholder,
textarea::placeholder {
    color: #77777b !important;
    opacity: 1 !important;
}

label,
.sub-field label,
.rarity-heading {
    color: #c7c7ca !important;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

button,
input[type="submit"],
.w-button {
    min-height: 44px;
    font-family: 'Inter', Arial, sans-serif !important;
    font-weight: 700 !important;
}

button:disabled,
input[type="submit"]:disabled,
.w-button:disabled {
    background: #555557 !important;
    color: #b5b5b7 !important;
    border-color: #555557 !important;
    opacity: 1 !important;
}

/* ===== AUTH ===== */
.sub-auth-page {
    min-height: 100vh !important;
    background: var(--ig-bg) !important;
}

.sub-auth-shell {
    padding: 26px 0 42px !important;
}

.sub-auth-card {
    max-width: 470px !important;
    margin: 0 auto !important;
    padding: 18px !important;
}

.sub-auth-brand img { max-height: 58px !important; }
.sub-auth-card h2 { font-size: 24px !important; margin-bottom: 6px !important; }
.sub-auth-card p { font-size: 13px !important; line-height: 1.5 !important; }

.sub-auth-link {
    background: #232325 !important;
    border: 1px solid var(--ig-border-soft) !important;
    border-radius: 6px !important;
    padding: 10px 12px !important;
    color: var(--ig-muted) !important;
    font-size: 12px !important;
}

.sub-auth-link a { color: var(--ig-primary) !important; font-weight: 700 !important; }

.sub-conversion-pills span {
    background: #252527 !important;
    color: #b9b9bd !important;
    border: 1px solid var(--ig-border) !important;
    border-radius: 5px !important;
    font-size: 11px !important;
}

.sub-auth-hero-mini {
    padding: 12px !important;
}

.sub-auth-hero-mini img {
    width: 46px !important;
    height: 46px !important;
    border-radius: 6px !important;
}

.sub-auth-check,
.sub-auth-legal {
    color: var(--ig-muted) !important;
    font-size: 11px !important;
}

.sub-register-trust {
    gap: 6px !important;
}

.sub-register-trust strong { color: var(--ig-primary) !important; }

/* ===== PUBLIC HOME ===== */
.subway-model-page {
    background: var(--ig-bg) !important;
}

.sub-hero-slider,
.sub-hero-slide {
    background: #141414 !important;
    border-bottom: 1px solid var(--ig-border) !important;
}

.sub-main {
    padding-top: 18px !important;
    padding-bottom: 28px !important;
}

.sub-title-row {
    gap: 8px !important;
    margin-bottom: 12px !important;
}

.sub-game-card {
    padding: 10px !important;
    border-radius: 8px !important;
    background: #252527 !important;
}

.sub-game-card img { border-radius: 5px !important; }

.sub-play-button,
.sub-test-button {
    border-radius: 6px !important;
    font-family: 'Inter', Arial, sans-serif !important;
    text-transform: none !important;
    font-weight: 800 !important;
}

.sub-test-button {
    background: #303033 !important;
    border: 1px solid var(--ig-border) !important;
    color: var(--ig-text) !important;
}

.sub-trust > div,
.sub-payments .sub-payment {
    background: #29292b !important;
    border: 1px solid var(--ig-border) !important;
    border-radius: 6px !important;
}

.sub-trust strong,
.sub-payment-name { color: var(--ig-text) !important; }

.sub-avatar { border-color: var(--ig-primary) !important; }

.sub-section-dark {
    background: #1c1c1c !important;
    border-top: 1px solid var(--ig-border-soft) !important;
    border-bottom: 1px solid var(--ig-border-soft) !important;
}

.sub-faq {
    padding: 12px !important;
}

.sub-faq-icon { color: var(--ig-primary) !important; }

.sub-mobile-sticky {
    background: rgba(31,31,31,.96) !important;
    border-top: 1px solid var(--ig-border) !important;
    box-shadow: 0 -8px 22px rgba(0,0,0,.24) !important;
    backdrop-filter: blur(12px) !important;
}

/* ===== GAME LIST ===== */
.sub-games-page {
    padding: 28px 12px 70px !important;
    background: var(--ig-bg) !important;
}
.sub-games-page::before { display: none !important; }
.sub-games-wrap { max-width: 920px !important; gap: 14px !important; }
.sub-games-hero { gap: 12px !important; }
.sub-games-banner,
.sub-games-card,
.sub-live-panel {
    border-radius: 8px !important;
    background: var(--ig-surface) !important;
    border: 1px solid var(--ig-border) !important;
    box-shadow: none !important;
}
.sub-games-banner { min-height: 260px !important; }
.sub-games-copy { padding: 16px !important; }
.sub-games-kicker {
    background: var(--ig-primary) !important;
    color: #111 !important;
    border: 0 !important;
    border-radius: 5px !important;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 10px !important;
}
.sub-games-title { font-size: clamp(30px, 6vw, 52px) !important; font-weight: 900 !important; }
.sub-games-title span:first-child,
.sub-games-title span:last-child { color: #fff !important; }
.sub-game-main-card {
    background: #222 !important;
    border: 1px solid var(--ig-border) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}
.sub-game-main-card img { border-radius: 6px !important; }
.sub-games-trust strong { color: var(--ig-primary) !important; }
.sub-games-trust div {
    background: #252527 !important;
    border: 1px solid var(--ig-border) !important;
    border-radius: 6px !important;
}
.sub-payments-grid { gap: 8px !important; }
.sub-payment { border-radius: 6px !important; }

/* ===== DEPOSIT PAGE ===== */
.sub-deposit-page {
    padding: 20px 10px 34px !important;
    background: var(--ig-bg) !important;
}
.sub-deposit-shell { max-width: 720px !important; }
.sub-deposit-header { margin-bottom: 12px !important; }
.sub-deposit-icon {
    background: #272729 !important;
    color: var(--ig-primary) !important;
    border: 1px solid var(--ig-border) !important;
    border-radius: 7px !important;
    box-shadow: none !important;
}
.sub-deposit-help,
.sub-balance-refresh {
    background: var(--ig-surface) !important;
    border-color: var(--ig-border) !important;
    border-radius: 6px !important;
}
.sub-deposit-card { border-radius: 8px !important; }
.sub-deposit-hero {
    border-radius: 8px !important;
    border: 1px solid var(--ig-border) !important;
    min-height: 190px !important;
    margin-bottom: 10px !important;
}
.sub-deposit-hero::after { background: linear-gradient(90deg, rgba(12,12,12,.88), rgba(12,12,12,.32)) !important; }
.sub-deposit-pill {
    border-radius: 5px !important;
    border-color: rgba(244,233,0,.35) !important;
    background: rgba(20,20,20,.72) !important;
    color: var(--ig-primary) !important;
}
.sub-deposit-hero h2 span { color: var(--ig-primary) !important; }
.sub-balance-wallet,
.sub-feature-icon,
.sub-promo-icon {
    background: #303033 !important;
    color: var(--ig-primary) !important;
    border: 1px solid var(--ig-border) !important;
}
.sub-balance-value { font-size: 30px !important; }
.sub-amount-field {
    min-height: 72px !important;
    background: var(--ig-surface) !important;
    border: 1px solid var(--ig-border) !important;
    border-radius: 7px !important;
    box-shadow: none !important;
}
.sub-amount-field:focus-within {
    border-color: var(--ig-primary) !important;
    box-shadow: 0 0 0 1px var(--ig-primary) !important;
}
.sub-amount-field .sub-currency { font-size: 30px !important; color: var(--ig-muted) !important; }
.sub-amount-field input { font-size: 36px !important; }
.sub-value-btn {
    min-height: 46px !important;
    border-radius: 6px !important;
    background: var(--ig-surface) !important;
    color: var(--ig-text) !important;
    border: 1px solid var(--ig-border) !important;
    font-size: 13px !important;
}
.sub-value-btn.is-active,
.sub-value-btn:hover {
    border: 2px solid var(--ig-primary) !important;
    background: var(--ig-surface) !important;
    color: #fff !important;
    box-shadow: none !important;
}
.sub-primary-btn {
    min-height: 50px !important;
    border-radius: 6px !important;
    background: var(--ig-primary) !important;
    color: #111 !important;
    box-shadow: none !important;
    font-size: 14px !important;
}
.sub-promo-strip {
    background: #242426 !important;
    border: 1px solid var(--ig-border) !important;
    border-radius: 7px !important;
}
.sub-promo-strip strong { color: var(--ig-primary) !important; }
.sub-features-card { gap: 8px !important; }
.sub-feature-item { padding: 6px !important; }
.sub-pix-qr,
.sub-pix-info-box,
.sub-copy-code,
.sub-copy-btn {
    border-radius: 7px !important;
}
.sub-pix-info-box,
.sub-copy-code,
.sub-copy-btn { background: var(--ig-surface-2) !important; border-color: var(--ig-border) !important; }
.sub-countdown { color: var(--ig-primary) !important; }

/* ===== WITHDRAW / AFFILIATE / OLD GENERIC PAGES ===== */
.custom-table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
}
.custom-table thead,
.custom-table th {
    background: var(--ig-surface-2) !important;
    color: var(--ig-text) !important;
}
.custom-table td {
    background: var(--ig-surface) !important;
    color: #d8d8da !important;
    border-top: 1px solid var(--ig-border) !important;
}
.custom-table th,
.custom-table td { padding: 10px 12px !important; font-size: 12px !important; }

.rarity-number,
.rarity-number.full,
.rarity-row.roboto-type,
.rarity-row.roboto-type2,
.rarity-row.blue {
    color: var(--ig-text) !important;
    font-family: 'Inter', Arial, sans-serif !important;
}

.progress-bar {
    height: 10px !important;
    background: #3b3b3e !important;
    border-radius: 999px !important;
    overflow: hidden !important;
}
.progress-bar-fill {
    background: var(--ig-primary) !important;
    background-image: none !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

/* ===== POPUPS / MODALS ===== */
.sub-result-popup-overlay,
.subway-balance-modal-overlay {
    background: rgba(0,0,0,.76) !important;
    backdrop-filter: blur(4px) !important;
}

.sub-result-popup,
.subway-balance-modal {
    border-radius: 8px !important;
    padding: 16px !important;
}

.sub-result-popup__button,
.subway-balance-btn {
    min-height: 44px !important;
    border-radius: 6px !important;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    box-shadow: none !important;
}

.sub-result-popup__button--primary,
.sub-result-popup__button--secondary,
.subway-balance-btn-primary {
    background: var(--ig-primary) !important;
    color: #111 !important;
    border: 1px solid var(--ig-primary) !important;
}

.subway-balance-btn-secondary {
    background: var(--ig-surface-2) !important;
    color: var(--ig-text) !important;
    border: 1px solid var(--ig-border) !important;
}

.subway-balance-missing { color: var(--ig-primary) !important; }

/* ===== FOOTER ===== */
.footer-section {
    background: #181818 !important;
    border-top: 1px solid var(--ig-border) !important;
    color: var(--ig-muted) !important;
    padding: 26px 14px !important;
}
.footer-section .domo-text {
    display: none !important;
}
.footer-section .follow-test {
    max-width: 760px !important;
    margin: 8px auto !important;
    color: var(--ig-muted) !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
}
.footer-section .bold-white-link { color: #d7d7da !important; }

/* ===== UTILITIES ===== */
hr { border-color: var(--ig-border) !important; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #1b1b1b; }
::-webkit-scrollbar-thumb { background: #414144; border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: #515155; }

@media (max-width: 760px) {
    .sub-client-links { display: none !important; }
    .sub-client-menu-btn { display: inline-flex !important; }
    .sub-client-nav-inner,
    .sub-nav-inner { min-height: 58px !important; }
    .sub-client-logo img,
    .sub-logo-img { max-height: 34px !important; }

    .hero-section { padding-top: 16px !important; }
    .minting-container,
    .sub-main,
    .sub-games-wrap,
    .sub-auth-shell,
    .sub-deposit-shell { width: min(100% - 20px, 760px) !important; }

    .sub-games-hero { grid-template-columns: 1fr !important; }
    .sub-games-banner { min-height: 220px !important; }
    .sub-live-panel,
    .sub-games-card { padding: 12px !important; }
    .sub-payments-grid { grid-template-columns: 1fr 1fr !important; }

    .sub-deposit-title h1 { font-size: 20px !important; }
    .sub-deposit-hero h2 { font-size: 25px !important; }
    .sub-balance-card { padding: 12px !important; }
    .sub-balance-wallet { width: 44px !important; height: 44px !important; border-radius: 6px !important; }
    .sub-balance-value { font-size: 25px !important; }
    .sub-amount-field input { font-size: 32px !important; }
    .sub-quick-values { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 7px !important; }
    .sub-features-card { grid-template-columns: 1fr !important; text-align: left !important; }
    .sub-feature-item { display: grid !important; grid-template-columns: 44px 1fr !important; column-gap: 10px !important; align-items: center !important; }
    .sub-feature-icon { width: 44px !important; height: 44px !important; margin: 0 !important; grid-row: 1 / span 2 !important; border-radius: 6px !important; }
    .sub-feature-title { margin: 0 !important; }
    .sub-feature-desc { margin: 0 !important; }

    .sub-auth-card { padding: 14px !important; }
    .sub-register-trust { grid-template-columns: 1fr !important; }
}

/* Neutralize legacy full-page promotional backgrounds without touching standalone banners */
.hero-section {
    background-size: 0 0 !important;
    background-repeat: no-repeat !important;
    background-color: var(--ig-bg) !important;
}

/* Game list remaining legacy green accents */
.sub-payment-value,
.sub-ranking-row .amount {
    color: var(--ig-primary) !important;
}
.sub-ranking-panel,
.sub-ranking-row {
    background: var(--ig-surface) !important;
    border: 1px solid var(--ig-border) !important;
    border-radius: 7px !important;
    box-shadow: none !important;
}
.sub-ranking-panel { padding: 14px !important; }
.sub-ranking-row { padding: 10px 12px !important; }

/* Marketplace / generic card screens */
.card,
.product-card,
.marketplace-card,
.marketplace-product,
.w-layout-blockcontainer,
.collection-item {
    font-family: 'Inter', Arial, sans-serif !important;
}
.card {
    background: var(--ig-surface) !important;
    border: 1px solid var(--ig-border) !important;
    border-radius: 7px !important;
    box-shadow: none !important;
}
.card .button,
.button.primary,
button.primary {
    background: var(--ig-primary) !important;
    color: #111 !important;
    border-color: var(--ig-primary) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

/* Toasts and small feedback surfaces */
.toastify {
    background: #2c2c2e !important;
    color: var(--ig-text) !important;
    border: 1px solid var(--ig-border) !important;
    border-radius: 6px !important;
    box-shadow: var(--ig-shadow) !important;
    font-family: 'Inter', Arial, sans-serif !important;
}

/* ===== COMPACT APP OVERRIDES — 26/09/2026 ===== */
:root{
    --ig-compact-gap:10px;
    --ig-field-h:44px;
}

body{font-size:13px!important;}

.hero-section{padding:14px 0 28px!important;}

.minting-container,
.sub-main,
.sub-games-wrap,
.sub-auth-shell,
.sub-deposit-shell{
    width:min(100% - 20px, 620px)!important;
    max-width:620px!important;
}

h1,h2,h3,h4{margin-top:0!important;}
h2{font-size:20px!important;line-height:1.15!important;margin-bottom:8px!important;}
h3{font-size:16px!important;line-height:1.2!important;}
p{font-size:12px!important;line-height:1.4!important;}

/* cards: flatter, tighter */
.properties,
.rarity-row,
.sub-card,
.subway-card,
.sub-auth-card,
.sub-result-popup__card,
.sub-balance-modal,
.sub-wallet-card,
.sub-deposit-card{
    border-radius:7px!important;
    box-shadow:none!important;
}

.properties,
.sub-card,
.sub-auth-card,
.sub-wallet-card{
    padding:12px!important;
    margin-bottom:10px!important;
}

/* inputs */
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea,
.w-input{
    min-height:44px!important;
    border-radius:6px!important;
    padding:10px 12px!important;
    font-size:14px!important;
    background:#29292b!important;
    color:#f5f5f5!important;
    border:1px solid transparent!important;
    box-shadow:none!important;
}
input:focus,select:focus,textarea:focus,.w-input:focus{
    border-color:#f4e900!important;
    box-shadow:0 0 0 1px #f4e900!important;
}

/* buttons */
.primary-button,
.w-button,
button,
.button{
    min-height:44px;
    border-radius:6px!important;
    font-family:'Inter',Arial,sans-serif!important;
    font-weight:700!important;
    box-shadow:none!important;
}
.primary-button:not(.dark),
button[type="submit"],
.sub-primary-btn{
    background:#f4e900!important;
    color:#111!important;
    border:0!important;
}
.primary-button:not(.dark):hover,
button[type="submit"]:hover,
.sub-primary-btn:hover{
    background:#fff000!important;
    transform:translateY(-1px);
}

/* remove decorative over-animation in compact mode */
.ig-shine::after,
.sub-primary-btn::after,
.primary-button::after{display:none!important;}

/* popup compact */
.sub-result-popup__overlay,
.subway-balance-modal-overlay{backdrop-filter:blur(6px)!important;}
.sub-result-popup__card,
.subway-balance-modal{
    width:min(92vw,390px)!important;
    padding:16px!important;
}
.sub-result-popup__title,
.subway-balance-modal h3{font-size:17px!important;margin-bottom:6px!important;}
.sub-result-popup__text,
.subway-balance-modal p{font-size:12px!important;margin-bottom:12px!important;}
.sub-result-popup__button,
.subway-balance-btn{min-height:44px!important;padding:10px 12px!important;font-size:13px!important;border-radius:6px!important;}

/* mobile-first navigation */
@media(max-width:640px){
    .minting-container,
    .sub-main,
    .sub-games-wrap,
    .sub-auth-shell,
    .sub-deposit-shell{width:calc(100% - 16px)!important;}
    .hero-section{padding-top:10px!important;}
    .navbar,.sub-client-nav{padding-left:8px!important;padding-right:8px!important;}
    .sub-client-bottom-nav{padding-bottom:max(7px,env(safe-area-inset-bottom))!important;}
    .sub-client-bottom-nav a{font-size:10px!important;}
}