@scope (.prizes) {
    :scope {
        border-top: 1px solid var(--border);
        counter-reset: prize;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    li {
        align-items: baseline;
        border-bottom: 1px solid var(--border);
        counter-increment: prize;
        display: grid;
        gap: 16px;
        grid-template-columns: 2rem minmax(0, 1fr) auto;
        padding: 12px 0;
    }

    li::before {
        color: var(--text-tertiary);
        content: counter(prize, decimal-leading-zero);
        font-family: var(--font-mono);
        font-size: .7rem;
    }

    .qty {
        color: var(--text-tertiary);
        font-size: .8rem;
        margin-left: 8px;
    }

    .amount {
        font-family: var(--font-mono);
        font-size: 1rem;
        font-variant-numeric: tabular-nums;
    }
}