/* random-name-picker: styles only it uses, split out of site.css by scripts/split-css.mjs. */
.btn-lg { padding: 13px 26px; font-size: 1.05rem; }
.np-stage { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.np-winner {
    display: grid; place-items: center; min-height: 150px; padding: 20px; border-radius: 14px;
    background: #0E1A33; color: #fff; text-align: center; overflow-wrap: anywhere;
    font: 800 clamp(1.6rem, 1.2rem + 2vw, 2.6rem)/1.15 var(--display); letter-spacing: -0.02em;
}
.np-winner.is-rolling { color: #A9B5CB; }
.np-winner.is-done { animation: np-pop 0.35s ease-out; }
@media (prefers-reduced-motion: reduce) { .np-winner.is-done { animation: none; } }
.np-options { align-items: end; }
.np-history ol { margin: 0; padding-left: 1.4em; columns: 2; color: var(--ink-2); }