/* One shared phone sheet. Desktop and the case creator retain their original UI. */
.mobile-sheet-handle { display: none; }

@media (max-width: 768px) {
  .mobile-sheet-root {
    align-items: flex-end !important;
    justify-content: center !important;
    padding: 0 !important;
    background: rgba(5,8,25,.62) !important;
    backdrop-filter: blur(9px) !important;
  }
  .withdraw-modal-overlay.mobile-sheet-root {
    background: rgba(5,8,25,.72) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  html body .mobile-sheet-root.mobile-sheet-root > .mobile-sheet-panel.mobile-sheet-panel {
    --mobile-sheet-drag-y: 0px;
    box-sizing: border-box !important;
    position: relative !important;
    inset: auto 0 0 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: min(86dvh,760px) !important;
    margin: 0 !important;
    padding-bottom: max(14px,env(safe-area-inset-bottom)) !important;
    border: 1px solid rgba(168,85,247,.48) !important;
    border-bottom: 0 !important;
    border-radius: 24px 24px 0 0 !important;
    background: linear-gradient(155deg,rgba(37,28,78,.98),rgba(17,18,48,.99)) !important;
    box-shadow: 0 -16px 55px rgba(8,4,28,.5),inset 0 1px 0 rgba(255,255,255,.08) !important;
    overflow: hidden !important;
    opacity: 1 !important;
    transform: translate3d(0,calc(100% + var(--mobile-sheet-drag-y)),0) !important;
    transition: transform 360ms cubic-bezier(.22,1,.36,1) !important;
  }
  html body .mobile-sheet-root.mobile-sheet-root.open > .mobile-sheet-panel.mobile-sheet-panel,
  html body .mobile-sheet-root.mobile-sheet-root.active > .mobile-sheet-panel.mobile-sheet-panel,
  html body .mobile-sheet-root.mobile-sheet-root.visible > .mobile-sheet-panel.mobile-sheet-panel {
    transform: translate3d(0,var(--mobile-sheet-drag-y),0) !important;
  }
  html body .mobile-sheet-root.mobile-sheet-root.closing > .mobile-sheet-panel.mobile-sheet-panel {
    transform: translate3d(0,100%,0) !important;
  }
  html body .mobile-sheet-root.mobile-sheet-root > .mobile-sheet-panel.mobile-sheet-panel.mobile-sheet--dragging {
    transition: none !important;
    user-select: none !important;
  }
  .mobile-sheet-handle {
    appearance: none;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 28px;
    padding: 9px 0 7px;
    flex: 0 0 auto;
    border: 0;
    background: transparent;
    touch-action: none;
    z-index: 20;
  }
  .mobile-sheet-handle > span {
    display: block;
    width: 44px;
    height: 5px;
    border-radius: 999px;
    background: rgba(224,210,255,.58);
    box-shadow: 0 0 12px rgba(168,85,247,.22);
  }
  .mobile-sheet-panel > .drawer-handle,
  .mobile-sheet-panel > .support-drag-handle-bar,
  .mobile-sheet-panel > .promo-banner-drawer-handle { display: none !important; }
  .mobile-sheet-panel > .main,
  .mobile-sheet-panel > .support-body,
  .mobile-sheet-panel > .age-verification-body,
  .mobile-sheet-panel > .payment-terms-body,
  .mobile-sheet-panel > .withdraw-modal-content,
  .mobile-sheet-panel > .promo-banner-builder-body {
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }
}