html, body {
  margin: 0;
  height: 100%;
  background: #02030a;
  color: #cfe3ff;
  font: 15px/1.4 system-ui, sans-serif;
  overflow: hidden;
}
canvas { display: block; }
#overlay {
  position: absolute;
  top: 16px;
  left: 16px;
  max-width: 420px;
  padding: 14px 18px;
  background: rgba(6, 10, 30, 0.78);
  border: 1px solid rgba(120, 170, 255, 0.25);
  border-radius: 12px;
}
#overlay h1 { margin: 0 0 4px; font-size: 22px; color: #fff; }
#overlay p { margin: 6px 0; }
#overlay ul { margin: 6px 0; padding-left: 18px; }
#buttons { display: flex; gap: 10px; margin: 10px 0; flex-wrap: wrap; }
#buttons button {
  font: 600 17px system-ui, sans-serif;
  padding: 12px 20px;
  border-radius: 10px;
  border: 1px solid #7fb0ff;
  background: #16306a;
  color: #fff;
  cursor: pointer;
}
#buttons button:hover { background: #2047a0; }
#buttons button:disabled { opacity: 0.4; cursor: default; }
#status { color: #8fa6c8; font-size: 13px; }