.minigames-question-history-section {
    grid-template-rows: auto auto minmax(0, 1fr);
}

.minigames-question-history-filters {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    gap: 5px;
    margin: 0 0 8px;
}

.minigames-question-history-filter {
    min-width: 0;
    padding: 5px 7px;
    border: 1px solid var(--border);
    border-radius: 7px;
    background: color-mix(in srgb, var(--panel-2) 82%, transparent);
    color: var(--muted);
    font: inherit;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.15;
    cursor: pointer;
}

.minigames-question-history-filter:hover {
    border-color: color-mix(in srgb, var(--gold) 58%, var(--border));
    color: var(--text);
}

.minigames-question-history-filter.is-active {
    border-color: var(--gold);
    background: color-mix(in srgb, var(--gold) 12%, var(--panel-2));
    color: var(--text);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 20%, transparent);
}

.minigames-question-history-list.is-filtered-pairs li {
    display: flex;
    align-items: baseline;
    gap: 0;
    min-width: max-content;
    white-space: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
}

.minigames-question-history-list.is-filtered-pairs li.is-asker-1 {
    border-left-color: var(--gold);
    background: color-mix(in srgb, var(--gold) 8%, transparent);
}

.minigames-question-history-list.is-filtered-pairs li.is-asker-2 {
    border-left-color: var(--red-bright);
    background: color-mix(in srgb, var(--red-bright) 8%, transparent);
}

.minigames-history-pair-part.is-player-1 {
    color: color-mix(in srgb, var(--gold) 78%, var(--text));
}

.minigames-history-pair-part.is-player-2 {
    color: color-mix(in srgb, var(--red-bright) 78%, var(--text));
}

.minigames-history-pair-separator {
    color: var(--muted);
}

@media (max-width: 700px) {
    .minigames-question-history-filters {
        gap: 3px;
    }

    .minigames-question-history-filter {
        padding: 4px 5px;
        font-size: 0.64rem;
    }
}