html,body{background:#080d16!important}
.pv3{--panel:#0f1623;--text:#e8edf6;--muted:#96a2b8;--faint:#66728a;--border:#1f2a3c;--tc:120,130,150;
 display:block;max-width:none!important;padding:60px 0 40px;font-family:'Roboto',system-ui,sans-serif;color:var(--text)}
.ph{position:relative;overflow:hidden;background:#080d16}
.ph-slab{position:absolute;top:0;bottom:0;left:-10%;width:42%;background:linear-gradient(115deg,rgba(var(--tc),.9) 0%,rgba(var(--tc),.35) 60%,rgba(var(--tc),0) 100%);
 clip-path:polygon(0 0,100% 0,72% 100%,0 100%);opacity:.55}
.ph-slab::after{content:'';position:absolute;left:0;right:0;bottom:0;height:60%;background:linear-gradient(transparent,#080d16)}
.ph-in{position:relative;max-width:1180px;margin:0 auto;padding:18px 28px 30px}
.ph-share{font:600 11px 'Roboto',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:7px 14px;cursor:pointer}
.ph-share:hover{color:#fff}
.ph-grid{display:grid;grid-template-columns:178px 1fr auto;gap:34px;align-items:center}
.ph-photo{position:relative;width:178px;height:178px;overflow:hidden;background:var(--panel);border-radius:14px;border:1px solid var(--border);box-shadow:0 18px 45px rgba(0,0,0,.55)}
.ph-photo img{width:100%;height:100%;display:block;transform-origin:center center}
.ph-kicker{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:rgba(255,255,255,.75)}
.ph-kicker .pos{background:var(--panel);border:1px solid var(--border);color:#fff;font-weight:700;font-size:11px;padding:2px 7px;border-radius:4px;letter-spacing:.03em}
.ph h1{margin:8px 0 0;font-size:36px;font-weight:700;letter-spacing:-.015em;line-height:1.05;color:#fff}
.ph-facts{display:flex;flex-wrap:wrap;gap:8px 32px;margin:16px 0 0;padding:0}
.pf{padding:0}
.pf dt{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0}
.pf dd{margin:3px 0 0;font-size:15px;font-weight:700;color:#fff}
.ph-rank{align-self:center;text-align:center;min-width:104px;padding:12px 18px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}
.ph-rank span{display:block;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.ph-rank b{display:block;font-size:46px;font-weight:700;line-height:1.05;letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}
.ph-rank em{display:block;font-style:normal;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-top:2px}
.pv3-body{max-width:1180px;margin:0 auto;padding:26px 28px 0}
.pv3-cols{display:grid;grid-template-columns:minmax(0,1fr) 640px;gap:28px;align-items:start}
.pv3-cols.one{grid-template-columns:minmax(0,760px)}
.pcol-h{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid rgb(var(--tc))}
.pcol-h a{font-family:'Roboto',sans-serif;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted);text-decoration:none}
.pcol-h a:hover{color:#fff}
.prep{display:flex;flex-direction:column}
.pgr{flex-shrink:0;margin-bottom:12px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:14px 22px}
.pgr-h{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.pgr-h span{color:var(--faint);margin-left:4px}
.pgr-row{display:flex;flex-wrap:wrap;gap:0}
.pgr-row{gap:0 26px}
.pg{padding:0}
.pg b{display:block;font-size:22px;font-weight:700;line-height:1;color:#fff}
.pg span{display:block;margin-top:3px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.prep-text{overflow:visible;scrollbar-color:var(--border) transparent;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px 22px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}
.prep-text p{margin:0 0 15px;font-size:15px;line-height:1.72;color:#d3dae6}
.prep-text p:last-child{margin-bottom:0}
@media (max-width:1120px){.pv3-cols{grid-template-columns:1fr}
.prep{position:static;max-height:none}
.ph-grid{grid-template-columns:140px 1fr}
.ph-photo{width:140px;height:140px}
.ph-rank{grid-column:1/-1;justify-self:start}}
@media (max-width:640px){.ph-in{padding:14px 16px 22px}
.ph-grid{grid-template-columns:1fr}
.ph h1{font-size:30px}
.ph-slab{width:100%}
.pv3-body{padding:20px 14px 0}
.ph-facts{gap:8px 20px}}
.pv3{padding-bottom:56px!important}
.pv3 .pp-email-section{max-width:1124px;margin:72px auto 0!important;padding:26px 30px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,460px);grid-template-rows:auto auto;column-gap:40px;row-gap:6px;align-items:center;
 background:var(--panel)!important;border:1px solid var(--border)!important;border-left:3px solid rgb(var(--tc))!important;border-radius:16px!important;box-shadow:none!important}
.pv3 .pp-email-top{grid-row:1/3;margin:0!important}
.pv3 .pp-email-heading{margin:0!important;font-size:18px!important;font-weight:700!important;color:#fff!important;letter-spacing:-.01em}
.pv3 .pp-email-sub{margin:6px 0 0!important;font-size:13.5px!important;color:var(--muted)!important}
.pv3 .pp-email-row{display:flex!important;gap:8px!important;margin:0!important}
.pv3 .pp-email-input{flex:1;height:40px!important;background:#080d16!important;border:1px solid var(--border)!important;border-radius:10px!important;color:var(--text)!important;font-size:13.5px!important;padding:0 14px!important}
.pv3 .pp-email-input:focus{outline:none;border-color:rgb(var(--tc))!important}
.pv3 .pp-email-submit{height:40px!important;padding:0 18px!important;border-radius:10px!important;background:#3bb2a4!important;color:#04201b!important;font-weight:700!important;font-size:13px!important;border:0!important;box-shadow:none!important}
.pv3 .pp-email-note{grid-column:2;margin:0!important;font-size:11px!important;color:var(--faint)!important}
@media (max-width:900px){.pv3 .pp-email-section{grid-template-columns:1fr;margin:48px 16px 0!important}
.pv3 .pp-email-top{grid-row:auto}
.pv3 .pp-email-note{grid-column:1}}
html.pplight,html.pplight body{background:#f4f6f9!important}
html.pplight .pv3{--panel:#ffffff;--text:#0d1524;--muted:#5d6980;--faint:#8e99ad;--border:#e3e7ee;color:var(--text)}
html.pplight .ph{background:#f4f6f9}
html.pplight .ph-slab{opacity:.28}
html.pplight .ph-slab::after{background:linear-gradient(transparent,#f4f6f9)}
html.pplight .ph h1,html.pplight .pc b,html.pplight .pf dd,html.pplight .ph-rank b,html.pplight .pcol-h,html.pplight .pv3 .pp-email-heading{color:#0d1524!important}
html.pplight .ph-kicker{color:#2c3a50}
html.pplight .ph-kicker .pos{color:#0d1524}
html.pplight .ph-share{color:#0d1524}
html.pplight .prep-text p{color:#2c3a50}
html.pplight .prep-text,html.pplight .pgr,html.pplight .ph-rank,html.pplight .ph-photo{box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 14px rgba(15,23,42,.05)}
html.pplight .pv3 .pp-email-input{background:#f4f6f9!important;color:#0d1524!important}
html.pplight .pv3 .pp-email-submit{background:#0c8a68!important;color:#fff!important}
.ph-acts{display:flex;gap:8px;align-items:center}
html.pplight body>header.sticky{background:#1d5c50!important;backdrop-filter:none!important}
html.pplight,html.pplight body{background:#eceff4!important}
html.pplight .pv3{--panel:#ffffff;--text:#0b1220;--muted:#4f5b70;--faint:#7d889c;--border:#d6dce6}
html.pplight .ph{background:linear-gradient(180deg,#ffffff 0%,#f4f6f9 100%);border-bottom:1px solid #d6dce6}
html.pplight .ph-slab{opacity:.16}
html.pplight .ph-slab::after{background:linear-gradient(transparent,#f4f6f9)}
html.pplight .ph h1{font-weight:800;color:#0b1220!important}
html.pplight .ph-kicker{color:#1f2a3c;font-weight:600}
html.pplight .ph-kicker .pos{background:#0b1220;color:#fff;border-color:#0b1220}
html.pplight .pf dt{color:#6a7589}
html.pplight .pf dd{color:#0b1220!important;font-weight:700}
html.pplight .ph-photo{border-color:#d6dce6;box-shadow:0 10px 30px rgba(15,23,42,.14)}
html.pplight .ph-rank{background:#0b1220;border-color:#0b1220;box-shadow:0 10px 26px rgba(15,23,42,.18)}
html.pplight .ph-rank b{color:#fff!important}
html.pplight .ph-rank span,html.pplight .ph-rank em{color:#9aa6ba}
html.pplight .ph-share{background:#fff;border-color:#cfd6e1;color:#0b1220}
html.pplight .pv3-body{padding-top:30px}
html.pplight .pcol-h{color:#0b1220!important;border-bottom-color:#0b1220}
html.pplight .pcol-h a{color:#4f5b70}
html.pplight .prep-text,html.pplight .pgr{border-color:#d6dce6;box-shadow:0 1px 2px rgba(15,23,42,.05),0 8px 24px rgba(15,23,42,.06)}
html.pplight .prep-text p{color:#1b2433;font-size:15.5px;line-height:1.75}
html.pplight .prep-text p:first-child{font-size:16.5px;font-weight:500;color:#0b1220}
html.pplight .pv3 .pp-email-section{border-color:#d6dce6!important;box-shadow:0 8px 24px rgba(15,23,42,.06)!important}
html.pplight .ph-rank{background:#fff;border-color:#d6dce6;box-shadow:0 1px 2px rgba(15,23,42,.05),0 8px 22px rgba(15,23,42,.07)}
html.pplight .ph-rank b{color:#0b1220!important}
html.pplight .ph-rank span,html.pplight .ph-rank em{color:#6a7589}
html.pplight .prep-text p{color:#2c3a50;font-size:15px;line-height:1.75}
html.pplight .prep-text p:first-child{font-size:15px;font-weight:400;color:#2c3a50}
@keyframes ppIn{from{opacity:0}to{opacity:1}}
.ph-in,.pv3-body{animation:ppIn .35s ease-out both}
.ph-share{transition:border-color .15s ease,color .15s ease}
@media (prefers-reduced-motion:reduce){.pv3 *,.pv3 *::before,.pv3 *::after{animation:none!important;transition:none!important}}
.ph-slab{background:linear-gradient(115deg,rgba(var(--tcd,var(--tc)),.9) 0%,rgba(var(--tcd,var(--tc)),.35) 60%,rgba(var(--tcd,var(--tc)),0) 100%)!important}
.ph-in{position:relative;z-index:1}
.ph-in{padding:40px 28px 40px}
.ph-grid{grid-template-columns:178px minmax(0,1fr) auto;align-items:center}
.ph-side{display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.ph-badges{display:flex;align-items:center;gap:20px}
.ph-acts{display:flex;gap:8px}
html.pplight .pg b{color:#0b1220}
html.pplight .pgr-h{color:#4f5b70}
@media (max-width:1120px){.ph-side{grid-column:1/-1;align-items:flex-start;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%}}
@media (max-width:640px){.ph-in{padding:24px 16px 24px}
.ph-side{flex-direction:column}}
.prep-text .pgr{margin:0 0 20px;padding:0;background:none!important;border:0!important;border-radius:0;box-shadow:none!important}
.pcol-a{display:flex;align-items:center;gap:14px}
.pcol-h .ph-acts{display:flex;gap:2px;align-items:center}
.pcol-h .ph-share{width:26px;height:26px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:none!important;border:0!important;box-shadow:none!important;border-radius:6px;color:var(--muted);cursor:pointer}
.pcol-h .ph-share:hover{color:var(--text);background:rgba(127,140,160,.12)!important}
.pcol-h .ph-share svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ph-side{gap:0}
html.pplight .pv3{--muted:#4a566c;--faint:#5f6b80}
html.pplight .pf dt{color:#56627a}
html.pplight .pv3 .pp-email-submit{background:#0a6e54!important}
.pv3{--hs-track:#1b2537;--hs-mid:rgba(232,237,246,.16)}
html.pplight .pv3{--hs-track:#e6eaf0;--hs-mid:rgba(13,21,36,.16)}
@media (max-width:760px){.ph-in{padding:22px 16px 22px}
.ph-grid{grid-template-columns:92px minmax(0,1fr);gap:16px;align-items:start}
.ph-photo{width:92px;height:92px;border-radius:12px}
.ph-kicker{font-size:12px;gap:6px;flex-wrap:wrap}
.ph h1{font-size:26px;margin-top:6px}
.ph-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin-top:12px}
.pf dt{font-size:9.5px}
.pf dd{font-size:14px}
.ph-side{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:12px}
.ph-badges{width:100%;justify-content:space-between;gap:12px}
.ph-rank{display:flex;align-items:center;gap:10px;padding:8px 14px;min-width:0;border-radius:12px;order:-1}
.ph-rank span{font-size:9.5px}
.ph-rank b{font-size:26px;line-height:1}
.ph-rank em{display:none}
.pv3-body{padding:20px 12px 0}
.pv3-cols{gap:22px}
.prep-text{padding:18px 18px}
.prep-text p{font-size:15px;line-height:1.65}
.pcol-h{font-size:11.5px}
.pcol-a{gap:8px}
.pcol-a a{font-size:11.5px}}
.pv3-cred{margin:36px 0 0;font-size:12px;color:var(--faint)}
.prep.hsl .pcol-h.sub{margin-top:22px}
.pv3-cols.full{grid-template-columns:640px}
.pv3-cols.full>.prep.hsl{display:none}
@media (max-width:1120px){.pv3-cols.full{grid-template-columns:1fr}}
@media (max-width:640px){.ph-acts .ph-share{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}}/* Player profile on phones (owner approved 2026-11-03, round 2; appended to pp-profile.css by build_publish.py). Owner: should "feel pretty similar to the laptop layout";
   round 1's boxed, centred facts strip was rejected. So: the laptop pieces, only scaled down and re-flowed.
   Photo left + kicker/name beside it, laptop-style rank card top-right; facts underneath exactly as on the laptop
   (small label over value, left aligned, no card, no dividers); grades as the laptop's plain row. Phones only. */
@media (max-width:640px){
  html body .ph-in{padding:18px 16px 18px!important}
  html body .ph-grid{display:grid!important;grid-template-columns:88px minmax(0,1fr) auto!important;
    grid-template-areas:"photo kick rank" "photo name rank" "facts facts facts"!important;column-gap:14px!important;row-gap:0!important;align-items:center!important}
  html body .ph-photo{grid-area:photo;width:88px!important;height:88px!important;margin:0!important}
  html body .ph-id{display:contents!important}
  html body .ph-kicker{grid-area:kick;align-self:end;margin:0 0 4px!important;flex-wrap:wrap;min-width:0}
  html body .ph-id h1{grid-area:name;align-self:start;margin:0!important;font-size:26px!important;line-height:1.1!important;overflow-wrap:anywhere}

  /* rank: the laptop card (Rank / number / 2027 draft), just smaller */
  html body .ph-side{grid-area:rank;align-self:start;display:block!important;margin:0!important;width:auto!important}
  html body .ph-badges{display:block!important;margin:0!important}
  html body .ph-rank{width:66px!important;min-width:0!important;padding:8px 4px 7px!important;margin:0!important;text-align:center;
    display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important}
  html body .ph-rank b{display:block!important;font-size:26px!important;line-height:1!important;margin:0!important}
  html body .ph-rank span,html body .ph-rank em{display:block!important;font-size:8px!important;margin:0!important;white-space:nowrap}

  /* facts: same look as the laptop row (label over value, left aligned), placed under the photo + name */
  html body .ph-facts{grid-area:facts;display:flex!important;flex-wrap:wrap;gap:12px 28px!important;margin:16px 0 0!important;padding:0!important;
    background:none!important;border:0!important;box-shadow:none!important}
  html body .ph-facts .pf{margin:0!important;padding:0!important;border:0!important;text-align:left}

  /* grades: the laptop row, wrapping instead of squeezing */
  html body .pgr-row{display:flex!important;flex-wrap:wrap;gap:12px 22px!important}
  html body .pv3-body{padding-top:18px!important}
}