.player-board {
    display: grid;
    align-content: start;
    gap: var(--operator-gap);
}

:is(.player-board, .player-saga) {
    .panels {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(22rem, 100%), 1fr));
        align-items: start;
        gap: var(--operator-gap);
    }

    .advances-grid {
        display: grid;
        align-content: start;
        grid-template-columns: repeat(auto-fill, minmax(min(17rem, 100%), 1fr));
        gap: var(--operator-gap);

        > p {
            grid-column: 1 / -1;

            &:not(:first-child) {
                border-block-start: 1px solid var(--rule);
                padding-block-start: 1rem;
            }
        }

        img {
            inline-size: 100%;
            aspect-ratio: 5 / 7;
            object-fit: cover;
        }
    }
}