[data-ss-depth-chart]{--ss-coal:#18202a;--ss-line-dark:#cbd1d8;--ss-scarlet:#891529;--ss-panel:#fff;max-width:100%}
[data-ss-depth-chart] .ss-depth-switcher{ display:flex; flex-wrap:wrap; gap:12px; margin-block:24px; }
[data-ss-depth-chart] .ss-depth-switcher button{ display:flex; align-items:center; min-height:44px; padding:10px 16px; border:1px solid var(--ss-line-dark); border-radius:6px; color:var(--ss-text-dark); background:var(--ss-panel); cursor:pointer; }
[data-ss-depth-chart] .ss-depth-switcher button[aria-selected="true"]{ background:var(--ss-scarlet); border-color:var(--ss-scarlet); color:white; }
[data-ss-depth-chart] .ss-depth-group{ margin-block:32px; }
[data-ss-depth-chart] .ss-depth-group__head{ display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:24px; }
[data-ss-depth-chart] .ss-formation-scroll{ overflow:auto; max-width:100%; padding-bottom:16px; }
[data-ss-depth-chart] .ss-formation-field{ min-width:1100px; padding:24px; background:var(--ss-coal); border:1px solid var(--ss-line-dark); border-radius:10px; }
[data-ss-depth-chart] .ss-formation-board{ display:grid; grid-template-columns:repeat(13,minmax(0,1fr)); grid-auto-rows:minmax(120px,auto); gap:24px 12px; align-items:start; }
[data-ss-depth-chart] .ss-formation-position, [data-ss-depth-chart] .ss-depth-position{ min-width:0; border:1px solid var(--ss-line-dark); border-top:3px solid var(--ss-scarlet); border-radius:10px; background:var(--ss-panel); }
[data-ss-depth-chart] .ss-formation-position h3, [data-ss-depth-chart] .ss-depth-position h3{ margin:0; padding:12px; font-size:20px; border-bottom:1px solid var(--ss-line-dark); }
[data-ss-depth-chart] .ss-formation-position ol, [data-ss-depth-chart] .ss-depth-position ol{ margin:0; padding:0; list-style:none; }
[data-ss-depth-chart] .ss-depth-player-trigger{ display:flex; align-items:flex-start; gap:8px; width:100%; min-height:72px; padding:12px; text-align:left; background:transparent; border:0; border-bottom:1px solid var(--ss-line-dark); color:var(--ss-text-dark); cursor:pointer; }
[data-ss-depth-chart] .ss-depth-player-trigger:hover{ background:var(--ss-panel-2); }
[data-ss-depth-chart] .ss-depth-player-trigger strong{ display:block; font:600 14px/1.4 var(--font-body); overflow-wrap:anywhere; }
[data-ss-depth-chart] .ss-depth-player-trigger small{ display:block; margin-top:4px; font-size:12px; line-height:1.5; color:var(--ss-text-dim); }
[data-ss-depth-chart] .ss-depth-player{ min-width:0; flex:1; }
[data-ss-depth-chart] .ss-depth-rank, [data-ss-depth-chart] .ss-depth-or, [data-ss-depth-chart] .ss-depth-player-chevron{ color:var(--ss-scarlet-bright); font-size:12px; font-weight:600; }
[data-ss-depth-chart] .ss-depth-or{ display:block; }
[data-ss-depth-chart] .ss-depth-position-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
[data-ss-depth-chart] .ss-depth-drawer{ position:fixed; inset:0; z-index:2000; }
[data-ss-depth-chart] .ss-depth-drawer__backdrop{ position:absolute; inset:0; border:0; background:rgba(0,0,0,.75); }
[data-ss-depth-chart] .ss-depth-drawer__panel{ position:absolute; top:0; bottom:0; right:0; width:min(520px,100%); overflow:auto; background:var(--ss-panel); color:var(--ss-text-dark); padding:32px; border-left:1px solid var(--ss-line-dark); }
[data-ss-depth-chart] .ss-depth-drawer__topline{ display:flex; align-items:center; justify-content:space-between; gap:16px; }
[data-ss-depth-chart] .ss-depth-drawer__close{ min-height:44px; padding:8px 16px; background:transparent; color:var(--ss-text-dark); border:1px solid var(--ss-line-dark); border-radius:6px; }
[data-ss-depth-chart] .ss-depth-drawer__identity img{ width:96px; height:96px; border-radius:50%; object-fit:cover; margin-block:24px; }
[data-ss-depth-chart] .ss-depth-drawer__facts{ padding-block:24px; }
[data-ss-depth-chart] .ss-depth-drawer__facts > div{ display:flex; flex-wrap:wrap; gap:12px; border-bottom:1px solid var(--ss-line-dark); padding-block:12px; }
[data-ss-depth-chart] .ss-depth-drawer__facts dt{ color:var(--ss-text-dim); }
[data-ss-depth-chart] .ss-depth-drawer__facts dd{ margin:0; }
[data-ss-depth-chart] .ss-depth-drawer__profile{ display:flex; align-items:center; min-height:44px; color:var(--ss-scarlet-bright); }
[data-ss-depth-chart] .ss-depth-recent-list{ margin:0; padding-left:20px; }
[data-ss-depth-chart] .ss-depth-recent-list li{ padding-block:12px; }
[data-ss-depth-chart] .ss-depth-recent-list span{ display:block; color:var(--ss-text-dim); font-size:12px; }
[data-ss-depth-chart] .ss-depth-position-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
[data-ss-depth-chart] .ss-depth-position-grid{ grid-template-columns:1fr; }
[data-ss-depth-chart] .ss-depth-group__head{ align-items:flex-start; flex-direction:column; }
[data-ss-depth-chart] /* Native football formation positions; presentation is Vegas-Night. */
.ss-formation-board--offense .ss-slot-x{grid-column:1 / span 3;grid-row:1}
[data-ss-depth-chart] .ss-formation-board--offense .ss-slot-slot{grid-column:4 / span 3;grid-row:1}
[data-ss-depth-chart] .ss-formation-board--offense .ss-slot-te{grid-column:8 / span 3;grid-row:1}
[data-ss-depth-chart] .ss-formation-board--offense .ss-slot-z{grid-column:11 / span 3;grid-row:1}
[data-ss-depth-chart] .ss-formation-board--offense .ss-slot-lt{grid-column:2 / span 2;grid-row:2}
[data-ss-depth-chart] .ss-formation-board--offense .ss-slot-lg{grid-column:4 / span 2;grid-row:2}
[data-ss-depth-chart] .ss-formation-board--offense .ss-slot-c{grid-column:6 / span 2;grid-row:2}
[data-ss-depth-chart] .ss-formation-board--offense .ss-slot-rg{grid-column:8 / span 2;grid-row:2}
[data-ss-depth-chart] .ss-formation-board--offense .ss-slot-rt{grid-column:10 / span 2;grid-row:2}
[data-ss-depth-chart] .ss-formation-board--offense .ss-slot-qb{grid-column:6 / span 3;grid-row:3}
[data-ss-depth-chart] .ss-formation-board--offense .ss-slot-rb{grid-column:6 / span 3;grid-row:4}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-de-1{grid-column:3 / span 3;grid-row:1}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-nt{grid-column:6 / span 3;grid-row:1}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-de-2{grid-column:9 / span 3;grid-row:1}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-sam{grid-column:3 / span 3;grid-row:2}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-mike{grid-column:6 / span 3;grid-row:2}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-will{grid-column:9 / span 3;grid-row:2}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-cb-1{grid-column:1 / span 2;grid-row:3}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-nb{grid-column:3 / span 2;grid-row:3}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-ss{grid-column:6 / span 2;grid-row:3}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-fs{grid-column:9 / span 2;grid-row:3}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-cb-2{grid-column:12 / span 2;grid-row:3}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-de-1{grid-column:3 / span 3!important;grid-row:1!important}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-nt{grid-column:7 / span 3!important;grid-row:1!important}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-de-2{grid-column:11 / span 3!important;grid-row:1!important}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-sam{grid-column:3 / span 3!important;grid-row:2!important}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-mike{grid-column:7 / span 3!important;grid-row:2!important}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-will{grid-column:11 / span 3!important;grid-row:2!important}
[data-ss-depth-chart] .ss-formation-board--defense.ss-defense-lb-count-2 .ss-slot-sam{grid-column:5 / span 3!important}
[data-ss-depth-chart] .ss-formation-board--defense.ss-defense-lb-count-2 .ss-slot-mike{grid-column:9 / span 3!important}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-cb-1{grid-column:1 / span 3!important;grid-row:3!important}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-nb{grid-column:4 / span 3!important;grid-row:3!important}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-ss{grid-column:7 / span 3!important;grid-row:3!important}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-fs{grid-column:10 / span 3!important;grid-row:3!important}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-cb-2{grid-column:13 / span 3!important;grid-row:3!important}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-de-1{grid-column:2 / span 4!important;grid-row:1!important}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-nt{grid-column:6 / span 4!important;grid-row:1!important}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-de-2{grid-column:10 / span 4!important;grid-row:1!important}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-sam{grid-column:2 / span 4!important;grid-row:2!important}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-mike{grid-column:6 / span 4!important;grid-row:2!important}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-will{grid-column:10 / span 4!important;grid-row:2!important}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-cb-1{grid-column:1 / span 3!important;grid-row:3!important}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-nb{grid-column:4 / span 3!important;grid-row:3!important}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-ss{grid-column:7 / span 3!important;grid-row:3!important}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-fs{grid-column:10 / span 3!important;grid-row:3!important}
[data-ss-depth-chart] .ss-formation-board--defense .ss-slot-cb-2{grid-column:13 / span 3!important;grid-row:3!important}
[data-ss-depth-chart] .ss-formation-board--defense.ss-defense-lb-count-2 .ss-slot-sam{grid-column:4 / span 4!important;grid-row:2!important}
[data-ss-depth-chart] .ss-formation-board--defense.ss-defense-lb-count-2 .ss-slot-mike{grid-column:9 / span 4!important;grid-row:2!important}
[data-ss-depth-chart] .ss-depth-drawer__identity{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:center;margin-top:24px}
[data-ss-depth-chart] .ss-depth-drawer__portrait{position:relative;width:96px;height:96px;border-radius:50%;overflow:hidden;background:var(--ss-gray-300);flex-shrink:0}
[data-ss-depth-chart] .ss-depth-drawer__identity img{display:block;width:96px;height:96px;border-radius:50%;object-fit:cover;margin:0}
[data-ss-depth-chart] .ss-depth-drawer__monogram{display:flex;width:96px;height:96px;align-items:center;justify-content:center;background:var(--ss-gray-300);color:var(--ss-ink);font:700 30px/1 var(--font-display)}
[data-ss-depth-chart] .ss-depth-drawer__monogram[hidden]{display:none}
[data-ss-depth-chart] .ss-depth-drawer__identity h2{margin:4px 0 8px}
[data-ss-depth-chart] .ss-depth-drawer__identity p{margin:0;color:var(--ss-text-dim)}
[data-ss-depth-chart] .ss-depth-drawer__panel{width:100%;padding:24px 20px}
[data-ss-depth-chart] .ss-depth-drawer__identity{grid-template-columns:80px minmax(0,1fr);gap:16px}
[data-ss-depth-chart] .ss-depth-drawer__portrait, [data-ss-depth-chart] .ss-depth-drawer__identity img, [data-ss-depth-chart] .ss-depth-drawer__monogram{width:80px;height:80px}
[data-ss-depth-chart] .ss-depth-drawer__monogram{font-size:26px}
[data-ss-depth-chart] [hidden]{display:none!important}

[data-ss-depth-chart]{--ss-ink:#18202a;--ss-text-dark:#18202a;--ss-text-dim:#556273;--ss-panel-2:#f5f6f8;--ss-scarlet-bright:#891529;--ss-gray-300:#556273;--font-body:system-ui,sans-serif;--font-display:system-ui,sans-serif}
[data-ss-depth-chart] .ss-depth-position-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}

[data-ss-depth-chart] .ss-depth-drawer__panel{width:min(520px,100%)}
