<script>

(function() {

if (document.getElementById("mobileWarningGlass")) return;

function showPopup() {

const popup = document.createElement("div");

popup.id = "mobileWarningGlass";

popup.innerHTML = `

<div class="mw-wrap">

<div class="mw-text">

This page may not render correctly on mobile devices.

</div>

<button class="mw-close" aria-label="Close">×</button>

</div>

`;

popup.style.cssText = `

position:fixed;

bottom:0;

left:0;

width:100%;

height:64px;

background:rgba(0,0,0,0.92);

color:#fff;

z-index:999999;

display:flex;

align-items:center;

overflow:visible;

font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;

`;

const wrap = popup.querySelector(".mw-wrap");

wrap.style.cssText = `

width:100%;

max-width:1100px;

margin:0 auto;

padding:0 18px;

display:flex;

align-items:center;

justify-content:space-between;

gap:16px;

`;

const text = popup.querySelector(".mw-text");

text.style.cssText = `

font-size:15px;

font-weight:500;

line-height:1.3;

`;

const btn = popup.querySelector(".mw-close");

btn.style.cssText = `

width:40px;

height:40px;

min-width:40px;

border-radius:50%;

border:none;

background:rgba(255,255,255,0.15);

color:#fff;

font-size:24px;

display:flex;

align-items:center;

justify-content:center;

cursor:pointer;

line-height:1;

padding:0;

overflow:visible;

`;

btn.onclick = function() {

popup.remove();

};

document.body.appendChild(popup);

}

const wait = setInterval(function() {

if (document.body) {

clearInterval(wait);

showPopup();

}

}, 50);

})();

</script>