:root{
  --bg:#0c0f1a; --panel:#141a2b; --panel2:#1b2236; --line:#27304a;
  --txt:#e7ecf6; --mut:#94a0bd; --acc:#e23b3b; --gold:#e7b53b;
  --up:#37d399; --down:#ff6b6b; --chip:#222b44;
  --s-high:#37d399; --s-elev:#7fc4ff; --s-mod:#e7b53b; --s-low:#ff8a8a;
}
*{box-sizing:border-box;}
body{margin:0;background:linear-gradient(180deg,#0a0d16,#0c0f1a 240px);color:var(--txt);
     font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}
.wrap{max-width:1340px;margin:0 auto;padding:28px 20px 80px;}
.wrap.narrow{max-width:1000px;}
header h1{margin:0 0 4px;font-size:26px;letter-spacing:.2px;}
header h1 .r{color:var(--acc);}
.sub{color:var(--mut);font-size:13px;margin-bottom:22px;}
/* site nav */
.sitenav{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:14px 20px;max-width:1340px;margin:0 auto;}
.sitenav .brand{font-weight:800;font-size:16px;text-decoration:none;color:var(--txt);display:inline-flex;align-items:center;gap:8px;}
.sitenav .brand .r{color:var(--acc);}
.brandlogo{width:26px;height:26px;border-radius:50%;display:block;}
.pagehead{display:flex;align-items:center;gap:16px;}
.headlogo{width:58px;height:58px;flex:none;border-radius:50%;}
@media(max-width:680px){.headlogo{width:44px;height:44px;}}
.sitenav a{color:var(--mut);text-decoration:none;font-size:13px;}
.sitenav a:hover{color:var(--txt);}
.sitenav .spacer{margin-left:auto;}
.crumbs{font-size:12px;color:var(--mut);margin-bottom:16px;}
.crumbs a{color:#7fa8ff;text-decoration:none;}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px;}
.kpi{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px;}
.kpi .l{color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:.6px;}
.kpi .v{font-size:23px;font-weight:700;margin-top:6px;}
.kpi .v.sm{font-size:16px;}
.gauges{display:flex;gap:14px;margin-bottom:20px;flex-wrap:wrap;}
.gauge{flex:1;min-width:240px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;}
.gauge .l{color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:.6px;display:flex;justify-content:space-between;}
.gauge .bar{height:8px;border-radius:6px;background:var(--panel2);margin-top:9px;overflow:hidden;}
.gauge .fill{height:100%;border-radius:6px;}
.gauge .d{color:var(--mut);font-size:11px;margin-top:7px;line-height:1.5;}
.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px;}
input,select{background:var(--panel2);border:1px solid var(--line);color:var(--txt);
     padding:9px 12px;border-radius:9px;font-size:13px;outline:none;}
input:focus,select:focus{border-color:var(--acc);}
input#q{min-width:220px;flex:1;}
.count{color:var(--mut);font-size:12px;margin-left:auto;}
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;}
table{width:100%;border-collapse:collapse;background:var(--panel);min-width:980px;}
th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);font-size:13px;white-space:nowrap;}
th{background:var(--panel2);color:var(--mut);font-weight:600;font-size:11px;text-transform:uppercase;
   letter-spacing:.5px;cursor:pointer;user-select:none;position:sticky;top:0;z-index:2;}
