/* ═══════════════════════════════════════════════════════════════
   DEGREE · Population Report
   Same visual language as the certification page (dark, Forza,
   green accent), scoped under .dgpr so nothing collides with the
   theme or Elementor.
   ═══════════════════════════════════════════════════════════════ */

@font-face{font-family:Forza;src:url(/wp-content/webfonts/Forza-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Forza;src:url(/wp-content/webfonts/Forza-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Forza;src:url(/wp-content/webfonts/Forza-Black.woff2) format("woff2");font-weight:900;font-display:swap}

.dgpr{
  --black:#050506;
  --panel:rgba(255,255,255,.035);
  --panel-2:rgba(255,255,255,.055);
  --panel-3:rgba(255,255,255,.08);
  --line:rgba(255,255,255,.09);
  --line-2:rgba(255,255,255,.14);
  --green:#65bc46;
  --green-bright:#7bd75a;
  --green-dark:#3f8f27;
  --white:#fff;
  --muted:#a9a9b7;
  --dim:#6c6c7c;
  --faint:#4d4d5c;

  --g0:#ff2e43;--g1:#ff2e43;--g2:#ff2e43;--g3:#ff4a3b;--g4:#ff6a2e;
  --g5:#ff8a1f;--g6:#ffb322;--g7:#ffd426;--g8:#a8e857;
  --g9:#65bc46;--g10:#7bd75a;--g11:#e8ffe0;

  --display:Forza,"Arial Black","Helvetica Neue",Helvetica,Arial,sans-serif;
  --body:Lato,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --ease-out:cubic-bezier(.16,1,.3,1);
  --pad:clamp(16px,4vw,28px);
  --radius:16px;
}

/* full-bleed dark canvas even inside a boxed theme container */
.dgpr{
  position:relative;
  width:100vw;margin-left:calc(50% - 50vw);
  background:var(--black);color:var(--white);
  font-family:var(--body);font-size:15px;line-height:1.6;
  -webkit-font-smoothing:antialiased;
  min-height:80vh;
  overflow:hidden;
}
.dgpr *,.dgpr *::before,.dgpr *::after{box-sizing:border-box}
.dgpr h1,.dgpr h2,.dgpr h3,.dgpr p,.dgpr figure{margin:0}
.dgpr button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.dgpr a.pr-set{color:inherit;text-decoration:none;cursor:pointer}
.dgpr a{color:var(--green-bright);text-decoration:none}
.dgpr a:hover{text-decoration:underline}
/* Tiles are anchors so crawlers can reach the set pages. Placed after the
   generic link rules above, which carry equal specificity and would
   otherwise tint them green and underline the whole tile on hover. */
.dgpr a.pr-brand,.dgpr a.pr-brand:hover{color:inherit;text-decoration:none;cursor:pointer}
.dgpr .mono{font-family:var(--mono);letter-spacing:.02em}

/* ─── background ─────────────────────────────────────────────── */
.dgpr .dgpr-bg{position:absolute;top:0;left:0;right:0;height:min(900px,120vh);z-index:0;pointer-events:none;overflow:hidden}
.dgpr .bg-grid{
  position:absolute;inset:-20%;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:46px 46px;
  transform:perspective(600px) rotateX(60deg) translateY(-10%);
  mask-image:radial-gradient(ellipse 66% 46% at 50% 26%,#000 20%,transparent 76%);
  -webkit-mask-image:radial-gradient(ellipse 66% 46% at 50% 26%,#000 20%,transparent 76%);
}
.dgpr .bg-glow{
  position:absolute;left:50%;top:4%;transform:translateX(-50%);
  width:min(92vw,720px);aspect-ratio:1;border-radius:50%;filter:blur(80px);
  background:radial-gradient(circle,rgba(101,188,70,.26),transparent 66%);
}
.dgpr .bg-vignette{
  position:absolute;inset:0;
  background:radial-gradient(ellipse 96% 62% at 50% 18%,transparent 36%,rgba(0,0,0,.7) 100%);
}

/* ─── layout ─────────────────────────────────────────────────── */
.dgpr .dgpr-wrap{
  position:relative;z-index:5;
  width:100%;max-width:1120px;margin:0 auto;
  padding:clamp(26px,5vw,50px) var(--pad) 80px;
  display:flex;flex-direction:column;gap:clamp(18px,3vw,28px);
}

/* preview ribbon */
.dgpr .dgpr-preview-ribbon{
  align-self:center;display:inline-flex;align-items:center;gap:9px;
  padding:7px 16px;border-radius:999px;
  border:1px solid rgba(255,212,38,.35);background:rgba(255,212,38,.08);
  color:#ffd426;font-size:12.5px;font-weight:700;letter-spacing:.04em;
}
.dgpr .dgpr-preview-ribbon .dot{width:8px;height:8px;border-radius:50%;background:#ffd426;animation:dgprPulse 2s infinite}
@keyframes dgprPulse{0%,100%{opacity:1}50%{opacity:.35}}

/* hero */
.dgpr .dgpr-hero{text-align:center;padding-top:6px}
.dgpr .dgpr-eyebrow{
  font-family:var(--display);font-weight:700;font-size:12px;
  letter-spacing:.32em;text-transform:uppercase;color:var(--green);
}
.dgpr .dgpr-title{
  font-family:var(--display);font-weight:900;
  font-size:clamp(34px,7vw,62px);line-height:1.02;
  text-transform:uppercase;letter-spacing:.01em;margin-top:10px;
}
.dgpr .dgpr-title em{font-style:normal;color:var(--green);text-shadow:0 0 34px rgba(101,188,70,.45)}
.dgpr .dgpr-lede{max-width:640px;margin:14px auto 0;color:var(--muted);font-size:clamp(14px,2.4vw,16px)}
.dgpr .dgpr-checklist{max-width:640px;margin:10px auto 0;color:var(--muted);font-size:14px}
.dgpr .dgpr-checklist[hidden]{display:none}

/* footer note */
.dgpr .dgpr-foot{border-top:1px solid var(--line);padding-top:18px;text-align:center}
.dgpr .dgpr-foot p{color:var(--dim);font-size:12.5px;max-width:560px;margin:0 auto}

/* ─── app chrome ─────────────────────────────────────────────── */
.dgpr .dgpr-app{display:flex;flex-direction:column;gap:18px;min-height:420px}
.dgpr .dgpr-noscript{color:var(--muted);text-align:center;padding:40px 0}

/* toolbar */
.dgpr .pr-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.dgpr .pr-toolbar .spacer{flex:1}
.dgpr .pr-back{
  display:inline-flex;align-items:center;gap:7px;
  padding:8px 14px;border-radius:10px;border:1px solid var(--line-2);
  background:var(--panel);color:var(--muted);font-weight:700;font-size:13px;
  transition:all .18s var(--ease-out);
}
.dgpr .pr-back:hover{color:var(--white);border-color:var(--green);background:var(--panel-2)}

/* search */
.dgpr .pr-search{position:relative;flex:1 1 260px;max-width:520px}
.dgpr .pr-search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:15px;height:15px;stroke:var(--dim);fill:none;stroke-width:2;pointer-events:none}
.dgpr .pr-search input{
  width:100%;padding:11px 14px 11px 38px;border-radius:12px;
  border:1px solid var(--line-2);background:var(--panel);
  color:var(--white);font:inherit;font-size:14px;outline:none;
  transition:border-color .18s,box-shadow .18s;
}
.dgpr .pr-search input::placeholder{color:var(--dim)}
.dgpr .pr-search input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(101,188,70,.15)}

/* certification quick lookup (home, above the set/player search) */
.dgpr .pr-certlookup{
  max-width:560px;margin:0 auto;width:100%;
  border:1px solid var(--line);border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(101,188,70,.07),var(--panel));
  padding:16px 18px 14px;text-align:center;
}
.dgpr .pr-certlookup .cl-label{
  display:block;margin-bottom:10px;color:var(--green);
  font-family:var(--display);font-weight:700;font-size:11px;
  letter-spacing:.22em;text-transform:uppercase;
}
.dgpr .pr-certlookup .cl-box{display:flex;gap:8px;margin:0}
.dgpr .pr-certlookup input{
  flex:1;min-width:0;padding:11px 14px;border-radius:12px;
  border:1px solid var(--line-2);background:var(--panel);
  color:var(--white);font:inherit;font-size:14px;outline:none;
  font-family:var(--mono);letter-spacing:.04em;
  transition:border-color .18s,box-shadow .18s;
}
.dgpr .pr-certlookup input::placeholder{color:var(--dim);font-family:var(--body);letter-spacing:0}
.dgpr .pr-certlookup input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(101,188,70,.15)}
.dgpr .pr-certlookup button{
  flex:0 0 auto;padding:11px 22px;border-radius:12px;
  background:var(--green);color:#06130a;font-weight:800;font-size:13.5px;
  letter-spacing:.04em;text-transform:uppercase;
  transition:background .15s,transform .15s;
}
.dgpr .pr-certlookup button:hover{background:var(--green-bright)}
.dgpr .pr-certlookup button:disabled{opacity:.6;cursor:default}
.dgpr .pr-certlookup .cl-err{display:block;margin-top:9px;color:#ff8a80;font-size:12.5px}

/* "or" divider between the cert lookup and the explore search */
.dgpr .pr-hr{
  max-width:560px;margin:18px auto;width:100%;
  display:flex;align-items:center;gap:12px;
  color:var(--faint);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;
}
.dgpr .pr-hr::before,.dgpr .pr-hr::after{content:"";flex:1;height:1px;background:var(--line)}

/* big landing search */
.dgpr .pr-search--hero{max-width:560px;margin:0 auto;width:100%}
.dgpr .pr-search--hero input{padding:14px 16px 14px 42px;font-size:15px;border-radius:14px}

/* player typeahead dropdown */
.dgpr .pr-suggest{
  position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;
  background:#101014;border:1px solid var(--line-2);border-radius:12px;
  overflow:hidden;box-shadow:0 18px 44px rgba(0,0,0,.6);
  text-align:left;
}
.dgpr .pr-suggest .sg-head{
  padding:9px 14px 4px;color:var(--faint);
  font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
}
.dgpr .pr-suggest button{
  display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:12px;
  padding:10px 14px;text-align:left;font-size:13.5px;
  border-bottom:1px solid rgba(255,255,255,.05);transition:background .12s;
  white-space:normal;
}
.dgpr .pr-suggest button:last-child{border-bottom:0}
.dgpr .pr-suggest button:hover{background:rgba(101,188,70,.1)}
.dgpr .pr-suggest .sg-name{font-weight:700;min-width:0}
.dgpr .pr-suggest .sg-name small{color:var(--dim);font-weight:400;margin-left:7px;font-size:11.5px}
.dgpr .pr-suggest .sg-meta{color:var(--dim);font-size:11.5px;white-space:nowrap;flex:0 0 auto}
.dgpr .pr-suggest .sg-sets{color:var(--green-bright);font-weight:700;justify-content:flex-start}

/* chips */
.dgpr .pr-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.dgpr .pr-chip{
  padding:8px 16px;border-radius:999px;border:1px solid var(--line-2);
  background:var(--panel);color:var(--muted);font-weight:700;font-size:13px;
  letter-spacing:.02em;transition:all .18s var(--ease-out);
}
.dgpr .pr-chip:hover{color:var(--white);border-color:var(--green)}
.dgpr .pr-chip.is-on{background:rgba(101,188,70,.14);border-color:var(--green);color:var(--green-bright)}
.dgpr .pr-chip small{color:var(--dim);font-weight:400;margin-left:6px}
.dgpr .pr-chip.is-on small{color:rgba(123,215,90,.7)}

/* sport + language filter strips (browse view) */
.dgpr .pr-chips--sports,
.dgpr .pr-chips--langs{justify-content:flex-start;margin:14px 0 2px}
.dgpr .pr-chips--sports .pr-chip,
.dgpr .pr-chips--langs .pr-chip{padding:6px 13px;font-size:12.5px}

/* player results above the set list (text search) */
.dgpr .pr-players{margin:18px 0 34px}
.dgpr .pr-prow{
  display:grid;grid-template-columns:auto minmax(0,1fr) 92px auto;
  gap:14px;align-items:center;width:100%;text-align:left;
  border:1px solid rgba(101,188,70,.28);border-radius:14px;
  background:linear-gradient(90deg,rgba(101,188,70,.08),var(--panel) 55%);
  padding:13px 16px;margin-bottom:8px;white-space:normal;
  transition:transform .16s var(--ease-out),border-color .16s,background .16s;
}
.dgpr .pr-prow:hover{transform:translateX(3px);border-color:var(--green);background:linear-gradient(90deg,rgba(101,188,70,.13),var(--panel-2) 60%)}
.dgpr .pr-prow .p-badge{
  flex:0 0 auto;padding:3px 9px;border-radius:6px;
  border:1px solid rgba(101,188,70,.45);color:var(--green-bright);
  font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
}
.dgpr .pr-prow .p-id{min-width:0}
.dgpr .pr-prow .p-name{display:block;font-weight:800;font-size:15px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dgpr .pr-prow .p-ctx{display:block;color:var(--dim);font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dgpr .pr-prow .p-num{text-align:right}
.dgpr .pr-prow .p-num b{font-family:var(--display);font-weight:700;font-size:15px}
.dgpr .pr-prow .p-num span{display:block;color:var(--faint);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}
.dgpr .pr-prow .p-go{color:var(--green-bright);font-size:12.5px;font-weight:700;white-space:nowrap}
@media (max-width:760px){
  .dgpr .pr-prow{grid-template-columns:minmax(0,1fr) 84px;gap:10px}
  .dgpr .pr-prow .p-badge,.dgpr .pr-prow .p-go{display:none}
}

/* language strip: English leads, alternatives sit behind a divider */
.dgpr .pr-chips--langs{gap:13px 12px;align-items:center;margin:22px 0 18px}
.dgpr .pr-chips--langs .pr-chip{padding:7px 15px}
.dgpr .pr-chips--langs .pr-chip--primary{padding:8px 18px;font-size:13px;color:var(--white)}
.dgpr .pr-chips--langs .pr-chip--primary.is-on{color:var(--green-bright)}
.dgpr .pr-langs-div{width:1px;height:24px;background:var(--line-2);margin:0 6px;flex:0 0 auto}
.dgpr .pr-chips--sports:not([hidden])+.pr-chips--langs{margin-top:10px}

/* player drill-down filters: game/sport row, then brand or language row */
.dgpr .pr-chips--pf{justify-content:flex-start;gap:9px;margin:18px 0 0}
.dgpr .pr-chips--pf .pr-chip{padding:7px 14px;font-size:12.5px}
.dgpr .pr-chips--pf-sub{margin-top:10px;padding-left:14px;position:relative}
.dgpr .pr-chips--pf-sub::before{
  content:"";position:absolute;left:2px;top:6px;bottom:6px;width:2px;
  border-radius:2px;background:rgba(101,188,70,.35);
}
.dgpr .pr-select--pfset{max-width:340px;min-width:0;font-size:12.5px;padding-top:8px;padding-bottom:8px}
@media (max-width:760px){
  .dgpr .pr-select--pfset{max-width:100%;flex:1 1 100%;order:3}
}

/* player browse layer: collections tiles → set rows → selected-set bar */
.dgpr .pr-h--pf{margin:22px 0 12px}
.dgpr .pr-brand-grid--pf{margin-top:0}
.dgpr button.pr-set{width:100%;cursor:pointer;font:inherit;color:inherit}
.dgpr .pr-sets--pf .s-num b{font-size:14.5px}
.dgpr .pr-pfsel{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  margin:18px 0 2px;
}
.dgpr .pr-pfsel .pfsel-label{font-weight:800;font-size:14.5px;min-width:0}
.dgpr .pr-pfsel a{
  color:var(--green-bright);font-size:12.5px;font-weight:700;
  text-decoration:none;white-space:nowrap;
}
.dgpr .pr-pfsel a:hover{text-decoration:underline}

/* selects */
.dgpr .pr-select{
  appearance:none;-webkit-appearance:none;
  padding:9px 32px 9px 13px;border-radius:10px;border:1px solid var(--line-2);
  background:var(--panel) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23a9a9b7' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") no-repeat right 12px center;
  color:var(--white);font:inherit;font-size:13px;font-weight:600;outline:none;cursor:pointer;
}
.dgpr .pr-select:focus{border-color:var(--green)}
.dgpr .pr-select option{background:#101014;color:#fff}

/* section heading */
.dgpr .pr-h{display:flex;align-items:baseline;gap:12px;margin-top:4px}
.dgpr .pr-h h2{font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:.14em;text-transform:uppercase}
.dgpr .pr-h .sub{color:var(--dim);font-size:13px}

/* ─── brand tiles ────────────────────────────────────────────── */
.dgpr .pr-brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:12px}
.dgpr .pr-brand{
  text-align:left;position:relative;overflow:hidden;
  border:1px solid var(--line);border-radius:var(--radius);
  background:linear-gradient(180deg,var(--panel-2),var(--panel));
  padding:18px 18px 15px;display:flex;flex-direction:column;gap:11px;
  transition:transform .2s var(--ease-out),border-color .2s,box-shadow .2s;
  white-space:normal; /* theme button reset forces nowrap; tiles need to wrap */
}
.dgpr .pr-brand:hover{transform:translateY(-3px);border-color:rgba(101,188,70,.5);box-shadow:0 14px 34px rgba(0,0,0,.45)}
.dgpr .pr-brand .b-name{font-family:var(--display);font-weight:700;font-size:16.5px;letter-spacing:.02em;line-height:1.2}
.dgpr .pr-brand .b-meta{color:var(--dim);font-size:12px;display:flex;gap:10px}
.dgpr .pr-brand .b-meta b{color:var(--muted);font-weight:700}
.dgpr .pr-brand .b-top{
  color:var(--faint);font-size:11.5px;line-height:1.5;min-height:34px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.dgpr .pr-brand .b-top span{color:var(--dim)}
.dgpr .pr-brand .b-cat{
  position:absolute;top:14px;right:14px;font-size:10px;font-weight:800;
  letter-spacing:.12em;text-transform:uppercase;color:var(--faint);
  border:1px solid var(--line);border-radius:6px;padding:2px 7px;
}

/* stacked shape bar */
.dgpr .pr-shape{display:flex;height:9px;border-radius:5px;overflow:hidden;background:rgba(255,255,255,.05)}
.dgpr .pr-shape i{display:block;height:100%}

/* show-more */
.dgpr .pr-more{
  align-self:center;padding:10px 22px;border-radius:999px;
  border:1px solid var(--line-2);background:var(--panel);
  color:var(--muted);font-weight:700;font-size:13px;
  transition:all .18s var(--ease-out);
}
.dgpr .pr-more:hover{color:var(--white);border-color:var(--green)}

/* ─── set list rows ──────────────────────────────────────────── */
.dgpr .pr-sets{display:flex;flex-direction:column;gap:8px}
.dgpr .pr-set{
  display:grid;grid-template-columns:34px minmax(0,1fr) 130px 88px 74px;
  gap:14px;align-items:center;text-align:left;
  border:1px solid var(--line);border-radius:14px;
  background:var(--panel);padding:13px 16px;
  transition:transform .16s var(--ease-out),border-color .16s,background .16s;
}
.dgpr .pr-set:hover{transform:translateX(3px);border-color:rgba(101,188,70,.45);background:var(--panel-2)}
.dgpr .pr-set .s-rank{color:var(--faint);font-family:var(--mono);font-size:12px;text-align:right}
.dgpr .pr-set .s-id{min-width:0}
.dgpr .pr-set .s-label{display:block;font-weight:800;font-size:14.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dgpr .pr-set .s-ctx{display:block;color:var(--dim);font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dgpr .pr-set .s-ctx .src{color:var(--faint)}
.dgpr .pr-set .s-num{text-align:right}
.dgpr .pr-set .s-num b{font-family:var(--display);font-weight:700;font-size:15px}
.dgpr .pr-set .s-num span{display:block;color:var(--faint);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}
.dgpr .pr-set .s-gem b{color:var(--green-bright)}

/* subset hierarchy */
.dgpr .pr-set .s-subpill{
  display:inline-block;vertical-align:1px;margin-left:9px;padding:2px 9px;
  border:1px solid var(--line-2);border-radius:999px;
  color:var(--green-bright);font-size:11px;font-weight:700;letter-spacing:.02em;
  transition:border-color .15s,background .15s;
}
.dgpr .pr-set .s-subpill:hover{border-color:var(--green);background:rgba(101,188,70,.12)}
.dgpr .pr-subrows{
  display:flex;flex-direction:column;gap:6px;
  margin:2px 0 4px 34px;padding-left:14px;
  border-left:2px solid rgba(101,188,70,.28);
}
.dgpr .pr-subrows .pr-set{padding:10px 14px;border-radius:11px}
.dgpr .pr-subrows .pr-set .s-label{font-size:13.5px}
.dgpr .pr-crumb{
  display:inline-flex;align-self:flex-start;margin-top:10px;
  padding:6px 12px;border-radius:999px;border:1px solid var(--line-2);
  background:var(--panel);color:var(--muted);font-size:12.5px;font-weight:700;
  transition:all .18s var(--ease-out);
}
.dgpr .pr-crumb:hover{color:var(--white);border-color:var(--green);background:var(--panel-2)}
.dgpr .pr-sets--subsets{padding:12px 14px}
.dgpr .pr-sets--subsets .pr-set{background:var(--bg,rgba(255,255,255,.02))}

/* mini histogram */
.dgpr .pr-spark{display:flex;align-items:flex-end;gap:2px;height:30px}
.dgpr .pr-spark i{flex:1;min-height:2px;border-radius:2px 2px 0 0;opacity:.9}

/* load more / states */
.dgpr .pr-foot-row{display:flex;justify-content:center;padding:6px 0}
.dgpr .pr-state{
  text-align:center;color:var(--dim);padding:44px 20px;
  border:1px dashed var(--line);border-radius:var(--radius);
}
.dgpr .pr-state b{color:var(--muted)}
.dgpr .pr-state .pr-more{margin-top:14px}

/* ─── set detail ─────────────────────────────────────────────── */
.dgpr .pr-detail-head{display:flex;flex-direction:column;gap:6px}
.dgpr .pr-detail-head .d-eyebrow{
  color:var(--green);font-family:var(--display);font-weight:700;
  font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;
}
.dgpr .pr-detail-head h2{
  font-family:var(--display);font-weight:900;font-size:clamp(22px,4.6vw,36px);
  line-height:1.08;text-transform:uppercase;
}
.dgpr .pr-detail-head .d-sub{color:var(--dim);font-size:13px}

.dgpr .pr-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.dgpr .pr-kpi{
  border:1px solid var(--line);border-radius:14px;background:var(--panel);
  padding:13px 15px;
}
.dgpr .pr-kpi b{font-family:var(--display);font-weight:700;font-size:clamp(18px,3vw,24px);line-height:1}
.dgpr .pr-kpi.hot b{color:var(--green-bright)}
.dgpr .pr-kpi span{display:block;color:var(--dim);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;margin-top:5px}

/* big histogram */
.dgpr .pr-hist-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:20px 20px 14px}
.dgpr .pr-hist-card .h-title{color:var(--dim);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.dgpr .pr-hist{display:flex;align-items:flex-end;gap:clamp(3px,1vw,8px);height:170px}
.dgpr .pr-hist .col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px;min-width:0}
.dgpr .pr-hist .n{color:var(--muted);font-family:var(--mono);font-size:clamp(9px,1.4vw,11.5px);line-height:1}
.dgpr .pr-hist .bar{width:100%;max-width:44px;border-radius:5px 5px 2px 2px;min-height:2px;transition:height .5s var(--ease-out);position:relative}
.dgpr .pr-hist .bar.zero{background:rgba(255,255,255,.06) !important}
.dgpr .pr-hist .g{color:var(--dim);font-family:var(--display);font-weight:700;font-size:clamp(9px,1.5vw,12px)}
.dgpr .pr-hist .col.gem .g{color:var(--green-bright)}

/* ─── cards table ────────────────────────────────────────────── */
.dgpr .pr-cards-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}
.dgpr .pr-cards-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}
.dgpr .pr-cards-bar .h-title{color:var(--dim);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-right:auto}
.dgpr .pr-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.dgpr table.pr-table{border-collapse:collapse;width:100%;min-width:640px}
.dgpr .pr-table th{
  text-align:right;padding:9px 14px;color:var(--faint);font-size:10.5px;
  letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--line);
  white-space:nowrap;user-select:none;
}
.dgpr .pr-table th.sortable{cursor:pointer}
.dgpr .pr-table th.sortable:hover{color:var(--muted)}
.dgpr .pr-table th.is-sort{color:var(--green-bright)}
.dgpr .pr-table th:first-child,.dgpr .pr-table td:first-child{text-align:left}
.dgpr .pr-table th:nth-child(2),.dgpr .pr-table td:nth-child(2){text-align:left}
.dgpr .pr-table td{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.05);font-size:13.5px;text-align:right}
.dgpr .pr-table tbody tr.c-row{cursor:pointer;transition:background .14s}
.dgpr .pr-table tbody tr.c-row:hover{background:rgba(255,255,255,.03)}
.dgpr .pr-table .c-no{font-family:var(--mono);color:var(--muted);white-space:nowrap}
.dgpr .pr-table .c-name{font-weight:700;max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dgpr .pr-table .c-name a{color:inherit;text-decoration:none}
.dgpr .pr-table tr.c-row:hover .c-name a{color:var(--green-bright)}
.dgpr .pr-table .c-pill{
  display:inline-block;margin-left:8px;padding:1px 7px 2px;vertical-align:1px;
  border-radius:999px;font-size:9.5px;font-weight:800;letter-spacing:.07em;
  border:1px solid;line-height:1.5;
}
.dgpr .pr-table .c-pill--rc{color:var(--green-bright);border-color:rgba(101,188,70,.45);background:rgba(101,188,70,.08)}
.dgpr .pr-table .c-pill--auto{color:#e8c766;border-color:rgba(232,199,102,.4);background:rgba(232,199,102,.07)}
.dgpr .pr-table .c-pill--relic{color:#7fb8ff;border-color:rgba(127,184,255,.4);background:rgba(127,184,255,.07)}
.dgpr .pr-table .c-run{
  display:inline-block;margin-left:8px;vertical-align:1px;
  font-family:var(--mono);font-size:10.5px;font-weight:600;color:var(--muted);
}
.dgpr .pr-table .c-pop{font-family:var(--display);font-weight:700}
.dgpr .pr-table .c-top{color:var(--green-bright);font-weight:700}

/* player view: set column leads, version column sits third */
.dgpr .pr-table--player th:nth-child(3),.dgpr .pr-table--player td:nth-child(3){text-align:left}
.dgpr .pr-table--player .c-set{text-align:left;max-width:320px}
.dgpr .pr-table--player .c-set a{
  color:inherit;text-decoration:none;font-weight:700;
  display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.dgpr .pr-table--player tr.c-row:hover .c-set a{color:var(--green-bright)}
.dgpr .pr-table--player .c-set .set-ctx{display:block;color:var(--dim);font-size:11.5px;margin-top:1px}
.dgpr .pr-table--player .c-name{max-width:260px}
.dgpr .pr-table--player .c-base{color:var(--dim);font-weight:400}
.dgpr .pr-table .th-bd{width:44px}
.dgpr .pr-table .c-bd-cell{width:44px;padding-right:16px}
.dgpr .pr-table .c-bd{
  display:inline-flex;align-items:flex-end;gap:2px;
  width:26px;height:20px;padding:3px 5px;border-radius:6px;
  border:1px solid var(--line-2);background:transparent;cursor:pointer;
  transition:border-color .15s,background .15s;
}
.dgpr .pr-table .c-bd span{flex:1;border-radius:1px;background:var(--muted);transition:background .15s}
.dgpr .pr-table .c-bd span:nth-child(1){height:35%}
.dgpr .pr-table .c-bd span:nth-child(2){height:90%}
.dgpr .pr-table .c-bd span:nth-child(3){height:60%}
.dgpr .pr-table .c-bd:hover,
.dgpr .pr-table tr.is-open .c-bd{border-color:var(--green);background:rgba(101,188,70,.12)}
.dgpr .pr-table .c-bd:hover span,
.dgpr .pr-table tr.is-open .c-bd span{background:var(--green-bright)}
.dgpr .pr-table tr.c-expand td{padding:10px 16px 16px;background:rgba(255,255,255,.02);text-align:left}
.dgpr .c-mini-wrap{
  max-width:680px;margin:0;padding:12px 16px 10px;
  background:rgba(255,255,255,.025);border:1px solid var(--line);
  border-left:2px solid rgba(101,188,70,.5);border-radius:10px;
}
.dgpr .c-mini-title{
  display:block;margin-bottom:8px;color:var(--faint);
  font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
}
.dgpr .pr-table .c-mini{display:flex;align-items:flex-end;gap:4px;height:58px}
.dgpr .pr-table .c-mini .mcol{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:3px}
.dgpr .pr-table .c-mini .mbar{width:100%;border-radius:2px;min-height:2px}
.dgpr .pr-table .c-mini .mn{font-family:var(--mono);font-size:9px;color:var(--dim);line-height:1}
.dgpr .pr-table .c-mini .mg{font-size:9px;color:var(--faint);font-family:var(--display)}
.dgpr .pr-trunc{padding:12px 16px;color:var(--dim);font-size:12px}

/* ─── skeletons ──────────────────────────────────────────────── */
.dgpr .sk{position:relative;overflow:hidden;background:rgba(255,255,255,.05);border-radius:12px}
.dgpr .sk::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);
  animation:dgprShimmer 1.4s infinite;
}
@keyframes dgprShimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.dgpr .sk-bar{height:46px;max-width:560px;margin:0 auto;width:100%}
.dgpr .sk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:12px;margin-top:16px}
.dgpr .sk-tile{height:130px}
.dgpr .sk-row{height:64px}

/* reveal animation */
.dgpr .pr-in{animation:dgprIn .4s var(--ease-out) both}
@keyframes dgprIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ─── responsive ─────────────────────────────────────────────── */
@media (max-width:760px){
  .dgpr .pr-set{grid-template-columns:minmax(0,1fr) 84px 64px;gap:10px;padding:12px 14px}
  .dgpr .pr-set .s-rank{display:none}
  .dgpr .pr-set .s-spark-wrap{display:none}
  .dgpr .pr-toolbar{gap:8px}
  .dgpr .pr-kpis{grid-template-columns:repeat(2,1fr)}
  .dgpr .pr-hist{height:130px}
  .dgpr .pr-brand .b-top{display:none}
}