.operator-board {
    --page-width: 36rem;
    place-content: start stretch;

    .turn-row {
        display: flex;
        gap: 0.75rem;

        .button { flex: 1 }

        /* A displayed value is not a button: flat bold text between the two moves. */
        b {
            flex: none;
            inline-size: 6rem;
            display: grid;
            place-items: center;
            font-size: var(--size-title);
            font-weight: var(--weight-hero);
            font-variant-numeric: tabular-nums;
        }
    }

    footer {
        border-block-start: 1px solid var(--rule);
        display: flex;
        justify-content: end;
        padding-block-start: 0.75rem;
    }
}

.operator-board__finished-badge {
    border-radius: var(--operator-radius);
    /* The panel is a grid: without this the badge would blockify to the full row. */
    justify-self: start;
    padding: 0.4em 0.9em;
    font-weight: var(--weight-answer);
    color: var(--operator-success);
    background: var(--operator-success-bg);
}