/* Blacktop Analog player list: the same information hierarchy at every width. */ #tlt-wellbeing-league #tlt-wb-market .wb141-player-columns, #tlt-wellbeing-league #tlt-wb-market .wb131-available-list .is-pool{display:grid;grid-template-columns:34px minmax(0,1fr) 94px 44px 166px 64px 74px;column-gap:10px;padding:8px 14px;box-sizing:border-box} #tlt-wellbeing-league #tlt-wb-market .wb141-player-columns{align-items:center;border-bottom:1px solid #c6cfc31d;background:linear-gradient(140deg,#1a2730f5,#101920f5);box-shadow:inset 0 1px #ffffff08;position:relative;z-index:1} #tlt-wellbeing-league #tlt-wb-market .wb141-player-columns button{display:flex;align-items:center;justify-content:flex-end;gap:3px;min-width:0;min-height:44px;margin:0;padding:4px 0;border:0;border-radius:5px;background:none;box-shadow:none;font:500 11px/1.2 system-ui;color:#9dafba;letter-spacing:0;cursor:pointer} #tlt-wellbeing-league #tlt-wb-market .wb141-player-columns button small{display:block;font-size:9px;line-height:1.5;color:#b9aa88} #tlt-wellbeing-league #tlt-wb-market .wb141-player-columns button[aria-pressed=true]{color:#efdfbb} #tlt-wellbeing-league #tlt-wb-market .wb141-player-columns button:focus-visible{outline:2px solid #a6dad3;outline-offset:1px} #tlt-wellbeing-league #tlt-wb-market .wb141-sort-arrows{display:flex;flex-shrink:0;gap:0;color:#647581} #tlt-wellbeing-league #tlt-wb-market .wb141-sort-arrows i{font-size:11px;font-style:normal;font-weight:400} #tlt-wellbeing-league #tlt-wb-market .wb141-sort-arrows i.is-active{color:#ead5a5;font-weight:750} #tlt-wellbeing-league #tlt-wb-market .wb141-player-columns .wb141-sort-rank{grid-column:1;justify-content:center} #tlt-wellbeing-league #tlt-wb-market .wb141-player-columns .wb141-sort-name{grid-column:2;justify-content:flex-start} #tlt-wellbeing-league #tlt-wb-market .wb141-sort-age{grid-column:4} #tlt-wellbeing-league #tlt-wb-market .wb141-sort-points{grid-column:6} #tlt-wellbeing-league #tlt-wb-market .wb141-sort-season{grid-column:7} #tlt-wellbeing-league #tlt-wb-market .wb131-available-list .is-pool{grid-template-rows:auto;min-height:65px;align-items:center;border-bottom:1px solid #acbfd013} #tlt-wellbeing-league #tlt-wb-market .is-pool .wb130-position{grid-column:1;grid-row:1} #tlt-wellbeing-league #tlt-wb-market .is-pool .wb130-identity{grid-column:2;grid-row:1} #tlt-wellbeing-league #tlt-wb-market .is-pool .wb130-game{grid-column:3;grid-row:1} #tlt-wellbeing-league #tlt-wb-market .is-pool .wb141-age{grid-column:4;grid-row:1;text-align:right;color:#a9b8c2;font:450 12px/1.4 system-ui;font-variant-numeric:tabular-nums} #tlt-wellbeing-league #tlt-wb-market .is-pool .wb130-player-actions{grid-column:5;grid-row:1;gap:5px;min-width:0;flex-wrap:nowrap;justify-content:flex-end} #tlt-wellbeing-league #tlt-wb-market .is-pool .wb130-player-actions :is(button,a){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;min-height:40px;height:40px;margin:0!important;padding:5px 7px!important;font:500 11px/1 system-ui!important;white-space:nowrap;flex-shrink:0} #tlt-wellbeing-league #tlt-wb-market .is-pool .wb130-player-actions .wb132-add{width:38px;min-width:38px;min-height:40px;grid-column:auto;grid-row:auto;font-size:23px!important;line-height:1;background:#77b9a719;color:#a8d3c7;border-color:#7aab983b;border-radius:7px;margin:0!important} #tlt-wellbeing-league #tlt-wb-market .is-pool .wb130-projection{grid-column:6;grid-row:1} #tlt-wellbeing-league #tlt-wb-market .is-pool .wb141-season{grid-column:7;grid-row:1;text-align:right;color:#decba2;font-variant-numeric:tabular-nums;white-space:nowrap} #tlt-wellbeing-league #tlt-wb-market .is-pool .wb141-season b{font-size:15px;font-weight:550} #tlt-wellbeing-league #tlt-wb-market .is-pool .wb126-details{grid-column:1/-1;grid-row:auto;min-width:0} #tlt-wellbeing-league #tlt-wb-market .wb131-player-pool .lui-player-toolbar .lui-search{width:100%;flex:1} #tlt-wellbeing-league #tlt-wb-market .wb141-back-teams{display:none} @container wbRoster (max-width:760px){ #tlt-wellbeing-league #tlt-wb-market .wb141-player-columns, #tlt-wellbeing-league #tlt-wb-market .wb131-available-list .is-pool{grid-template-columns:24px minmax(0,1fr) 32px 43px 55px;column-gap:6px;padding:6px 9px} #tlt-wellbeing-league #tlt-wb-market .wb141-player-columns button{font-size:10px;min-height:44px} #tlt-wellbeing-league #tlt-wb-market .wb141-sort-age{grid-column:3} #tlt-wellbeing-league #tlt-wb-market .wb141-sort-points{grid-column:4} #tlt-wellbeing-league #tlt-wb-market .wb141-sort-season{grid-column:5} #tlt-wellbeing-league #tlt-wb-market .wb131-available-list .is-pool{grid-template-rows:auto auto;min-height:86px;row-gap:2px} #tlt-wellbeing-league #tlt-wb-market .is-pool .wb130-position{grid-row:1/3;align-self:start;padding-top:3px} #tlt-wellbeing-league #tlt-wb-market .is-pool .wb130-position>.lui-player-mark{width:22px;height:33px} #tlt-wellbeing-league #tlt-wb-market .is-pool .wb130-identity{grid-column:2;grid-row:1} #tlt-wellbeing-league #tlt-wb-market .is-pool .wb130-identity>strong{font-size:12px;line-height:16px;overflow-wrap:anywhere} #tlt-wellbeing-league #tlt-wb-market .is-pool .wb130-game{grid-column:2;grid-row:2;flex-direction:column;gap:0;align-self:center} #tlt-wellbeing-league #tlt-wb-market .is-pool .wb141-age{grid-column:3;grid-row:1;font-size:11px} #tlt-wellbeing-league #tlt-wb-market .is-pool .wb130-projection{grid-column:4;grid-row:1} #tlt-wellbeing-league #tlt-wb-market .is-pool .wb130-projection>b{font-size:12px} #tlt-wellbeing-league #tlt-wb-market .is-pool .wb141-season{grid-column:5;grid-row:1} #tlt-wellbeing-league #tlt-wb-market .is-pool .wb141-season b{font-size:13px} #tlt-wellbeing-league #tlt-wb-market .is-pool .wb130-player-actions{grid-column:3/-1;grid-row:2;gap:3px;align-self:center} #tlt-wellbeing-league #tlt-wb-market .is-pool .wb130-player-actions :is(button,a){height:44px;min-height:44px;padding:4px!important;font-size:10px!important} #tlt-wellbeing-league #tlt-wb-market .is-pool .wb130-player-actions .wb132-add{width:32px;min-width:32px;font-size:23px!important} } /* Only the free-agent page needs the upper managed-team selector on a phone. */ @media(max-width:1023px){ #tlt-wellbeing-league #tlt-wb-market .lui:is([data-page=league],[data-page=franchise],[data-page=action],[data-page=schedule]) .lui-context{display:none} #tlt-wellbeing-league #tlt-wb-market .lui[data-page=players] .lui-context{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:10px 0} #tlt-wellbeing-league #tlt-wb-market .lui[data-page=players] .lui-context-label{display:none} #tlt-wellbeing-league #tlt-wb-market .lui[data-page=players] .lui-owned-teams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;width:100%;margin:0} #tlt-wellbeing-league #tlt-wb-market .lui[data-page=players] .lui-team-switch{width:100%;max-width:none;min-width:0;min-height:48px;gap:6px;padding:6px!important;font-size:11px} #tlt-wellbeing-league #tlt-wb-market .lui[data-page=players] .lui-team-switch>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0} #tlt-wellbeing-league #tlt-wb-market .lui[data-page=players] .lui-team-switch .lui-franchise-mark{width:25px;height:30px;min-width:25px;flex-basis:25px} #tlt-wellbeing-league #tlt-wb-market .lui[data-page=players] .lui-context>.lui-link{font-size:10px;min-height:44px;padding:4px!important;margin:0} #tlt-wellbeing-league #tlt-wb-market .wb141-back-teams{display:inline-flex;min-height:44px;margin-bottom:4px} } /* Forecasts share the season table; the header always says what they are. */ :is(#tlt-wellbeing-league,#wb130-stats-dialog) .wb126-table .wb141-projected-cell{background:#d0b47c10;color:#e3ce9e;border-inline:1px solid #d0b47c20} :is(#tlt-wellbeing-league,#wb130-stats-dialog) .wb141-projected-label{display:block;font:650 9px/1.5 system-ui;color:#dec392;letter-spacing:.02em;text-transform:none} :is(#tlt-wellbeing-league,#wb130-stats-dialog) .wb141-season-source{font-size:10px;line-height:1.5;color:#8fa0ad;margin:8px 0 0} :is(#tlt-wellbeing-league,#wb130-stats-dialog) .wb141-season-panel{padding:14px;border:1px solid #c6b07e2d;border-radius:10px;background:linear-gradient(135deg,#c7ac7010,#0b1720c9);margin-top:14px} :is(#tlt-wellbeing-league,#wb130-stats-dialog) .wb141-season-panel h4{margin:0 0 10px;font-size:13px} :is(#tlt-wellbeing-league,#wb130-stats-dialog) .wb141-season-panel dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:0} :is(#tlt-wellbeing-league,#wb130-stats-dialog) .wb141-season-panel dl>div{display:flex;gap:8px;justify-content:space-between;font-size:11px} :is(#tlt-wellbeing-league,#wb130-stats-dialog) .wb141-season-panel dt{color:#9eb0be} :is(#tlt-wellbeing-league,#wb130-stats-dialog) .wb141-season-panel dd{margin:0;color:#dfc99d;font-variant-numeric:tabular-nums} @media(max-width:760px){ #wb130-stats-dialog .wb126-table{width:100%;min-width:0;table-layout:fixed} #wb130-stats-dialog .wb126-table :is(th,td){padding:6px 3px;font-size:10px;white-space:normal;overflow-wrap:anywhere} #wb130-stats-dialog .wb126-table tr>:first-child{width:31%} } /* The desktop draft palette applies at every viewport and board zoom. */ #tlt-wellbeing-league #tlt-wellbeing-matrix-vfd .mxvfd-pick.is-filled[data-pos=QB]{--wb139-fill:#32202d} #tlt-wellbeing-league #tlt-wellbeing-matrix-vfd .mxvfd-pick.is-filled[data-pos=RB]{--wb139-fill:#20312b} #tlt-wellbeing-league #tlt-wellbeing-matrix-vfd .mxvfd-pick.is-filled[data-pos=WR]{--wb139-fill:#203041} #tlt-wellbeing-league #tlt-wellbeing-matrix-vfd .mxvfd-pick.is-filled[data-pos=TE]{--wb139-fill:#352e20} #tlt-wellbeing-league #tlt-wellbeing-matrix-vfd .mxvfd-pick.is-filled[data-pos=K]{--wb139-fill:#2c263b} #tlt-wellbeing-league #tlt-wellbeing-matrix-vfd .mxvfd-pick.is-filled[data-pos=DST]{--wb139-fill:#2a3035} #tlt-wellbeing-league #tlt-wellbeing-matrix-vfd .mxvfd-pick.is-filled{background:var(--wb139-fill,#182632)!important;border-radius:4px} #tlt-wellbeing-league #tlt-wellbeing-matrix-vfd .mxvfd-pick.is-filled .mxvfd-pick-asset em{color:#dbe2e8;font-weight:550} #tlt-wellbeing-league #tlt-wellbeing-matrix-vfd .mxvfd-pick.is-selected{outline:2px solid #bdeade;outline-offset:-2px} /* Compact matchup identity; full player rows use the separate column below. */ #tlt-wellbeing-league #tlt-wb-market .wb156-roster-identity{display:inline-flex;align-items:center;gap:6px;min-width:0} #tlt-wellbeing-league #tlt-wb-market .wb156-depth-label{color:#b5c5d0;font:600 10px/1.45 system-ui;letter-spacing:.025em;white-space:nowrap} #tlt-wellbeing-league #tlt-wb-market .wb156-position-mobile{display:none} #tlt-wellbeing-league #tlt-wb-market .lui-position-filters .wb156-nfl-fa-filter{margin-left:5px;border-color:#a7cfc34a;color:#bfdcd5} #tlt-wellbeing-league #tlt-wb-market .lui-position-filters .wb156-nfl-fa-filter.is-active{border-color:#a7cfc3;background:#507f7545;color:#e1f4ef} :is(#tlt-wellbeing-league,#wb130-stats-dialog) .wb156-roster-panel{margin:0 0 12px;padding:10px 12px;border:1px solid #aec9d12b;border-radius:8px;background:#14242da1} :is(#tlt-wellbeing-league,#wb130-stats-dialog) .wb156-roster-panel>div{display:flex;align-items:center;justify-content:space-between;gap:10px} :is(#tlt-wellbeing-league,#wb130-stats-dialog) .wb156-roster-panel h4{margin:0;color:#a4b8c4;font:600 11px/1.5 system-ui} :is(#tlt-wellbeing-league,#wb130-stats-dialog) .wb156-roster-panel strong{color:#e6d3ac;font:650 13px/1.5 system-ui} :is(#tlt-wellbeing-league,#wb130-stats-dialog) .wb156-roster-panel p{margin:4px 0;color:#bdcbd2;font:400 11px/1.5 system-ui} :is(#tlt-wellbeing-league,#wb130-stats-dialog) .wb156-roster-panel small{color:#8ea3af;font:400 10px/1.5 system-ui} @container wbRoster (max-width:760px){ #tlt-wellbeing-league #tlt-wb-market .wb156-depth-label{display:none} #tlt-wellbeing-league #tlt-wb-market .wb156-position-mobile{display:inline} } /* This league's NFL facts occupy their own desktop column. Phone Stats owns the same facts, so the player identity never accumulates another tiny line. */ #tlt-wellbeing-league #tlt-wb-market .wb157-roster-column, #tlt-wellbeing-league #tlt-wb-market .wb141-player-columns.wb157-roster-layout>.wb157-roster-heading{display:none} #tlt-wellbeing-league #tlt-wb-market .wb157-roster-layout>.wb130-identity>.wb130-meta:empty{display:none} #tlt-wellbeing-league #tlt-wb-market .wb157-roster-facts{display:grid;grid-template-columns:minmax(48px,.65fr) minmax(75px,1fr);gap:8px;margin:0;min-width:0} #tlt-wellbeing-league #tlt-wb-market .wb157-roster-facts dt{color:#90a7b5;font:500 10px/1.4 system-ui;margin:0 0 2px} #tlt-wellbeing-league #tlt-wb-market .wb157-roster-facts dd{color:#dce9ec;font:600 15px/1.4 system-ui;letter-spacing:.02em;margin:0;white-space:nowrap} #tlt-wellbeing-league #tlt-wb-market .wb157-source-depth>div{min-width:0} #tlt-wellbeing-league #tlt-wb-market .wb157-source-depth dd{white-space:normal;overflow-wrap:anywhere} #tlt-wellbeing-league #tlt-wb-market .wb157-source-depth dd>span{display:block} :is(#tlt-wellbeing-league,#wb130-stats-dialog) .wb156-roster-panel>div{flex-wrap:wrap} #tlt-wellbeing-league #tlt-wb-market .wb157-roster-reason{display:block;color:#9fb6c2;font:450 11px/1.45 system-ui;margin-top:4px;overflow-wrap:anywhere} :is(#tlt-wellbeing-league,#wb130-stats-dialog) .wb157-roster-status{display:block;color:#e0bf87;font:550 12px/1.45 system-ui;margin-top:3px} @container wbRoster (min-width:761px){ #tlt-wellbeing-league #tlt-wb-market .wb157-roster-layout>.wb157-roster-column{display:block;grid-column:3;grid-row:1;align-self:center;min-width:0;margin:2px 8px 2px 0;padding-left:15px;border-left:1px solid #b7cbd12b} #tlt-wellbeing-league #tlt-wb-market .wb141-player-columns.wb157-roster-layout>.wb157-roster-heading{display:flex;grid-column:3;grid-row:1;justify-content:flex-start;padding-left:15px;font:500 11px/1.3 system-ui;color:#a9bdc7} #tlt-wellbeing-league #tlt-wb-market .wb141-player-columns.wb157-roster-layout, #tlt-wellbeing-league #tlt-wb-market .wb131-available-list .is-pool.wb157-roster-layout{grid-template-columns:34px minmax(160px,1.2fr) minmax(200px,1fr) 94px 44px 166px 64px 74px;column-gap:10px} #tlt-wellbeing-league #tlt-wb-market .wb157-roster-layout.is-pool>.wb130-game{grid-column:4} #tlt-wellbeing-league #tlt-wb-market .wb157-roster-layout:is(.is-pool,.wb141-player-columns)>:is(.wb141-age,.wb141-sort-age){grid-column:5} #tlt-wellbeing-league #tlt-wb-market .wb157-roster-layout.is-pool>.wb130-player-actions{grid-column:6} #tlt-wellbeing-league #tlt-wb-market .wb157-roster-layout:is(.is-pool,.wb141-player-columns)>:is(.wb130-projection,.wb141-sort-points){grid-column:7} #tlt-wellbeing-league #tlt-wb-market .wb157-roster-layout:is(.is-pool,.wb141-player-columns)>:is(.wb141-season,.wb141-sort-season){grid-column:8} } @container wbRoster (min-width:961px){ /* Full My Teams rows have room for the same column. Compact matchup pairs retain their existing grid and get full context in Stats. */ #tlt-wellbeing-league #tlt-wb-market .wb130-player-row.wb157-roster-layout:not(.is-pool){--wb157-icon:32px;grid-template-columns:var(--wb157-icon) minmax(110px,1fr) minmax(155px,1fr) 94px max-content 44px} #tlt-wellbeing-league #tlt-wb-market .wb130-player-row.wb157-roster-layout.wb140-movable:not(.is-pool){--wb157-icon:64px} #tlt-wellbeing-league #tlt-wb-market .wb130-player-row.wb157-roster-layout.has-action:not(.is-pool){grid-template-columns:var(--wb157-icon) minmax(110px,1fr) minmax(155px,1fr) 94px max-content 44px 44px} #tlt-wellbeing-league #tlt-wb-market .wb130-player-row.wb157-roster-layout.has-actual:not(.is-pool){grid-template-columns:var(--wb157-icon) minmax(110px,1fr) minmax(155px,1fr) 94px max-content 44px 48px} #tlt-wellbeing-league #tlt-wb-market .wb130-player-row.wb157-roster-layout.has-action.has-actual:not(.is-pool){grid-template-columns:var(--wb157-icon) minmax(110px,1fr) minmax(155px,1fr) 86px max-content 40px 44px 42px} #tlt-wellbeing-league #tlt-wb-market .wb157-roster-layout:not(.is-pool)>.wb130-game{grid-column:4} #tlt-wellbeing-league #tlt-wb-market .wb157-roster-layout:not(.is-pool)>.wb130-player-actions{grid-column:5} #tlt-wellbeing-league #tlt-wb-market .wb157-roster-layout:not(.is-pool)>.wb130-projection{grid-column:6} #tlt-wellbeing-league #tlt-wb-market .wb157-roster-layout:not(.is-pool)>.wb130-actual{grid-column:7} #tlt-wellbeing-league #tlt-wb-market .wb157-roster-layout:not(.is-pool)>.wb130-swap{grid-column:7} #tlt-wellbeing-league #tlt-wb-market .wb157-roster-layout.has-actual:not(.is-pool)>.wb130-swap{grid-column:8} } @container wbRoster (min-width:761px) and (max-width:960px){ #tlt-wellbeing-league #tlt-wb-market .wb130-player-row.wb157-roster-layout:not(.is-pool)>.wb157-roster-column{display:none} #tlt-wellbeing-league #tlt-wb-market .wb141-player-columns.wb157-roster-layout, #tlt-wellbeing-league #tlt-wb-market .wb131-available-list .is-pool.wb157-roster-layout{grid-template-columns:24px minmax(100px,1.2fr) minmax(125px,1fr) 62px 32px 166px 50px 55px;column-gap:6px;padding-inline:10px} #tlt-wellbeing-league #tlt-wb-market .wb157-roster-layout>.wb157-roster-column{padding-left:8px;margin-right:0} #tlt-wellbeing-league #tlt-wb-market .wb157-roster-layout>.wb157-roster-heading{padding-left:8px} #tlt-wellbeing-league #tlt-wb-market .wb157-roster-facts{gap:4px;grid-template-columns:minmax(38px,.6fr) minmax(60px,1fr)} #tlt-wellbeing-league #tlt-wb-market .wb157-roster-facts dd{font-size:13px} } #tlt-wellbeing-league #tlt-wb-market .wb130-roster-columns.wb157-roster-layout>.wb157-roster-heading{display:none} @container wbRoster (min-width:961px){ #tlt-wellbeing-league #tlt-wb-market .wb130-roster-columns.wb157-roster-layout{grid-template-columns:32px minmax(110px,1fr) minmax(155px,1fr) 94px 113px 44px;column-gap:8px} #tlt-wellbeing-league #tlt-wb-market .wb130-roster-columns.wb157-roster-layout.has-action{grid-template-columns:32px minmax(110px,1fr) minmax(155px,1fr) 94px 113px 44px 44px} #tlt-wellbeing-league #tlt-wb-market .wb130-roster-columns.wb157-roster-layout.has-actual{grid-template-columns:32px minmax(110px,1fr) minmax(155px,1fr) 94px 113px 44px 48px} #tlt-wellbeing-league #tlt-wb-market .wb130-roster-columns.wb157-roster-layout.has-action.has-actual{grid-template-columns:32px minmax(110px,1fr) minmax(155px,1fr) 86px 113px 40px 44px 42px} #tlt-wellbeing-league #tlt-wb-market .wb130-roster-columns.wb157-roster-layout>span:first-child{grid-column:1/3} #tlt-wellbeing-league #tlt-wb-market .wb130-roster-columns.wb157-roster-layout>.wb157-roster-heading{display:block;grid-column:3;grid-row:1;padding-left:15px} } @container wbRoster (max-width:760px){ #tlt-wellbeing-league #tlt-wb-market .wb130-roster-columns.wb157-roster-layout>.wb157-player-details-heading{display:none} }