/* Countdown Fortschritt Widget – GTA-Style */
.cpw-card{
  --cpw-text:#fff;
  --cpw-accent:#ff2bd6;
  --cpw-bar-bg:#2a2a2f;
  --cpw-bar-fill:#b9ff2b;
  --cpw-card-bg:#0b0b12;
  --cpw-font: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  font-family: var(--cpw-font);
  background: var(--cpw-card-bg);
  color: var(--cpw-text);
  border-radius: 16px;
  padding: 18px 16px 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.08);
  position: relative;
  overflow: hidden;
}

.cpw-card:before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(600px 200px at 50% -20%, rgba(255,43,214,.20), transparent 55%);
  pointer-events:none;
}

.cpw-title{
  text-align:center;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1.2;
  margin-bottom: 14px;
  text-shadow: 0 0 14px rgba(255,43,214,.15);
}

.cpw-grid{
  display:grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  align-items:center;
  gap: 8px;
  margin-bottom: 14px;
}

.cpw-cell{
  text-align:center;
  padding: 6px 4px;
}

.cpw-value{
  font-size: 26px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .02em;
  text-shadow: 0 0 18px rgba(255,255,255,.10);
}

.cpw-label{
  margin-top: 4px;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .9;
}

.cpw-sep{
  text-align:center;
  font-weight: 900;
  font-size: 20px;
  line-height: 1;
  color: var(--cpw-accent);
  opacity: .95;
  transform: translateY(-2px);
}

.cpw-bar-wrap{
  margin-top: 6px;
}

.cpw-bar-bg{
  width: 100%;
  height: 18px;
  background: var(--cpw-bar-bg);
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: inset 0 2px 8px rgba(0,0,0,.35);
}

.cpw-bar-fill{
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, rgba(185,255,43,.85), var(--cpw-bar-fill));
  border-radius: 999px;
  position: relative;
  display:flex;
  align-items:center;
  justify-content:center;
  transition: width .35s ease;
}

.cpw-bar-text{
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em;
  color: rgba(0,0,0,.82);
  text-shadow: 0 1px 0 rgba(255,255,255,.25);
  user-select:none;
  white-space: nowrap;
}

@media (max-width: 420px){
  .cpw-value{ font-size: 22px; }
  .cpw-sep{ font-size: 18px; }
}