/* Fichier: style.css */

/* --- Généralités / Réinitialisation --- */
body {
    /* Fond sombre pour simuler l'espace */
    background-color: #0d1117; 
    color: #e6edf3; /* Texte clair pour le contraste */
    font-family: 'Consolas', 'Menlo', 'Monospace', monospace; /* Police technique et lisible */
    margin: 0;
    padding: 20px;
    line-height: 1.6;
}

/* --- Typographie et Mise en évidence --- */
h1, h2, h3 {
    color: #007acc; /* Bleu électrique pour les titres */
    border-bottom: 2px solid #007acc;
    padding-bottom: 5px;
    margin-top: 20px;
}

strong {
    color: #ffd700; /* Jaune or pour l'emphase, rappelant l'Ordre Galactique */
}

/* --- Conteneur Principal --- */
#game-container {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #161b22; /* Conteneur légèrement plus clair que le fond pour le démarquer */
    padding: 20px;
    border: 1px solid #30363d;
    box-shadow: 0 0 10px rgba(0, 122, 204, 0.5); /* Légère lueur bleue */
}

/* --- Zones d'Information (HUD - Heads-Up Display) --- */
.player-status, .vessel-details, .log-area {
    background-color: #21262d; 
    border: 1px solid #30363d;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
}

.player-status h3 {
    color: #ffd700;
    border-bottom: 1px solid #ffd700;
}

/* --- Éléments du Vaisseau / Unités --- */
.unit-card {
    border: 1px solid #007acc;
    padding: 10px;
    margin-top: 10px;
}

/* Barres de progression (Énergie, Vie) */
.stat-bar {
    height: 10px;
    background-color: #30363d;
    margin: 5px 0;
}

.stat-bar-fill {
    height: 100%;
    /* Utiliser le vert pour l'énergie / vie */
    background-color: #38b44a; 
    transition: width 0.3s ease;
}

/* --- Zone de Jeu (La grille/carte) --- */
#game-map {
    border: 2px solid #007acc; 
    display: grid;
    /* Adaptez les colonnes/lignes selon la taille de votre carte */
    grid-template-columns: repeat(10, 1fr); 
    grid-template-rows: repeat(10, 1fr);
    height: 600px; /* Exemple de hauteur */
    width: 100%;
}

.map-cell {
    border: 1px dotted #30363d;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.8em;
}

.vessel-icon {
    color: #ff0000; /* Vaisseau ennemi en rouge */
    font-weight: bold;
}

.drone-icon {
    color: #6a0dad; /* Drone en violet */
}

.player-vessel-icon {
    color: #38b44a; /* Vaisseau du joueur en vert */
    font-weight: bold;
}


/* --- Commandes / Actions (Boutons) --- */
.action-button {
    background-color: #007acc;
    color: #e6edf3;
    border: none;
    padding: 10px 15px;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 3px;
    transition: background-color 0.2s;
}

.action-button:hover {
    background-color: #0099e6;
}

.action-button:disabled {
    background-color: #30363d;
    color: #6e7681;
    cursor: not-allowed;
}