.fcl-mwc-wrap{
  margin: 0 0 18px;
}
.fcl-mwc-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.fcl-mwc-head h2{
  margin:0;
  color:#17365d;
}
.fcl-mwc-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.fcl-mwc-card{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  border:1px solid #dbe5f1;
  background:linear-gradient(180deg,#fbfdff 0%,#eef4ff 100%);
  box-shadow:0 8px 18px rgba(74,108,157,.08);
}
.fcl-mwc-image{
  height:140px;
  overflow:hidden;
  background:linear-gradient(135deg,#dfeeff,#bddcff);
}
.fcl-mwc-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.fcl-mwc-body{
  padding:12px;
}
.fcl-mwc-name{
  font-weight:800;
  font-size:18px;
  line-height:1.15;
  color:#17365d;
}
.fcl-mwc-month{
  margin-top:4px;
  color:#7a8699;
  font-size:12px;
}
.fcl-mwc-stats{
  display:flex;
  flex-wrap:wrap;
  gap:8px 12px;
  margin-top:10px;
  color:#4f6077;
  font-size:12px;
}
.fcl-mwc-rank{
  position:absolute;
  top:8px;
  left:8px;
  width:28px;
  height:28px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:13px;
  font-weight:800;
  box-shadow:0 6px 14px rgba(0,0,0,.15);
  z-index:2;
}
.fcl-mwc-rank-1{background:linear-gradient(180deg,#f3ca5a,#d59c11)}
.fcl-mwc-rank-2{background:linear-gradient(180deg,#bfc8d8,#8292ab)}
.fcl-mwc-rank-3{background:linear-gradient(180deg,#d9a879,#aa6b38)}
.fcl-mwc-empty{
  border:1px solid #dbe5f1;
  border-radius:16px;
  background:#fff;
  padding:16px;
}
@media (max-width: 900px){
  .fcl-mwc-grid{grid-template-columns:1fr}
}