.image-wrapper {
  position: relative;
}

.status-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 6px;
  z-index: 10;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

/* ランキングバッジ色（ゴールド） */
.status-1 {
  background: linear-gradient(90deg, #e0c44c, #f9f1b6, #e0c44c);
  color: #7b5e00;
}

/* ランキングバッジ色（シルバー） */
.status-2 {
  background: linear-gradient(90deg, #CDD0D2, #ECEFF1, #CDD0D2);
  color: #7b5e00;
}

/* ランキングバッジ色（ブロンズ） */
.status-3 {
  background: linear-gradient(90deg, #E59076, #FFD2C0, #E59076);
  color: #7b5e00;
}

/* ランキングバッジ色（TOP4以降） */
.status-4 {
  background: linear-gradient(90deg, #70d3df, #d0f0f7, #70d3df);
  color: #006c5f;
}