/* MyMappi v720 — continuous, map-aware framing for the full memory capsule. */

/*
 * The capsule remains a centered keepsake while its scrim owns the complete
 * viewport. A faint, uniformly blurred map preserves place context without
 * leaving crisp map strips beside the dialog.
 */
html body .app-shell .memory-bottom-sheet.open,
html body main.app-shell .memory-bottom-sheet.open {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  height: 100dvh !important;
  max-height: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 44%, rgba(255, 255, 255, 0.04), transparent 52%),
    linear-gradient(180deg, rgba(5, 35, 43, 0.12), rgba(5, 35, 43, 0.2)) !important;
  backdrop-filter: blur(10px) saturate(0.9) !important;
  -webkit-backdrop-filter: blur(10px) saturate(0.9) !important;
}

@media (max-width: 720px),
  (min-width: 721px) and (max-width: 1366px) and (hover: none) and (pointer: coarse) {
  html body .app-shell .memory-bottom-sheet.open,
  html body main.app-shell .memory-bottom-sheet.open {
    padding:
      max(7px, env(safe-area-inset-top))
      max(7px, env(safe-area-inset-right))
      max(7px, env(safe-area-inset-bottom))
      max(7px, env(safe-area-inset-left)) !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  html body .app-shell .memory-bottom-sheet.open,
  html body main.app-shell .memory-bottom-sheet.open {
    background: rgba(5, 35, 43, 0.82) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}