/*
 * Daxiang Sports H5 shell
 * Keeps the existing data and workflow components while giving all mobile
 * surfaces one shared visual language. Loaded last on purpose.
 */

.member-mobile-brand,
.member-mobile-tools,
.member-mobile-global-nav {
  display: none;
}

/* Keep the mobile shell scrollable while excluding browser pinch zoom. */
@media (max-width: 768px), (pointer: coarse) {
  html,
  body {
    -ms-touch-action: pan-x pan-y;
    touch-action: pan-x pan-y;
  }
}

@media (max-width: 768px) {
  :root {
    --h5-bg: #eef6ff;
    --h5-surface: #ffffff;
    --h5-text: #17233b;
    --h5-muted: #7485a4;
    --h5-line: rgba(117, 151, 199, .18);
    --h5-blue: #2588f5;
    --h5-blue-2: #30c7f3;
    --h5-navy: #102957;
    --h5-radius: 16px;
    --h5-shadow: 0 10px 28px rgba(44, 85, 143, .10);
  }

  html {
    background: var(--h5-bg);
    color-scheme: light;
    scroll-padding-top: 66px;
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
  }

  body.shelf-home {
    width: auto;
    min-width: 0;
    max-width: 100%;
    padding: 0 0 calc(78px + env(safe-area-inset-bottom));
    overflow-x: hidden;
    overflow-x: clip;
    overscroll-behavior-x: none;
    background:
      radial-gradient(circle at 100% 0, rgba(64, 189, 247, .12), transparent 34%),
      linear-gradient(180deg, #eaf6ff 0, #f5f9ff 48%, #edf4fc 100%);
    color: var(--h5-text);
  }

  body.shelf-home::before,
  body.shelf-home::after,
  .shelf-home .page-bg,
  .shelf-home .wc-corner,
  .shelf-home .mobile-app-banner,
  .shelf-home .mobile-drawer,
  .shelf-home .drawer-mask,
  .shelf-home .floating-tools {
    display: none !important;
  }

  .shelf-home .section-shell {
    width: auto;
    max-width: none;
    margin-inline: 11px;
  }

  /* Shared mobile header */
  .shelf-home .site-header {
    position: sticky;
    z-index: 80;
    top: 0;
    height: calc(58px + env(safe-area-inset-top));
    border-bottom: 1px solid rgba(142, 176, 215, .18);
    background: rgba(246, 251, 255, .94);
    box-shadow: 0 5px 18px rgba(27, 69, 124, .07);
    backdrop-filter: blur(18px) saturate(1.25);
  }

  .shelf-home .header-inner {
    height: 58px;
    min-height: 58px;
    margin-inline: 12px;
    padding: env(safe-area-inset-top) 0 0;
    gap: 8px;
  }

  .shelf-home .mobile-menu-button,
  .shelf-home .main-nav,
  .shelf-home .mega-menu,
  .shelf-home #memberLogoutButton {
    display: none !important;
  }

  .shelf-home .brand {
    width: 168px !important;
    min-width: 0;
    gap: 7px;
  }

  .shelf-home .brand-art {
    width: 48px;
    height: 40px;
    flex: 0 0 48px;
    overflow: hidden;
  }

  .shelf-home .brand-logo {
    width: 48px;
    height: 48px;
    object-fit: contain;
    transform: translateY(-4px);
  }

  .shelf-home .brand-copy {
    display: grid;
    gap: 1px;
  }

  .shelf-home .brand-copy b {
    color: #152543;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: -.02em;
  }

  .shelf-home .brand-copy small {
    color: #4a78c8;
    font-size: 7px;
    font-weight: 850;
    letter-spacing: .10em;
  }

  .shelf-home .header-actions {
    margin-left: auto;
    gap: 6px;
  }

  .shelf-home .header-actions .auth-guest {
    min-height: 36px;
    padding: 0 12px;
    border-radius: 12px;
    font-size: 12px;
  }

  .shelf-home .member-chip {
    min-width: 0;
    min-height: 42px;
    padding: 4px;
    border: 1px solid rgba(76, 129, 204, .18);
    border-radius: 14px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 5px 15px rgba(43, 87, 145, .09);
  }

  .shelf-home .member-chip-avatar {
    width: 34px;
    height: 34px;
    border: 2px solid #fff;
    border-radius: 11px;
    object-fit: cover;
  }

  .shelf-home .member-chip > span {
    display: none;
  }

  /* Banner: image-first like the supplied mobile reference. */
  .shelf-home .hero {
    margin: 10px 10px 0;
    padding: 0 !important;
  }

  .shelf-home .hero-slider {
    height: auto;
    aspect-ratio: 2.36 / 1;
    min-height: 150px;
    max-height: 190px;
    overflow: hidden;
    border: 0;
    border-radius: 17px;
    background: #dcecff;
    box-shadow: var(--h5-shadow);
  }

  .shelf-home .hero-slide,
  .shelf-home .hero-primary,
  .shelf-home .hero-secondary {
    position: absolute;
    inset: 0;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: inherit;
    background: #dcecff;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .shelf-home .hero-slides {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
  }

  .shelf-home .hero-slide.active {
    width: 100% !important;
    height: 100% !important;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .shelf-home .hero-media {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .shelf-home .hero-overlay {
    background: linear-gradient(90deg, rgba(10, 44, 90, .12), transparent 42%);
  }

  .shelf-home .hero-content,
  .shelf-home .hero-device,
  .shelf-home .hero-arrow {
    display: none !important;
  }

  .shelf-home .hero-slide:first-child {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .shelf-home .hero-slide:not(:first-child) {
    display: none !important;
  }

  .shelf-home .hero-dots button {
    pointer-events: none;
  }

  .shelf-home .hero-dots {
    z-index: 5;
    left: 50%;
    right: auto;
    bottom: 7px;
    display: flex;
    gap: 4px;
    transform: translateX(-50%);
  }

  .shelf-home .hero-dots button {
    width: 17px;
    height: 4px;
    min-width: 17px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
  }

  .shelf-home .hero-dots button.active {
    width: 32px;
    background: #38bdf5;
  }

  /* The desktop category rail is replaced by the live venue filter rail below. */
  .shelf-home .category-rail {
    display: none !important;
  }

  .shelf-home .notice-strip {
    display: grid;
    min-height: 42px;
    margin-top: 8px;
    padding: 0 10px;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    gap: 6px;
    align-items: center;
    overflow: hidden;
    border: 0;
    border-radius: 11px;
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 5px 18px rgba(37, 80, 136, .04);
  }

  .shelf-home .notice-icon {
    width: 23px;
    height: 23px;
    color: #21a9ef;
  }

  .shelf-home .notice-strip > strong {
    display: none;
  }

  .shelf-home .notice-marquee {
    min-width: 0;
    color: #667a9c;
    font-size: 12px;
  }

  .shelf-home .notice-more {
    min-height: 28px;
    padding: 0 8px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #9d62f3, #7457e9);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
  }

  /* Member line and wallet actions */
  .shelf-home .mobile-account-strip {
    display: block;
    margin-top: 3px;
  }

  .shelf-home .mobile-account-strip > button {
    display: flex;
    width: 100%;
    min-height: 44px;
    padding: 5px 3px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 0;
    background: transparent;
    text-align: left;
  }

  .shelf-home .mobile-account-strip span {
    min-width: 0;
  }

  .shelf-home .mobile-account-strip b {
    display: block;
    overflow: hidden;
    color: #5e7398;
    font-size: 13px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .shelf-home .mobile-account-strip small {
    display: block;
    margin-top: 1px;
    overflow: hidden;
    color: #90a0ba;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .shelf-home .mobile-account-strip em {
    flex: none;
    color: #2b69d8;
    font-size: 11px;
    font-style: normal;
    font-weight: 850;
  }

  .shelf-home .quick-actions {
    display: grid;
    box-sizing: border-box;
    width: calc(100% - 22px) !important;
    max-width: calc(100% - 22px);
    margin-inline: 11px !important;
    margin-top: 2px;
    padding: 4px 2px 8px;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 2px;
  }

  .shelf-home .quick-action {
    width: 100%;
    min-width: 0;
    min-height: 64px;
    padding: 0 2px;
    gap: 2px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    box-shadow: none;
    overflow: hidden;
  }

  .shelf-home .quick-action-icon {
    display: grid;
    width: 42px;
    height: 34px;
    margin-inline: auto;
    place-items: center;
    border: 1px solid rgba(125, 166, 225, .30);
    border-radius: 10px;
    background: linear-gradient(180deg, #538edc, #184a91);
    box-shadow: inset 0 2px 4px rgba(255, 255, 255, .45), 0 7px 14px rgba(40, 93, 163, .16);
  }

  .shelf-home .quick-action-icon img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    filter: brightness(0) invert(1);
  }

  .shelf-home .quick-action-fallback {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    line-height: 1;
  }

  .shelf-home .quick-action b {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: #334663;
    font-size: clamp(10px, 2.9vw, 12px);
    font-weight: 760;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .shelf-home .quick-action small {
    display: none;
  }

  /* Venue browser: keep its current page position, change only its inner layout. */
  .shelf-home .game-section {
    display: block !important;
    width: auto;
    min-width: 0;
    margin: 0 12px 12px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .shelf-home .venue-heading {
    display: flex !important;
    margin: 0 3px 8px;
    padding: 0;
    align-items: end;
    justify-content: space-between;
    gap: 8px;
  }

  .shelf-home .venue-heading-copy {
    min-width: 0;
  }

  .shelf-home .venue-heading .section-kicker,
  .shelf-home .venue-heading p {
    display: none;
  }

  .shelf-home .venue-heading h2 {
    margin: 0;
    color: #192943;
    font-size: clamp(16px, 4.8vw, 19px);
    font-weight: 900;
    letter-spacing: -.03em;
    white-space: nowrap;
  }

  .shelf-home .venue-heading h2 em {
    color: #5279ee;
    font-style: normal;
  }

  .shelf-home .venue-health {
    display: flex;
    flex: none;
    gap: 5px;
  }

  .shelf-home .venue-health span {
    min-width: 45px;
    padding: 5px 7px;
    border: 1px solid var(--h5-line);
    border-radius: 10px;
    background: rgba(255, 255, 255, .78);
    text-align: center;
  }

  .shelf-home .venue-health b {
    display: block;
    color: #355cd0;
    font-size: 14px;
    line-height: 1;
  }

  .shelf-home .venue-health small {
    display: block;
    margin-top: 3px;
    color: #91a0b7;
    font-size: 8px;
  }

  .shelf-home .venue-browser {
    --venue-rail-width: 64px;
    --venue-column-gap: 8px;
    display: grid !important;
    width: 100%;
    grid-template-columns: var(--venue-rail-width) minmax(0, 1fr);
    gap: var(--venue-column-gap);
    align-items: start;
  }

  .shelf-home .venue-toolbar {
    display: none !important;
  }

  .shelf-home .game-type-filters {
    position: sticky !important;
    z-index: 2;
    top: calc(66px + env(safe-area-inset-top));
    display: flex !important;
    box-sizing: border-box;
    width: 100%;
    max-height: calc(100dvh - 154px);
    margin: 0 !important;
    padding: 5px !important;
    flex-direction: column !important;
    gap: 5px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 1px solid rgba(111, 153, 210, .13) !important;
    border-radius: 17px !important;
    background: rgba(255, 255, 255, .78) !important;
    box-shadow: 0 10px 22px rgba(47, 83, 133, .08) !important;
    scrollbar-width: none;
    backdrop-filter: blur(12px);
  }

  .shelf-home .game-type-filters::-webkit-scrollbar {
    display: none;
  }

  .shelf-home .game-type-filters button {
    display: flex !important;
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    height: 58px !important;
    min-height: 58px !important;
    flex: 0 0 58px !important;
    padding: 4px 2px !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 1px !important;
    overflow: hidden;
    border: 0 !important;
    border-radius: 13px !important;
    background: transparent !important;
    color: #526781 !important;
    box-shadow: none !important;
  }

  .shelf-home .game-type-filters button.active {
    background: linear-gradient(155deg, #40c2f4 0%, #2a7ef0 72%, #3563db 100%) !important;
    color: #fff !important;
    box-shadow: 0 8px 17px rgba(39, 126, 232, .27) !important;
  }

  .shelf-home .game-type-filter-icon {
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px;
    object-fit: contain;
  }

  .shelf-home .game-type-filter-copy {
    display: block !important;
    min-width: 0;
    text-align: center;
  }

  .shelf-home .game-type-filter-copy b {
    display: block;
    overflow: hidden;
    font-size: 11px !important;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .shelf-home .game-type-filter-copy small {
    display: none !important;
  }

  .shelf-home .venue-shelf-shell {
    min-width: 0;
    overflow: visible;
  }

  .shelf-home .game-tabs {
    display: grid !important;
    width: 100%;
    min-width: 0;
    padding: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  .shelf-home .game-tabs > button {
    position: relative;
    z-index: 0;
    display: block !important;
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    height: 134px !important;
    min-height: 134px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid hsla(var(--venue-hue), 56%, 76%, .52) !important;
    border-radius: 17px !important;
    background:
      radial-gradient(circle at 96% 12%, hsla(var(--venue-hue-alt), 86%, 78%, .58), transparent 43%),
      linear-gradient(135deg, #fff 0%, hsla(var(--venue-hue), 74%, 96%, .95) 100%) !important;
    box-shadow: 0 8px 20px rgba(53, 87, 132, .07) !important;
    text-align: left;
    -webkit-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
  }

  .shelf-home .game-tabs > button::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    background:
      linear-gradient(90deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .88) 43%, rgba(255, 255, 255, .16) 70%, transparent 82%),
      repeating-linear-gradient(90deg, rgba(49, 100, 170, .025) 0 1px, transparent 1px 14px);
    pointer-events: none;
  }

  .shelf-home .game-tabs > button.active {
    border-color: #42aaf3 !important;
    box-shadow: 0 9px 22px rgba(45, 126, 227, .16) !important;
  }

  .shelf-home .game-tabs > button.unavailable {
    opacity: 1;
  }

  .shelf-home .game-tabs button > .venue-card-visual {
    position: absolute !important;
    z-index: 1 !important;
    right: -2% !important;
    bottom: -4% !important;
    display: block !important;
    width: 65% !important;
    height: 108% !important;
    object-fit: contain !important;
    object-position: right bottom !important;
    filter: none !important;
    pointer-events: none;
  }

  .shelf-home .game-tabs .game-tab-icon:not(.venue-card-cover):not(.venue-card-visual) {
    position: absolute !important;
    z-index: 4 !important;
    top: auto !important;
    bottom: 10px !important;
    left: 12px !important;
    display: grid !important;
    box-sizing: border-box;
    width: 42px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 6px !important;
    border: 1px solid rgba(255, 255, 255, .9) !important;
    border-right: 0 !important;
    border-radius: 11px 0 0 11px !important;
    background: rgba(255, 255, 255, .91) !important;
    object-fit: contain !important;
    box-shadow: 0 5px 15px rgba(40, 76, 126, .09) !important;
  }

  .shelf-home .game-tabs .venue-tab-copy {
    position: absolute !important;
    z-index: 4 !important;
    left: 54px !important;
    bottom: 10px !important;
    display: flex !important;
    box-sizing: border-box;
    width: calc(min(60%, 196px) - 42px);
    height: 52px;
    min-width: 0;
    padding: 6px 9px;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .92);
    border-left: 0;
    border-radius: 0 11px 11px 0;
    background: rgba(255, 255, 255, .91);
    box-shadow: 0 5px 15px rgba(40, 76, 126, .09);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .shelf-home .game-tabs .venue-tab-title {
    display: block;
    width: 100%;
    overflow: hidden;
    color: #1d2d48 !important;
    -webkit-text-fill-color: #1d2d48;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .shelf-home .game-tabs .venue-tab-status {
    display: flex !important;
    width: 100%;
    min-width: 0;
    align-items: center;
    gap: 5px;
    overflow: hidden;
    color: #536b8c !important;
    -webkit-text-fill-color: #536b8c;
    font-size: 10px !important;
    font-weight: 650;
    line-height: 1.3;
    white-space: nowrap;
  }

  .shelf-home .game-tabs .venue-status-dot {
    display: block;
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: #2dd19b;
    box-shadow: 0 0 0 2px rgba(45, 209, 155, .14);
  }

  .shelf-home .game-tabs .venue-status-text {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .shelf-home .game-tabs > button.unavailable .venue-card-visual {
    opacity: .56;
  }

  .shelf-home .game-tabs > button.unavailable .venue-status-dot {
    background: #9caabd;
    box-shadow: 0 0 0 2px rgba(156, 170, 189, .14);
  }

  .shelf-home .game-tabs .venue-enter {
    position: absolute !important;
    z-index: 5 !important;
    top: 10px !important;
    right: 9px !important;
    display: inline-flex !important;
    min-height: 28px;
    padding: 0 9px !important;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(99, 141, 203, .15);
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .88) !important;
    color: #2b68d3 !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    box-shadow: 0 4px 12px rgba(49, 84, 133, .08);
  }

  .shelf-home .venue-shelf-progress,
  .shelf-home .game-showcase {
    display: none !important;
  }

  .shelf-home .venue-empty-state {
    min-height: 154px;
    padding: 24px 18px;
    border: 1px solid var(--h5-line);
    border-radius: 17px;
    background: rgba(255, 255, 255, .82);
  }

  /* Product footer content remains available from My > Help on H5. */
  .shelf-home .download-section,
  .shelf-home .service-section,
  .shelf-home .site-footer {
    display: none !important;
  }

  /* Fixed bottom navigation */
  .shelf-home .mobile-bottom-nav,
  #memberCenterMask .member-mobile-global-nav {
    position: fixed;
    z-index: 120;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    min-height: calc(66px + env(safe-area-inset-bottom));
    padding: 7px 8px calc(5px + env(safe-area-inset-bottom));
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 2px;
    border-top: 1px solid rgba(94, 132, 188, .16);
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 -8px 28px rgba(43, 76, 126, .10);
    backdrop-filter: blur(18px) saturate(1.25);
  }

  .shelf-home .mobile-bottom-nav > *,
  #memberCenterMask .member-mobile-global-nav > * {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 52px;
    padding: 3px 1px;
    grid-template-rows: 23px 14px;
    align-content: center;
    justify-items: center;
    gap: 3px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: #6c7d99;
    font-size: 10px;
    font-style: normal;
    font-weight: 730;
    line-height: 14px;
    text-decoration: none;
  }

  .shelf-home .mobile-bottom-nav img,
  #memberCenterMask .member-mobile-global-nav img {
    width: 23px;
    height: 23px;
    border-radius: 7px;
    object-fit: cover;
  }

  .shelf-home .mobile-bottom-nav [aria-current="page"],
  #memberCenterMask .member-mobile-global-nav .is-active {
    color: #2371e5;
  }

  .shelf-home .mobile-finance-action,
  #memberCenterMask .member-mobile-global-nav .is-primary {
    color: #285fc9;
  }

  .shelf-home .mobile-finance-action > .mobile-finance-icon,
  #memberCenterMask .member-mobile-main-icon {
    position: absolute;
    top: -10px;
    display: grid;
    width: 42px;
    height: 35px;
    margin: 0;
    place-items: center;
    border: 4px solid #fff;
    border-radius: 13px;
    background: linear-gradient(155deg, #f3f7ff, #dce9ff);
    box-shadow: 0 6px 18px rgba(54, 98, 174, .22);
  }

  .shelf-home .mobile-finance-action > .mobile-finance-icon img,
  #memberCenterMask .member-mobile-main-icon img {
    width: 22px;
    height: 22px;
    object-fit: contain;
  }

  /* The deposit action is the persistent primary CTA in both mobile shells. */
  .shelf-home .mobile-bottom-nav .mobile-finance-action > .mobile-finance-icon,
  #memberCenterMask .member-mobile-global-nav .is-primary > .member-mobile-main-icon {
    top: -11px;
    width: 42px;
    height: 42px;
    border: 3px solid #fff;
    border-radius: 50%;
    background: linear-gradient(155deg, #32a9ff 0%, #2575ed 54%, #3656dc 100%);
    box-shadow: 0 7px 18px rgba(36, 102, 221, .34);
  }

  .shelf-home .mobile-bottom-nav .mobile-finance-action > .mobile-finance-icon img,
  #memberCenterMask .member-mobile-global-nav .is-primary > .member-mobile-main-icon img {
    width: 23px;
    height: 23px;
    border-radius: 0;
    filter: brightness(0) invert(1);
  }

  .shelf-home .mobile-bottom-nav em {
    color: inherit;
    font-style: normal;
  }

  .shelf-home .mobile-bottom-nav .mobile-nav-label,
  #memberCenterMask .member-mobile-global-nav > button > span:last-child {
    grid-row: 2;
    min-height: 14px;
    margin: 0;
    align-self: center;
    line-height: 14px;
  }

  /* ---------- My / funds H5 application shell ---------- */
  html.member-active,
  html.member-active body {
    overflow: hidden !important;
  }

  #memberCenterMask {
    z-index: 300;
    padding: 0 !important;
    background: var(--h5-bg) !important;
    backdrop-filter: none !important;
  }

  #memberCenterMask .member-center {
    position: relative;
    display: flex;
    width: 100% !important;
    height: 100dvh !important;
    max-width: none !important;
    max-height: none !important;
    flex-direction: column;
    overflow: hidden;
    border: 0 !important;
    border-radius: 0 !important;
    background:
      radial-gradient(circle at 100% 0, rgba(61, 186, 246, .13), transparent 30%),
      linear-gradient(180deg, #edf7ff 0, #f5f8fe 42%, #eef4fc 100%) !important;
    box-shadow: none !important;
    transform: none !important;
  }

  #memberCenterMask .member-center-head {
    position: relative;
    z-index: 6;
    display: flex;
    min-height: calc(62px + env(safe-area-inset-top)) !important;
    padding: calc(8px + env(safe-area-inset-top)) 13px 8px !important;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid rgba(105, 146, 201, .15) !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 5px 18px rgba(35, 78, 134, .05);
    backdrop-filter: blur(16px);
  }

  #memberCenterMask .member-mobile-brand {
    display: flex;
    width: 122px;
    height: 42px;
    align-items: center;
  }

  #memberCenterMask .member-mobile-brand img {
    width: 122px;
    height: 40px;
    object-fit: contain;
    object-position: left center;
  }

  #memberCenterMask .member-center-heading {
    display: none;
  }

  #memberCenterMask .member-mobile-tools {
    display: flex;
    margin-left: auto;
    gap: 6px;
  }

  #memberCenterMask .member-mobile-tools button,
  #memberCenterMask .member-center-close {
    display: grid;
    width: 40px;
    height: 40px;
    min-width: 40px;
    place-items: center;
    border: 1px solid rgba(94, 137, 197, .16);
    border-radius: 13px;
    background: rgba(245, 249, 255, .92);
    color: #314a70;
    font-size: 18px;
    box-shadow: none;
  }

  #memberCenterMask .member-mobile-tools img {
    width: 21px;
    height: 21px;
  }

  #memberCenterMask .member-center-close {
    display: none;
  }

  #memberCenterMask:not([data-view="overview"]) .member-mobile-brand,
  #memberCenterMask:not([data-view="overview"]) .member-mobile-tools {
    display: none;
  }

  #memberCenterMask:not([data-view="overview"]) .member-center-heading {
    display: block;
    width: 100%;
    text-align: center;
  }

  #memberCenterMask:not([data-view="overview"]) .member-center-heading .eyebrow,
  #memberCenterMask:not([data-view="overview"]) .member-center-heading p {
    display: none !important;
  }

  #memberCenterMask:not([data-view="overview"]) .member-center-heading h2 {
    margin: 0;
    color: #18263e;
    font-size: 20px;
    font-weight: 900;
  }

  #memberCenterMask:not([data-view="overview"]) .member-center-close {
    position: absolute;
    left: 12px;
    display: grid;
    font-size: 0;
  }

  #memberCenterMask:not([data-view="overview"]) .member-center-close::before {
    content: "‹";
    color: #314a70;
    font-size: 34px;
    font-weight: 400;
    line-height: .7;
    transform: translateY(-2px);
  }

  #memberCenterMask .member-center-layout {
    display: flex !important;
    min-height: 0;
    flex: 1;
    overflow: hidden;
  }

  #memberCenterMask .member-center-tabs {
    display: none !important;
  }

  #memberCenterMask .member-center-content {
    display: block !important;
    width: 100%;
    min-height: 0;
    flex: 1;
    padding: 12px 12px calc(92px + env(safe-area-inset-bottom)) !important;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
  }

  #memberCenterMask .member-center-content::-webkit-scrollbar {
    display: none;
  }

  #memberCenterMask .member-mobile-global-nav {
    z-index: 8;
  }

  #memberCenterMask .member-mobile-global-nav span {
    white-space: nowrap;
  }

  #memberCenterMask .member-page-head {
    display: flex;
    margin: 2px 2px 13px !important;
    align-items: end;
    justify-content: space-between;
    gap: 8px;
  }

  #memberCenterMask .member-page-head h3 {
    margin: 0;
    color: #192943;
    font-size: 21px;
    font-weight: 900;
  }

  #memberCenterMask .member-page-head p {
    display: none;
  }

  #memberCenterMask .member-page-actions {
    margin-left: auto;
  }

  #memberCenterMask .member-panel,
  #memberCenterMask .assets-page > section:not(.assets-balance-panel),
  #memberCenterMask .assets-account,
  #memberCenterMask .assets-benefit-strip {
    border: 1px solid rgba(108, 148, 201, .16) !important;
    border-radius: 17px !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 10px 28px rgba(44, 82, 132, .07) !important;
  }

  /* My overview */
  #memberCenterMask .assets-page {
    display: grid;
    gap: 11px;
    padding: 0 0 4px;
  }

  #memberCenterMask .assets-account {
    display: flex;
    min-height: 68px;
    padding: 9px 10px;
    align-items: center;
    gap: 9px;
  }

  #memberCenterMask .assets-avatar {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    overflow: hidden;
    border: 3px solid #fff;
    border-radius: 14px;
    background: #dfeaff;
    box-shadow: 0 4px 12px rgba(36, 84, 151, .14);
  }

  #memberCenterMask .assets-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  #memberCenterMask .assets-account h4 {
    margin: 0;
    overflow: hidden;
    color: #18263f;
    font-size: 15px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #memberCenterMask .assets-account-meta {
    display: flex;
    margin-top: 4px;
    gap: 5px;
    align-items: center;
    color: #8b99af;
    font-size: 9px;
  }

  #memberCenterMask .member-badge {
    padding: 2px 5px;
    border-radius: 999px;
    background: #e8f8f0;
    color: #1e9b70;
    font-size: 8px;
    font-weight: 850;
  }

  #memberCenterMask .assets-account .member-secondary {
    min-height: 34px;
    padding: 0 9px;
    border-color: rgba(84, 130, 197, .16);
    border-radius: 10px;
    font-size: 10px;
  }

  #memberCenterMask .assets-balance-panel {
    position: relative;
    min-height: 170px;
    padding: 17px 16px 14px;
    overflow: hidden;
    border: 0 !important;
    border-radius: 18px !important;
    background:
      radial-gradient(circle at 112% 10%, rgba(72, 225, 246, .62), transparent 43%),
      linear-gradient(135deg, #1f67db 0%, #247fe9 46%, #20b9e9 100%) !important;
    color: #fff;
    box-shadow: 0 13px 30px rgba(31, 102, 208, .22) !important;
  }

  #memberCenterMask .assets-balance-panel::after {
    content: "";
    position: absolute;
    right: -32px;
    top: -50px;
    width: 180px;
    height: 240px;
    border-left: 32px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
    transform: rotate(17deg);
    pointer-events: none;
  }

  #memberCenterMask .assets-balance-top {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 6px;
    color: rgba(255, 255, 255, .9);
    font-size: 11px;
  }

  #memberCenterMask .assets-balance-top button {
    min-height: 27px;
    padding: 0 9px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 9px;
    background: rgba(255, 255, 255, .10);
    color: #fff;
    font-size: 9px;
  }

  #memberCenterMask .assets-balance-top button:first-of-type {
    margin-left: auto;
  }

  #memberCenterMask .assets-balance-value {
    position: relative;
    z-index: 1;
    display: block;
    margin: 8px 0 2px;
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: -.04em;
  }

  #memberCenterMask .assets-balance-meta {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 8px;
    color: rgba(255, 255, 255, .75);
    font-size: 9px;
  }

  #memberCenterMask .assets-balance-meta b {
    color: #fff;
  }

  #memberCenterMask .assets-actions {
    position: relative;
    z-index: 1;
    display: grid;
    margin-top: 15px;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
  }

  #memberCenterMask .assets-actions button {
    min-height: 38px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 10px;
    background: rgba(255, 255, 255, .14);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
  }

  #memberCenterMask .assets-actions .member-primary {
    border-color: #fff;
    background: #fff;
    color: #276bda;
  }

  #memberCenterMask .assets-page > section:not(.assets-balance-panel) {
    padding: 14px;
  }

  #memberCenterMask .member-panel-head h4 {
    margin: 0;
    color: #1b2a43;
    font-size: 15px;
    font-weight: 900;
  }

  #memberCenterMask .assets-wallet-rows {
    display: grid;
    gap: 7px;
  }

  #memberCenterMask .assets-wallet-row {
    display: flex;
    min-height: 54px;
    padding: 10px 11px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-radius: 12px;
    background: #f4f7fd;
  }

  #memberCenterMask .assets-wallet-row span,
  #memberCenterMask .assets-wallet-row small {
    display: block;
  }

  #memberCenterMask .assets-wallet-row span {
    color: #33445f;
    font-size: 12px;
    font-weight: 800;
  }

  #memberCenterMask .assets-wallet-row small {
    margin-top: 3px;
    color: #8a98ae;
    font-size: 9px;
  }

  #memberCenterMask .assets-wallet-row strong {
    color: #275fc9;
    font-size: 15px;
    font-weight: 900;
  }

  #memberCenterMask .assets-shortcuts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }

  #memberCenterMask .assets-shortcut {
    display: flex;
    min-width: 0;
    min-height: 76px;
    padding: 8px 3px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 0;
    border-radius: 12px;
    background: #f6f8fd;
    color: #34445f;
    font-size: 10px;
    font-weight: 750;
  }

  #memberCenterMask .assets-shortcut-icon {
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    border-radius: 10px;
    background: linear-gradient(145deg, #eef4ff, #d8e6ff);
    color: #316bd5;
    font-size: 12px;
    font-weight: 900;
  }

  #memberCenterMask .assets-shortcut.is-danger {
    color: #b4565e;
  }

  #memberCenterMask .assets-shortcut.is-danger .assets-shortcut-icon {
    background: #fff0f2;
    color: #d65c69;
  }

  #memberCenterMask .assets-benefit-strip {
    display: flex;
    width: 100%;
    min-height: 64px;
    padding: 11px 13px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    text-align: left;
  }

  #memberCenterMask .assets-benefit-strip b,
  #memberCenterMask .assets-benefit-strip small {
    display: block;
  }

  #memberCenterMask .assets-benefit-strip b {
    color: #293a58;
    font-size: 12px;
  }

  #memberCenterMask .assets-benefit-strip small {
    margin-top: 4px;
    color: #8a98ae;
    font-size: 9px;
  }

  #memberCenterMask .assets-benefit-strip em {
    color: #3471db;
    font-size: 10px;
    font-style: normal;
    font-weight: 850;
    white-space: nowrap;
  }

  /* Deposit / withdrawal surfaces */
  #memberCenterMask .funds-mode-tabs {
    position: static !important;
    display: grid;
    margin: 0 0 12px !important;
    padding: 4px !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
    border: 1px solid rgba(103, 146, 204, .14);
    border-radius: 14px;
    background: rgba(226, 235, 248, .78) !important;
  }

  #memberCenterMask .funds-mode-tabs button {
    min-height: 42px;
    border-radius: 10px;
    color: #71809a;
    font-size: 13px;
    font-weight: 850;
  }

  #memberCenterMask .funds-mode-tabs button.is-active {
    background: #fff;
    color: #276bd9;
    box-shadow: 0 5px 14px rgba(42, 83, 143, .10);
  }

  #memberCenterMask .mk-balance-card {
    min-height: 121px;
    margin-bottom: 12px !important;
    padding: 16px !important;
    overflow: hidden;
    border: 0 !important;
    border-radius: 17px !important;
    background:
      radial-gradient(circle at 105% -10%, rgba(52, 186, 244, .56), transparent 48%),
      linear-gradient(135deg, #142c59, #295c9f 64%, #2a8ad7) !important;
    color: #fff !important;
    box-shadow: 0 12px 27px rgba(23, 66, 127, .18) !important;
  }

  #memberCenterMask .mk-balance-label,
  #memberCenterMask .mk-balance-meta {
    color: rgba(255, 255, 255, .75) !important;
  }

  #memberCenterMask .mk-balance-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 11px;
  }

  #memberCenterMask .mk-balance-label .member-secondary {
    min-height: 32px;
    border-color: rgba(255, 255, 255, .22);
    background: rgba(255, 255, 255, .12);
    color: #fff;
    font-size: 9px;
  }

  #memberCenterMask .mk-balance-value {
    display: block;
    margin: 9px 0 8px;
    color: #fff !important;
    font-size: 27px !important;
    font-weight: 900;
  }

  #memberCenterMask .mk-balance-meta {
    display: flex;
    gap: 10px;
    font-size: 9px;
  }

  #memberCenterMask .mk-balance-meta b {
    color: #fff;
  }

  #memberCenterMask .member-panel {
    margin: 0 0 12px !important;
    padding: 14px !important;
  }

  #memberCenterMask .member-panel-head {
    margin-bottom: 12px;
  }

  #memberCenterMask .member-panel-head p {
    margin: 4px 0 0;
    color: #8392aa;
    font-size: 10px;
    line-height: 1.5;
  }

  #memberCenterMask .funds-channel-card {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #memberCenterMask .funds-method-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }

  #memberCenterMask .funds-method {
    display: flex;
    min-width: 0;
    min-height: 88px;
    padding: 8px 4px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border: 1px solid #dfe7f3;
    border-radius: 13px;
    background: #fff;
    color: #31425e;
  }

  #memberCenterMask .funds-method.is-active {
    border-color: #4d8cf1;
    background: #f2f7ff;
    box-shadow: inset 0 0 0 1px rgba(77, 140, 241, .16);
  }

  #memberCenterMask .funds-method strong {
    font-size: 11px;
  }

  #memberCenterMask .funds-method small {
    overflow: hidden;
    color: #8b99af;
    font-size: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #memberCenterMask .mk-method-icon {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 10px;
    background: linear-gradient(145deg, #3bb9f1, #167add);
    color: #fff;
    font-size: 17px;
    font-weight: 900;
  }

  #memberCenterMask .mk-method-icon.usdt {
    background: linear-gradient(145deg, #32c89d, #15a976);
  }

  #memberCenterMask .mk-method-icon.bank {
    background: linear-gradient(145deg, #62a0f7, #3c68dc);
  }

  #memberCenterMask .funds-quick-form {
    display: grid;
    margin-top: 14px;
    gap: 10px;
  }

  #memberCenterMask .funds-amount-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #34455f;
    font-size: 11px;
    font-weight: 800;
  }

  #memberCenterMask .funds-amount-head span {
    color: #8b99af;
    font-size: 9px;
    font-weight: 600;
  }

  #memberCenterMask .funds-amount-field {
    position: relative;
  }

  #memberCenterMask .funds-amount-field input {
    width: 100%;
    height: 52px;
    padding: 0 66px 0 13px;
    border: 1px solid #dce5f2;
    border-radius: 12px;
    background: #fbfcff;
    color: #23344f;
    font-size: 16px;
    outline: 0;
  }

  #memberCenterMask .funds-amount-field input:focus {
    border-color: #4a8df1;
    box-shadow: 0 0 0 3px rgba(67, 135, 237, .12);
  }

  #memberCenterMask .funds-amount-field b {
    position: absolute;
    right: 13px;
    top: 50%;
    color: #58708f;
    font-size: 12px;
    transform: translateY(-50%);
  }

  #memberCenterMask .funds-amount-presets {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 5px;
  }

  #memberCenterMask .funds-amount-presets button {
    min-width: 0;
    min-height: 34px;
    padding: 0 2px;
    border: 1px solid #e0e7f1;
    border-radius: 9px;
    background: #f5f8fd;
    color: #54708f;
    font-size: 10px;
    font-weight: 800;
  }

  #memberCenterMask .funds-deposit-summary {
    display: grid;
    margin: 0;
    padding: 4px 11px;
    border-radius: 12px;
    background: #f2f6fc;
  }

  #memberCenterMask .funds-deposit-summary > div {
    display: flex;
    min-height: 34px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-bottom: 1px solid rgba(124, 149, 184, .11);
  }

  #memberCenterMask .funds-deposit-summary > div:last-child {
    border: 0;
  }

  #memberCenterMask .funds-deposit-summary dt,
  #memberCenterMask .funds-deposit-summary dd {
    margin: 0;
    font-size: 9px;
  }

  #memberCenterMask .funds-deposit-summary dt {
    color: #8795aa;
  }

  #memberCenterMask .funds-deposit-summary dd {
    color: #354965;
    font-weight: 800;
    text-align: right;
  }

  #memberCenterMask .funds-create-order,
  #memberCenterMask .member-form-actions .member-primary {
    width: 100%;
    min-height: 48px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, #417eea, #6359e8);
    color: #fff;
    font-size: 13px;
    font-weight: 850;
    box-shadow: 0 8px 18px rgba(72, 91, 224, .20);
  }

  #memberCenterMask .funds-exact-note {
    display: grid;
    margin: 0;
    padding: 11px 12px;
    gap: 3px;
    border: 1px solid #ffe0bf;
    border-radius: 11px;
    background: #fff9f0;
    color: #8d6a42;
    font-size: 9px;
    line-height: 1.55;
  }

  #memberCenterMask .funds-exact-note b {
    color: #d04b34;
    font-size: 10px;
  }

  #memberCenterMask .member-alternative summary {
    min-height: 42px;
    font-size: 12px;
  }

  #memberCenterMask .member-form-grid {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  #memberCenterMask .member-form-grid label {
    color: #34445f;
    font-size: 11px;
    font-weight: 750;
  }

  #memberCenterMask .member-form-grid input,
  #memberCenterMask .member-form-grid select,
  #memberCenterMask .member-form-grid textarea {
    width: 100%;
    min-height: 48px;
    margin-top: 6px;
    padding: 10px 12px;
    border: 1px solid #dce5f1;
    border-radius: 11px;
    background: #fbfcff;
    color: #263750;
    font-size: 16px !important;
    outline: 0;
  }

  #memberCenterMask .member-form-grid textarea {
    min-height: 88px;
    resize: vertical;
  }

  #memberCenterMask .member-form-grid input:focus,
  #memberCenterMask .member-form-grid select:focus,
  #memberCenterMask .member-form-grid textarea:focus {
    border-color: #4a8cf0;
    box-shadow: 0 0 0 3px rgba(67, 135, 237, .11);
  }

  #memberCenterMask .mk-method-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  #memberCenterMask .mk-method-chip {
    min-height: 84px;
    padding: 10px;
    border: 1px solid #dde5ef;
    border-radius: 13px;
    background: #fff;
  }

  #memberCenterMask .mk-method-chip.is-selected {
    border-color: #528cf0;
    background: #f2f6ff;
    box-shadow: inset 0 0 0 1px rgba(82, 140, 240, .16);
  }

  #memberCenterMask .member-recent-list {
    display: grid;
    gap: 0;
  }

  #memberCenterMask .member-recent-item {
    padding: 12px 0;
  }

  #memberCenterMask .member-inline-note,
  #memberCenterMask .funds-safety-note {
    color: #71819a;
    font-size: 10px;
    line-height: 1.65;
  }

  /* Transfer and account grids stay compact and readable. */
  #memberCenterMask .mk-venue-grid,
  #memberCenterMask .wallet-platform-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  #memberCenterMask .mk-venue-grid > *,
  #memberCenterMask .wallet-platform {
    min-width: 0;
    padding: 10px !important;
    border-radius: 11px !important;
  }

  /* Deposit order drawer follows the same full-screen shell. */
  #depositDrawerMask {
    /* The payment step must sit above the full-screen member center (2200). */
    z-index: 2300;
    background: var(--h5-bg) !important;
  }

  #depositDrawerMask .deposit-drawer {
    width: 100% !important;
    background: var(--h5-bg) !important;
    box-shadow: none !important;
  }

  #depositDrawerMask .deposit-drawer-head {
    min-height: calc(62px + env(safe-area-inset-top)) !important;
    padding: calc(8px + env(safe-area-inset-top)) 13px 8px !important;
    border-bottom: 1px solid rgba(105, 146, 201, .15) !important;
    background: rgba(255, 255, 255, .94) !important;
  }

  #depositDrawerMask .deposit-drawer-head h3 {
    font-size: 20px !important;
  }

  #depositDrawerMask .deposit-drawer-head p {
    display: none;
  }

  #depositDrawerMask .deposit-drawer-close {
    width: 40px !important;
    height: 40px !important;
    border-radius: 13px !important;
  }

  #depositDrawerMask .deposit-drawer-body {
    padding: 14px 12px calc(28px + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 380px) {
  .shelf-home .section-shell {
    margin-inline: 8px;
  }

  .shelf-home main > .quick-actions {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px);
    margin-inline: 8px !important;
  }

  .shelf-home .hero {
    margin-inline: 8px;
  }

  .shelf-home .hero-slider {
    min-height: 138px;
  }

  .shelf-home .game-section {
    margin-inline: 10px;
  }

  .shelf-home .venue-browser {
    --venue-rail-width: 62px;
    --venue-column-gap: 8px;
  }

  .shelf-home .game-type-filters {
    padding-inline: 3px !important;
  }

  .shelf-home .game-type-filters button {
    width: 100% !important;
    min-width: 0 !important;
  }

  .shelf-home .game-tabs > button {
    height: 126px !important;
    min-height: 126px !important;
  }

  .shelf-home .game-tabs .venue-tab-copy {
    left: 50px !important;
    bottom: 9px !important;
    width: calc(64% - 40px);
    height: 50px;
    padding: 6px 8px;
  }

  .shelf-home .game-tabs .game-tab-icon:not(.venue-card-cover):not(.venue-card-visual) {
    left: 10px !important;
    bottom: 9px !important;
    width: 40px !important;
    height: 50px !important;
  }

  .shelf-home .game-tabs .venue-tab-title {
    font-size: 15px !important;
  }

  #memberCenterMask .member-center-content {
    padding-inline: 9px !important;
  }

  #memberCenterMask .funds-method-grid {
    gap: 5px;
  }

  #memberCenterMask .funds-amount-presets {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .shelf-home *,
  #memberCenterMask *,
  #depositDrawerMask * {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}