.rop-live-stats{
  position:relative;
  z-index:5;
  width:100%;
  box-sizing:border-box;
  margin-top:-28px;
  padding:0 3%;
}

.rop-live-stats-wrap{
  width:100%;
  max-width:none;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

.rop-live-stat{
  position:relative;
  overflow:hidden;
  min-height:76px;
  display:flex;
  align-items:center;
  gap:12px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,246,255,.92));
  border:1px solid rgba(255,255,255,.8);
  border-radius:18px;
  padding:13px 14px;
  backdrop-filter:blur(26px);
  box-shadow:
    0 18px 48px rgba(15,23,42,.13),
    inset 0 1px 0 rgba(255,255,255,.9);
  transition:.35s ease;
}

.rop-live-stat:hover{
  transform:translateY(-4px);
  box-shadow:
    0 24px 58px rgba(15,23,42,.17),
    inset 0 1px 0 rgba(255,255,255,.95);
}

.rop-live-stat::before{
  content:"";
  position:absolute;
  width:92px;
  height:92px;
  right:-38px;
  top:-38px;
  border-radius:50%;
  background:rgba(217,4,41,.1);
}

.rop-live-stat::after{
  content:"";
  position:absolute;
  width:48px;
  height:48px;
  right:14px;
  bottom:-22px;
  border-radius:50%;
  background:rgba(18,61,122,.12);
}

.rop-live-icon{
  flex:0 0 34px;
  width:34px;
  height:34px;
  border-radius:11px;
  background:#0b1f3a;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:.82rem;
  margin-bottom:0;
  box-shadow:0 8px 20px rgba(11,31,58,.2);
}

.rop-live-stat:nth-child(even) .rop-live-icon{
  background:#d90429;
  box-shadow:0 8px 20px rgba(217,4,41,.2);
}

.rop-live-stat strong{
  position:relative;
  z-index:2;
  display:inline-flex;
  flex:0 0 auto;
  align-items:flex-start;
  gap:4px;
  font-size:clamp(1.55rem,2.3vw,2.35rem);
  line-height:1;
  margin-bottom:0;
  color:#0b1f3a;
  font-family:"Space Grotesk",sans-serif;
  letter-spacing:-.07em;
}

.rop-live-stat strong::after{
  content:"+";
  color:#d90429;
  font-size:.55em;
  line-height:1;
  margin-top:3px;
}

.rop-live-stat span{
  position:relative;
  z-index:2;
  display:block;
  min-width:0;
  color:#64748b;
  font-size:.72rem;
  font-weight:850;
  line-height:1.25;
  white-space:nowrap;
}

@media(max-width:980px){
  .rop-live-stats-wrap{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:640px){
  .rop-live-stats{
    margin-top:-18px;
    padding:0 4%;
  }

  .rop-live-stats-wrap{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
  }

  .rop-live-stat{
    min-height:74px;
    gap:9px;
    padding:13px;
  }

  .rop-live-stat strong{
    font-size:1.5rem;
  }

  .rop-live-stat span{
    font-size:.64rem;
    white-space:normal;
  }
}

@media(max-width:360px){
  .rop-live-stats-wrap{
    grid-template-columns:1fr;
  }
}