body{
  margin:0;
  font-family: system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
  background:#0b1020;
  color:#e5e7eb;
}

.wrap{
  max-width:720px;
  margin:0 auto;
  padding:20px;
  text-align:center;
}

canvas{
  background:#111;
  border:2px solid #333;
  border-radius:12px;
  display:block;
  margin:14px auto;
}

.hud{
  display:flex;
  justify-content:center;
  gap:16px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:8px;
  color:#cbd5e1;
}

button{
  padding:8px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.06);
  color:#e5e7eb;
  cursor:pointer;
}
button:hover{ background: rgba(255,255,255,.10); }

.help{ color:#94a3b8; font-size:13px; }