@media (max-width: 680px) {
  .archive-overlay, .compare-overlay, .live-overlay { align-items: end; padding: 0; }
  .archive-overlay .enhancement-panel, .compare-overlay .enhancement-panel, .live-overlay .enhancement-panel { max-height: 92vh; border-right: 0; border-bottom: 0; border-left: 0; border-radius: 18px 18px 0 0; padding-bottom: 26px; }
  .archive-overlay .overlay-close, .compare-overlay .overlay-close, .live-overlay .overlay-close { top: 17px; right: 17px; }
}