/* ============================================================
   rewards-theme.css — Pixel / Warfare Rewards (Videos)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

.video-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: calc(var(--px) * 2);
  padding: 0 calc(var(--px) * 2);
}
.video-card {
  background: rgba(0, 0, 0, 0.65);
  border: calc(var(--px) * 1) solid var(--border);
  padding: calc(var(--px) * 3);
  position: relative;
}
.vc-head {
  font-family: 'Press Start 2P', monospace;
  font-size: 8px;
  color: #f1f5f9;
  margin-bottom: calc(var(--px) * 2);
  display: flex;
  flex-direction: column;
  gap: calc(var(--px) * 1);
}
.vc-head .pxi svg { width: 14px; height: 14px; display: inline-block; vertical-align: middle; }
.vc-sub {
  font-family: 'Press Start 2P', monospace;
  font-size: 6px;
  color: #64748b;
}