:root {
  --bg: #0b0e14;
  --text: #e6edf3;
}
* { box-sizing: border-box; }
html, body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
}
header { text-align: center; margin: 16px 0 8px; }
h1 { margin: 0; font-size: 1.5rem; letter-spacing: 0.02em; }
#hud { margin: 4px 0 0; opacity: 0.85; font-variant-numeric: tabular-nums; }
canvas {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  max-width: 95vw;
  height: auto;
  touch-action: none;
}
#hint { opacity: 0.6; font-size: 0.85rem; margin: 10px 0; }
footer { opacity: 0.45; font-size: 0.7rem; margin: auto 0 12px; max-width: 90vw; text-align: center; }