.podium-grid{
  display:grid; gap:14px;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

/* Card shell */
.podium-card{
  border-radius:14px;
  background: linear-gradient(180deg,#1a1a1a,#131313);
  border:1px solid #ffffff1a;
  box-shadow:0 10px 24px rgba(0,0,0,.28);
  padding:12px;
}

/* Accents per place */
.podium-card.gold  { --accent:#FFD700; --accent2:#E6C200; }
.podium-card.silver{ --accent:#C0C0C0; --accent2:#A9A9A9; }
.podium-card.bronze{ --accent:#CD7F32; --accent2:#B56926; }

.podium-head{
  display:flex; align-items:center; gap:10px; margin-bottom:8px;
  border-bottom:1px solid #ffffff10; padding-bottom:8px;
}
.badge{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:40px; height:32px; padding:0 10px;
  color:#111; font-weight:800;
  background: linear-gradient(180deg,var(--accent),var(--accent2));
  border-radius:999px; box-shadow:0 6px 16px rgba(0,0,0,.35);
}
.series{
  margin:0; font-size:1.05rem; color:#fff;
  text-decoration:underline; text-decoration-color: var(--accent);
  text-underline-offset:3px; text-decoration-thickness:2px;
}

.meta{ color:#eaeaea; margin:6px 0 10px; }
.meta .dim{ color:#bdbdbd; }

/* Button */
.actions{ margin-bottom:8px; }
.reveal-btn{
  background:#ffffff12; color:#fff; border:1px solid #ffffff20;
  padding:8px 12px; border-radius:10px; cursor:pointer; font-weight:600;
  transition: background .15s ease, transform .08s ease;
}
.reveal-btn:hover{ background:#ffffff18; transform: translateY(-1px); }

/* Result image */
.result-wrap{
  border:1px solid #ffffff12; border-radius:12px; overflow:hidden;
  background:#0e0e0e;
}
.result-wrap img{ display:block; width:100%; height:auto; }

/* “No items” note */
.notice{ text-align:center; padding:14px; background:#1a1a1a; border:1px solid #ffffff14; border-radius:10px; }

.podium-group-title{
  margin: 14px 0 8px;
  font: 800 1.05rem/1.2 system-ui, Segoe UI, Roboto, Arial, sans-serif;
  color:#f2f2f2;
  letter-spacing:.02em;
  display:flex; align-items:center; gap:.5rem;
}
.podium-group-title::before{
  content:""; width:6px; height:1.1em; border-radius:4px; background:#ffffff30;
}
.podium-group-title.pos1::before{ background:#FFD700; }
.podium-group-title.pos2::before{ background:#C0C0C0; }
.podium-group-title.pos3::before{ background:#CD7F32; }

.podium-grid{ margin-bottom: 14px; } /* ensures a new line between P1, P2, P3 sections */