<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="noindex,nofollow" />
<title>Chief Live Gaming — Under Construction</title>
<style>
:root { color-scheme: light dark; }
body {
margin: 0;
min-height: 100vh;
display: grid;
place-items: center;
font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
line-height: 1.45;
}
.card {
width: min(720px, calc(100% - 2rem));
border: 1px solid rgba(127,127,127,.35);
border-radius: 16px;
padding: 24px;
background: rgba(127,127,127,.08);
}
h1 { margin: 0 0 8px; font-size: 1.5rem; }
p { margin: 0.5rem 0; opacity: 0.9; }
code {
padding: 0.2rem 0.4rem;
border-radius: 8px;
background: rgba(127,127,127,.18);
}
.small { font-size: 0.95rem; opacity: 0.85; }
.row { margin-top: 14px; display: grid; gap: 6px; }
</style>
</head>
<body>
<main class="card">
<h1>🚧 Chief Live Gaming — Under Construction</h1>
<p>We’re updating the site. Check back soon.</p>

<div class="row">
<p class="small">
<strong>Server time:</strong> <span id="time">Loading…</span>
</p>
<p class="small">
<strong>Page:</strong> <code>/index.html</code>
</p>
</div>

<p class="small" style="margin-top: 14px;">
If you can see this page, your document root is serving correctly.
</p>
</main>

<script>
document.getElementById("time").textContent =
new Date().toLocaleString(undefined, { dateStyle: "full", timeStyle: "long" });
</script>
</body>
</html>