/* Lobby chrome — load after shell.css when html[data-app="lobby"] */
html[data-app="lobby"] {
  --bg: #110e1a;
  --panel: #1a1528;
  --panel-2: #241f38;
  --panel-3: #2e2848;
  --line: #3d3558;
  --accent: #a78bfa;
  --ok: #7c6aed;
}

html[data-app="lobby"] .topbar,
html[data-app="lobby"] .site-footer {
  box-shadow: inset 0 3px 0 0 color-mix(in srgb, var(--accent) 55%, transparent);
}