:root {
  --bg: #0b0f1a;
  --text: #e2e8f0;
  --accent: #76ffb9;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: var(--bg); color: var(--text); font-family: Arial, sans-serif; height: 100vh; display: flex; flex-direction: column; }
#topbar { display:flex; justify-content:space-between; padding:10px; background:#111; color:var(--accent); }
canvas { flex: 1; width: 100%; height: 100%; background: #000; }
#touch-controls { position: fixed; bottom: 15px; left: 15px; display: none; gap: 10px; }
#touch-controls .row { display: flex; justify-content: center; }
#touch-controls button {
  background: #222; color: white; border: 1px solid #555;
  padding: 15px; font-size: 20px; border-radius: 8px;
}
@media (hover:none) and (pointer:coarse) { #touch-controls { display: grid; } }