#calendar-game-container {
    width: 350px;
    height: 350px;  
}

/* Mobile: animation plus douce lors des déplacements de caméra */
#calendar-game-container.zoom-camera {
    transition: transform 900ms ease;
    /* 2D transform: évite certains clignotements / tuilage GPU (backgrounds qui "disparaissent") */
    transform: translate(var(--cam-x), var(--cam-y)) scale(var(--cam-scale));
}

/* Pendant l'ouverture: déplacement instantané (pas de transition) */
#calendar-game-container.cam-no-transition,
#calendar-game-container.cam-no-transition.zoom-camera {
    transition: none !important;
}

/* Perf mobile: on évite de peindre la grille, sans casser son layout (utile au positionnement) */
.case-grid {
    border: 0 !important;
}



.case-face{
    font-size: 6px;
}

.case-to-open .case-face::before {
    content: attr(data-case-name);
    position: absolute;
    left: 4px;
    bottom: 4px;
    color: white;
    font-size: 6px;
    line-height: 1;
    pointer-events: none;
    z-index: 2;
}