/* Fantasy draft order generator */
.dro textarea { width: 100%; font: inherit; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--c-line, #333); background: var(--c-bg2, rgba(255,255,255,.04)); color: inherit; }
.dro-row { display: grid; grid-template-columns: 1fr 2fr; gap: 0 16px; }
.dro-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.dro-err { color: var(--warn, #fb923c); }
.dro-order { margin: 12px 0; padding-left: 2em; font-size: 17px; line-height: 2; columns: 2; column-gap: 28px; }
.dro-order li { break-inside: avoid; transition: opacity .35s; }
.dro-order li.is-hidden { opacity: 0; }
.dro-order li:first-child b { color: var(--c-accent, #a3e635); }
.dro-t td, .dro-t th { white-space: nowrap; font-size: 13px; }
.dro-t small { opacity: .6; margin-right: 2px; }
@media (max-width: 560px) { .dro-row { grid-template-columns: 1fr; } .dro-order { columns: 1; } }
@media print {
	body.dro-printing * { visibility: hidden !important; }
	body.dro-printing .dro-board, body.dro-printing .dro-board * { visibility: visible !important; }
	body.dro-printing .dro-board { position: absolute; left: 0; top: 0; width: 100%; color: #000; background: #fff; }
	body.dro-printing .dro-t td, body.dro-printing .dro-t th { border: 1px solid #999; color: #000; white-space: normal; }
}