/* Shared bridge: return-link styling + result gate for ported apps */
.ls-back {
  color: var(--gold, #e7bd72) !important;
  font-weight: 700 !important;
}
.ls-topbar {
  position: sticky; top: 0; z-index: 90;
  background: #101d35; color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.ls-topbar-in {
  max-width: 1120px; margin: 0 auto;
  padding: 12px clamp(20px, 4.5vw, 40px);
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.ls-topbar-in a { color: #fff; font-size: 14px; font-weight: 600; }
.ls-topbar-in a:hover { color: #e7bd72; }

#lsGate {
  position: fixed; inset: 0; z-index: 9999;
  background: #101d35; color: #fff;
  overflow-y: auto; -webkit-overflow-scrolling: touch;
  display: flex; align-items: center; justify-content: center; padding: 24px;
}
#lsGate.ls-hidden { display: none; }
.ls-gate-card { max-width: 420px; width: 100%; text-align: center; }
.ls-gate-eyebrow {
  color: #e7bd72; font-size: 13px; font-weight: 700; letter-spacing: .16em; margin-bottom: 14px;
}
.ls-gate-card h2 { font-size: 26px; line-height: 1.3; margin: 0 0 12px; }
.ls-gate-card p { color: #cdd6e3; font-size: 15px; line-height: 1.8; margin: 0 0 20px; }
.ls-gate-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.ls-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 13px 24px; border-radius: 999px; font-weight: 700; font-size: 15px;
  text-decoration: none; border: 1px solid transparent; cursor: pointer;
}
.ls-btn-gold { background: #e7bd72; color: #101d35; border-color: #e7bd72; }
.ls-btn-gold:hover { background: #f0cd8a; }
.ls-btn-ghost { color: #fff; border-color: rgba(255,255,255,.4); }
.ls-btn-ghost:hover { background: rgba(255,255,255,.1); }
.ls-gate-fine { display: block; margin-top: 18px; font-size: 12px; color: #8fa0b8; }
.ls-gate-home { display: inline-block; margin-top: 14px; color: #8fa0b8; font-size: 13px; }