.draft{display:grid;gap:var(--space-5);container-type:inline-size}.draft > *,.draft__main > *,.draft__lead > *,.draft__side > *,.draft__result > *{min-width:0;margin:0}.draft__main,.draft__lead,.draft__side,.draft__result,.draft__controls{display:grid;gap:var(--space-4);align-content:start}.draft__controls{gap:var(--space-3)}.draft__setup,.draft__pool{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.draft__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--tap);padding:var(--space-2) var(--space-4);border-radius:var(--radius);font-weight:700;cursor:pointer;list-style:none}.draft__summary::-webkit-details-marker{display:none}.draft__summary::after{content:"+";flex:none;color:var(--link);font:400 1.5em / 1 var(--font-mono)}[open] > .draft__summary::after{content:"\2212"}.draft__fields{display:grid;gap:var(--space-3);min-width:0;margin:0;padding:0 var(--space-4) var(--space-4);border:0}.draft__fields > *{min-width:0;margin:0}.draft__fields:disabled{opacity:0.6}.draft__players{min-height:7rem;resize:vertical}.draft__pair{display:grid;grid-template-columns:minmax(5.5rem,1fr) minmax(0,2.2fr);gap:var(--space-3);align-items:end}.draft__pair > :only-child{grid-column:1 / -1}.draft__over{color:var(--warn)}.draft [data-act="shuffle"],.draft__paper .pill{min-height:var(--tap)}.draft__locked{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:0;padding:0 var(--space-4) var(--space-4)}.draft__card{align-content:center;gap:var(--space-1);min-height:11rem}.draft__card > *{min-width:0;max-width:100%;margin:0;overflow-wrap:anywhere}.draft__who{min-height:1lh;font-size:var(--step-1);font-weight:700}.draft__card .result-card__text[data-size="sm"]{font-size:var(--step-2)}.draft__card .result-card__text[data-size="xs"]{font-size:var(--step-1)}.draft__detail{min-height:1lh;color:var(--ink-muted);font-size:var(--step--1)}.draft__board th,.draft__board td{vertical-align:top;overflow-wrap:anywhere}.draft__board tbody th{min-width:5.5rem;text-align:start}.draft__board td{min-width:6.5rem}.draft__n{display:block;color:var(--ink-muted);font-size:var(--step--1);font-variant-numeric:tabular-nums}.draft__n::before{content:"#"}.draft__team{display:block;min-height:1lh;font-weight:600}.draft__left{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0 var(--space-4) var(--space-4);list-style:none;font-size:var(--step--1)}.draft__left > li{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--surface-2)}@container (max-width:30rem){.draft__bar .btn{flex:1 1 40%;padding-inline:var(--space-3);white-space:nowrap}.draft__board th,.draft__board td{padding-inline:var(--space-3)}}@container (min-width:52rem){.draft__main{grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:var(--space-5)}}@media print{.draft__print-title{font-size:var(--step-3);font-weight:700}.draft__card{display:none}.draft__board{overflow:visible;border-radius:0}.draft__board tbody th,.draft__board td{min-width:0}}.draft--order .draft__lead{gap:var(--space-3)}.draft__size,.draft__paper{display:grid;gap:var(--space-2);min-width:0;margin:0;padding:0;border:0}.draft__size{grid-template-columns:repeat(2,minmax(0,max-content));gap:0 var(--space-4)}.draft__pick{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap)}.draft__pick .select{width:auto;min-width:4.25rem}.draft .tool-own{display:grid;gap:var(--space-1)}.draft .tool-own > *{min-width:0;margin:0}.draft .tool-own__label{font-weight:600}.draft .tool-own__how{color:var(--ink-muted);font-size:var(--step--1);font-weight:400}.draft .tool-own__text{display:block;width:100%;min-height:calc(2 * 1.4em + 2 * var(--space-2) + 3px);padding:var(--space-2) var(--space-3);border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:max(1rem,16px);line-height:1.4;resize:vertical}.draft .tool-own__text:hover{border-color:var(--brand)}.draft .tool-own__status{color:var(--ink-muted);font-size:var(--step--1)}.draft .tool-own__status[data-tone="bad"]{color:var(--bad)}.draft__slotbox{display:grid;gap:var(--space-2)}.draft__slotbox > *{margin:0}.draft__do{font-weight:700}.draft__slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tap),1fr));gap:var(--space-2)}.draft__slots .pill{justify-content:center;min-height:var(--tap);padding-inline:0;font-variant-numeric:tabular-nums}.draft__slots .pill.is-sample,.draft--order:not([data-chosen]) .draft__mine{border-style:dashed}.draft__slots .pill:disabled{visibility:hidden}.draft__text{display:inline-flex;align-items:center;min-width:var(--tap);min-height:var(--tap);margin:0;padding:0;border:0;background:none;color:var(--link);font:inherit;font-weight:400;text-align:start;text-decoration:underline;text-underline-offset:0.15em;cursor:pointer}.draft__text:hover{color:var(--ink)}.draft__note{color:var(--ink-muted);font-size:var(--step--1)}.draft__note > p{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-3);margin:0}.draft__outs,.draft__quiet{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-5)}.draft__foot{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-5);color:var(--ink-muted);font-size:var(--step--1)}.draft__foot:not(:has(> :not([hidden]))){display:none}.draft .tool-more{border-top:1px solid var(--line)}.draft .tool-more > summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:var(--tap);color:var(--ink-muted);list-style:none;cursor:pointer}.draft .tool-more > summary::-webkit-details-marker{display:none}.draft .tool-more > summary:hover{color:var(--ink)}.draft__chevron{flex:none;fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.draft .tool-more[open] .draft__chevron{transform:rotate(180deg)}.draft .tool-more__body{display:grid;gap:var(--space-3);padding-block:var(--space-2) var(--space-3)}.draft .tool-more__body > *{min-width:0;margin:0}.draft__run{display:none;gap:var(--space-2);scroll-margin-top:var(--space-5)}.draft__run > *{min-width:0;margin:0}.draft--order:is([data-phase="live"],[data-phase="done"]) .draft__run{display:grid}.draft__clock{font-size:var(--step-1);font-weight:500;line-height:1.25}.draft__sub{min-height:1lh;color:var(--ink-muted);font-size:var(--step--1)}@media screen{.draft--order:is([data-phase="live"],[data-phase="done"]) :is(.draft__lead,.draft__mine,.draft__reversal,.draft__rounds,.draft__more,.draft__foot),.draft--order[data-phase="live"] .draft__outs,.draft--order[data-phase="done"] .draft__outs > [data-act="board"]{display:none}}.draft--order .draft__card{min-height:0;padding:var(--space-4)}.draft__picks{font:var(--display-weight) var(--step-2) / 1.25 var(--font-display);font-variant-numeric:tabular-nums;text-wrap:balance}.draft__picks[data-size="sm"]{font-size:var(--step-1)}.draft__picks[data-size="xs"]{font-size:var(--step-0)}.draft--order .draft__who{font-weight:400}.draft--order caption{padding:var(--space-3);font-weight:700;text-align:start}.draft__rounds .table{font-size:var(--step--1)}.draft__rounds th,.draft__rounds td{padding-inline:var(--space-2)}.draft__rounds thead th{white-space:normal;vertical-align:bottom}.draft__chartbox{position:relative;min-width:0}.draft__chart{position:relative}.draft__captext{display:inline-block;position:sticky;inset-inline-start:var(--space-3);max-width:calc(100cqi - 2 * var(--space-3) - 2px);white-space:normal}.draft__chart .table{width:100%;table-layout:fixed}.draft__chart th,.draft__chart td{min-width:0;padding-inline:1px;text-align:center;font-variant-numeric:tabular-nums}.draft__chart thead th:first-child{width:3.6rem}.draft--order[data-fit="wide"] .draft__chart .table{table-layout:auto}.draft--order[data-fit="wide"] .draft__chart :is(th,td){min-width:2.75rem;padding-inline:var(--space-1)}.draft__chart tbody th,.draft__chart thead th:first-child{position:sticky;inset-inline-start:0;z-index:1;background:var(--surface-2);white-space:nowrap}.draft__chart tbody th::after{content:"";display:inline-block;margin-inline-start:var(--space-1);border-block:0.3em solid transparent;vertical-align:middle}.draft__chart th[data-dir="forward"]::after{border-inline-start:0.45em solid var(--ink-muted)}.draft__chart th[data-dir="back"]::after{border-inline-end:0.45em solid var(--ink-muted)}.draft__cue{display:none;position:absolute;inset-block:1px;inset-inline-end:1px;z-index:2;width:2.75rem;border-start-end-radius:var(--radius);border-end-end-radius:var(--radius);background:linear-gradient(to right,transparent,var(--surface) 75%);pointer-events:none}.draft__cue::after{content:"";position:absolute;inset-block-start:50%;inset-inline-end:0.7rem;width:0.6rem;height:0.6rem;border-block-start:2px solid var(--ink);border-inline-end:2px solid var(--ink);transform:rotate(45deg)}[data-swipe] > .draft__cue{display:block}.draft__mgr{display:block;max-width:5.5rem;margin-inline:auto;overflow:hidden;color:var(--ink-muted);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.draft__num{display:block}.draft--order .is-mine{background:var(--brand-soft);font-weight:800}.draft--order .is-made,.draft--order tr.is-made > *{color:var(--ink-muted);text-decoration:line-through}.draft--order td.is-clock,.draft--order tr.is-clock > *{outline:2px solid var(--brand);outline-offset:-2px;font-weight:800}.draft--order tr.is-clock > * + *{outline:0;background:var(--brand-soft)}@container (max-width:30rem){.draft__chart .table{font-size:0.875rem}.draft--order[data-fit="tight"] .draft__chart .table{font-size:0.72rem}.draft--order:not([data-fit="wide"]) .draft__chart thead th:first-child{width:3.1rem}.draft--order:not([data-fit="wide"]) .draft__chart .draft__mgr{font-size:0.85em;font-weight:400}.draft__rounds th,.draft__rounds td{padding-inline:0.375rem}.draft__quiet{gap:0 var(--space-4);font-size:var(--step--1)}}@container (min-width:46rem){.draft--order .draft__main{grid-template-columns:minmax(0,1fr)}.draft--order .draft__lead{grid-template-columns:max-content minmax(0,20rem) minmax(0,1fr);column-gap:var(--space-5);align-items:start}.draft--order .draft__size{grid-template-columns:max-content;gap:var(--space-2)}.draft--order .draft__pick{justify-content:space-between}.draft--order .draft__result{grid-template-columns:minmax(0,20rem) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:var(--space-5)}.draft--order .draft__mine{grid-area:1 / 1}.draft--order .draft__reversal{grid-area:2 / 1}.draft--order .draft__rounds{grid-area:3 / 1;align-self:start}.draft--order .draft__chartbox{grid-area:1 / 2 / span 3}.draft__captext{max-width:calc(100cqi - 20rem - var(--space-5) - 2 * var(--space-3) - 2px)}.draft--order .draft__run{max-width:32rem}@media screen{.draft--order:is([data-phase="live"],[data-phase="done"]) .draft__chartbox{grid-area:1 / 1 / span 3 / span 2}.draft--order:is([data-phase="live"],[data-phase="done"]) .draft__captext{max-width:calc(100cqi - 2 * var(--space-3) - 2px)}}}@media screen{.draft--order[data-big]{position:fixed;inset:0;z-index:50;container-type:normal;grid-template:"clock go" auto "sub quiet" auto "chart chart" minmax(0,1fr) / minmax(0,1fr) auto;align-items:center;gap:var(--space-2) var(--space-5);padding:var(--space-4) var(--space-5);overflow:auto;overscroll-behavior:contain;background:var(--surface);color:var(--ink)}.draft--order[data-big] :is(.draft__main,.draft__run,.draft__side,.draft__result,.draft__chartbox){display:contents}.draft--order[data-big] :is(.draft__note,.draft__lead,.draft__mine,.draft__reversal,.draft__rounds,.draft__outs,.draft__more,.draft__foot,.draft__cue){display:none}.draft--order[data-big] .draft__clock{grid-area:clock;font:var(--display-weight) clamp(var(--step-2),5vh,4rem) / 1.15 var(--font-display)}.draft--order[data-big] .draft__go{grid-area:go}.draft--order[data-big] .draft__sub{grid-area:sub;font-size:clamp(var(--step-0),2.8vh,2rem)}.draft--order[data-big] .draft__quiet{grid-area:quiet;justify-content:end}.draft--order[data-big] .draft__chart{grid-area:chart;align-self:stretch;max-height:100%}.draft--order[data-big] .draft__chart .table{width:100%;table-layout:fixed;font-size:clamp(0.8rem,min(72vh / (var(--draft-rows,15) + 2) / 1.9,94vw / (var(--draft-cols,12) + 1) / 2.7),3rem);line-height:1.25}.draft--order[data-big] .draft__chart :is(th,td){min-width:0;padding:0.3em 0.2em}.draft--order[data-big] .draft__chart thead th:first-child{width:4.2em}.draft--order[data-big] .draft__mgr{max-width:none;font-size:0.6em}.draft--order[data-big] caption{padding:0 0 var(--space-2);font-size:var(--step-0)}.draft--order[data-big] .draft__captext{max-width:calc(100vw - 2 * var(--space-5));inset-inline-start:0}@media (max-width:40rem){.draft--order[data-big]{grid-template:"clock" auto "go" auto "sub" auto "quiet" auto "chart" minmax(0,1fr) / minmax(0,1fr);padding:var(--space-3)}.draft--order[data-big] .draft__quiet{justify-content:start}.draft--order[data-big] .draft__chart .table{table-layout:auto}.draft--order[data-big] .draft__chart :is(th,td){min-width:2.4em;white-space:nowrap}.draft--order[data-big] .draft__captext{max-width:calc(100vw - 2 * var(--space-3))}}}@media print{.draft--order[data-paper="chart"] .draft__mine,.draft--order[data-paper="chart"] .draft__rounds,.draft--order[data-paper="mine"] .draft__chart{display:none}.draft--order .draft__result{grid-template-columns:minmax(0,1fr);grid-template-rows:none}.draft--order :is(.draft__mine,.draft__reversal,.draft__rounds,.draft__chartbox){grid-area:auto}.draft--order,.draft--order .draft__main,.draft--order .draft__side,.draft--order .draft__result{gap:var(--space-1)}.draft--order .draft__print-title{font-size:var(--step-1);line-height:1.2}.draft--order .draft__print-summary{font-size:var(--step--1)}.draft--order[data-resized] .draft__print-title{display:none}.draft--order[data-resized] .draft__print-summary{font-size:var(--step-0);font-weight:700}.draft--order .draft__mine{display:grid;gap:0;place-items:start;min-height:0;padding:0;border:0;text-align:start}.draft--order .draft__mine > *{margin:0}.draft--order .draft__mine .result-card__label,.draft--order .draft__mine .draft__who{display:none}.draft--order .draft__picks,.draft--order .draft__picks[data-size]{font-size:var(--step-0)}.draft--order .draft__detail{min-height:0}.draft--order .table-wrap{overflow:visible;border-radius:0}.draft--order .draft__rounds,.draft--order .draft__chart{break-inside:avoid}.draft--order caption{padding:1mm}.draft__rounds .table{font-size:9pt;line-height:1.25}.draft__rounds th,.draft__rounds td{padding-block:0.5mm}.draft__chart .table{table-layout:fixed;font-size:8pt;line-height:1.2}.draft__chart th,.draft__chart td{min-width:0;padding:0.6mm 0.5mm}.draft__chart tbody th,.draft__chart thead th:first-child{position:static}.draft__chart thead th:first-child{width:11mm}.draft__chart thead th{vertical-align:bottom}.draft__mgr{display:-webkit-box;max-width:none;overflow:hidden;font-size:6.5pt;line-height:1.2;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.draft--order td.is-mine,.draft--order th.is-mine{border-inline:1.5pt solid var(--ink)}.draft--order td.is-clock,.draft--order tr.is-clock > *{outline-color:var(--ink)}}.draft--order .draft__outs{align-items:center}