/* NHL draft lottery simulator */
.nhl-top { display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: flex-end; justify-content: space-between; }
.nhl-top .cc-field { max-width: 360px; }
.nhl-t input { width: 100%; font: inherit; padding: 6px 8px; border-radius: 8px; border: 1px solid var(--c-line, #333); background: var(--c-bg2, rgba(255,255,255,.04)); color: inherit; }
.nhl-t td:nth-child(2) input { min-width: 120px; }
.nhl-t td:nth-child(3) input { width: 64px; }
.nhl-t td { font-variant-numeric: tabular-nums; white-space: nowrap; vertical-align: middle; }
.nhl-t td:nth-child(4) { font-weight: 700; color: var(--c-accent, #a3e635); }
.nhl-order { margin: 14px 0; padding-left: 1.8em; line-height: 1.9; columns: 2; column-gap: 28px; }
.nhl-order li { break-inside: avoid; }
.nhl-order span { font-size: 13px; margin-left: 6px; opacity: .8; }
.nhl-order .is-up { color: var(--c-accent, #a3e635); opacity: 1; }
.nhl-order .is-down { color: var(--warn, #fb923c); opacity: 1; }
.nhl-order em { font-size: 12px; font-style: normal; margin-left: 6px; padding: 1px 6px; border-radius: 6px; background: var(--c-accent, #a3e635); color: #111; }
@media (max-width: 560px) { .nhl-order { columns: 1; } }