* {
  box-sizing: border-box;
  }

html, body {
margin: 0;
width: 100%;
height: 100%;
overflow: hidden;
font-family: Arial, sans-serif;
background: #87ceeb;
}

#jogo {
position: fixed;
inset: 0;
}

#controles {
position: fixed;
bottom: 16px;
left: 0;
right: 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
z-index: 10;
}

#controles button {
min-width: 48px;
min-height: 48px;
border: none;
border-radius: 12px;
background: white;
color: #222;
font-size: 16px;
font-weight: bold;
}