.contributions-wrapper {
                            overflow-x: auto;
                            padding-bottom: 8px;
                            max-width: 100%;
                        }

                        .contributions-grid {
                            display: grid;
                            grid-template-columns: repeat(auto-fit, minmax(10px, 12px));
                            grid-template-rows: repeat(7, 1fr);
                            gap: 3px;
                            width: max-content;
                            max-width: 100%;
                        }

                        @media (max-width: 640px) {
                            .contributions-grid {
                                grid-template-columns: repeat(auto-fit, minmax(8px, 10px));
                                gap: 2px;
                            }

                            .contribution-cell {
                                width: 10px !important;
                                height: 10px !important;
                            }
                        }


                        html.light .contribution-cell:not([data-level]) {
                            background-color: #bdc1c4e5;
                        }




                        .contribution-cell {
                            width: 12px;
                            height: 12px;
                            margin: 1px;
                            background-color: #2c343f;
                            transition: background-color 0.2s, box-shadow 0.2s;
                        }

                        .contribution-cell[data-level="1"] {
                            background-color: #9be9a8;
                        }

                        .contribution-cell[data-level="2"] {
                            background-color: #40c463;
                        }

                        .contribution-cell[data-level="3"] {
                            background-color: #30a14e;
                        }

                        .contribution-cell[data-level="4"] {
                            background-color: #216e39;
                        }

                        /* Corps du serpent : carré avec coins légèrement arrondis */
                        .contribution-cell.snake-body {
                            background-color: #e600ff !important;
                            border-radius: 3.5px;
                            z-index: 1;
                            transition:
                                transform 0.35s cubic-bezier(0.42, 0, 0.58, 1),
                                background-color 0.25s cubic-bezier(0.42, 0, 0.58, 1);
                            will-change: transform, background-color;
                        }


                        .contribution-cell.snake-size-1 {
                            transform: scale(1.2);
                        }

                        .contribution-cell.snake-size-2 {
                            transform: scale(1.1);
                        }

                        .contribution-cell.snake-size-3 {
                            transform: scale(1.0);
                        }

                        .contribution-cell.snake-size-4 {
                            transform: scale(0.9);
                        }