html.locked body { overflow: hidden; }
.gateOverlay{
  position:fixed; inset:0; background:rgba(0,0,0,.85);
  display:flex; align-items:center; justify-content:center; z-index:9999;
  padding:20px;
}
.gateCard{
  width:min(680px, 96vw);
  background: rgba(15,15,15,.95);
  border:1px solid rgba(212,175,55,.55);
  border-radius:16px;
  padding:18px;
  box-shadow: 0 14px 40px rgba(0,0,0,.55);
}
.gateCard h2{ margin:0 0 8px 0; }
.gateRow{ display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; align-items:center; }
.gateInput{
  flex:1; min-width:240px;
  background: rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.12);
  color: inherit; padding:10px 12px; border-radius:12px;
}
.gateWarn{ display:none; margin-top:10px; opacity:.95; }