.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__size,.draft__paper{display:grid;gap:var(--space-2);min-width:0;margin:0;padding:0;border:0}.draft__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.draft__stepper{display:grid;grid-template-columns:var(--tap) minmax(0,1fr) var(--tap);align-items:center;gap:var(--space-1)}.draft__count{display:grid;justify-items:center;gap:2px;min-width:0;line-height:1}.draft__value{font:var(--display-weight) var(--step-1) / 1 var(--font-display);font-variant-numeric:tabular-nums}.draft__unit{color:var(--ink-muted);font-size:0.75rem;font-weight:700}.draft--order:is([data-phase="live"],[data-phase="done"]) :is(.draft__size,.draft__reversal){opacity:0.6}.draft__slotbox{display:grid;gap:var(--space-2)}.draft__slotbox > *{margin:0}.draft__leadline a{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:disabled{visibility:hidden}.draft__status{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-1)}.draft__status > *{min-width:0;min-height:1lh;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft__clock{font-weight:650}.draft__sub,.draft__next{color:var(--ink-muted);font-size:var(--step--1)}.draft__aux{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;min-height:var(--tap)}.draft__aux > *{min-width:0;margin:0}.draft__auxrow{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.draft__auxrow > p{display:-webkit-box;min-width:0;margin:0;overflow:hidden;font-size:var(--step--1);line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.draft__auxrow .btn{flex:none;max-width:100%;min-height:var(--tap);line-height:1.15}.draft__undo:disabled{visibility:hidden}.draft__reset{display:inline-grid;place-items:center}.draft__reset > span{grid-area:1 / 1}.draft__reset > [data-when="offer"],[data-offer] .draft__reset > [data-when="clear"]{visibility:hidden}[data-offer] .draft__reset > [data-when="offer"]{visibility:visible}.draft__names .check{padding-inline:0}.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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft--order .draft__detail{min-height:2lh}.draft--order caption{padding:var(--space-3);font-weight:700;text-align:start}.draft__rounds thead th{white-space:normal;vertical-align:bottom}.draft__chart{position:relative}.draft__chart th,.draft__chart td{min-width:var(--tap);padding-inline:var(--space-2);text-align:center}.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__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 (min-width:46rem){.draft--order .draft__main{grid-template-columns:minmax(0,1fr)}.draft--order .draft__lead{grid-template-columns:minmax(0,20rem) minmax(0,1fr);column-gap:var(--space-5);align-items:start}.draft--order .draft__size{align-self:center}.draft--order .draft__slotbox{grid-column:1 / -1}.draft--order .draft__status{grid-area:3 / 1}.draft--order .draft__aux{grid-area:4 / 1}.draft--order .draft__reversal{grid-area:3 / 2}.draft--order .draft__names{grid-area:4 / 2}.draft--order .draft__lead--plain .draft__names{grid-area:3 / 2 / span 2}.draft--order .draft__detail{min-height:1lh}.draft--order .draft__result{grid-template-columns:minmax(0,20rem) minmax(0,1fr);column-gap:var(--space-5)}.draft--order .draft__mine{align-self:start}.draft--order .draft__chart{grid-column:1 / -1}}@media screen{.draft--order[data-big]{position:fixed;inset:0;z-index:50;container-type:normal;grid-template:"status go exit" auto "status aux aux" auto "chart chart chart" minmax(0,1fr) / minmax(0,1fr) auto auto;align-items:center;gap:var(--space-3) 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__lead,.draft__side,.draft__result,.draft__bar){display:contents}.draft--order[data-big] :is(.draft__size,.draft__slotbox,.draft__reversal,.draft__names,.draft__mine,.draft__rounds,.draft__paper),.draft--order[data-big] .draft__bar > :not(.draft__bigbtn){display:none}.draft--order[data-big] .draft__status{grid-area:status}.draft--order[data-big] .draft__go{grid-area:go}.draft--order[data-big] .draft__aux{grid-area:aux}.draft--order[data-big] .draft__bigbtn{grid-area:exit}.draft--order[data-big] .draft__chart{grid-area:chart;align-self:stretch;max-height:100%}.draft--order[data-big] .draft__clock{font:var(--display-weight) clamp(var(--step-2),5vh,4rem) / 1.15 var(--font-display)}.draft--order[data-big] :is(.draft__sub,.draft__next){font-size:clamp(var(--step-0),2.8vh,2rem)}.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)}@media (max-width:40rem){.draft--order[data-big]{grid-template:"status exit" auto "go go" auto "aux aux" auto "chart chart" minmax(0,1fr) / minmax(0,1fr) auto;padding:var(--space-3)}.draft--order[data-big] .draft__bigbtn{align-self:start;padding-inline:var(--space-3)}.draft--order[data-big] .draft__chart :is(th,td){min-width:2.4em}}}@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--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 .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)}}
