.mc-live-wrap {
  max-width: 720px;
  margin: 0 auto 1.5rem;
  padding: 0 1rem;
}

.mc-live-grid {
  display: grid;
  gap: .85rem;
}

.mc-live-grid.all {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.mc-live-card {
  background: rgba(15, 23, 20, .72);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 14px;
  padding: 1rem 1.1rem;
  text-align: left;
}

.mc-live-card.online {
  border-color: rgba(91, 163, 58, .28);
  box-shadow: 0 0 0 1px rgba(91, 163, 58, .06);
}

.mc-live-card.offline {
  border-color: rgba(224, 80, 80, .22);
}

.mc-live-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .85rem;
}

.mc-live-title {
  display: flex;
  align-items: center;
  gap: .55rem;
  font-family: 'Silkscreen', monospace;
  font-size: .72rem;
  letter-spacing: .6px;
  text-transform: uppercase;
}

.mc-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.mc-live-dot.on {
  background: #5ba33a;
  box-shadow: 0 0 0 3px rgba(91, 163, 58, .18);
}

.mc-live-dot.off {
  background: #e05050;
}

.mc-live-badge {
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
  padding: .2rem .55rem;
  border-radius: 999px;
}

.mc-live-badge.on {
  color: #b8d4a0;
  background: rgba(91, 163, 58, .12);
  border: 1px solid rgba(91, 163, 58, .22);
}

.mc-live-badge.off {
  color: #f0b0b0;
  background: rgba(224, 80, 80, .1);
  border: 1px solid rgba(224, 80, 80, .22);
}

.mc-live-players {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .45rem;
  font-size: .84rem;
}

.mc-live-players strong {
  font-family: 'Silkscreen', monospace;
  font-size: 1.15rem;
}

.mc-live-bar {
  height: 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
  overflow: hidden;
  margin-bottom: .8rem;
}

.mc-live-bar > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #5ba33a, #10b981);
  transition: width .45s ease;
}

.mc-live-card.offline .mc-live-bar > span {
  background: linear-gradient(90deg, #7a3a3a, #e05050);
  width: 0 !important;
}

.mc-live-meta {
  display: grid;
  gap: .35rem;
  font-size: .76rem;
  color: rgba(255, 255, 255, .58);
}

.mc-live-meta b {
  color: rgba(255, 255, 255, .86);
  font-weight: 600;
}

.mc-live-updated {
  margin-top: .65rem;
  font-size: .66rem;
  color: rgba(255, 255, 255, .38);
  text-align: right;
}

.ed-card .mc-ed-live {
  margin-top: .55rem;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .3px;
}

.ed-card .mc-ed-live.on { color: #5ba33a; }
.ed-card .mc-ed-live.off { color: #e05050; }

[data-live-stat] .stat-v {
  transition: color .2s ease;
}