/* gw-projwh.css — NFL Player Projections v2 (projwh1008). Brand surfaces (#150b0b cards, burgundy rules, gold #fbbf24, Inter)
   + the readability accents from gw-base (slate 4th accent, positive teal/green, team colours via --tm / --tmp per card).
   Matchup pairs share ONE row grid (CSS subgrid): every card of a position spans the same rows, so the header, stat strip,
   each range row, the histogram and its axis line up across the two cards. Fixed row heights are the fallback. */
.pw{--pw-card:#150b0b;--pw-line:#2c1b1b;--pw-line2:#3a2828;--pw-chip:#1c1010;--pw-gold:#fbbf24;--pw-mut:#ab9f9a;--pw-txt:#d9d1cd;
  --pw-dn:#f87171;--pw-amb:#f59e0b;--pw-slate:#9fb3c8;--pw-slate-bg:rgba(159,179,200,.10);--pw-slate-line:rgba(159,179,200,.28);
  --pw-teal:#2dd4bf;--pw-teal-bg:rgba(45,212,191,.12);--pw-good:#4ade80}
.pw .pw-stage{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 14px}
.pw .pw-chip{display:inline-flex;align-items:center;background:rgba(212,160,23,.12);color:var(--pw-gold);border:1px solid rgba(212,160,23,.45);border-radius:20px;padding:4px 11px;font:700 12px/1.2 inherit;font-family:inherit}
.pw .pw-chip--slate{background:var(--pw-slate-bg);color:var(--pw-slate);border-color:var(--pw-slate-line)}
.pw .pw-asof{font-size:12.5px;color:var(--pw-mut)}
.pw .pw-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 16px;position:sticky;top:64px;z-index:5;background:#0a0505;padding:8px 0;border-bottom:1px solid var(--pw-line)}
.pw select,.pw input[type=search],.pw input[type=number]{background:var(--pw-chip);color:#f8fafc;border:1px solid var(--pw-line2);border-radius:8px;padding:7px 9px;font:500 13px/1.2 inherit;font-family:inherit;min-height:36px;max-width:100%;box-sizing:border-box}
.pw input[type=search]{flex:1;min-width:140px}
.pw .pw-seg{display:inline-flex;background:var(--pw-chip);border:1px solid var(--pw-line2);border-radius:20px;padding:2px}
.pw .pw-seg button{background:none;border:0;color:var(--pw-txt);font:700 12.5px/1 inherit;font-family:inherit;padding:8px 12px;border-radius:18px;cursor:pointer;min-height:32px}
.pw .pw-seg button[aria-pressed=true]{background:rgba(212,160,23,.18);color:var(--pw-gold)}
.pw .pw-seg--view button[aria-pressed=true]{background:var(--pw-gold);color:#1a0d05}
.pw .pw-seg--fp button[aria-pressed=true]{background:var(--pw-teal-bg);color:var(--pw-teal)}
.pw .pw-count{font-size:12px;color:var(--pw-mut);margin-left:auto}
.pw .pw-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--pw-mut);margin:0 0 12px}
.pw .pw-legend i{display:inline-block;vertical-align:middle;margin-right:5px}
.pw .pw-legend .lb{width:22px;height:9px;background:rgba(251,191,36,.42);border:1px solid rgba(251,191,36,.75);border-radius:2px}
.pw .pw-legend .lf{width:22px;height:9px;background:rgba(45,212,191,.32);border:1px solid rgba(45,212,191,.75);border-radius:2px}
.pw .pw-legend .lw{width:22px;height:2px;background:var(--pw-slate)}
.pw .pw-legend .lm{width:2px;height:12px;background:#fff}
.pw [data-view=leaders] .pw-legend{display:none}

/* team badge + chips */
.pw .pw-tb{display:inline-block;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.4px;line-height:1;padding:3px 5px 4px;border-radius:4px;vertical-align:1px}
.pw .pw-pos{font-size:10.5px;font-weight:800;letter-spacing:.5px;color:var(--pw-slate);background:var(--pw-slate-bg);border:1px solid var(--pw-slate-line);border-radius:4px;padding:2px 5px}
.pw .pw-vsx{font-size:12px;color:var(--pw-mut)}

/* game block */
.pw .pw-game{margin:0 0 34px}
.pw .pw-gh{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:space-between;margin:8px 0 10px;padding:12px 14px;border-radius:12px;
  background:linear-gradient(90deg,rgba(98,28,45,.55),rgba(98,28,45,.12));border:1px solid var(--pw-line2)}
.pw .pw-gt{margin:0;font-size:16.5px;font-weight:800;color:#fff;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.pw .pw-gt .pw-at{color:var(--pw-mut);font-weight:500}
.pw .pw-gt small{font-size:12.5px;color:var(--pw-mut);font-weight:500;margin-left:4px}
.pw .pw-ga{margin:0;display:flex;gap:8px;flex-wrap:wrap}
.pw .pw-lk{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:16px;font:700 12.5px/1 inherit;font-family:inherit;cursor:pointer;text-decoration:none;
  background:rgba(212,160,23,.12);color:var(--pw-gold);border:1px solid rgba(212,160,23,.45)}
.pw button.pw-lk{background:var(--pw-teal-bg);color:var(--pw-teal);border-color:rgba(45,212,191,.45)}
.pw .pw-vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:2px 0 0}
.pw .pw-vs span{font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--pw-txt);padding:0 0 6px;border-bottom:2px solid var(--tm)}
.pw .pw-posh{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--pw-slate);margin:16px 0 10px}
.pw .pw-posh::after{content:"";flex:1;height:1px;background:var(--pw-line)}

