/* Ruiz Projections — Player Props page (builds on nfl.css tokens and theme) */
.pp-shell{display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;align-items:start}
.pp-side{position:sticky;top:10px;display:flex;flex-direction:column;gap:3px}
.pp-side a{padding:11px 12px;font-size:14px;border-radius:8px}
.pp-main{min-width:0;display:flex;flex-direction:column;gap:14px}
.gc-nav a.pp-current{color:#fff;font-weight:800}

.pp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);backdrop-filter:blur(12px)}
.pp-head h1{margin:0;font:italic 900 clamp(40px,5vw,68px)/.9 var(--head);letter-spacing:.01em;background:linear-gradient(180deg,#fff,#c9d4e2);-webkit-background-clip:text;background-clip:text;color:transparent}
.pp-sub{margin-top:6px;color:var(--brand);font:700 13px var(--head);letter-spacing:.28em}
.pp-week{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}
.pp-week b{padding:8px 14px;border:1px solid var(--line2);border-radius:8px;background:var(--panel2);color:#fff;font-weight:700}

.pp-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pp-filters label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:11.5px;font-weight:600}
.pp-filters label{min-width:0}
.pp-filters select{width:100%;min-width:0;padding:11px 12px;border:1px solid var(--line2);border-radius:9px;background:rgba(7,10,17,.85);color:#fff;font-size:13.5px;backdrop-filter:blur(10px)}

.pp-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:14px;align-items:start}
.pp-leaders-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.pp-leaders-head h2{margin:0;font:800 26px var(--head)}
.pp-leaders-head p{margin:2px 0 0;color:var(--muted);font-size:12.5px}
.pp-trophy{font-size:34px;filter:drop-shadow(0 4px 10px rgba(255,194,61,.4))}
.pp-row{position:relative;display:grid;grid-template-columns:44px 64px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:8px 14px 8px 8px;margin-bottom:8px;border:1px solid var(--line2);border-radius:12px;background:linear-gradient(90deg,color-mix(in srgb,var(--rc,#334) 30%,transparent),rgba(10,14,22,.7) 45%);text-align:left;overflow:hidden}
.pp-row:hover{border-color:#5a7393}
.pp-row.active{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand),0 0 24px rgba(255,194,61,.18)}
.pp-rank{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;border:1px solid var(--line2);background:#0c121d;font:800 20px var(--head)}
.pp-row:first-child .pp-rank{background:linear-gradient(180deg,#ffd36b,#c27a0e);color:#1b1203;border-color:#ffd36b}
.pp-shot{width:64px;height:58px;object-fit:cover;object-position:top;border-radius:8px;background:#0c121d}
.pp-shot.ph{display:grid;place-items:center;color:var(--muted);font:800 18px var(--head)}
.pp-name{font:700 19px/1.1 var(--head);letter-spacing:.01em}
.pp-meta{display:flex;align-items:center;gap:6px;margin-top:4px;color:var(--muted);font-size:12px}
.pp-meta img{width:18px;height:18px;object-fit:contain}
.pp-val{text-align:right}
.pp-val b{display:block;font:800 26px/1 var(--head)}
.pp-val small{color:var(--muted);font-size:11px}
.pp-more-title{margin:14px 0 8px;font:700 15px var(--head);letter-spacing:.04em;color:#cfd8e3}
.pp-list{display:flex;flex-direction:column;max-height:520px;overflow:auto;border-top:1px solid var(--line)}
.pp-li{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 6px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;font-size:12.5px}
.pp-li:hover{background:rgba(255,255,255,.03)}
.pp-li .r{color:var(--muted)}
.pp-li .v{font-weight:700;color:#fff;font-variant-numeric:tabular-nums}
.pp-li .t{color:var(--muted);font-size:11px}

.pp-feature{display:flex;flex-direction:column;gap:12px;min-width:0}
.pp-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:16px;min-height:250px;
  background:radial-gradient(ellipse at 18% 40%,color-mix(in srgb,var(--pc,#ff7a1a) 75%,transparent),transparent 62%),linear-gradient(110deg,color-mix(in srgb,var(--pc,#ff7a1a) 55%,#05070c) 0%,rgba(6,9,15,.88) 55%)}
.pp-card-shot{position:absolute;left:0;bottom:0;height:100%;max-width:46%;object-fit:cover;object-position:top;mask-image:linear-gradient(90deg,#000 70%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent)}
.pp-card-body{position:relative;margin-left:40%;padding:20px 20px 16px}
.pp-card-rank{position:absolute;right:18px;top:6px;font:italic 900 90px/1 var(--head);color:rgba(255,255,255,.16)}
.pp-card h2{margin:0;font:800 clamp(28px,3vw,40px)/1 var(--head);letter-spacing:.02em;text-transform:uppercase}
.pp-card .sub{display:flex;align-items:center;gap:8px;margin-top:6px;color:#e3e9f1;font:600 14px var(--head);letter-spacing:.12em;text-transform:uppercase}
.pp-card .sub img{width:26px;height:26px;object-fit:contain}
.pp-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.pp-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(3,5,10,.55)}
.pp-chips div{padding:10px 8px;text-align:center;border-right:1px solid rgba(255,255,255,.1)}
.pp-chips div:last-child{border-right:0}
.pp-chips b{display:block;font:800 26px/1.1 var(--head)}
.pp-chips span{color:#c7d2de;font-size:11px}

.pp-tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line2);border-radius:10px;overflow:hidden;background:var(--panel)}
.pp-tabs button{padding:11px;border:0;border-right:1px solid var(--line);background:transparent;color:#cfd8e3;font:600 14px var(--body)}
.pp-tabs button:last-child{border-right:0}
.pp-tabs button[aria-selected=true]{background:linear-gradient(180deg,#ffd36b,#f29b12);color:#1b1203;font-weight:800}
.pp-tabpanel{min-height:120px}
.pp-section{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}
.pp-section>div{min-width:0}
.pp-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;border:1px solid var(--brand);color:var(--brand);font-size:18px}
.pp-section h3{margin:0;font:700 19px var(--head)}
.pp-section p{margin:2px 0 0;color:var(--muted);font-size:12.5px}
.pp-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.pp-inline label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:11.5px}
.pp-inline input,.pp-inline select{padding:10px 12px;border:1px solid var(--line2);border-radius:8px;background:#060a12;color:#fff;font-size:15px;min-width:120px}
.pp-load{padding:12px 18px;border:0;border-radius:9px;background:linear-gradient(180deg,#ffd36b,#f29b12);color:#1b1203;font:800 17px var(--head);letter-spacing:.03em}
.pp-prob{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 14px;border:1px solid rgba(46,230,107,.4);border-radius:12px;background:rgba(46,230,107,.06)}
.pp-prob b{font:800 34px/1 var(--head);color:var(--green)}
.pp-prob .bar{flex:1;min-width:120px;height:10px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden}
.pp-prob .bar i{display:block;height:100%;background:linear-gradient(90deg,#16b84f,#3df57a)}
.pp-ev{padding:6px 12px;border:1px solid var(--green);border-radius:999px;color:var(--green);font-weight:800}
.pp-ev.neg{border-color:var(--red);color:var(--red)}
.pp-dist{display:flex;align-items:flex-end;gap:2px;height:70px;margin:10px 0 4px}
.pp-dist i{flex:1;background:linear-gradient(180deg,var(--brand),rgba(255,194,61,.25));border-radius:3px 3px 0 0}
.pp-axis{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}
.pp-bars{display:flex;align-items:flex-end;gap:6px;height:150px;padding:8px 0 0;position:relative;border-bottom:1px solid var(--line2)}
.pp-bars .b{flex:1;min-width:0;position:relative;background:linear-gradient(180deg,#7fb2ff,#2f6fe0);border-radius:4px 4px 0 0;min-height:2px}
.pp-bars .b.over{background:linear-gradient(180deg,#5ef08f,#16b84f)}
.pp-bars .b span{position:absolute;top:-16px;left:50%;transform:translateX(-50%);font-size:10px;color:#dce5ef}
.pp-bars .line{position:absolute;left:0;right:0;border-top:2px dashed var(--brand)}
.pp-bars .line em{position:absolute;right:0;top:-18px;font-style:normal;font-size:10.5px;color:var(--brand)}
.pp-xlab{display:flex;gap:6px;margin-top:4px}
.pp-xlab span.prev{opacity:.55}
.pp-xnote{margin:6px 0 0!important;font-size:11px!important}
.pp-xlab span{flex:1;min-width:0;overflow:hidden;text-align:center;color:var(--muted);font-size:10px;line-height:1.25}

@media (max-width:1200px){.pp-grid{grid-template-columns:1fr}.pp-list{max-height:360px}}
@media (max-width:980px){.pp-shell{grid-template-columns:1fr}.pp-side{display:none}.pp-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .pp-card-shot{max-width:42%;opacity:.9}.pp-card-body{margin-left:34%;padding:14px 12px}.pp-card-rank{font-size:60px}
  .pp-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-chips div:nth-child(2){border-right:0}
  .pp-row{grid-template-columns:34px 48px minmax(0,1fr) auto;gap:8px}.pp-shot{width:48px;height:46px}.pp-name{font-size:16px}.pp-val b{font-size:22px}
  .pp-tabs button{font-size:12px;padding:10px 4px}
  .pp-bars,.pp-xlab{gap:3px}.pp-section{gap:8px}.pp-icon{width:30px;height:30px;font-size:15px}
}

/* ---- Parlay Board ---- */
.pb-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:14px;align-items:start}
.pb-slipcol{position:sticky;top:10px}
.pb-filters{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:10px}
.pb-players{display:flex;flex-direction:column;max-height:620px;overflow:auto;border-top:1px solid var(--line)}
.pb-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:9px 6px;border-bottom:1px solid var(--line)}
.pb-row b{display:block;font-size:13.5px}
.pb-row span{color:var(--muted);font-size:11.5px}
.pb-val{text-align:right;font:800 20px var(--head)}
.pb-val small{display:block;color:var(--muted);font:500 10.5px var(--body)}
.pb-add{display:flex;gap:6px}
.pb-add button{padding:7px 11px;border:1px solid var(--line2);border-radius:7px;background:var(--panel2);font-weight:700;font-size:12px}
.pb-add button:hover{border-color:var(--brand);color:var(--brand)}
.pb-td{display:flex;flex-wrap:wrap;gap:8px}
.pb-chip{padding:8px 11px;border:1px solid var(--line2);border-radius:999px;background:var(--panel2);font-size:12px}
.pb-chip em{font-style:normal;color:var(--brand);font-weight:800;margin-left:4px}
.pb-chip:hover{border-color:var(--brand)}
.pb-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:10px 0 6px}
.pb-sum div{padding:9px 6px;border:1px solid var(--line2);border-radius:9px;background:var(--panel2);text-align:center}
.pb-sum span{display:block;color:var(--muted);font-size:10.5px}
.pb-sum b{font:800 20px var(--head)}
.pb-ev{margin:6px 0;font-weight:700}
.pb-ticket{border:1px solid var(--line2);border-radius:12px;padding:12px;margin-bottom:10px;background:var(--panel2)}
.pb-ticket-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}
.pb-ticket-head>div:first-child{flex:1;min-width:200px}
.pb-ticket-head b{display:block;font-size:14px}
.pb-ticket-head span{color:var(--muted);font-size:12px}
.pb-hit{text-align:center}
.pb-hit b{display:block;font:800 28px var(--head);color:var(--brand)}
.pb-ticket-body{min-width:0}
.pb-check{overflow-x:auto;margin-top:10px}
.pb-check:empty{display:none}
.pb-msum{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:10px}
.pb-msum>div{border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:rgba(8,13,19,.5);min-width:0}
.pb-msum span{display:block;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.pb-msum b{display:block;font:800 19px/1.15 var(--head);overflow-wrap:anywhere}
.pb-msum em{display:block;font-style:normal;font-size:11.5px;color:#c4cfdb}
.pb-next{margin:-4px 0 10px}
.pb-legs{display:flex;flex-direction:column;gap:6px}
.pb-leg{display:grid;grid-template-columns:minmax(0,1.6fr) 70px minmax(0,1.5fr) 56px;gap:10px;align-items:center;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:rgba(8,13,19,.45)}
.pb-leg-who b{display:block;font-size:13px}
.pb-leg-who span{font-size:11.5px;color:var(--muted)}
.pb-leg-act span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.pb-leg-act b{font:800 18px var(--head);font-variant-numeric:tabular-nums}
.pb-leg-margin{display:flex;flex-direction:column;gap:4px;min-width:0}
.pb-margin{font-size:12.5px;font-weight:700}
.pb-margin.hit{color:var(--green)}.pb-margin.miss{color:var(--red)}.pb-margin.push{color:var(--amber)}
.pb-margin.none{color:var(--muted);font-weight:500;font-size:11.5px}
.pb-mbar{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.06);overflow:hidden;max-width:180px}
.pb-mbar i{display:block;height:100%;border-radius:3px}
.pb-mbar.hit i{background:var(--green)}.pb-mbar.miss i{background:var(--red)}.pb-mbar.push i{background:var(--amber)}
.pb-disagree{font-size:11px}
.pb-leg-res{font:800 13px var(--head);letter-spacing:.05em;text-align:right}
@media (max-width:1100px){.pb-grid{grid-template-columns:1fr}.pb-slipcol{position:static}}
@media (max-width:640px){.pb-leg{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}.pb-leg-act{text-align:right}.pb-leg-margin{grid-column:1/2}.pb-leg-res{align-self:end}.pb-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.pb-filters label:first-child{grid-column:1/-1}.pb-sum{grid-template-columns:repeat(2,minmax(0,1fr))}.pb-row{grid-template-columns:minmax(0,1fr) auto}.pb-add{grid-column:1/-1}}
.pb-ticket .gc-table th:nth-child(2),.pb-ticket .gc-table td:nth-child(2),.pb-ticket .gc-table th:nth-child(3),.pb-ticket .gc-table td:nth-child(3){text-align:left}

/* Dropdown menus: dark list with readable text (browsers draw options on white by default). */
select{color-scheme:dark}
select option,select optgroup{background:#111827;color:#e5e7eb}
select option:checked{background:#1f2937;color:#fff}