/* 22turns Lobby — 最小の入口画面（Phase 3の空ハブ） */
:root {
  --accent: #0e7490;        /* シアン系 */
  --accent-light: #22d3ee;
  --bg: #f8fafc;
  --card: #ffffff;
  --text: #0f172a;
  --muted: #64748b;
  --border: #e2e8f0;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0b1220; --card: #101a2c; --text: #e2e8f0;
    --muted: #94a3b8; --border: #1e293b;
  }
}
* { box-sizing: border-box; margin: 0; }
body {
  font-family: "Hiragino Sans", "Yu Gothic UI", "Meiryo", system-ui, sans-serif;
  background: var(--bg); color: var(--text);
  min-height: 100vh; display: grid; place-items: center; padding: 24px;
}
.lobby { width: min(560px, 100%); }
header { margin-bottom: 24px; }
h1 { font-size: 1.6rem; letter-spacing: .02em; }
h1::after {
  content: ""; display: block; width: 48px; height: 3px;
  margin-top: 8px; border-radius: 2px;
  background: linear-gradient(90deg, var(--accent), var(--accent-light));
}
.tagline { color: var(--muted); margin-top: 8px; font-size: .9rem; }
.apps { display: grid; gap: 12px; }
.app-card {
  display: flex; justify-content: space-between; align-items: baseline;
  padding: 16px 18px; border: 1px solid var(--border); border-radius: 12px;
  background: var(--card); text-decoration: none; color: inherit;
  transition: border-color .15s ease;
}
.app-card:hover { border-color: var(--accent-light); }
.app-card[data-status="soon"] { opacity: .55; pointer-events: none; }
.app-name { font-weight: 600; }
.app-desc { color: var(--muted); font-size: .85rem; }
footer { margin-top: 28px; }
.note { color: var(--muted); font-size: .78rem; }