/* GHOST CASE GRADING — the grade mark + the PSA-label pill. One CSS for every page.
   Law: Chakra Petch headers · Share Tech Mono numerals · Kode Mono body · solid white
   text · hash marks match the border colour · no glow on text (Tom 08-07). */

.gcg-mark{--px:48px;--eye:#fff;position:relative;display:inline-block;width:var(--px);height:calc(var(--px)*11/9);flex:0 0 auto;vertical-align:middle}
.gcg-mark svg{display:block;width:100%;height:100%}
.gcg-mark .gcg-eye{position:absolute;top:calc(var(--px)*.255);width:calc(var(--px)*.36);text-align:center;
  font-family:'Share Tech Mono',monospace;font-weight:700;font-size:calc(var(--px)*.46);line-height:calc(var(--px)*.5);color:var(--eye);font-style:normal}
.gcg-mark .gcg-eye.l{left:calc(var(--px)*.13)}
.gcg-mark .gcg-eye.r{right:calc(var(--px)*.13)}
.gcg-mark.ten .gcg-eye.l{font-size:calc(var(--px)*.36);letter-spacing:-.06em}   /* "10" in one eye */
.gcg-mark.pristine svg polygon{stroke:#fff;stroke-width:3;paint-order:stroke}    /* black ghost needs an edge on black */

/* the PSA-label rectangle */
.gcg-pill{--gc:#0C00FF;position:relative;display:block;width:100%;background:#050505;border:1px solid var(--gc);--hm:var(--gc);color:#fff;font-family:'Kode Mono',monospace}
.gcg-pill .hm4{position:absolute;width:7px;height:7px;pointer-events:none}
.gcg-pill .hm4.tr{top:-1px;right:-1px;border-top:1px solid var(--hm);border-right:1px solid var(--hm)}
.gcg-pill .hm4.bl{bottom:-1px;left:-1px;border-bottom:1px solid var(--hm);border-left:1px solid var(--hm)}
.gcg-band{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#0C00FF;color:#fff;padding:4px 9px;
  font-family:'Chakra Petch',sans-serif;font-weight:600;font-size:8.5px;letter-spacing:2.2px;text-transform:uppercase;white-space:nowrap}
.gcg-band b{font:inherit;color:#fff}
.gcg-band .gcg-tier{font-family:'Share Tech Mono',monospace;font-weight:400;letter-spacing:1.5px;font-size:8px;opacity:1}
.gcg-row{display:flex;align-items:center;gap:12px;padding:9px 10px}
.gcg-id{flex:1 1 auto;min-width:0}
.gcg-name{font-family:'Chakra Petch',sans-serif;font-weight:600;font-size:13px;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gcg-meta{font-size:8.5px;letter-spacing:1px;text-transform:uppercase;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gcg-rep{font-family:'Share Tech Mono',monospace;font-size:8.5px;letter-spacing:1.5px;margin-top:4px;color:#fff}
.gcg-score{flex:0 0 auto;text-align:right;padding-left:8px;border-left:1px solid rgba(255,255,255,.18)}
.gcg-num{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:30px;line-height:1;letter-spacing:1px;color:var(--gc)}
.gcg-pill.pristine .gcg-num{color:#fff}
.gcg-word{font-family:'Share Tech Mono',monospace;font-size:8.5px;letter-spacing:2px;margin-top:3px;text-transform:uppercase;color:#fff}
.gcg-range{display:block;font-family:'Share Tech Mono',monospace;font-size:7.5px;letter-spacing:1.5px;margin-top:3px;color:#fff}

.gcg-cand{border-top:1px solid rgba(255,255,255,.18);padding:4px 10px;font-family:'Share Tech Mono',monospace;font-size:7.5px;letter-spacing:1.6px;text-transform:uppercase;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gcg-cand.on{border-top-color:var(--gc);font-weight:700}
/* compact = binder/list use (34px box) */
.gcg-pill.compact .gcg-row{gap:8px;padding:6px 8px}
.gcg-pill.compact .gcg-num{font-size:20px}
.gcg-pill.compact .gcg-name{font-size:10.5px}

@media (max-width:600px){
  .gcg-band{font-size:7.5px;letter-spacing:1.6px;padding:3px 8px}
  .gcg-row{gap:9px;padding:8px 8px}
  .gcg-num{font-size:24px}
  .gcg-name{font-size:11px}
}