html, body { margin: 0; height: 100%; overflow: hidden; background: #111; color: #fff;
  font-family: system-ui, sans-serif; touch-action: manipulation; user-select: none; }
#hud { position: fixed; top: 16px; left: 0; right: 0; text-align: center; font-size: 28px; }
#blob { position: absolute; width: 90px; height: 90px; border-radius: 50%; border: 0;
  background: #ff3b6b; }
#overlay { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center;
  justify-content: center; gap: 12px; background: rgba(0,0,0,.85); text-align: center; padding: 16px; }
#overlay.hidden { display: none; }
#overlay h1 { margin: 0; font-size: 40px; }
#overlay p { font-size: 18px; max-width: 320px; }
#start { font-size: 24px; padding: 14px 40px; border: 0; border-radius: 999px; background: #ff3b6b; color: #fff; }