@charset "UTF-8";

/* Variables CSS - une excellente pratique pour centraliser et maintenir son design */
:root {
    --bg-color: #1e1e24;
    --canvas-border: #444;
    --canvas-shadow: rgba(0, 0, 0, 0.6);
}

body {
    background-color: var(--bg-color);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #FFF;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    overflow: hidden; /* Empêche strictement le scroll si la souris sort du cadre ou avec les flèches du clavier */
}

#canvas_holder {
    width: 100%;
    max-width: 2000px;
    /* Conserve exactement ton ratio d'origine (2000x1000) peu importe la taille de l'écran */
    aspect-ratio: 2 / 1; 
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px; 
    box-sizing: border-box;
}

#canvas {
    width: 100%;
    height: 100%;
    border: 4px solid var(--canvas-border);
    border-radius: 8px; /* Touche moderne avec des bords légèrement arrondis */
    box-shadow: 0 15px 35px var(--canvas-shadow); /* Donne de la profondeur en faisant ressortir le jeu */
    background-color: #000; /* Couleur de secours pendant le chargement des images */
}

#feedback {
    display: none; /* Masqué proprement puisqu'il n'est pas utilisé dans le jeu actuel */
}