/* the shared row grid */
.pw .pw-pairs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));column-gap:12px;row-gap:0;align-items:stretch}
.pw .pw-pairs.is-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.pw .pw-card{--tm:#fbbf24;--tmp:#3a2828;position:relative;display:grid;grid-template-rows:subgrid;row-gap:0;margin:0 0 12px;min-width:0;
  background:#150b0b;background:linear-gradient(180deg,color-mix(in srgb,var(--tmp) 30%,#150b0b) 0,#150b0b 78px);
  border:1px solid var(--pw-line);border-top:3px solid var(--tm);border-radius:12px;padding:12px 14px 12px}
.pw .pw-card--QB{grid-row:span 14}
.pw .pw-card--RB{grid-row:span 13}
.pw .pw-card--WR,.pw .pw-card--TE{grid-row:span 10}
.pw .pw-card.is-out{opacity:.55}
.pw .pw-card.is-focus{border-color:var(--pw-gold);box-shadow:0 0 0 2px var(--pw-gold)}
.pw .pw-slot{display:flex;align-items:center;justify-content:center;background:transparent;border:1px dashed var(--pw-line2);border-top:1px dashed var(--pw-line2)}
.pw .pw-slot p{color:var(--pw-mut);font-size:12.5px;margin:0;text-align:center}
.pw .pw-ch{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;min-height:58px}
.pw .pw-who{min-width:0}
.pw .pw-ch h3{font-size:20px;font-weight:800;color:#fff;margin:0;line-height:1.2;letter-spacing:-.2px}
.pw .pw-ch h3 a{color:#fff;text-decoration:none;background:linear-gradient(var(--tm),var(--tm)) 0 100%/100% 2px no-repeat;padding-bottom:1px}
.pw .pw-ch h3 a:hover{color:var(--pw-gold)}
.pw .pw-sub{margin:6px 0 0;font-size:12px;color:var(--pw-mut);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pw .pw-td{text-align:right;flex:none;background:var(--pw-teal-bg);border:1px solid rgba(45,212,191,.3);border-radius:10px;padding:6px 9px 5px}
.pw .pw-td b{display:block;font-size:21px;font-weight:800;color:var(--pw-teal);font-variant-numeric:tabular-nums;line-height:1}
.pw .pw-td small{font-size:9.5px;color:var(--pw-txt);letter-spacing:.5px;text-transform:uppercase;font-weight:700}
.pw .pw-ftd{display:block;font-style:normal;font-size:10.5px;font-weight:700;color:var(--pw-txt);margin-top:4px;padding-top:4px;border-top:1px solid rgba(45,212,191,.25);white-space:nowrap;font-variant-numeric:tabular-nums}
.pw .pw-ftd b{display:inline;font-size:11.5px;color:var(--pw-teal)}
.pw .pw-ftdg{flex-basis:100%;margin:2px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:12.5px;color:var(--pw-txt)}
.pw .pw-ftdg b{font-variant-numeric:tabular-nums;color:#fff;margin-right:6px}
.pw .pw-ftdg small{color:var(--pw-mut);font-size:11px}
.pw .pw-ftds{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:12px;color:var(--pw-mut)}
.pw .pw-ftds b{color:#fff;margin-right:0}
.pw .pw-tdk{font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;border-radius:6px;padding:1px 6px;border:1px solid var(--pw-line2);color:var(--pw-txt);white-space:nowrap}
.pw .pw-tdk.is-ftd{color:var(--pw-teal);border-color:rgba(45,212,191,.45)}
.pw .pw-lbt.is-td td small{display:block}
.pw .pw-lbt.is-td th button,.pw .pw-seg--tdm button{min-height:40px}
.pw .pw-td.is-hot{background:rgba(45,212,191,.2);border-color:rgba(45,212,191,.6)}
.pw .pw-pill{font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;border-radius:10px;padding:2px 7px;border:1px solid}
.pw .pw-pill.is-q{color:var(--pw-amb);border-color:rgba(245,158,11,.5)}
.pw .pw-pill.is-d,.pw .pw-pill.is-out{color:var(--pw-dn);border-color:rgba(248,113,113,.5)}
.pw .pw-play{font-size:11px;color:var(--pw-txt);background:var(--pw-chip);border-radius:10px;padding:2px 7px}
.pw .pw-note{font-size:11px;color:var(--pw-mut)}
.pw .pw-opp{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px;margin:10px 0 8px;padding:9px 0;border-top:1px solid var(--pw-line);border-bottom:1px solid var(--pw-line);align-content:start}
.pw .pw-opp div{min-width:0}
.pw .pw-opp dt{font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:var(--pw-mut);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pw .pw-opp dd{margin:2px 0 0;font-size:15px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}
.pw .pw-opp dd small{display:block;font-size:10.5px;font-weight:500;color:var(--pw-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pw .pw-est{font-style:normal;font-size:9.5px;font-weight:700;color:var(--pw-mut);margin-left:3px;text-transform:uppercase}

/* range rows: label | shared-scale track | median + middle half */
.pw .pw-row{display:grid;grid-template-columns:100px 1fr 72px;gap:8px;align-items:center;min-height:34px}
.pw .pw-rl{font-size:12.5px;color:var(--pw-txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pw .pw-row--fp .pw-rl{color:var(--pw-teal);font-weight:700}
.pw .pw-row--fp{border-top:1px dashed var(--pw-line)}
.pw .pw-row--fp + .pw-row--fp{border-top:0}
.pw .pw-bar{position:relative;height:16px;background:linear-gradient(var(--pw-line2),var(--pw-line2)) 0 50%/100% 1px no-repeat;border-left:1px solid var(--pw-line2)}
.pw .pw-bar i{position:absolute;top:50%;transform:translateY(-50%);display:block}
.pw .pw-w{height:2px;background:var(--pw-slate);opacity:.7}
.pw .pw-b{height:11px;background:rgba(251,191,36,.42);border:1px solid rgba(251,191,36,.8);border-radius:3px;box-sizing:border-box}
.pw .pw-row--fp .pw-b{background:rgba(45,212,191,.32);border-color:rgba(45,212,191,.8)}
.pw .pw-m{width:2px;height:16px;background:#fff;margin-left:-1px;border-radius:1px}
.pw .pw-v{text-align:right;font-variant-numeric:tabular-nums;line-height:1.15}
.pw .pw-v b{font-size:14.5px;color:#fff;font-weight:800}
.pw .pw-v small{display:block;font-size:10.5px;color:var(--pw-mut)}

/* histogram: one fixed axis per position */
.pw .pw-hist{margin:10px 0 0;align-self:end}
.pw .pw-hist svg{width:100%;height:56px;display:block}
.pw .pw-hist rect.pw-lo{fill:rgba(159,179,200,.28)}
.pw .pw-hist rect.pw-hi{fill:var(--tm);opacity:.9}
.pw .pw-hist line.pw-med{stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}
.pw .pw-hist line.pw-ax{stroke:var(--pw-line2);stroke-width:1;vector-effect:non-scaling-stroke}
.pw .pw-hk{font-size:11px;font-weight:700;color:var(--pw-txt);margin:0 0 4px;display:flex;justify-content:space-between}
.pw .pw-hk span{color:var(--pw-mut);font-weight:500;font-variant-numeric:tabular-nums}
.pw .pw-ticks{display:flex;justify-content:space-between;font-size:10.5px;color:var(--pw-mut);margin-top:3px;font-variant-numeric:tabular-nums}

/* chance of X+ */
.pw .pw-chance{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 0;padding:8px 0 0;border-top:1px solid var(--pw-line);font-size:12.5px;color:var(--pw-txt)}
.pw .pw-chance input{width:64px;min-height:30px;padding:4px 7px}
.pw .pw-chance select{min-height:30px;padding:4px 6px;flex:1;min-width:0}
.pw .pw-cp{margin-left:auto;font-size:16px;font-weight:800;color:var(--pw-teal);font-variant-numeric:tabular-nums;min-width:44px;text-align:right}

/* fallback where subgrid is missing: fixed row heights keep pairs aligned */
@supports not (grid-template-rows:subgrid){
  .pw .pw-card{display:block}
  .pw .pw-ch{height:64px;overflow:hidden}
  .pw .pw-opp{height:58px;overflow:hidden}
  .pw .pw-row{height:34px}
}

/* scenarios */
.pw .pw-scens{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin:4px 0 0}
.pw .pw-scen{background:var(--pw-card);border:1px dashed var(--pw-line2);border-left:3px solid var(--tm);border-radius:12px;padding:12px 14px}
.pw .pw-k{font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--pw-mut);margin:0 0 6px}
.pw .pw-sc{margin:6px 0}
.pw .pw-sc b{font-size:13px;color:#fff}
.pw .pw-sc ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px}
.pw .pw-sc li{font-size:12.5px;color:var(--pw-txt)}
.pw .pw-sc li span{color:var(--pw-gold);font-variant-numeric:tabular-nums}

/* leaders */
.pw .pw-tabs{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 0 10px;margin:0 0 4px}
.pw .pw-tabs::-webkit-scrollbar{display:none}
.pw .pw-tabs button{flex:none;background:var(--pw-chip);color:var(--pw-txt);border:1px solid var(--pw-line2);border-radius:18px;padding:8px 13px;font:700 13px/1 inherit;font-family:inherit;cursor:pointer;min-height:34px}
.pw .pw-tabs button[aria-selected=true]{background:var(--pw-gold);border-color:var(--pw-gold);color:#1a0d05}
.pw .pw-lbbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 8px}
.pw .pw-scope{font-size:13px;font-weight:700;color:#fff}
.pw .pw-thr{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--pw-txt);margin-left:auto}
.pw .pw-thr input{width:76px;border-color:rgba(45,212,191,.5)}
.pw .pw-lbnote{font-size:12px;color:var(--pw-mut);margin:0 0 8px}
.pw .pw-tw{border:1px solid var(--pw-line2);border-radius:12px;overflow:hidden;background:var(--pw-card)}
.pw :is(.pw-lbt,table.pw-tbl){width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.pw :is(.pw-lbt,table.pw-tbl) th{text-align:right;font-size:10.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--pw-mut);padding:9px 10px;border-bottom:1px solid var(--pw-line2);background:#1a0e0e;white-space:nowrap}
.pw :is(.pw-lbt,table.pw-tbl) th button{all:unset;cursor:pointer;color:inherit}
.pw :is(.pw-lbt,table.pw-tbl) th[aria-sort=descending],.pw :is(.pw-lbt,table.pw-tbl) th[aria-sort=ascending]{color:var(--pw-gold)}
.pw :is(.pw-lbt,table.pw-tbl) th.pw-pl,.pw :is(.pw-lbt,table.pw-tbl) td.pw-pl{text-align:left}
.pw :is(.pw-lbt,table.pw-tbl) td{padding:8px 10px;border-bottom:1px solid var(--pw-line);text-align:right;vertical-align:middle;font-size:13px;color:var(--pw-txt)}
.pw :is(.pw-lbt,table.pw-tbl) tr:last-child td{border-bottom:0}
.pw :is(.pw-lbt,table.pw-tbl) tbody tr:nth-child(even){background:rgba(255,236,230,.025)}
.pw :is(.pw-lbt,table.pw-tbl) tbody tr:hover{background:rgba(212,160,23,.06)}
.pw .pw-rk{width:28px;color:var(--pw-mut)!important;text-align:center!important}
.pw .pw-pn{display:block;color:#fff;font-weight:750;font-size:14.5px;text-decoration:none;line-height:1.25}
.pw .pw-pn:hover{color:var(--pw-gold)}
.pw .pw-pm{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:3px}
.pw .pw-num b{font-size:15px;color:#fff;font-weight:800}
.pw .pw-num small{display:block;font-size:10.5px;color:var(--pw-mut)}
.pw :is(.pw-lbt,table.pw-tbl) td.pw-good,.pw :is(.pw-lbt,table.pw-tbl) td.pw-good b{color:var(--pw-teal);font-weight:800}
.pw :is(.pw-lbt,table.pw-tbl) td.pw-bad{color:var(--pw-dn)}
.pw .pw-rg{width:30%;min-width:140px}
.pw .pw-bar--lb{display:block;height:14px}
.pw .pw-rgt{display:block;font-size:10.5px;color:var(--pw-mut);text-align:right;margin-top:2px}
.pw .pw-show-s{display:none!important}
.pw .pw-more{margin:12px auto 0;display:flex}

.pw .pw-teaser{background:var(--pw-card);border:1px solid var(--pw-line);border-radius:12px;padding:18px;margin:0 0 16px}
.pw .pw-lh{font-size:18px;color:#fff;margin:0 0 8px}
.pw .pw-teaser p{color:var(--pw-txt);font-size:14px;line-height:1.55}
.pw .pw-lockrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.pw .pw-btn{display:inline-flex;align-items:center;gap:6px;background:var(--pw-chip);color:var(--pw-txt);border:1px solid var(--pw-line2);border-radius:20px;padding:9px 16px;font:700 13px/1 inherit;font-family:inherit;text-decoration:none;min-height:36px;cursor:pointer}
.pw .pw-btn--gold{background:rgba(212,160,23,.14);color:var(--pw-gold);border-color:rgba(212,160,23,.55)}
.pw .pw-empty,.pw .pw-foot{color:var(--pw-mut);font-size:12.5px}
.pw .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

@media (max-width:720px){
  .pw .pw-pairs,.pw .pw-pairs.is-pair{grid-template-columns:minmax(0,1fr)}
  .pw .pw-pairs .pw-slot{display:none}
  .pw .pw-vs{display:none}
}
@media (max-width:640px){
  .pw .pw-controls{top:56px}
  .pw .pw-controls select{flex:1 1 40%;min-width:0}
  .pw .pw-seg--view{flex:1 1 100%}
  .pw .pw-seg--view button{flex:1}
  .pw .pw-count{width:100%;margin:0}
  .pw .pw-ch h3{font-size:18.5px}
  .pw .pw-row{grid-template-columns:88px 1fr 64px}
  .pw .pw-gt{font-size:15px}
  .pw .pw-hide-s{display:none!important}
  .pw .pw-show-s{display:block!important}
  .pw .pw-thr{margin-left:0;width:100%}
  .pw :is(.pw-lbt,table.pw-tbl) td,.pw :is(.pw-lbt,table.pw-tbl) th{padding:8px 7px}
  .pw .pw-pn{font-size:14px}
  .pw .pw-rk{width:20px}
}
.pw :is(.pw-lbt,table.pw-tbl).is-fp .pw-b{background:rgba(45,212,191,.32);border-color:rgba(45,212,191,.8)}
.pw :is(.pw-lbt,table.pw-tbl) td.pw-pl{min-width:0}
@media (max-width:640px){ .pw .pw-pm .pw-vsx{flex-basis:auto} .pw :is(.pw-lbt,table.pw-tbl) th{font-size:9.5px;letter-spacing:.4px} }
@media (max-width:640px){ .pw .pw-opp{grid-template-columns:repeat(3,minmax(0,1fr))} .pw .pw-chance select{padding-right:22px} }
.pw .pw-game,.pw .pw-card{scroll-margin-top:136px}
.pw .pw-play--st{background:var(--pw-slate-bg);color:var(--pw-slate)}

/* ── v3 (projwh1008 v3): club logos as team badges + the prop market beside our numbers ── */
.pw .pw-tlg{display:inline-flex;align-items:center;vertical-align:middle;line-height:1}
.pw .pw-tlg img{width:22px;height:22px;object-fit:contain;display:block}
.pw .pw-tlg--s img{width:18px;height:18px}
.pw .pw-tlg--m img{width:24px;height:24px;margin-right:6px}
.pw .pw-tlg--l img{width:30px;height:30px}
.pw .pw-tb[hidden]{display:none}
.pw .pw-vs span{display:flex;align-items:center}
.pw .pw-td em{display:block;font-style:normal;font-size:11px;font-weight:700;color:var(--pw-txt);margin-top:3px;font-variant-numeric:tabular-nums}
.pw .pw-mk{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12px;color:var(--pw-txt);margin:8px 0 0;padding:7px 9px;border-radius:8px;
  background:var(--pw-slate-bg);border:1px solid var(--pw-slate-line);font-variant-numeric:tabular-nums}
.pw .pw-mk b{color:#fff}
.pw .pw-mkk{font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--pw-slate)}
.pw .pw-mk--none{color:var(--pw-mut);background:transparent;border-style:dashed}
.pw .pw-best{color:var(--pw-slate-strong,#c9d6e3)}
.pw .pw-rmk{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:2px 10px;font-size:11.5px;color:var(--pw-mut);margin:-2px 0 6px;padding-left:2px;font-variant-numeric:tabular-nums}
.pw .pw-rmk b{color:#fff;font-weight:700}
.pw .pw-rmk .pw-ln{color:var(--pw-slate);font-weight:700}
.pw .pw-row.has-mk{padding-top:4px}
.pw .pw-ev,.pw .pw-evlock{display:inline-flex;align-items:center;font-size:10.5px;font-weight:800;letter-spacing:.3px;border-radius:9px;padding:2px 7px;border:1px solid;white-space:nowrap;text-decoration:none}
.pw .pw-ev.is-pos{color:var(--pw-teal);border-color:rgba(45,212,191,.5);background:var(--pw-teal-bg)}
.pw .pw-ev.is-neg{color:var(--pw-mut);border-color:var(--pw-line2)}
.pw .pw-evlock{color:var(--pw-gold);border-color:rgba(212,160,23,.45);background:rgba(212,160,23,.08)}
.pw .pw-evlock::before{content:"";width:9px;height:10px;margin-right:5px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'%3E%3Cpath d='M2 5V3.5a3 3 0 0 1 6 0V5h1v7H1V5zm1.5 0h3V3.5a1.5 1.5 0 0 0-3 0z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'%3E%3Cpath d='M2 5V3.5a3 3 0 0 1 6 0V5h1v7H1V5zm1.5 0h3V3.5a1.5 1.5 0 0 0-3 0z'/%3E%3C/svg%3E") center/contain no-repeat}
.pw .pw-seg--mk button[aria-pressed=true]{background:var(--pw-slate-bg);color:var(--pw-slate-strong,#c9d6e3)}
.pw :is(.pw-lbt,table.pw-tbl).is-mk td small{display:block;font-size:10.5px;color:var(--pw-mut)}
:root .pw table.pw-lbt,:root .pw table.pw-tbl{width:100%;height:auto;object-fit:initial;vertical-align:baseline;margin-right:0}   /* the v2 table class collides with vis1008's crest class in gw-base.css */
@media (max-width:640px){ .pw .pw-rmk{font-size:11px;gap:2px 8px} .pw .pw-mk{font-size:11.5px} .pw :is(.pw-lbt,table.pw-tbl) .pw-ev,.pw :is(.pw-lbt,table.pw-tbl) .pw-evlock{font-size:10px} }
/* ui1009 (Shane 10/9): sport tab row under the header — NFL live, the rest "Coming soon" (disabled) */
.pw .pw-sports{display:flex;flex-wrap:wrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:4px 0 14px;padding:2px 0}
.pw .pw-sports::-webkit-scrollbar{display:none}
.pw .pw-sports a,.pw .pw-sports .pw-soon{flex:none;display:inline-flex;align-items:center;gap:6px;border-radius:18px;padding:7px 14px;min-height:34px;box-sizing:border-box;font-family:inherit;font-weight:700;font-size:13px;line-height:1;text-decoration:none;border:1px solid var(--pw-line2)}
.pw .pw-sports a[aria-current=page]{background:var(--pw-gold);border-color:var(--pw-gold);color:#1a0d05}
.pw .pw-sports .pw-soon{background:var(--pw-chip);color:var(--pw-mut);opacity:.7;cursor:not-allowed}
.pw .pw-sports .pw-soon small{font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pw-mut);border-left:1px solid var(--pw-line2);padding-left:6px}

/* ── projwh1014: NHL + NCAAF Player Projections (js/gw-projwh-dist.js). New rules only; the NFL page is unchanged except that
   its NHL / NCAAF sport chips become links (the link style below). ── */
.pw .pw-sports a:not([aria-current]){background:var(--pw-chip);color:var(--pw-txt)}
.pw .pw-sports a:not([aria-current]):hover{border-color:var(--pw-gold);color:var(--pw-gold)}
.pw .pw-tb--d{background:#3a2828;color:#fff;box-shadow:inset 0 -2px 0 var(--pw-gold)}
.pw .pw-p90{font-style:normal;color:var(--pw-slate);margin-left:3px}
.pw .pw-p90::before{content:"\2191";margin-right:1px}
.pw .pw-pill.is-p,.pw .pw-pill.is-gc{color:var(--pw-good);border-color:rgba(74,222,128,.5);background:rgba(74,222,128,.08)}
.pw .pw-pill.is-ge{color:var(--pw-amb);border-color:rgba(245,158,11,.5);background:rgba(245,158,11,.08)}
.pw .pw-pill.is-gl{color:var(--pw-dn);border-color:rgba(248,113,113,.5);background:rgba(248,113,113,.06)}
.pw .pw-chipx{display:inline-flex;align-items:center;font-size:10.5px;font-weight:800;letter-spacing:.4px;line-height:1;border-radius:9px;padding:3px 7px;border:1px solid var(--pw-line2);color:var(--pw-txt);background:var(--pw-chip);white-space:nowrap}
.pw .pw-chipx--pp{color:var(--pw-teal);border-color:rgba(45,212,191,.45);background:var(--pw-teal-bg)}
.pw .pw-chipx--live{color:var(--pw-amb);border-color:rgba(245,158,11,.5);margin-left:4px}
.pw .pw-chip--ev{background:var(--pw-teal-bg);color:var(--pw-teal);border-color:rgba(45,212,191,.45)}
.pw .pw-td--st{background:var(--pw-slate-bg);border-color:var(--pw-slate-line)}
.pw .pw-td--st b{color:var(--pw-slate-strong,#c9d6e3)}
.pw .pw-outs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:12.5px;color:var(--pw-txt);margin:4px 0 2px}
.pw .pw-outs small{color:var(--pw-mut);font-size:11px}
.pw .pw-tz{margin:4px 0 14px}
.pw .pw-tzh{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:15px;font-weight:800;color:#fff;margin:0 0 10px}
.pw .pw-tzh small{font-size:12.5px;font-weight:500;color:var(--pw-mut)}
.pw .pw-tzh .pw-at{color:var(--pw-mut);font-weight:500}
.pw .pw-lockbox{border-top:1px solid var(--pw-line);padding-top:12px;margin-top:4px}
.pw .pw-lockbox .pw-lt{color:var(--pw-txt);font-size:14px;line-height:1.55;margin:0}
@supports not (grid-template-rows:subgrid){ .pw--dist .pw-card{display:block} }
@media (max-width:640px){
  /* mobile first (375 px primary): every control is a 40 px+ tap target, nothing scrolls sideways */
  .pw--dist .pw-seg button,.pw--dist .pw-tabs button,.pw--dist .pw-lk,.pw--dist .pw-btn{min-height:40px}
  .pw--dist select,.pw--dist input[type=search]{min-height:40px}
  .pw--dist .pw-seg--pos{flex:1 1 100%}
  .pw--dist .pw-seg--pos button{flex:1;padding:8px 6px}
  .pw--dist :is(.pw-lbt,table.pw-tbl) th button{display:inline-flex;align-items:center;min-height:40px}
  .pw--dist .pw-pn{padding:4px 0}
  .pw--dist .pw-sports a,.pw--dist .pw-sports .pw-soon{min-height:40px}
  .pw--dist .pw-rmk{gap:2px 8px}
  .pw--dist .pw-tw{overflow-x:auto}
  .pw--dist .pw-lbt .pw-evl,.pw--dist .pw-lbt .pw-evv,.pw--dist .pw-lbt .pw-pm .pw-vsx{display:none}
  .pw--dist .pw-lbt .pw-evm{display:inline}
}
.pw .pw-ev b{font-weight:800}
.pw .pw-ev .pw-evl,.pw .pw-ev .pw-evm{margin-right:3px}
.pw .pw-ev .pw-evv{font-style:normal;margin-left:3px}
.pw .pw-evm{display:none}

/* projwh1014 fix: our side vs the market (▲ above / ▼ below), never coloured by > 50% */
.pw :is(.pw-lbt,table.pw-tbl) td.pw-up b,.pw .pw-lean.pw-up b:first-child{color:var(--pw-teal);font-weight:800}
.pw :is(.pw-lbt,table.pw-tbl) td.pw-dn b,.pw .pw-lean.pw-dn b:first-child{color:var(--pw-dn);font-weight:800}
.pw .pw-arr{font-style:normal;font-size:.72em;margin-left:3px;vertical-align:1px}
.pw .pw-up .pw-arr{color:var(--pw-teal)}.pw .pw-dn .pw-arr{color:var(--pw-dn)}

/* audit1016 D01: the chance the edge is worked out from, beside every edge chip */
.pw .pw-ev .pw-evp{font-style:normal;font-weight:600;opacity:.8;margin-left:4px}
