/* Sumber aturan ukuran: ubah HANYA breakpoint CSS ini. */
#ulb-root { display:none; --ulb-viewport:0; }
@media (max-width:999.98px) {
 #ulb-root { --ulb-viewport:1; }
 #ulb-root[data-ready="true"] {
   display:flex; position:fixed; inset:0; z-index:2147483000; background:#fff; align-items:center; justify-content:center; overflow:auto; cursor:pointer;
 }
 body:has(#ulb-root[data-ready="true"]) { overflow:hidden; }
}

#ulb-root .ulb-content {
  width:100%; height:100%; max-width:900px; display:flex; flex-direction:column; align-items:center; justify-content:space-between;
  padding:16px 12px calc(14px + env(safe-area-inset-bottom)); box-sizing:border-box;
}
#ulb-root img {
  display:block; width:100%; flex:1; min-height:0; object-fit:contain;
}
#ulb-root .ulb-button {
  flex:none; width:min(calc(100% - 24px), 360px); min-height:54px; border:0; border-radius:999px; padding:14px 24px;
  background:#122532; color:#fff; font:700 19px/1.3 system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  cursor:pointer; box-shadow:0 10px 28px rgba(18,37,50,.48), 0 2px 6px rgba(0,0,0,.12);
  letter-spacing:0.04em; text-transform:uppercase; margin-bottom:4px;
  -webkit-tap-highlight-color:transparent; transition:transform .15s ease, box-shadow .15s ease;
}
#ulb-root .ulb-button:active { transform:scale(.96); box-shadow:0 4px 14px rgba(18,37,50,.35); }
#ulb-root .ulb-button:focus-visible { outline:3px solid #ffb53e; outline-offset:3px; }
#ulb-root:focus-visible { outline:4px solid #1473e6; outline-offset:-4px; }