/* Reset básico */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    /* Fundo escuro externo ao jogo */
    background-color: #0b0c10; 
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    overflow: hidden; /* Evita rolagem da página */
    font-family: sans-serif;
}

.game-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    padding: 20px;
}

canvas {
    /* Cor de fallback do canvas */
    background-color: #1a1a24; 
    box-shadow: 0 0 30px rgba(102, 252, 241, 0.15); /* Brilho sutil na borda */
    
    /* Responsividade mantendo a proporção (aspect ratio preservado) */
    width: 100%;
    height: 100%;
    max-width: 1280px; /* Limite máximo (escala 4x a partir de 320x180) */
    max-height: 720px;
    object-fit: contain;
    
    /* CRUCIAL PARA PIXEL ART: Evita o desfoque (blur) ao redimensionar */
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-crisp-edges;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
    
    border-radius: 4px; /* Quebra levemente as quinas para um visual mais polido */
}