* { margin: 0; padding: 0; box-sizing: border-box; }
body { 
  background: #000; 
  color: #fff; 
  font-family: system-ui, sans-serif;
  overflow: hidden;
}
#camera-preview { 
  width: 100vw; 
  height: 100vh; 
  object-fit: cover; 
}
#overlay {
  position: fixed;
  top: 0; left: 0; right: 0;
  padding: 20px;
  text-align: center;
  background: linear-gradient(to bottom, rgba(0,0,0,0.7), transparent);
}
#hint { font-size: 18px; margin-bottom: 8px; }
#progress { font-size: 14px; opacity: 0.8; }
#controls {
  position: fixed;
  bottom: 30px;
  left: 0; right: 0;
  display: flex;
  justify-content: center;
  gap: 12px;
}
button {
  padding: 14px 24px;
  font-size: 16px;
  border: none;
  border-radius: 8px;
  background: #007bff;
  color: #fff;
  cursor: pointer;
}
button:disabled { background: #555; cursor: not-allowed; }