/* ==========================================
   STYLE TERRAIN & COMPOSITION (FIELD)
   ========================================== */

.field { 
    width: 100%; 
    height: 380px; 
    position: relative; 
    border: 2px solid rgba(255,255,255,0.2); 
    border-radius: var(--radius-main); 
    margin: 15px 0; 
    overflow: hidden; 
    background-color: #1a4d23; 
    background-image: 
        radial-gradient(circle at 50% 50%, transparent 39px, rgba(255,255,255,0.3) 40px, transparent 41px), 
        linear-gradient(to bottom, transparent 49.7%, rgba(255,255,255,0.3) 50%, transparent 50.3%);
    box-shadow: inset 0 0 50px rgba(0,0,0,0.5);
}

.field::before, .field::after { 
    content: ""; position: absolute; left: 20%; width: 60%; height: 18%; 
    border: 2px solid rgba(255,255,255,0.3); z-index: 0; box-sizing: border-box; 
}
.field::before { top: -2px; border-top: none; }
.field::after { bottom: -2px; border-bottom: none; }

/* Joueurs */
.player-node { 
    position: absolute; 
    width: 80px !important; 
    text-align: center; 
    transform: translate(-50%, 0); 
    z-index: 5;
}

.player-shirt { 
    width: 26px; 
    height: 26px; 
    border-radius: 50%; 
    margin: 0 auto; 
    border: 2px solid white; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 10px; 
    font-weight: bold;
    box-shadow: 0 3px 6px rgba(0,0,0,0.4);
    background: var(--surface-dark);
    color: white;
}

.player-name { 
    color: white !important; 
    font-size: 14px !important;  /* <--- MODIFIE ICI (ex: 16px ou 12px) */
    font-weight: 700 !important; 
    text-shadow: 1px 1px 3px #000 !important;
    margin-top: 5px;
    text-transform: uppercase;
}

@media (max-width: 600px) {
    /* ... reste du code ... */
    .player-name { font-size: 10px !important; } /* <--- MODIFIE ICI POUR MOBILE */
}
@media (max-width: 600px) {
    .field { height: 350px !important; }
    .player-node { width: 60px !important; }
    .player-shirt { width: 22px !important; height: 22px !important; }
    .player-name { font-size: 9px !important; }
}