th.sorted::after{content:" \25B4";color:var(--acc);}
th.sorted.desc::after{content:" \25BE";}
tbody tr:hover{background-color:#181f33;}
td.name{white-space:normal;min-width:160px;}
.cardname{font-weight:600;}
.cardname a{color:var(--txt);text-decoration:none;}
.cardname a:hover{color:#7fa8ff;}
.num{color:var(--mut);font-size:11px;font-family:ui-monospace,Menlo,Consolas,monospace;}
.thumb{width:42px;height:58px;object-fit:cover;border-radius:5px;border:1px solid var(--line);background:#0a0d16;display:block;}
.thumblink{display:block;}
.badge{display:inline-block;font-size:10px;padding:2px 7px;border-radius:20px;margin-left:6px;
   background:var(--chip);color:var(--mut);border:1px solid var(--line);vertical-align:middle;}
.badge.red{background:#3a1414;color:#ff9a9a;border-color:#5a1f1f;}
.badge.aa{background:#22305a;color:#9bb8ff;border-color:#2c3f73;}
.badge.prb{background:#2a2440;color:#c9b6ff;border-color:#3b3460;}
.price{font-weight:700;font-variant-numeric:tabular-nums;}
.psa10{color:var(--gold);font-variant-numeric:tabular-nums;}
.g9{color:var(--mut);font-variant-numeric:tabular-nums;}
.chg{font-variant-numeric:tabular-nums;font-weight:600;}
.chg.up{color:var(--up);} .chg.down{color:var(--down);} .chg.na{color:var(--mut);font-weight:400;}
.lock{display:inline-block;padding:2px 8px;border-radius:7px;background:#2a2030;color:#d7a86b;
   border:1px solid #4a3a26;font-size:11px;}
.spark{display:block;}
.set{color:var(--mut);font-size:12px;white-space:normal;min-width:140px;}
.sps{display:flex;align-items:center;gap:9px;cursor:help;}
.spsnum{font-weight:800;font-size:16px;font-variant-numeric:tabular-nums;width:30px;text-align:right;}
.spstag{font-size:10px;padding:2px 7px;border-radius:6px;font-weight:700;letter-spacing:.4px;}
.tier{font-size:10px;color:var(--mut);}
/* variant comparison */
.compare{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:20px;}
.cmphead{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px;}
.cmphead h3{margin:0;font-size:15px;}
.cmphead select{min-width:260px;}
.cmpgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:10px;}
.cmpcol{display:flex;gap:12px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:12px;}
.cmpcol img{width:62px;height:86px;object-fit:cover;border-radius:6px;border:1px solid var(--line);background:#0a0d16;}
.cmpcol .info{font-size:12px;line-height:1.65;}
.cmpcol .info .t{font-weight:700;font-size:13px;}
.cmpcol .info .row{color:var(--mut);}
.cmpcol .info .row b{color:var(--txt);font-variant-numeric:tabular-nums;}
.cmpcol.orig{border-left:3px solid var(--gold);}
.cmpcol.prb{border-left:3px solid #c9b6ff;}
.delta{text-align:center;font-size:13px;padding:10px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);margin-bottom:10px;line-height:1.6;}
.delta b{font-size:15px;}
.guide{margin-top:12px;border-top:1px solid var(--line);padding-top:12px;}
.guide h4{margin:0 0 10px;font-size:13px;color:#cdd6ec;}
.zoomrow{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px;}
.zoomrow figure{margin:0;}
.zoom{width:100%;height:120px;border-radius:8px;border:1px solid var(--line);background:#0a0d16 no-repeat;background-size:205% auto;background-position:50% 78%;}
.zoomrow figcaption{font-size:11px;color:var(--mut);margin-top:6px;text-align:center;line-height:1.5;}
.zoomrow figcaption a{font-size:10px;}
.zoomhint{font-size:10px;color:var(--mut);text-align:center;margin:-6px 0 12px;}
.guide ul{margin:0;padding-left:18px;}
.guide li{font-size:12px;color:var(--mut);margin:6px 0;line-height:1.55;}
.guide li b{color:#dbe2f1;}
@media(max-width:680px){.cmpgrid{grid-template-columns:1fr;}.zoomrow{grid-template-columns:1fr 1fr;}}
footer{margin-top:26px;color:var(--mut);font-size:12px;line-height:1.7;}
footer code{background:var(--panel2);padding:1px 6px;border-radius:5px;}
a{color:#7fa8ff;}
details{margin-top:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 16px;}
summary{cursor:pointer;font-weight:600;color:#cdd6ec;}
details ul{margin:10px 0;padding-left:18px;}
details li{margin:5px 0;}
.legend{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0 0;color:var(--mut);font-size:11px;}
.legend span b{color:var(--txt);}
.demobar{background:#2a2030;border:1px solid #4a3a26;color:#e7c79a;font-size:12px;padding:9px 13px;border-radius:10px;margin-bottom:16px;line-height:1.5;}
#curSel{min-width:140px;}
.liqb{font-size:9px;padding:1px 6px;border-radius:10px;border:1px solid var(--line);}
.rowlink{cursor:pointer;}
.modal{display:none;position:fixed;inset:0;background:rgba(4,7,14,.74);z-index:50;align-items:flex-start;justify-content:center;overflow:auto;padding:28px 14px;}
.sheet{background:var(--panel);border:1px solid var(--line);border-radius:16px;max-width:1000px;width:100%;padding:20px 22px;}
.sheet .x{float:right;cursor:pointer;color:var(--mut);font-size:24px;line-height:1;border:none;background:none;}
.dhead{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px;}
.dhead img{width:118px;height:165px;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:#0a0d16;}
.dgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.pan{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:13px 15px;}
.pan.full{grid-column:1/3;}
.pan h4{margin:0 0 9px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--mut);}
.pan table{width:100%;border-collapse:collapse;min-width:0;background:none;}
.pan td{border:none;padding:3px 0;font-size:13px;white-space:nowrap;}
.pan ul{margin:4px 0 0;padding-left:16px;} .pan li{font-size:12px;color:var(--mut);margin:5px 0;line-height:1.5;}
.demotag{font-size:9px;background:#3a2a16;color:#e7b06a;border:1px solid #5a431f;border-radius:5px;padding:1px 4px;}
.realtag{font-size:9px;background:#10301f;color:#5fe0a0;border:1px solid #1f5a3a;border-radius:5px;padding:1px 4px;}
.roiin{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:9px;}
.roiin label{font-size:11px;color:var(--mut);display:flex;flex-direction:column;gap:3px;}
.roiin input{width:78px;padding:5px 7px;}
.muted{color:var(--mut);font-size:12px;line-height:1.5;}
@media(max-width:680px){.dgrid{grid-template-columns:1fr;}.pan.full{grid-column:auto;}}
.signup{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:11px 14px;margin-bottom:16px;font-size:13px;}
.signup input{min-width:200px;}
.signup button{background:var(--acc);color:#fff;border:none;border-radius:8px;padding:8px 13px;cursor:pointer;font-size:13px;font-weight:600;}
.signup button.ghost{background:var(--panel2);color:var(--txt);border:1px solid var(--line);}
.signup #subMsg{color:var(--up);font-size:12px;}
.buybtn{display:inline-block;margin:3px 6px 3px 0;padding:8px 13px;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;}
.buybtn.ebay{background:#0a3d91;color:#fff;} .buybtn.tcg{background:#f8991d;color:#171717;}
.buybtn.psa{background:#10301f;color:#5fe0a0;border:1px solid #1f5a3a;display:block;margin-top:9px;text-align:center;}
.aff{margin-top:8px;font-style:italic;}
.newsbody h3{margin:0 0 2px;font-size:18px;} .newsbody h4{margin:14px 0 6px;font-size:13px;}
.newsbody table{width:100%;border-collapse:collapse;background:none;} .newsbody td{padding:5px 0;border-bottom:1px solid var(--line);font-size:13px;white-space:nowrap;}
/* card detail page (static) */
.cardpage .dgrid{margin-top:4px;}
.cardpage .lede{color:var(--mut);font-size:14px;line-height:1.6;margin:4px 0 18px;max-width:780px;}
.relcards{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;}
.relcard{display:flex;gap:10px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px;text-decoration:none;color:var(--txt);min-width:210px;}
.relcard img{width:40px;height:56px;object-fit:cover;border-radius:5px;border:1px solid var(--line);}
.relcard .rn{font-size:12px;color:var(--mut);}