/* =========================================================
   BUYVERSE — TELEPORT CHAMBER (CINEMATIC)
   Video background + GTA-style UI over video
   Activated by body class: .bv-teleport-mode
========================================================= */

/* Lock scroll only on teleport template */
body.bv-teleport-mode{
  overflow:hidden;
  height:100vh;
}

/* Root */
body.bv-teleport-mode #bv-teleport-chamber{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  overflow:hidden;
  font-family:'Orbitron', sans-serif;
}

/* Video: always behind */
body.bv-teleport-mode .bv-teleport-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
  pointer-events:none;
}

/* Overlay */
body.bv-teleport-mode .bv-teleport-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.58);
  z-index:1;
}

/* UI layer */
body.bv-teleport-mode .bv-teleport-ui{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:24px;
  color:#fff;
}

/* Panel */
body.bv-teleport-mode .bv-teleport-ui > *{
  max-width:720px;
  width:90%;
}

body.bv-teleport-mode .bv-teleport-title,
body.bv-teleport-mode .bv-teleport-subtitle,
body.bv-teleport-mode .bv-teleport-destinations{
  background:rgba(2,6,12,.90);
  backdrop-filter:blur(10px);
  border:1px solid rgba(0,234,255,.10);
  box-shadow:0 12px 40px rgba(0,234,255,.18);
  border-radius:16px;
}

body.bv-teleport-mode .bv-teleport-title{
  padding:20px 22px;
  font-size:clamp(2rem, 4vw, 3rem);
  font-weight:900;
  color:#00eaff;
  text-shadow:0 0 18px rgba(0,234,255,.55);
  margin:0 0 12px 0;
}

body.bv-teleport-mode .bv-teleport-subtitle{
  padding:14px 22px;
  color:#bfeffb;
  margin:0 0 18px 0;
}

/* Destinations */
body.bv-teleport-mode .bv-teleport-destinations{
  padding:22px;
  display:grid;
  gap:14px;
}

/* Buttons */
body.bv-teleport-mode .bv-teleport-btn{
  width:100%;
  padding:16px 22px;
  border-radius:999px;
  font-weight:900;
  font-size:1rem;
  letter-spacing:.06em;
  background:linear-gradient(90deg, #00eaff, #00a6ff);
  color:#001;
  border:none;
  box-shadow:0 12px 40px rgba(0,234,255,.25);
  opacity:.85;
}

body.bv-teleport-mode .bv-teleport-btn span{
  display:block;
  font-size:.82rem;
  opacity:.75;
  margin-top:4px;
}

@media (max-width:520px){
  body.bv-teleport-mode .bv-teleport-ui{ padding:16px; }
  body.bv-teleport-mode .bv-teleport-title{ padding:16px 16px; }
  body.bv-teleport-mode .bv-teleport-subtitle{ padding:12px 16px; }
  body.bv-teleport-mode .bv-teleport-destinations{ padding:16px; }
}