body {
    margin: 0;
    overflow: hidden;
    background: url(assets/textures/metal_grid.gif); /* Fundo com tile! */
    cursor: url('assets/icons/cursor.gif'), auto; /* Cursor customizado! */
}

#gameCanvas {
    display: block;
}

#hud {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #00FF00; /* Verde limão clássico */
    font-family: 'Press Start 2P', cursive;
    text-shadow: 2px 2px #FF00FF; /* Sombra rosa choque */
    pointer-events: none; /* Permite clicar através do HUD no jogo */
}

.hud-box {
    position: absolute;
    bottom: 20px;
    padding: 10px;
    background: linear-gradient(45deg, #00008B, #000000); /* Degradê metalizado */
    border: 3px outset #C0C0C0;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.8);
    display: flex;
    align-items: center;
}

#health-box { left: 20px; }
#ammo-box { right: 20px; }

.hud-icon {
    width: 32px;
    height: 32px;
    image-rendering: pixelated; /* Mantém os gifs com cara de pixel art */
    margin-right: 10px;
}

/* Estilo para botões 3D falsos */
.menu-button {
    position: relative; /* Para posicionar em cima do jogo */
    padding: 15px 30px;
    margin: 10px;
    font-family: 'Press Start 2P', cursive;
    color: yellow;
    background: linear-gradient(to bottom, #8A2BE2, #4B0082); /* Degradê roxo */
    border: 2px outset #FFFFFF;
    box-shadow: inset -3px -3px 5px rgba(0,0,0,0.6), inset 3px 3px 5px rgba(255,255,255,0.4);
    cursor: pointer;
    transition: transform 0.1s;
}

.menu-button:active {
    transform: scale(0.95);
    border-style: inset;
}