<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>VRC App — build required</title>
<style>
    body { font-family: system-ui, sans-serif; background:#0b1220; color:#e5e7eb; display:flex; min-height:100vh; align-items:center; justify-content:center; margin:0; }
    .card { max-width:520px; padding:32px; background:#111827; border:1px solid #1f2937; border-radius:16px; }
    code { background:#1f2937; padding:2px 6px; border-radius:6px; color:#93c5fd; }
    h1 { font-size:20px; margin:0 0 12px; }
    p { line-height:1.6; color:#9ca3af; }
</style>
</head>
<body>
    <div class="card">
        <h1>🚗 {{ $app ?? 'VRC PWA' }} — not built yet</h1>
        <p>This PWA shell is served from <code>public/{{ $dir ?? 'vrc-app' }}/</code>, which doesn't exist yet.</p>
        <p>Build it:</p>
        <p><code>cd {{ $app ?? 'pwa-vrc-owner' }}</code><br>
           <code>npm install</code><br>
           <code>npm run build</code></p>
        <p>Then reload this page.</p>
    </div>
</body>
</html>
