/* Model on the site (flags.model_on_site, branch model-on-site). Loaded only with the flag.
   Props board: Player | Last 10 | Book | Over | Under | Cleared | Proj | Book | Pick | Edge (the second Book is the Pick's sportsbook; no Fair, Joseph 2026-10-25).
   Table rule (AGENTS.md): name column left and flexible, every other column centered on one line, equal gaps (32px desktop, 8px phone),
   tabular numbers, real minus, "+" on positives. Narrower screens drop low-value columns (Last 10, Under, Cleared) rather than squeeze. */
.pg-props .plays.pm{--cols:minmax(0,1fr) 64px 40px 96px 56px 60px 56px 40px 104px 60px;--g:32px}
.plays.pm .c.num{font-variant-numeric:tabular-nums}
.plays.pm .c.pick{white-space:nowrap}
.plays.pm .c.pick .j,.plays.mdl-best .c.pick .j{display:inline;margin:0 0 0 6px;font-size:.84em;color:var(--ink-3);white-space:nowrap}
.plays .c.edge,.mgm .c.edge{font-family:"Geist Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink-2);white-space:nowrap}
.plays .c.edge.pos,.mgm .c.edge.pos{color:var(--green)}
.plays .c.edge.neg,.mgm .c.edge.neg{color:var(--red)}
.plays .c.edge.thin,.plays .c.edge.far,.plays .c.proj.thin{opacity:.55}
.plays.pm .nm span{white-space:nowrap}
@media (max-width:1279px){
  .pg-props .plays.pm{--cols:minmax(0,1fr) 40px 96px 56px 40px 104px 60px}
  .pg-props .plays.pm .hd>:nth-child(2),.pg-props .plays.pm .tr>:nth-child(2),
  .pg-props .plays.pm .hd>:nth-child(5),.pg-props .plays.pm .tr>:nth-child(5),
  .pg-props .plays.pm .hd>:nth-child(6),.pg-props .plays.pm .tr>:nth-child(6){display:none}
}
@media (max-width:1023px){.pg-props .plays.pm{--g:16px}}
@media (max-width:767px){
  .pg-props .plays.pm{--cols:minmax(0,1fr) 40px 92px 46px;--g:8px}
  .pg-props .plays.pm .hd>:nth-child(n+2):nth-child(-n+7),.pg-props .plays.pm .tr>:nth-child(n+2):nth-child(-n+7){display:none!important}
  .pg-props .plays.pm .c.pick{font-size:13px}
  .pg-props .plays.pm .c.pick .j{margin-left:4px;font-size:11px}
}
@media (max-width:400px){   /* shared.css hides every table's last column here (it was Books); Edge is the last column now and stays */
  .pg-props .plays.pm .hd>:last-child,.pg-props .plays.pm .tr>:last-child{display:block!important}
}
.mdl-note{margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--ink-3)}
.mdl-note b{color:var(--ink-2);font-weight:500}

/* Home: Best plays (edge) reuses the Play | Grade | Book | Pick | Edge shape of Best plays tonight (same five columns as live-polish.css). */

/* Home: Model grades. One grid per panel so the columns line up row to row; a row is display:contents. Gaps are cell padding (16px each side =
   32px between values) so the row rules run unbroken. */
#mg.mgm{display:grid;grid-template-columns:minmax(0,1fr) 72px 136px 88px 96px;column-gap:0;align-items:center;align-content:start}
.mgm-hd{display:contents}
.mgm-hd>span{display:block;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);text-align:center;padding:0 16px 12px;border-bottom:1px solid var(--hair);white-space:nowrap}
.mgm-hd>span.l{text-align:left;padding-left:0}
.mgm-hd>span:last-child{padding-right:0}
#mg.mgm .mg{display:contents;cursor:pointer}
#mg.mgm .mg[hidden],#mg.mgm .mg.cap-cut{display:none!important}
#mg.mgm .mg>*{display:flex;align-items:center;justify-content:center;min-height:50px;padding:8px 16px;border-bottom:1px solid var(--hair);min-width:0;white-space:nowrap}
#mg.mgm .mg>.t{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;white-space:normal;padding-left:0}
#mg.mgm .mg>:last-child{padding-right:0}
#mg.mgm .mg .t b.who{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;line-height:1.25;color:var(--ink);white-space:normal;overflow:visible;cursor:pointer}
#mg.mgm .mg .t b.who:hover{color:var(--green)}
#mg.mgm .mg .t span{display:block;font-size:12px;line-height:1.3;color:var(--ink-2);white-space:normal;overflow:visible}
#mg.mgm .mg .grade{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:600;background:rgba(255,255,255,.05);color:var(--ink-2)}
#mg.mgm .mg .grade.A{color:var(--green);background:var(--green-dim);box-shadow:inset 0 0 0 1px rgba(61,220,151,.4)}
#mg.mgm .mg .grade.B{color:var(--amber);background:var(--amber-dim);box-shadow:inset 0 0 0 1px rgba(232,193,90,.35)}
#mg.mgm .mg .c.line .j{margin-left:6px;font-size:.84em;color:var(--ink-3)}
#mg.mgm .mg .fair{font-family:"Geist Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums;color:var(--ink-2)}
@media (max-width:767px){
  #mg.mgm{grid-template-columns:minmax(0,1fr) 52px 100px 54px}
  .mgm-hd>span{padding:0 4px 12px}.mgm-hd>span.l{padding-left:0}.mgm-hd>span:last-child{padding-right:0}
  #mg.mgm .mg>*{padding:8px 4px}#mg.mgm .mg>.t{padding-left:0}#mg.mgm .mg>:last-child{padding-right:0}
  .mgm-hd>:nth-child(4),#mg.mgm .mg>:nth-child(4){display:none}
  #mg.mgm .mg .c.line{font-size:13px}#mg.mgm .mg .c.line .j{margin-left:4px;font-size:11px}
}

/* Home Best plays (edge): Play | Grade | Book | Pick | Edge, same five columns as Best plays tonight; Edge replaces Cleared and stays on phones. */
.plays.best-plays.mdl-best{--cols:minmax(0,1fr) 48px 40px 104px 64px;--g:32px}
@media (min-width:1024px) and (max-width:1279px){
  .plays.best-plays.mdl-best .hd>:nth-child(2),.plays.best-plays.mdl-best .bp>:nth-child(2){display:block}
}
@media (max-width:767px){
  .plays.best-plays.mdl-best{--cols:minmax(0,1fr) 44px 92px 46px;--g:8px}
  .plays.best-plays.mdl-best .hd>:nth-child(2),.plays.best-plays.mdl-best .bp>:nth-child(2){display:block}
  .plays.best-plays.mdl-best .hd>:nth-child(3),.plays.best-plays.mdl-best .bp>:nth-child(3){display:none}
  .plays.best-plays.mdl-best .hd>:nth-child(4),.plays.best-plays.mdl-best .bp>:nth-child(4){display:block}
  .plays.best-plays.mdl-best .hd>:nth-child(5),.plays.best-plays.mdl-best .bp>:nth-child(5){display:block}
}