/* All operational UI uses open-tournament.css. Only the random draw has extra styling. */
.bp-draw-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.bp-draw-wheel{text-align:center}.bp-wheel-wrap{position:relative;margin:12px auto;max-width:390px}.bp-wheel-wrap canvas{display:block;width:100%;height:auto}.bp-wheel-pointer{position:absolute;top:-4px;left:calc(50% - 12px);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:26px solid var(--border-soft);z-index:1;filter:drop-shadow(0 2px 3px var(--shadow-color))}#blindSetup{margin-top:22px}#blindSetup>summary{padding:16px;cursor:pointer}#bpLatest{overflow-wrap:anywhere}#bpDrawStatus{min-height:40px}.bp-draw-layout label{display:block;margin-bottom:12px}.bp-draw-layout input,.bp-draw-layout select,.bp-draw-layout textarea{width:100%;box-sizing:border-box}@media(max-width:720px){.bp-draw-layout{grid-template-columns:1fr}.bp-draw-wheel{grid-row:1}.bp-wheel-wrap{max-width:230px}.bp-draw-layout .two{grid-template-columns:1fr}#blindSetup .item-top{flex-wrap:wrap}}

/* Widen only the draw dialog. Other tournament modals keep their shared sizes. */
#otModal:has(.bp-draw-layout){box-sizing:border-box;padding:16px;overflow:hidden}
#otModal .ot-modal:has(.bp-draw-layout){width:min(1120px,100%);max-width:100%;max-height:calc(100dvh - 32px);box-sizing:border-box;overflow-y:auto;overflow-x:hidden}
.bp-draw-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.bp-draw-layout>div,.bp-draw-layout label{min-width:0}
.bp-draw-layout .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bp-draw-layout input,.bp-draw-layout select{min-width:0;background:var(--panel2);--control-ink:var(--text-primary);color:var(--text);border:1px solid var(--border);border-radius:13px;padding:11px;font:inherit}
.bp-draw-layout textarea{min-width:0;min-height:180px;height:230px;resize:vertical}
.bp-draw-wheel{position:sticky;top:0;align-self:start}
.bp-wheel-wrap{width:100%;max-width:430px}
#otModal .ot-modal:has(.bp-draw-layout) .modal-actions{position:sticky;bottom:-22px;background:var(--panel);--control-ink:var(--text-primary);padding:14px 0;margin-top:16px;z-index:2;flex-wrap:wrap}
@media(max-width:820px){.bp-draw-layout{grid-template-columns:minmax(0,1fr)}.bp-draw-wheel{position:static;grid-row:1}.bp-wheel-wrap{max-width:280px}}
@media(max-width:480px){#otModal:has(.bp-draw-layout){padding:8px}#otModal .ot-modal:has(.bp-draw-layout){padding:16px;max-height:calc(100dvh - 16px)}.bp-draw-layout .two{grid-template-columns:minmax(0,1fr)}.bp-draw-layout textarea{height:180px}.bp-wheel-wrap{max-width:230px}}
.bp-draw-layout input[type=checkbox]{width:auto;min-width:0;padding:0;accent-color:var(--accent)}
#bpAllocation{margin:12px 0;line-height:1.6}