@media (max-width: 640px) {
    .zodiac-matrix-scroll {
        padding: 12px;
    }

    .zodiac-matrix-grid {
        grid-template-columns: 54px repeat(12, 50px);
        grid-auto-rows: 50px;
        gap: 6px;
    }

    .zodiac-matrix-corner {
        font-size: 20px;
    }

    .zodiac-matrix-axis {
        gap: 2px;
    }

    .zodiac-matrix-axis__symbol {
        font-size: 22px;
    }

    .zodiac-matrix-axis__label {
        font-size: 0;
        line-height: 0;
    }

    .zodiac-matrix-cell {
        border-radius: 12px;
        font-size: 21px;
    }
}