:root{
  --bg:#0b1020;
  --card:#111827;
  --primary:#3b82f6;
  --text:#e5e7eb;
  --muted:#94a3b8;
  --line:#243047;
}

*{
  box-sizing:border-box;
  -webkit-tap-highlight-color: transparent;
}

html, body{
  margin:0;
  padding:0;
  height:100%;
}

body{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  background:var(--bg);
  color:var(--text);
  overflow:hidden; /* app-gevoel */
}

button, input{
  font-family:inherit;
  color:inherit;
}

input{
  background:#0f172a;
  border:1px solid var(--line);
  border-radius:12px;
  padding:10px;
  font-size:16px;
}

button{
  border:none;
  background:none;
  cursor:pointer;
}

.game-actions {
  display: flex;
  gap: 10px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.reset-game,
.finish-game {
  flex: 1;
}