/* === ui-patch.css (GLIDE) ===
   - Không khóa cứng body; cho phép trang ngoài cuộn nhẹ tự nhiên
   - Khung hướng dẫn sticky và fit theo visual viewport
   - Cuộn mượt bên trong khung
*/
:root {
  --lg-top: 0px;
}
html, body { height: 100%; }
html.locked-scroll, body.locked-scroll { overflow-y: auto !important; } /* soft */

#iframeWrap, .iframeWrap {
  position: sticky;
  top: var(--lg-top);
  max-height: calc(100vh - var(--lg-top) - 8px);
  height: calc(100vh - var(--lg-top) - 8px);
  padding-bottom: env(safe-area-inset-bottom, 0);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  background: transparent;
  border-radius: 16px;
}

#protected {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Đồng hồ đếm nhỏ hơn 1 chút */
#countdown, .count {
  font-size: clamp(20px, 4.2vw, 32px);
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}