The first 2 weeks is ended.

apps/web/components/AppMark.vue

@@ -0,0 +1,10 @@
+<template>
+  <NuxtLink to="/" class="mark" aria-label="Dungeons & Ground home">
+    <span class="mark-icon" aria-hidden="true">D<span>&</span>G</span>
+    <span class="mark-copy"><strong>DUNGEONS</strong><small>&amp; GROUND</small></span>
+  </NuxtLink>
+</template>
+
+<style scoped>
+.mark{display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.mark-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--acid);font:600 14px/1 var(--display);letter-spacing:-1px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.mark-icon span{color:var(--acid);font-size:9px}.mark-copy{display:flex;flex-direction:column;font-family:var(--display);letter-spacing:.08em}.mark-copy strong{font-size:12px}.mark-copy small{font-size:8px;color:var(--muted);letter-spacing:.32em}
+</style>

apps/web/components/AppShell.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+defineProps<{ section?: string }>()
+</script>
+
+<template>
+  <div class="shell">
+    <header class="topbar">
+      <AppMark />
+      <div class="topbar-center"><span class="status-dot" /> PRIVATE ALPHA <b v-if="section">/ {{ section }}</b></div>
+      <div class="topbar-actions">
+        <NuxtLink to="/dashboard" class="icon-link" aria-label="Dashboard">⌂</NuxtLink>
+        <div class="avatar">MV</div>
+      </div>
+    </header>
+    <main><slot /></main>
+  </div>
+</template>
+
+<style scoped>
+.shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;height:76px;padding:0 clamp(18px,4vw,64px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(10,10,10,.9);backdrop-filter:blur(18px)}.topbar-center{font:500 10px/1 var(--mono);color:var(--muted);letter-spacing:.18em}.topbar-center b{color:var(--ink);font-weight:500}.status-dot{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid)}.topbar-actions{justify-self:end;display:flex;align-items:center;gap:14px}.icon-link{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);color:var(--muted);text-decoration:none}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--acid);color:#0a0a0a;font:700 10px var(--mono)}@media(max-width:700px){.topbar{grid-template-columns:1fr auto}.topbar-center{display:none}}
+</style>