/* 당첨자 추첨 · 랜덤 뽑기 */
.rd-modes {
    display: inline-flex; padding: 3px; gap: 2px; margin-bottom: var(--spacing-md, 1rem);
    background: var(--bg-subtle, #eef0f3); border: 1px solid var(--border-color, #e1e4e9); border-radius: 8px;
}
.rd-mode {
    border: 0; background: transparent; cursor: pointer;
    padding: .35rem .9rem; border-radius: 6px;
    font-size: var(--text-ui-sm, .8125rem); font-weight: 600; color: var(--text-muted, #626977);
}
.rd-mode i { margin-right: .25rem; }
.rd-mode[aria-selected="true"] { background: var(--bg-surface, #fff); color: var(--text-primary, #1f2328); box-shadow: 0 1px 2px rgba(0, 0, 0, .1); }
.rd-mode:focus-visible { outline: 2px solid #4a7fd6; outline-offset: 1px; }

.rd-textarea { min-height: 170px; }
.rd-textarea-sm { min-height: 64px; }
.rd-meta { margin: .35rem 0 0; font-size: var(--text-ui-sm, .8125rem); color: var(--text-muted, #626977); font-variant-numeric: tabular-nums; }
.rd-num { max-width: 10rem; }
.rd-range { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.rd-range .rd-num { max-width: none; }
.rd-alert { margin-bottom: var(--spacing-md, 1rem); }
.rd-go { width: 100%; justify-content: center; }

.rd-empty { text-align: center; padding: var(--spacing-xl, 2rem) var(--spacing-md, 1rem); color: var(--text-muted, #626977); }
.rd-empty > i { font-size: 1.75rem; display: block; margin-bottom: .5rem; opacity: .6; }
.rd-empty > p { margin: 0; font-size: var(--text-sm, .875rem); }

.rd-list { margin: 0; padding-left: 2rem; display: flex; flex-direction: column; gap: .35rem; font-size: 1.1rem; font-weight: 700; }
.rd-list li::marker { color: var(--text-muted, #626977); font-weight: 600; }
.rd-list.rd-list-numbers { flex-direction: row; flex-wrap: wrap; list-style: none; padding-left: 0; gap: .5rem; }
.rd-list.rd-list-numbers li {
    min-width: 2.6rem; padding: .4rem .6rem; text-align: center;
    border-radius: 999px; background: var(--bg-subtle, #eef0f3); font-variant-numeric: tabular-nums;
}
.rd-proof { margin: var(--spacing-md, 1rem) 0 .5rem; font-size: var(--text-ui-sm, .8125rem); color: var(--text-muted, #626977); }

@media (max-width: 480px) {
    .rd-range { grid-template-columns: 1fr 1fr; }
}