/* The same labeled position groups and roster cells carry sport-specific paper tints. */
html[data-sport="nba"]{--draft-position-ink:var(--bb-ink);--draft-position-muted:var(--bb-muted-ink);--draft-position-selected:#ffddb4}
html[data-sport="nhl"]{--draft-position-ink:var(--hk-ink);--draft-position-muted:#355b62;--draft-position-selected:#b8edf0}
html[data-sport="nfl"]{--draft-position-ink:var(--fb-ink);--draft-position-muted:#4f4840;--draft-position-selected:#f6c9c4}

html[data-sport="nba"] :is(.player-position-group[data-position="PG"],[data-roster-position="PG"]){--position-paper:#deedd5}
html[data-sport="nba"] :is(.player-position-group[data-position="SG"],[data-roster-position="SG"]){--position-paper:#f6dfc9}
html[data-sport="nba"] :is(.player-position-group[data-position="SF"],[data-roster-position="SF"]){--position-paper:#e9dff1}
html[data-sport="nba"] :is(.player-position-group[data-position="PF"],[data-roster-position="PF"]){--position-paper:#f2e2b3}
html[data-sport="nba"] :is(.player-position-group[data-position="C"],[data-roster-position="C"]){--position-paper:#f0dce2}
html[data-sport="nba"] :is(.player-position-group[data-position="G"],[data-roster-position="G"]){--position-paper:#d7ece4}
html[data-sport="nba"] :is(.player-position-group[data-position="F"],[data-roster-position="F"]){--position-paper:#f2eacc}
html[data-sport="nba"] :is(.player-position-group[data-position="UTIL"],[data-roster-position="UTIL"]){--position-paper:#e5e2d6}

html[data-sport="nhl"] :is(.player-position-group[data-position="C"],[data-roster-position="C"]){--position-paper:#f4e4b9}
html[data-sport="nhl"] :is(.player-position-group[data-position="LW"],[data-roster-position="LW"]){--position-paper:#deedce}
html[data-sport="nhl"] :is(.player-position-group[data-position="RW"],[data-roster-position="RW"]){--position-paper:#f7dfcc}
html[data-sport="nhl"] :is(.player-position-group[data-position="D"],[data-roster-position="D1"],[data-roster-position="D2"]){--position-paper:#e7dff1}
html[data-sport="nhl"] :is(.player-position-group[data-position="G"],[data-roster-position="G"]){--position-paper:#f1dce5}
html[data-sport="nhl"] [data-roster-position="F"]{--position-paper:#eeebc7}
html[data-sport="nhl"] [data-roster-position="UTIL"]{--position-paper:#d8eee8}
html[data-sport="nfl"] :is(.player-position-group[data-position="QB"],[data-roster-position="QB"]){--position-paper:#f4e4b9}
html[data-sport="nfl"] :is(.player-position-group[data-position="RB"],[data-roster-position="RB"]){--position-paper:#deedce}
html[data-sport="nfl"] :is(.player-position-group[data-position="WR"],[data-roster-position="WR1"],[data-roster-position="WR2"]){--position-paper:#e2e6f3}
html[data-sport="nfl"] :is(.player-position-group[data-position="TE"],[data-roster-position="TE"]){--position-paper:#f7dfcc}
html[data-sport="nfl"] :is(.player-position-group[data-position="K"],[data-roster-position="K"]){--position-paper:#d9ece9}
html[data-sport="nfl"] [data-roster-position="FLEX"]{--position-paper:#eeebc7}
html[data-sport="nfl"] .player-position-group[data-position="E"]{--position-paper:#e6ecdd}
html[data-sport="nfl"] :is(.player-position-group[data-position="DEF"],[data-roster-position="DEF"]){--position-paper:#f1dce0}

html:is([data-sport="nba"],[data-sport="nhl"],[data-sport="nfl"]) .player-panel .player-position-group[data-position]{background:var(--position-paper);color:var(--draft-position-ink)}
html:is([data-sport="nba"],[data-sport="nhl"],[data-sport="nfl"]) .player-panel .player-position-group[data-position] .player-position-heading{background:color-mix(in srgb,var(--position-paper) 91%,var(--draft-position-ink) 9%);color:var(--draft-position-ink)}
html:is([data-sport="nba"],[data-sport="nhl"],[data-sport="nfl"]) .player-panel .player-position-group[data-position] .player-position-count{background:transparent;color:var(--draft-position-ink)}
html:is([data-sport="nba"],[data-sport="nhl"],[data-sport="nfl"]) .player-panel .player-position-group[data-position] :is(.player-meta,.player-stats small){color:var(--draft-position-muted)}
html:is([data-sport="nba"],[data-sport="nhl"],[data-sport="nfl"]) .player-panel .player-position-group[data-position] .player-row:not(.selected){background:var(--position-paper)}
html:is([data-sport="nba"],[data-sport="nhl"],[data-sport="nfl"]) .player-panel .player-position-group[data-position] .player-row:not(.selected):is(:hover,:focus-within){background:color-mix(in srgb,var(--position-paper) 94%,var(--draft-position-ink) 6%)}
html:is([data-sport="nba"],[data-sport="nhl"],[data-sport="nfl"]) .player-panel .player-position-group[data-position] .player-row.selected{background:var(--draft-position-selected)}
html:is([data-sport="nba"],[data-sport="nhl"],[data-sport="nfl"]) .roster-slot[data-roster-position] .slot-id{display:inline-grid;place-items:center;min-width:30px;min-height:26px;flex:none;padding:2px;border-radius:2px;background:var(--position-paper);color:var(--draft-position-ink)}
html:is([data-sport="nba"],[data-sport="nhl"],[data-sport="nfl"]) td.public-roster-slot[data-roster-position]{background:var(--position-paper);color:var(--draft-position-ink);font-weight:700;text-align:center}
@media(forced-colors:active){html:is([data-sport="nba"],[data-sport="nhl"],[data-sport="nfl"]) .roster-slot[data-roster-position] .slot-id{border:1px solid ButtonText}}