:root { --card-gold:#ffc857; --card-gold-soft:rgba(255,200,87,.13); }
.card-page .brand { color:var(--text); text-decoration:none; }
.card-page .page-intro h1::after { content:"MONEY"; margin-left:10px; color:var(--card-gold); font-family:"Arial Narrow",sans-serif; font-size:11px; letter-spacing:.18em; vertical-align:middle; }
.card-page .reward-metric { background:linear-gradient(135deg,rgba(254,44,85,.09),var(--surface)); }
.card-page .reward-metric > strong span { color:#ff6d8a; text-shadow:0 0 18px rgba(254,44,85,.2); }
.card-report table { min-width:2920px; }
.card-report th { height:50px; }
.card-report td { height:76px; }
.card-report .period-cell { display:grid; gap:4px; }
.card-report .period-cell strong { font-family:"Arial Narrow",sans-serif; font-size:14px; }
.card-report .period-cell small { color:var(--cyan); font-size:8px; letter-spacing:.08em; }
.card-report .channel-value { color:#c5c5cc; }
.card-report .card-count { min-width:74px; font-size:14px; font-weight:750; }
.card-report .card-count.y-card { color:var(--card-gold); background:linear-gradient(90deg,var(--card-gold-soft),transparent); }
.card-report .reward-primary { min-width:160px; background:linear-gradient(90deg,rgba(37,244,238,.055),transparent); }
.card-report .reward-primary strong { color:var(--cyan); font-family:"Arial Narrow","Segoe UI",sans-serif; font-size:17px; }
.card-report .reward-primary.extra { background:linear-gradient(90deg,rgba(254,44,85,.07),transparent); }
.card-report .reward-primary.extra strong { color:#ff6d8a; }
.card-report .reward-primary.total strong { color:var(--card-gold); }

.card-preview .reel-stage { padding:24px 14px; background:radial-gradient(circle at 50% 26%,rgba(255,200,87,.14),transparent 34%),radial-gradient(circle at 72% 72%,rgba(254,44,85,.12),transparent 36%),#08090c; }
.card-preview .reel-stage > p { margin-top:6px; }
.card-preview .reel-stage > strong { margin-top:6px; color:var(--card-gold); font-size:21px; letter-spacing:.04em; text-shadow:none; }
.card-scanline { position:absolute; inset:0; pointer-events:none; opacity:.35; background:repeating-linear-gradient(180deg,transparent 0 7px,rgba(255,255,255,.018) 8px); }
.letter-rack { position:relative; display:grid; grid-template-columns:repeat(5,1fr); gap:5px; margin-top:30px; }
.letter-rack div { min-width:0; height:88px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; border:1px solid #34343c; background:#111117; transform:translateY(var(--lift,0)); animation:card-rack-scan 6s ease-in-out infinite; will-change:transform,filter; }
.letter-rack div:nth-child(1){ animation-delay:0s; }
.letter-rack div:nth-child(2){ --lift:8px; animation-delay:.18s; }
.letter-rack div:nth-child(3){ animation-delay:.36s; }
.letter-rack div:nth-child(4){ --lift:8px; animation-delay:.54s; }
.letter-rack div:nth-child(5){ animation-delay:.72s; }
.letter-rack b { display:grid; place-items:center; width:28px; height:36px; color:#050507; background:var(--cyan); font-family:"Arial Narrow",sans-serif; font-size:23px; box-shadow:3px 3px 0 var(--pink); }
.letter-rack span { color:#c8c8d0; font-size:9px; font-variant-numeric:tabular-nums; }
.letter-rack .limited { border-color:rgba(255,200,87,.4); background:var(--card-gold-soft); }
.letter-rack .limited { animation-name:card-rack-limited-scan; }
.letter-rack .limited b { background:var(--card-gold); box-shadow:3px 3px 0 #8a5c00; }
.collection-copy { position:relative; margin-top:34px; padding:14px; border-left:2px solid var(--card-gold); background:rgba(17,17,23,.8); }
.collection-copy > span { color:var(--muted); font-size:9px; }
.collection-copy > strong { display:block; margin-top:3px; color:var(--text); font-size:20px; }
.collection-copy p { margin:8px 0 0; color:var(--subtle); font-size:8px; line-height:1.5; }

.card-drill { width:min(1180px,96vw); }
.card-drill .drill-table-wrap table { min-width:2780px; }
.card-drill td.reward-primary { color:var(--card-gold); font-family:"Arial Narrow","Segoe UI",sans-serif; font-size:17px; font-weight:800; background:linear-gradient(90deg,var(--card-gold-soft),transparent); }
.card-drill td.card-inventory { color:#d7d7dd; font-size:14px; font-weight:700; }
.card-drill td.card-inventory.limited { color:var(--card-gold); background:var(--card-gold-soft); }

@keyframes card-rack-scan {
  0%,5%,18%,100% { transform:translateY(var(--lift,0px)); filter:brightness(1); }
  9% { transform:translateY(calc(var(--lift,0px) - 5px)); filter:brightness(1.22); }
  13% { transform:translateY(calc(var(--lift,0px) - 2px)); filter:brightness(1.08); }
}
@keyframes card-rack-limited-scan {
  0%,5%,18%,100% { transform:translateY(var(--lift,0px)); filter:brightness(1); box-shadow:0 0 0 rgba(255,200,87,0); }
  9% { transform:translateY(calc(var(--lift,0px) - 5px)); filter:brightness(1.22); box-shadow:0 0 20px rgba(255,200,87,.2); }
  13% { transform:translateY(calc(var(--lift,0px) - 2px)); filter:brightness(1.08); box-shadow:0 0 9px rgba(255,200,87,.12); }
}

@media (max-width:560px) {
  .card-page .page-intro h1::after { display:none; }
  .card-report table { min-width:2800px; }
  .letter-rack div { height:80px; }
}