body { margin:0; font-family: sans-serif; background:#000; color:#111; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; height:100vh; overflow:hidden; }
canvas { background:#000; display:block; margin:0; }
.wrap { flex:1; display:flex; align-items:center; justify-content:center; width:100%; }
.gameover { position:absolute; inset:0; display:grid; place-items:center; font-size:32px; font-weight:bold; background:rgba(0,0,0,0.5); color:white; }
.controls-touch { display:flex; justify-content:center; gap:10px; margin:8px 0 12vh 0; flex-wrap:wrap; }
.controls-touch button { width:55px; height:55px; font-size:22px; border-radius:12px; border:none; background:#f9fafb; color:#111; box-shadow:0 4px 6px rgba(0,0,0,0.25); }
.controls-touch button:active { transform:scale(0.95); background:#e5e7eb; }
@media (min-width:700px) { .controls-touch button{width:65px;height:65px;font-size:26px;} }


#overlay button {
  padding: 15px 25px;
  font-size: 22px;
  font-weight: bold;
  background: red;
  color: white;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0,0,0,0.4);
}
#overlay button:hover {
  background: darkred;
}
#scoreboard {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 20px;
  color: white;
  font-weight: bold;
}