.player-panel #player-list{container-name:draft-players;container-type:inline-size}
.player-panel .player-toolbar{padding:12px 14px;gap:10px}
body:has(.draft-page){overflow-anchor:none}
.player-panel .player-search,.player-panel .player-filter{min-height:44px;height:44px;font-size:14px;padding-top:8px;padding-bottom:8px}
.player-panel .player-columns{display:none}
.player-panel .player-position-groups{display:block;column-count:1;column-gap:24px;padding:0 14px 14px}
.player-panel .player-position-group{min-width:0;break-inside:avoid-column;margin:0 0 14px}
.player-panel .player-position-group:last-child{margin-bottom:0}
.player-panel .player-position-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-height:30px;margin:0;padding:6px 0 7px;border-bottom:1px solid #657f9d;font:700 14px/1.25 var(--body,'Segoe UI',Arial,sans-serif);text-transform:none;letter-spacing:0;color:#2b3d54}
.player-panel .player-position-count{font:600 12px/1.25 var(--body,'Segoe UI',Arial,sans-serif);font-variant-numeric:tabular-nums;color:#39506e}
.player-panel .player-row{grid-template-columns:minmax(100px,1fr) 126px 60px;grid-template-areas:'identity stats pick';align-items:center;column-gap:8px;row-gap:0;min-height:60px;padding:8px 0;border-top:0;border-bottom:1px solid #dadfe6}
.player-panel .player-row:last-child{border-bottom:0}
.player-panel .player-identity{grid-area:identity;min-width:0}
.player-panel .player-name-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;min-width:0}
.player-panel .player-name{margin:0;font:650 16px/1.25 var(--body,'Segoe UI',Arial,sans-serif);overflow-wrap:anywhere;color:#142b43}
.player-panel .player-meta{margin-top:3px;font:400 12px/1.25 var(--body,'Segoe UI',Arial,sans-serif);color:#374e6b;overflow-wrap:anywhere}
.player-panel .player-stats{grid-area:stats;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:4px;min-width:0;font-variant-numeric:tabular-nums}
.player-panel .player-stats>span{display:flex;flex-direction:column;align-items:center;gap:2px;white-space:nowrap;font:600 13px/1.3 var(--body,'Segoe UI',Arial,sans-serif);color:#192b43}
.player-panel .player-stats small{order:1;margin:0;font:500 11px/1.3 var(--body,'Segoe UI',Arial,sans-serif);color:#3d5676}
.player-panel .player-pick{grid-area:pick;align-self:center;min-width:60px;min-height:44px;padding:8px 3px;font:650 13px/1.3 var(--body,'Segoe UI',Arial,sans-serif);color:#152438}
.player-panel .player-row.selected .player-pick{color:#142b43}
.player-panel .player-row.selected{grid-template-columns:minmax(0,1fr) 60px;grid-template-areas:'identity pick' 'stats pick';row-gap:4px;background:#fff0e5}
.player-panel .player-row.selected .player-meta{display:none}
.player-panel .player-row.selected .player-stats{display:flex;justify-content:flex-start;gap:12px}
.player-panel .player-row.selected .player-stats>span{flex-direction:row;gap:4px}
.player-panel .player-row.selected .player-stats small{order:0}
.player-panel .player-inline-choices{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;max-width:100%;min-width:0}
.player-panel .player-inline-choices .slot-choice{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;max-width:100%;margin:0;padding:8px 10px;border:1px solid #132133;border-radius:4px;background:#132133;color:#fff;font:650 13px/1.25 var(--body,'Segoe UI',Arial,sans-serif);overflow-wrap:anywhere}
.player-panel .player-inline-choices .slot-choice:hover{background:#30435c;border-color:#30435c}
.player-panel .player-inline-choices .slot-choice:disabled{cursor:wait;opacity:.6}
.player-panel .player-inline-choices .slot-choice:focus-visible{outline:3px solid #176aab;outline-offset:3px}
.player-panel .player-pick:focus-visible{outline:3px solid #176aab;outline-offset:3px}
.player-panel .draft-player-empty{padding:20px 14px;text-align:left}
.player-panel .draft-player-empty p{margin:0;font-size:14px;line-height:1.5}
.player-panel #pick-tray:empty{display:none}
@container draft-players (min-width:760px){.player-panel .player-position-groups{column-count:2}}
@container draft-players (max-width:410px){.player-panel .player-row{grid-template-columns:minmax(100px,1fr) 108px 52px;column-gap:8px}.player-panel .player-row.selected{grid-template-columns:minmax(0,1fr) 52px}.player-panel .player-pick{min-width:52px;font-size:12px}}
@container draft-players (max-width:309px){.player-panel .player-row{grid-template-columns:minmax(0,1fr) 52px;grid-template-areas:'identity pick' 'stats pick';row-gap:4px}.player-panel .player-stats{display:flex;justify-content:flex-start;gap:10px}.player-panel .player-stats>span{flex-direction:row;gap:4px}.player-panel .player-stats small{order:0}}
@supports not (container-type:inline-size){@media(min-width:1180px){.player-panel .player-position-groups{column-count:2}}@media(max-width:450px){.player-panel .player-row{grid-template-columns:minmax(100px,1fr) 108px 52px;column-gap:8px}.player-panel .player-row.selected{grid-template-columns:minmax(0,1fr) 52px}.player-panel .player-pick{min-width:52px;font-size:12px}}@media(max-width:340px){.player-panel .player-row{grid-template-columns:minmax(0,1fr) 52px;grid-template-areas:'identity pick' 'stats pick';row-gap:4px}}}
@media(max-width:640px){.player-panel .player-toolbar{padding:10px 12px;gap:8px}.player-panel .player-search,.player-panel .player-filter{font-size:16px}.player-panel .player-position-groups{padding:0 12px 12px}.player-panel .player-position-group{margin-bottom:12px}.player-panel .player-name{font-size:16px}}
/* Release 210: one line of numbers per player. A group whose players share a stat line names the columns once, in a strip
   under its heading, above right-aligned values; each value keeps its label for screen readers. A group narrower than the
   name, the columns and Pick puts the same columns under the name. Mixed groups keep the labelled cells above. */
.player-panel .player-position-group[data-stat-cols]{container:stat-group/inline-size;--stat-n:6;--stat-col:40px}
.player-panel .player-position-group[data-stat-cols="4"]{--stat-n:4}
.player-panel [data-stat-cols] :is(.player-stat-head,.player-row,.player-row.selected){grid-template-columns:minmax(0,1fr) calc(var(--stat-n)*var(--stat-col)) 60px;grid-template-areas:'identity stats pick';column-gap:8px}
.player-panel .player-stat-head{display:grid;padding:7px 0 1px;font:600 11px/1.2 var(--body,'Segoe UI',Arial,sans-serif);color:#3d5676}
.player-panel .player-stat-head>span:first-child{grid-area:identity}.player-panel .player-stat-head>span:last-child{grid-area:pick}
.player-panel :is(.player-stat-labels,[data-stat-cols] .player-stats,[data-stat-cols] .player-row.selected .player-stats){grid-area:stats;display:grid;grid-template-columns:repeat(var(--stat-n),minmax(0,1fr));gap:0;justify-content:start}
.player-panel :is(.player-stat-labels,[data-stat-cols] .player-stats)>span{display:block;padding-right:7px;text-align:right;white-space:nowrap}
.player-panel [data-stat-cols] .player-stats>span,.player-panel [data-stat-cols] .player-row.selected .player-stats>span{font:600 14px/1.3 var(--body,'Segoe UI',Arial,sans-serif)}
.player-panel [data-stat-cols] .player-stats small{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@container stat-group (max-width:439px){.player-panel [data-stat-cols="6"] :is(.player-stat-head,.player-row,.player-row.selected){grid-template-columns:minmax(0,1fr) 52px;grid-template-areas:'identity pick' 'stats pick';row-gap:3px}.player-panel [data-stat-cols="6"] .player-stat-head>span:first-child{display:none}.player-panel [data-stat-cols="6"] .player-pick{min-width:52px}}
@container stat-group (max-width:359px){.player-panel [data-stat-cols="4"] :is(.player-stat-head,.player-row,.player-row.selected){grid-template-columns:minmax(0,1fr) 52px;grid-template-areas:'identity pick' 'stats pick';row-gap:3px}.player-panel [data-stat-cols="4"] .player-stat-head>span:first-child{display:none}.player-panel [data-stat-cols="4"] .player-pick{min-width:52px}}
@supports not (container-type:inline-size){@media(max-width:560px){.player-panel [data-stat-cols] :is(.player-stat-head,.player-row,.player-row.selected){grid-template-columns:minmax(0,1fr) 52px;grid-template-areas:'identity pick' 'stats pick';row-gap:3px}.player-panel [data-stat-cols] .player-stat-head>span:first-child{display:none}}}
/* Release 211: a chosen player's position buttons get their own line across the row, under the name and numbers. */
.player-panel .player-row.selected{grid-template-areas:'identity pick' 'stats pick' 'choices choices'}
.player-panel [data-stat-cols] .player-row.selected{grid-template-areas:'identity stats pick' 'choices choices choices';row-gap:8px}
.player-panel .player-row.selected .player-inline-choices{grid-area:choices;display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px}
.player-panel .player-choice-label{margin-right:4px;font:600 13px/1.25 var(--body,'Segoe UI',Arial,sans-serif);color:#2b3d54}
@container stat-group (max-width:439px){.player-panel [data-stat-cols="6"] .player-row.selected{grid-template-areas:'identity pick' 'stats pick' 'choices choices'}.player-panel [data-stat-cols="6"] :is(.player-stat-head,.player-row,.player-row.selected){grid-template-columns:minmax(0,1fr) 60px}.player-panel [data-stat-cols="6"] .player-pick{min-width:60px}.player-panel [data-stat-cols="6"] .player-choice-label{flex-basis:100%}}
@container stat-group (max-width:359px){.player-panel [data-stat-cols="4"] .player-row.selected{grid-template-areas:'identity pick' 'stats pick' 'choices choices'}.player-panel [data-stat-cols="4"] :is(.player-stat-head,.player-row,.player-row.selected){grid-template-columns:minmax(0,1fr) 60px}.player-panel [data-stat-cols="4"] .player-pick{min-width:60px}.player-panel [data-stat-cols="4"] .player-choice-label{flex-basis:100%}}
@supports not (container-type:inline-size){@media(max-width:560px){.player-panel [data-stat-cols] .player-row.selected{grid-template-areas:'identity pick' 'stats pick' 'choices choices'}.player-panel [data-stat-cols] .player-choice-label{flex-basis:100%}}}