/* WARFRONT CLOSED BETA COUNTDOWN v9.3 */
.wf-beta-countdown{
  width:min(760px,calc(100% - 34px));
  margin:26px auto 24px;
  padding:15px 18px 17px;
  box-sizing:border-box;
  position:relative;
  z-index:4;
  text-align:center;
  background:linear-gradient(180deg,rgba(9,9,9,.68),rgba(7,7,7,.86));
  border:1px solid rgba(210,173,104,.34);
  box-shadow:0 12px 38px rgba(0,0,0,.28), inset 0 0 34px rgba(201,164,97,.035);
  backdrop-filter:blur(5px);
}
.wf-beta-countdown:before,.wf-beta-countdown:after{
  content:"";position:absolute;top:-1px;width:54px;height:1px;background:#d2ad68;opacity:.72;
}
.wf-beta-countdown:before{left:0}.wf-beta-countdown:after{right:0}
.wf-countdown-heading span{
  display:block;color:#d2ad68;font-size:10px;font-weight:700;letter-spacing:3.2px;line-height:1.3;text-transform:uppercase;
}
.wf-countdown-heading strong{
  display:block;margin-top:5px;color:rgba(255,255,255,.78);font-family:Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:1.5px;
}
.wf-countdown-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px;
}
.wf-countdown-grid>div{
  min-width:0;padding:8px 6px 7px;background:rgba(255,255,255,.025);border-top:1px solid rgba(210,173,104,.13);
}
.wf-countdown-grid b{
  display:block;color:#f1e5cc;font-family:Georgia,'Times New Roman',serif;font-size:29px;font-weight:400;line-height:1;letter-spacing:1px;text-shadow:0 1px 15px rgba(210,173,104,.14);
}
.wf-countdown-grid small{
  display:block;margin-top:5px;color:rgba(255,255,255,.42);font-family:Arial,sans-serif;font-size:8px;font-weight:600;letter-spacing:1.7px;text-transform:uppercase;
}
.wf-beta-countdown.wf-countdown-live{padding:20px 18px;border-color:rgba(210,173,104,.62)}
.wf-beta-countdown.wf-countdown-live .wf-countdown-heading span{font-size:12px;letter-spacing:3px}
.wf-beta-countdown.wf-countdown-live .wf-countdown-heading strong{display:none}
.wf-beta-countdown.wf-countdown-live .wf-countdown-grid{display:none}
@media(max-width:600px){
  .wf-beta-countdown{width:calc(100% - 24px);margin:21px auto 20px;padding:13px 10px 14px}
  .wf-countdown-heading span{font-size:9px;letter-spacing:2.2px}
  .wf-countdown-heading strong{font-size:10px;letter-spacing:.8px}
  .wf-countdown-grid{gap:4px;margin-top:11px}
  .wf-countdown-grid>div{padding:7px 2px 6px}
  .wf-countdown-grid b{font-size:23px}
  .wf-countdown-grid small{font-size:7px;letter-spacing:.8px}
}