@media (max-width: 640px) {
  .mobile-shell.is-play .bottom-nav,
  .mobile-shell.is-play .php-nav,
  .mobile-shell.is-play > nav.has-dice-fab {
    display: none !important;
  }

  .mobile-shell.is-play .mp-shell {
    padding-bottom: 82px !important;
  }

  .mobile-shell.is-play .mp-header {
    min-height: 50px !important;
    padding: 7px 10px 6px !important;
    gap: 6px !important;
    border-radius: 0 0 12px 12px !important;
    position: sticky !important;
    top: 0 !important;
  }

  .mobile-shell.is-play .mp-header h1 {
    font-size: 14px !important;
  }

  .mobile-shell.is-play .mp-back {
    width: 36px !important;
    height: 36px !important;
  }

  .mobile-shell.is-play .mp-wallet-pill {
    min-height: 34px !important;
    padding: 4px 8px !important;
    font-size: 12px !important;
  }

  .mobile-shell.is-play .mp-content {
    padding: 7px 10px 86px !important;
  }

  .mobile-shell.is-play .mp-mode-tabs {
    gap: 7px !important;
    padding: 0 0 7px !important;
  }

  .mobile-shell.is-play .mp-mode-tab {
    min-height: 42px !important;
    padding: 3px 7px !important;
    border-radius: 9px !important;
  }

  .mobile-shell.is-play .mp-mode-tab strong {
    font-size: 11px !important;
  }

  .mobile-shell.is-play .mp-mode-tab small {
    margin-top: 1px !important;
    font-size: 8px !important;
  }

  .mobile-shell.is-play .mp-mode-icon {
    min-width: 18px !important;
    font-size: 19px !important;
  }

  .mobile-shell.is-play .mp-field-label {
    margin: 1px 0 4px !important;
    font-size: 10px !important;
  }

  .mobile-shell.is-play .mp-plain-field,
  .mobile-shell.is-play .mp-select-box,
  .mobile-shell.is-play .mp-points-box {
    min-height: 42px !important;
    height: 42px !important;
    margin-bottom: 7px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
  }

  .mobile-shell.is-play .mp-min-note,
  .mobile-shell.is-play .mp-hint {
    margin: -2px 0 6px !important;
    font-size: 9px !important;
    line-height: 1.25 !important;
  }

  .mobile-shell.is-play .mp-add-btn,
  .mobile-shell.is-play .mp-submit-btn {
    min-height: 42px !important;
    margin-bottom: 8px !important;
    border-radius: 9px !important;
    font-size: 13px !important;
  }

  .mobile-shell.is-play .mp-type-row {
    gap: 6px !important;
    margin-bottom: 7px !important;
  }

  .mobile-shell.is-play .mp-type-btn {
    min-height: 38px !important;
  }

  .mobile-shell.is-play .mp-pad-grid {
    gap: 6px !important;
    margin-bottom: 8px !important;
  }

  .mobile-shell.is-play .mp-digit-btn {
    min-height: 42px !important;
    font-size: 16px !important;
  }

  .mobile-shell.is-play .mp-bid-table-head {
    margin-bottom: 3px !important;
    padding: 6px 3px !important;
    font-size: 10px !important;
  }

  .mobile-shell.is-play .mp-bid-row {
    margin-top: 3px !important;
    padding: 6px 0 !important;
    font-size: 11px !important;
  }

  .mobile-shell.is-play .mp-game-tips {
    display: none !important;
  }

  .mobile-shell.is-play .mp-bottom-bar {
    bottom: max(0px, var(--aking-keyboard-offset, 0px)) !important;
    min-height: 58px !important;
    gap: 8px !important;
    padding: 7px 10px !important;
    border-radius: 12px 12px 0 0 !important;
  }

  body.aking-bet-keyboard-open .mobile-shell.is-play .mp-bottom-bar {
    bottom: max(0px, var(--aking-keyboard-offset, 0px)) !important;
  }

  body.aking-bet-keyboard-open .mobile-shell.is-play .bottom-nav,
  body.aking-bet-keyboard-open .mobile-shell.is-play .app-bottom-nav,
  body.aking-bet-keyboard-open .mobile-shell.is-play nav[class*="bottom"] {
    display: none !important;
  }
}