.rating-card-summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
    gap: 8px;
    min-width: 0;
}

.rating-card-summary__item {
    display: grid;
    align-content: center;
    gap: 3px;
    min-width: 0;
    min-height: 58px;
    margin: 0;
    padding: 8px 10px;
    border: 1px solid #d7e0e8;
    border-radius: 6px;
    background: #f5f8fa;
}

.rating-card-summary__item > span {
    color: #607184;
    font-size: .72rem;
    font-weight: 700;
    line-height: 1.35;
}

.rating-card-summary__item > strong {
    color: #1e2a35;
    font-size: .98rem;
    line-height: 1.25;
}

.rating-card-summary__item > strong small {
    color: #617386;
    font-size: .72em;
    font-weight: 600;
}

.rating-card-summary__item--personal {
    border-color: #b9d4f3;
    background: #edf6ff;
}

.rating-card-summary__empty {
    color: #6d7d8c !important;
    font-size: .84rem !important;
    font-weight: 600 !important;
}

.rating-card-summary__count {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
    color: #66798a;
    font-size: .69rem;
    line-height: 1.3;
}

.rating-card-summary__count em {
    padding: 1px 5px;
    border: 1px solid #d6ad4d;
    border-radius: 999px;
    color: #8a6210;
    font-size: .65rem;
    font-style: normal;
    font-weight: 700;
}

.library-game-card .rating-card-summary__item,
.game-life-panel .rating-card-summary__item {
    border-color: rgba(111, 153, 198, .22);
    background: rgba(8, 20, 34, .56);
}

.library-game-card .rating-card-summary__item > span,
.game-life-panel .rating-card-summary__item > span {
    color: #9fb3c8;
}

.library-game-card .rating-card-summary__item > strong,
.game-life-panel .rating-card-summary__item > strong {
    color: #f4f8fc;
}

.library-game-card .rating-card-summary__item > strong small,
.game-life-panel .rating-card-summary__item > strong small {
    color: #aebfd0;
}

.library-game-card .rating-card-summary__item--personal,
.game-life-panel .rating-card-summary__item--personal {
    border-color: rgba(62, 156, 255, .35);
    background: rgba(22, 68, 118, .3);
}

.library-game-card .rating-card-summary__empty,
.game-life-panel .rating-card-summary__empty {
    color: #aebdcb !important;
}

.library-game-card .rating-card-summary__count,
.game-life-panel .rating-card-summary__count {
    color: #8fa5b9;
}

.library-game-card .rating-card-summary__count em,
.game-life-panel .rating-card-summary__count em {
    border-color: rgba(247, 194, 72, .38);
    color: #f2cb70;
}

@media (max-width: 560px) {
    .rating-card-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rating-card-summary__item {
        min-height: 54px;
        padding: 7px 8px;
    }
}