* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body {
  background: #0f0f0f;
  color: #eee;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  display: grid;
  place-items: center;
}
#game {
  background: #202428;            /* basit zemin */
  border: 2px solid #3a3f45;
  image-rendering: auto;
}
.hud {
  position: fixed;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  background: rgba(0,0,0,.55);
  padding: 8px 12px;
  border-radius: 10px;
  font-size: 14px;
  text-align: center;
  line-height: 1.35;
  pointer-events: none;
}