/* ===== V4.02 Dampf card redesign ===== */

header .resource-stats .v284-dampf-card{
  min-height:190px!important;
  padding:16px 14px 15px 72px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  overflow:hidden!important;
}

header .resource-stats .v284-dampf-card:before,
header .resource-stats .v284-dampf-card:after{
  left:11px!important;
  top:50%!important;
  width:48px!important;
  height:48px!important;
}

header .resource-stats .v284-dampf-card:after{
  content:"💨"!important;
  font-size:24px!important;
}

header .resource-stats .v284-dampf-label{
  color:#83ddeb!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.13em!important;
  font-weight:800!important;
}

header .resource-stats .v284-dampf-value{
  margin-top:7px;
  font-size:25px;
  line-height:1;
  font-weight:1000;
  color:#7de5f5;
  text-shadow:0 0 12px rgba(80,210,235,.75);
  white-space:nowrap;
}

header .resource-stats .v284-dampf-event{
  margin-top:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid #408b98;
  background:#102328;
  color:#b9f4ff;
  font-size:8px;
  font-weight:1000;
  text-shadow:0 0 7px #63d9ec;
  box-shadow:0 0 12px rgba(81,210,234,.16);
}

header .resource-stats .v284-dampf-buy{
  margin-top:10px!important;
  min-height:29px!important;
  width:auto!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  color:#d7f8ff!important;
  border:1px solid #397f8b!important;
  background:linear-gradient(180deg,#15323a,#0e2025)!important;
  box-shadow:0 0 10px rgba(79,210,232,.12)!important;
}

header .resource-stats .v284-dampf-buy:disabled{
  opacity:.42!important;
  filter:grayscale(.35);
}

header .resource-stats .v284-dampf-refills{
  margin-top:7px;
  color:#8ca0a4;
  font-size:7px;
  line-height:1.2;
  letter-spacing:.04em;
  text-transform:none;
}

header .resource-stats .v284-dampf-sub{
  margin-top:7px;
  color:#829184;
  font-size:7px;
  line-height:1.3;
  letter-spacing:.04em;
  text-transform:none;
}

@media(max-width:520px){
  header .resource-stats .v284-dampf-card{
    min-height:190px!important;
    padding-left:70px!important;
  }
  header .resource-stats .v284-dampf-value{
    font-size:24px!important;
  }
}