:root {
  --bg: #0b0f14;
  --fg: #e6f3ff;
  --muted: #8aa0b8;
  --accent: #00ffc6;
}

* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body { background: var(--bg); color: var(--fg); font: 16px/1.5 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
.container { max-width: 400px; margin: 5vh auto; padding: 20px; text-align: center; }
h1 { margin: 0 0 10px; }

#canvas-container {
  margin: 0 auto;
  border: 1px solid var(--muted);
  background-image: linear-gradient(to bottom, #333, #555);
}