/* LineScout Pro layout kit (prokit.js): tab bar + search, Record button, day dividers, floating Ask, slip drawer, streaks/stats/trends rows. */
.pk-bar { display: flex; align-items: center; gap: 14px; margin: 14px 0 12px; flex-wrap: wrap; }
.pk-bar .nsearch { flex: 1 1 320px; margin: 0; }
.pk-tabs { display: flex; gap: 4px; padding: 4px; background: var(--s1, #0C1520); border: 1px solid var(--b1, rgba(255,255,255,.06)); border-radius: 12px; }
.pk-tabs a { padding: 9px 16px; border-radius: 9px; font: 600 14px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: var(--t2, #CBD5E1); text-decoration: none; white-space: nowrap; transition: background .2s cubic-bezier(.16,1,.3,1), color .2s; }
.pk-tabs a:hover { background: rgba(255,255,255,.04); color: var(--t1, #F1F5F9); }
.pk-tabs a.on { background: #F1F5F9; color: #04080D; }
.pk-rec { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 100px; border: 1px solid rgba(78,238,82,.35); background: rgba(78,238,82,.08); color: #4EEE52; text-decoration: none; font: 600 12px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; white-space: nowrap; }
.pk-rec span { color: var(--t2, #CBD5E1); text-transform: uppercase; letter-spacing: .08em; font-size: 11px; }
.pk-rec b { font-size: 14px; }
.pk-rec i { font-style: normal; color: var(--t3, #64748B); }
.pk-rec:hover { border-color: #4EEE52; }
.pk-h2 { margin: 6px 0 12px; font-size: 22px; }
.pk-day { display: flex; align-items: center; gap: 10px; margin: 22px 0 10px; font: 700 11px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: var(--t2, #CBD5E1); }
.pk-day i { flex: 1; height: 1px; background: var(--b1, rgba(255,255,255,.06)); }
.pk-day small { font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--t3, #64748B); font-size: 12px; }
.pk-day.live span { color: #FB7185; display: inline-flex; align-items: center; gap: 6px; }
.pk-empty { padding: 18px; color: var(--t3, #64748B); font-size: 14px; }
.pk-note { margin: 10px 2px; font-size: 12px; color: var(--t3, #64748B); }
.pk-chips { display: flex; gap: 6px; flex-wrap: wrap; margin: 4px 0 12px; }
.pk-chips button { padding: 7px 13px; border-radius: 100px; border: 1px solid var(--b2, rgba(255,255,255,.12)); background: transparent; color: var(--t2, #CBD5E1); font: 600 13px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; cursor: pointer; }
.pk-chips button.on { background: #F1F5F9; color: #04080D; border-color: #F1F5F9; }
.pk-chips.pk-sub button { padding: 6px 11px; font-size: 12px; }
.pk-filters { display: flex; gap: 10px; flex-wrap: wrap; margin: 0 0 12px; }
.pk-filters label { display: flex; flex-direction: column; gap: 4px; font: 700 11px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: var(--t3, #64748B); }
.pk-filters select { min-width: 120px; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--b2, rgba(255,255,255,.12)); background: #10192A; color: #F1F5F9; font: 500 13px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.pk-slot .card-b { padding: 4px 16px 12px; }
/* trend rows (players) */
.pk-hr { display: grid; grid-template-columns: minmax(0,1fr) 54px 36px; gap: 6px 10px; align-items: center; padding: 12px 0; }
.pk-hr + .pk-hr { border-top: 1px solid var(--b1, rgba(255,255,255,.06)); }
.pk-hr-p { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 10px; align-items: center; color: inherit; text-decoration: none; font-size: 13px; }
.pk-hr-p img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; background: #10192A; }
.pk-hr-p small { color: var(--t3, #64748B); }
.pk-hr-o { text-align: right; font-size: 13px; color: var(--t1, #F1F5F9); }
.pk-hr-s { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; padding-left: 46px; }
.pk-hr-s span { background: #10192A; border-radius: 8px; padding: 6px 8px; display: flex; flex-direction: column; gap: 3px; }
.pk-hr-s i { font-style: normal; font: 700 11px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: var(--t3, #64748B); }
.pk-hr-s b { font: 700 14px var(--mono, ui-monospace, monospace); color: #4EEE52; font-variant-numeric: tabular-nums; }
.pk-add { width: 32px; height: 32px; border-radius: 10px; border: 1px solid var(--b2, rgba(255,255,255,.12)); background: transparent; color: var(--t1, #F1F5F9); font: 700 16px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; cursor: pointer; }
.pk-add.on { background: #4EEE52; color: #04080D; border-color: #4EEE52; }
/* team trend cards */
.pk-tc { padding: 12px 0; }
.pk-tc + .pk-tc { border-top: 1px solid var(--b1, rgba(255,255,255,.06)); }
.pk-tc-h { display: grid; grid-template-columns: minmax(0,1fr) 54px 36px; gap: 10px; align-items: center; margin-bottom: 6px; font-size: 14px; }
.pk-tc-h small { display: block; color: var(--t3, #64748B); font-size: 12px; }
.pk-tc-r { display: flex; justify-content: space-between; gap: 10px; padding: 4px 0 4px 12px; font-size: 13px; color: var(--t2, #CBD5E1); }
.pk-tc-r i { display: block; font-style: normal; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--t3, #64748B); }
.pk-tc-r b { color: #4EEE52; align-self: center; }
/* leaders + standings */
.pk-lead { display: grid; grid-template-columns: 28px 36px minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 10px 0; color: inherit; text-decoration: none; }
.pk-lead + .pk-lead { border-top: 1px solid var(--b1, rgba(255,255,255,.06)); }
.pk-lead img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; background: #10192A; }
.pk-lead small { display: block; color: var(--t3, #64748B); font-size: 12px; }
.pk-r { color: var(--t3, #64748B); }
.pk-v { font-size: 18px; color: #F1F5F9; }
.pk-team { display: inline-flex; align-items: center; gap: 8px; color: inherit; text-decoration: none; }
.pk-team img { width: 20px; height: 20px; }
/* floating Ask, bottom right; the slip is a drawer on the right */
.pk-ask { position: fixed; z-index: 79; right: 20px; bottom: 20px; display: inline-flex; align-items: center; gap: 8px; padding: 12px 18px; border-radius: 100px; border: 1px solid rgba(255,255,255,.12); background: #10192A; color: #F1F5F9; font: 600 14px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; cursor: pointer; box-shadow: 0 4px 16px rgba(0,0,0,.5); transition: transform .2s cubic-bezier(.16,1,.3,1); }
.pk-ask:hover { transform: translateY(-1px); }
.pk-ask svg { width: 18px; height: 18px; fill: none; stroke: #4EEE52; stroke-width: 1.8; stroke-linejoin: round; }
body.pk-chat-on .pk-ask { display: none; }
body.nhl .nchat-fab { display: none; }
@media (min-width: 761px) {
  body.nhl .nslip { right: 24px; top: auto; bottom: 0; width: 380px; max-height: min(58vh, 560px); overflow: auto; border-bottom: 0; border-radius: 16px 16px 0 0; }
  body.nhl .nslip.open .ns-body { max-height: none; }
}
@media (max-width: 760px) {
  .pk-ask { bottom: 84px; right: 14px; padding: 11px 14px; }
  .pk-ask span { display: none; }
  .pk-tabs { width: 100%; overflow-x: auto; }
  .pk-tabs a { flex: 1; text-align: center; padding: 9px 10px; }
  .pk-rec span { display: none; }
  .pk-hr-s { padding-left: 0; }
}

/* NFL board (app.js): the slip is a right-side drawer on desktop too, opened when a bet is added */
@media (min-width: 761px) {
  /* bottom sheet anchored bottom-right: slides up when a leg is added, leaves the board readable */
  body:not(.nhl) #slip { display: block; left: auto; right: 24px; top: auto; bottom: 0; width: 380px; z-index: 40; pointer-events: none;
    transform: translateY(calc(100% + 16px)); visibility: hidden;
    transition: transform .2s cubic-bezier(.4,0,1,1), visibility 0s linear .2s; }
  body:not(.nhl).slip-open #slip { transform: none; visibility: visible; transition: transform .42s cubic-bezier(.16,1,.3,1), visibility 0s; }
  body:not(.nhl) #slip .slip { pointer-events: auto; animation: none; border-radius: 16px 16px 0 0; border-bottom: 0; max-height: min(58vh, 560px); overflow-y: auto; padding: 14px 16px 16px; box-shadow: 0 -8px 32px rgba(0,0,0,.5); }
  body:not(.nhl) #slip .slip .body, body:not(.nhl) #slip .sheet-only { display: block; }
  /* Ask steps left of the open slip instead of hiding under it */
  .pk-ask { transition: transform .2s cubic-bezier(.16,1,.3,1), right .42s cubic-bezier(.16,1,.3,1); }
  body.slip-open .pk-ask, body.nhl:has(.nslip.open) .pk-ask { right: 420px; }
}
body.chat-open .pk-ask { display: none; }

.pk-tc-s { display: grid; grid-template-columns: repeat(auto-fit, minmax(64px, 1fr)); gap: 6px; margin: 4px 0 8px 12px; }
.pk-tc-s span { background: #10192A; border-radius: 8px; padding: 6px 8px; display: flex; flex-direction: column; gap: 3px; border: 1px solid transparent; }
.pk-tc-s i { font-style: normal; font: 700 11px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; letter-spacing: .05em; text-transform: uppercase; color: var(--t3, #64748B); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pk-tc-s b { font: 700 14px var(--mono, ui-monospace, monospace); color: var(--t2, #CBD5E1); }
.pk-tc-s .g { border-color: rgba(78,238,82,.3); background: rgba(78,238,82,.08); }
.pk-tc-s .g b { color: #4EEE52; }
.pk-tc-s .r b { color: #FB7185; }

.pk-run { display: block; margin-top: 3px; font-size: 12px; font-weight: 600; color: #4EEE52; }

/* Ask button sits above the phone tab bar */
@media (max-width: 760px) { .pk-ask { bottom: calc(92px + env(safe-area-inset-bottom)); } body.pk-ask-away .pk-ask { transform: translateY(160px); opacity: 0; pointer-events: none; } .pk-ask { transition: transform .3s cubic-bezier(.16,1,.3,1), opacity .2s; } }
/* game page trends: right column on desktop, under the overview on phones */
.pk-mob { display: none; }
@media (max-width: 1099px) { .pk-desk { display: none; } .pk-mob { display: block; } }
/* standings */
.pk-st-h, .pk-st { display: grid; grid-template-columns: 26px minmax(0, 1fr) 72px 46px 52px; gap: 10px; align-items: center; }
.pk-st-h { padding: 4px 0 8px; font: 700 11px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--t3, #64748B); }
.pk-st-h span:nth-child(n+3) { text-align: right; }
.pk-st { padding: 10px 0; border-top: 1px solid var(--b1, rgba(255,255,255,.06)); color: inherit; text-decoration: none; }
.pk-st:hover { background: rgba(255,255,255,.02); }
.pk-st-rk { color: var(--t3, #64748B); font-size: 13px; }
.pk-st-tm { display: flex; align-items: center; gap: 10px; min-width: 0; }
.pk-st-tm img { width: 26px; height: 26px; object-fit: contain; flex: none; }
.pk-st-tm b { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pk-st-rec { text-align: right; font-size: 15px; font-weight: 700; color: var(--t1, #F1F5F9); }
.pk-st-x { text-align: right; font-size: 13px; color: var(--t2, #CBD5E1); }
.pk-st-sk { justify-self: end; font: 700 11px/1 var(--mono); padding: 4px 7px; border-radius: 100px; color: var(--t3, #64748B); background: #10192A; }
.pk-st-sk.w { color: #4EEE52; background: rgba(78,238,82,.1); }
.pk-st-sk.l { color: #FB7185; background: rgba(251,113,133,.1); }
/* NFL projections */
.np { padding: 6px 16px 10px; }
.np-h, .np-r { display: grid; grid-template-columns: 24px minmax(0, 1fr) 52px 70px minmax(96px, 1.1fr); gap: 10px; align-items: center; }
.np-h { padding: 8px 0; font: 700 11px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--t3, #64748B); }
.np-h span:nth-child(n+3) { text-align: right; }
.np-r { padding: 10px 0; border-top: 1px solid var(--b1, rgba(255,255,255,.06)); color: inherit; text-decoration: none; }
.np-rk { color: var(--t3, #64748B); font-size: 13px; }
.np-tm { display: flex; align-items: center; gap: 10px; min-width: 0; }
.np-tm b { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.np-now { text-align: right; font-size: 13px; color: var(--t3, #64748B); }
.np-proj { text-align: right; font-size: 15px; font-weight: 700; color: var(--t1, #F1F5F9); }
.np-v { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.np-v b { font-size: 14px; min-width: 42px; text-align: right; color: #F1F5F9; }
.np-bar { flex: 1; max-width: 90px; height: 6px; border-radius: 6px; background: #10192A; overflow: hidden; }
.np-bar i { display: block; height: 100%; background: #4EEE52; border-radius: 6px; }
@media (max-width: 560px) {
  .np-h, .np-r { grid-template-columns: 20px minmax(0, 1fr) 56px 64px; }
  .np-h span:nth-child(3), .np-now { display: none; }
  .np-bar { display: none; }
  .pk-st-h, .pk-st { grid-template-columns: 22px minmax(0, 1fr) 64px 40px 46px; gap: 8px; }
}

.nm-s { display: none; }
.pk-rec-m { display: none; }
@media (max-width: 600px) {
  .nm-f { display: none; } .nm-s { display: inline; }
  .pk-rec { display: none !important; }
  .pk-rec-m { display: block; width: 100%; text-align: right; font: 600 13px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #4EEE52; text-decoration: none; margin-top: -4px; }
}

/* NFL game overview (app.js overview): one font, four sizes */
.ov2 { display: flex; flex-direction: column; gap: 16px; }
.ov2-k { font: 700 11px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--t3, #64748B); margin-bottom: 6px; }
.ov2-score { font-size: 22px; font-weight: 700; color: var(--t1, #F1F5F9); }
.ov2-score span { color: var(--t3, #64748B); font-weight: 400; margin: 0 4px; }
.ov2-sub { margin-top: 4px; font-size: 13px; color: var(--t2, #CBD5E1); }
.ov2-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.ov2-t { background: var(--s2, #10192A); border-radius: 12px; padding: 10px 12px; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.ov2-t span { font-size: 12px; color: var(--t3, #64748B); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ov2-t b { font-size: 22px; font-weight: 700; color: var(--t1, #F1F5F9); }
.ov2-t small { font-size: 12px; color: var(--t3, #64748B); }
.ov2-best { border-left: 3px solid #4EEE52; padding: 2px 0 2px 12px; }
.ov2-bb { display: flex; align-items: baseline; gap: 10px; }
.ov2-bet { flex: 1; font-size: 15px; font-weight: 600; color: var(--t1, #F1F5F9); }
.ov2-bb b { font-size: 15px; }
.ov2-odds { font-size: 13px; color: var(--t2, #CBD5E1); }
.ov2-why { margin-top: 4px; font-size: 13px; color: var(--t3, #94A3B8); }
.ov2-facts { display: flex; flex-direction: column; border-top: 1px solid var(--b1, rgba(255,255,255,.06)); }
.ov2-facts > div, .ov2-more > div { display: grid; grid-template-columns: 96px 1fr; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--b1, rgba(255,255,255,.06)); }
.ov2-facts span, .ov2-more span { font-size: 12px; color: var(--t3, #64748B); }
.ov2-facts p, .ov2-more p { margin: 0; font-size: 13px; line-height: 1.45; color: var(--t2, #CBD5E1); }
.ov2-more summary { cursor: pointer; font-size: 13px; font-weight: 600; color: var(--t2, #CBD5E1); padding: 4px 0; }
.ov2-more > p { margin: 8px 0; }
.ov2-key { font-size: 12px !important; color: var(--t3, #64748B) !important; }
@media (max-width: 420px) { .ov2-t { padding: 9px 10px; } .ov2-t b { font-size: 19px; } .ov2-facts > div, .ov2-more > div { grid-template-columns: 82px 1fr; } }
/* the game page's section pills fit on one line */
/* game-page sections: one segmented control, labels centered, the section you're reading lit */
.jump.jump-top { display: flex; flex-wrap: nowrap; gap: 2px; padding: 4px; margin: 0 0 14px; overflow: hidden;
  background: rgba(12,21,32,.92); border: 1px solid var(--b1, rgba(255,255,255,.06)); border-radius: 12px; box-shadow: 0 4px 16px rgba(0,0,0,.35); }
.jump.jump-top a { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; justify-content: center; text-align: center;
  padding: 9px 4px; border: 0; border-radius: 9px; background: transparent; color: var(--t2, #CBD5E1);
  font: 600 13px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; letter-spacing: -.01em; white-space: nowrap;
  transition: background .2s cubic-bezier(.16,1,.3,1), color .2s; }
.jump.jump-top a:hover { color: var(--t1, #F1F5F9); background: rgba(255,255,255,.04); }
.jump.jump-top a.on { background: #F1F5F9; color: #04080D; }
@media (max-width: 760px) {
  .jump.jump-top { margin: 0 0 12px; padding: 4px; top: calc(70px + env(safe-area-inset-top)); }
  .jump.jump-top a { font-size: 12.5px; padding: 9px 2px; }
}
@media (max-width: 360px) { .jump.jump-top a { font-size: 11.5px; } }
.ov2-why.g { color: #4EEE52; } .ov2-why.r { color: #FB7185; }
.ov2-k { letter-spacing: .06em; font-weight: 600; }

.ov2-ana h4 { margin: 14px 0 6px; font-size: 15px; font-weight: 700; color: var(--t1, #F1F5F9); }
.ov2-ana h4:first-child { margin-top: 8px; }
.ov2-ana p, .ov2-ana li { font-size: 14px; line-height: 1.55; color: var(--t2, #CBD5E1); margin: 0 0 8px; }
.ov2-ana ul { margin: 0 0 8px; padding-left: 18px; }
.ov2-note { font-size: 12px !important; color: var(--t3, #64748B) !important; margin-top: 10px !important; }
.ov2-ana h4 { text-align: center; margin-top: 18px; }
.ov2-ana p { text-align: left; }
/* the written preview uses the card's full width (it isn't a label/value row) */
.ov2-more > .ov2-ana { display: block; grid-template-columns: none; border-bottom: 0; padding: 4px 0 0; }
@media (max-width: 600px) { .ov2-more[open] > .ov2-ana { margin: 0 -6px; } }

/* "More on this game" preview: numbers drawn from LineScout's data, short written lines around them */
.pv { display: flex; flex-direction: column; gap: 22px; padding-top: 6px; }
.pv-head { margin: 0; font-size: 18px; line-height: 1.35; font-weight: 700; color: var(--t1, #F1F5F9); letter-spacing: -.01em; }
.ov2-ana .pv-k { display: flex; align-items: baseline; gap: 8px; margin-bottom: 10px; font: 700 11px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #4EEE52; }
.ov2-ana .pv-k small { font-weight: 600; letter-spacing: .04em; color: var(--t3, #64748B); text-transform: none; font-size: 11px; }
.pv-t { margin: 10px 0 0; font-size: 14px; line-height: 1.55; color: var(--t2, #CBD5E1); }
.pv-off { background: var(--s2, #10192A); border-radius: 14px; padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; }
.pv-leg { display: flex; gap: 14px; font-size: 11px; color: var(--t3, #64748B); }
.pv-leg span:last-child { margin-left: auto; }
.pv-leg i { display: inline-block; width: 8px; height: 8px; border-radius: 2px; margin-right: 5px; vertical-align: 0; }
.pv-off-r { display: grid; grid-template-columns: 40px 1fr 74px; gap: 10px; align-items: center; }
.pv-ab { font: 800 13px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: var(--t1, #F1F5F9); }
.pv-bar { display: flex; gap: 2px; height: 12px; }
.pv-bar i { display: block; height: 100%; border-radius: 3px; animation: pvGrow .6s cubic-bezier(.16,1,.3,1) both; transform-origin: left; }
.pv-leg i.p, .pv-bar i.p { background: #4EEE52; }
.pv-bar i.r, .pv-leg i.r { background: #60A5FA; }
@keyframes pvGrow { from { transform: scaleX(0); } }
.pv-yd { display: flex; justify-content: flex-end; gap: 8px; font-size: 13px; }
.pv-yd b { color: #4EEE52; font-weight: 700; } .pv-yd em { font-style: normal; color: #60A5FA; font-weight: 700; }
.pv-mu { display: grid; grid-template-columns: 74px 1fr; gap: 10px; align-items: start; padding: 10px 0; border-top: 1px solid var(--b1, rgba(255,255,255,.06)); }
.pv-mu:first-of-type { border-top: 0; padding-top: 0; }
.pv-tag { justify-self: start; font: 700 11px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; padding: 5px 9px; border-radius: 100px; background: var(--s2, #10192A); color: var(--t2, #CBD5E1); border: 1px solid var(--b1, rgba(255,255,255,.08)); }
.pv-mu p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--t2, #CBD5E1); }
.pv-ps { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.pv-p { background: var(--s2, #10192A); border-radius: 14px; padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; }
.pv-p-h { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.pv-p-h b { font-size: 14px; color: var(--t1, #F1F5F9); }
.pv-p-h span { font-size: 11px; color: var(--t3, #64748B); white-space: nowrap; }
.pv-p-n { font-size: 28px; font-weight: 800; color: var(--t1, #F1F5F9); line-height: 1; }
.pv-p-n small { margin-left: 6px; font: 600 12px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: var(--t3, #64748B); }
.pv-m-t { position: relative; height: 6px; border-radius: 6px; background: #1E293B; }
.pv-m-t .ln { position: absolute; top: -4px; width: 2px; height: 14px; background: var(--t2, #CBD5E1); transform: translateX(-1px); }
.pv-m-t .pj { position: absolute; top: -3px; width: 12px; height: 12px; border-radius: 50%; transform: translateX(-6px); box-shadow: 0 0 0 3px var(--s2, #10192A); }
.pv-m.o .pj { background: #4EEE52; } .pv-m.u .pj { background: #FB7185; }
.pv-m-c { display: flex; justify-content: space-between; margin-top: 6px; font-size: 12px; color: var(--t3, #64748B); }
.pv-m.o .pv-m-c b { color: #4EEE52; } .pv-m.u .pv-m-c b { color: #FB7185; }
.pv-p p { margin: 0; font-size: 13px; line-height: 1.45; color: var(--t2, #CBD5E1); }
.pv-err { font-size: 13px; color: var(--t3, #64748B); }
@media (prefers-reduced-motion: reduce) { .pv-bar i { animation: none; } }
@media (max-width: 600px) { .pv-ps { grid-template-columns: 1fr; } .pv-mu { grid-template-columns: 66px 1fr; } }
.pv-flag { font-size: 12px; line-height: 1.4; color: #FBBF24; background: rgba(251,191,36,.08); border: 1px solid rgba(251,191,36,.25); border-radius: 8px; padding: 6px 8px; }

.pl-hits { display: block; margin-top: 3px; font-size: 12px; color: var(--t3, #64748B); }

/* section sub-tabs (Picks / Projections / Context): one line of underline tabs that scrolls sideways, edge fades out */
.gtabs { display: flex; flex-wrap: nowrap; gap: 4px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity;
  margin: 0 0 14px; padding: 0 2px; border-bottom: 1px solid var(--b1, rgba(255,255,255,.08)); scrollbar-width: none;
  -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); mask-image: linear-gradient(90deg, #000 85%, transparent); }
.gtabs::-webkit-scrollbar { display: none; }
.gtabs .fchip, .gtabs .fchip.sm { flex: none; scroll-snap-align: start; border: 0; border-radius: 0; background: transparent; color: var(--t3, #94A3B8);
  padding: 10px 10px 11px; font: 600 14px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; position: relative; white-space: nowrap; box-shadow: none; }
.gtabs .fchip:hover { color: var(--t1, #F1F5F9); background: transparent; }
.gtabs .fchip.on { background: transparent; color: var(--t1, #F1F5F9); }
.gtabs .fchip.on::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: -1px; height: 2px; border-radius: 2px; background: #4EEE52; }
.gtabs .gt-n { margin-left: 4px; font: 600 11px/1 var(--mono); color: var(--t3, #64748B); }
.gtabs .fchip.on .gt-n { color: #4EEE52; }
.gtabs .fchip:last-child { margin-right: 28px; }
.gtabs .fchip, .gtabs .fchip.on, .gtabs .fchip.sm.on { background: transparent !important; border: 0 !important; box-shadow: none !important; }
.gtabs .fchip.on { color: var(--t1, #F1F5F9) !important; }

/* Player lines rows: stat + line + hit rate on top, a full-width chart underneath */
.pl-s summary { grid-template-columns: minmax(0, 1fr) 14px !important; grid-template-areas: "st x" "v x" "sp sp"; row-gap: 6px !important; align-items: start; }
.pl-s summary .pl-st { grid-area: st; font-weight: 700; color: var(--t1, #F1F5F9); }
.pl-s summary .pl-v { grid-area: v; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.pl-s summary .pl-x { grid-area: x; align-self: center; }
.pl-s summary .pl-hits { display: inline; margin: 0; font: 600 12px/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: var(--t3, #94A3B8); }
.pl-s summary .pl-hits::before { content: "· "; }
.pl-s summary .pl-sp { grid-area: sp; width: 100%; height: 56px; margin-top: 4px; gap: 3px; }
.pl-s summary .pl-sp.none { display: none; }

.ctx-sub { margin: 18px 0 10px; font: 700 11px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #4EEE52; }
.ctx-sub:first-child { margin-top: 4px; }

/* every sub-tab row now has 3 or fewer tabs: spread them evenly, no sideways scrolling or fade */
.gtabs { -webkit-mask-image: none; mask-image: none; overflow-x: visible; }
.gtabs .fchip, .gtabs .fchip.sm { flex: 1 1 0; justify-content: center; text-align: center; padding-left: 4px; padding-right: 4px; }
.gtabs .fchip:last-child { margin-right: 0; }

/* Matchup tab: a small team switcher, one team's form and offense at a time */
.mt-r { position: absolute; opacity: 0; pointer-events: none; }
.mt-sw { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 3px; margin: 0 0 12px; background: var(--s2, #10192A); border-radius: 10px; }
.mt-sw label { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 8px; border-radius: 8px; cursor: pointer;
  font: 700 13px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: var(--t3, #94A3B8); }
.mt-sw label img { width: 20px; height: 20px; }
.mt-r.a:checked ~ .mt-sw label.a, .mt-r.h:checked ~ .mt-sw label.h { background: var(--s1, #0C1520); color: var(--t1, #F1F5F9); box-shadow: 0 1px 2px rgba(0,0,0,.4); }
.mt-p { display: none; }
.mt-r.a:checked ~ .mt-p.a, .mt-r.h:checked ~ .mt-p.h { display: block; }
.mt-p .om-t { margin-top: 14px; }
.mt { position: relative; }
.mt-r { top: 0; left: 0; width: 1px; height: 1px; }

/* team ranks as labelled bars */
.rkb { margin: 12px 0 4px; display: flex; flex-direction: column; gap: 8px; }
.rkb-k { display: flex; justify-content: space-between; font-size: 11px; color: var(--t3, #64748B); }
.rkb-r { display: grid; grid-template-columns: 96px 1fr 38px; gap: 10px; align-items: center; }
.rkb-r span { font-size: 13px; color: var(--t2, #CBD5E1); }
.rkb-r i { display: block; height: 8px; border-radius: 6px; background: var(--s2, #10192A); overflow: hidden; }
.rkb-r em { display: block; height: 100%; border-radius: 6px; background: #64748B; }
.rkb-r em.g { background: #4EEE52; } .rkb-r em.r { background: #FB7185; }
.rkb-r b { text-align: right; font-size: 14px; color: var(--t1, #F1F5F9); }
.rkb-r b.g { color: #4EEE52; } .rkb-r b.r { color: #FB7185; }

/* standings v2: record · diff · streak on phones; home and away added on wider screens */
.pk-st-h, .pk-st { grid-template-columns: 24px minmax(0, 1fr) 58px 48px 60px 60px 50px !important; gap: 10px !important; }
.pk-st-h.nhl, .pk-st.nhl { grid-template-columns: 24px minmax(0, 1fr) 70px 40px 48px 60px 60px 50px !important; }
.pk-st-h span:nth-child(n+3) { text-align: right; }
.pk-st-h .sk, .pk-st .sk { justify-self: end; text-align: right; }
.pk-st-df { text-align: right; font-size: 14px; font-weight: 700; color: var(--t2, #CBD5E1); }
.pk-st-df.w { color: #4EEE52; } .pk-st-df.l { color: #FB7185; }
@media (max-width: 720px) {
  .pk-st-h .wide, .pk-st .wide { display: none; }
  .pk-st-h, .pk-st { grid-template-columns: 22px minmax(0, 1fr) 52px 44px 46px !important; gap: 8px !important; }
  .pk-st-h.nhl, .pk-st.nhl { grid-template-columns: 22px minmax(0, 1fr) 62px 34px 40px !important; }
  .pk-st-h.nhl .sk, .pk-st.nhl .sk { display: none; }
  .pk-st-rec { font-size: 14px; }
}

/* NHL slip: same slide-up sheet on desktop */
@media (min-width: 761px) {
  body.nhl .nslip:not(.docked) { transform: translateY(calc(100% + 16px)); visibility: hidden; transition: transform .2s cubic-bezier(.4,0,1,1), visibility 0s linear .2s; }
  body.nhl .nslip.open:not(.docked) { transform: none; visibility: visible; transition: transform .42s cubic-bezier(.16,1,.3,1), visibility 0s; }
  body.nhl .nslip.empty { display: none; }
}
/* game page: desktop shows trends in the right column, so drop the Trends pill there */
@media (min-width: 1100px) { .jump.jump-top a[data-arg="trends"], .jump.jump-top a[data-jump$="trends"] { display: none; } }
@media (prefers-reduced-motion: reduce) { #slip, .nslip, .pk-ask { transition: none !important; } }
/* game page right column: trends only, pinned under the header and scrolling on its own to the end of the list */
@media (min-width: 1100px) { .layout > .side { top: 84px; max-height: calc(100vh - 100px); overscroll-behavior: contain; } }
/* top bar: tabs left, search centered, record right, all on one line */
@media (min-width: 761px) {
  .pk-bar { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 16px; }
  .pk-bar > .pk-tabs { flex-wrap: nowrap; white-space: nowrap; }
  .pk-bar > .pk-tabs { justify-self: start; }
  .pk-bar > .csearch, .pk-bar > .nsearch { grid-column: 2 !important; justify-self: center; width: 100%; max-width: 340px !important; margin: 0 !important; align-self: center; }
  .pk-bar > .pk-rec { grid-column: 3; justify-self: end; }
}