/* style.css — Visual profissional e imersivo para Color Runner */

*, *::before, *::after { 
  box-sizing: border-box; 
}

body {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  /* Usamos o mesmo fundo escuro do jogo para sumir com as bordas azuis */
  background-color: #2A7881; 
  overflow: hidden; /* Impede barras de rolagem chatas no telemóvel */
  font-family: monospace;
}

canvas {
  display: block;
  /* Garante que o jogo não fique colado nas bordas físicas do ecrã */
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); 
  border: 1px solid #1f2833; /* Uma borda sutil com a cor da grade */
  
  /* Mantém os pixels nítidos e lindos ao redimensionar */
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  
  /* Garante que o canvas seja responsivo no telemóvel */
  max-width: 95vw;
  max-height: 95vh;
}