/* RCB v3.9 — Team Snapshot / Competitive Pulse */
.team-pulse{
  padding-top:46px;
  padding-bottom:10px;
}
.pulse-shell{
  position:relative;
  overflow:hidden;
  padding:clamp(25px,3vw,42px);
  background:
    radial-gradient(circle at 10% 0%,rgba(117,42,60,.22),transparent 35%),
    radial-gradient(circle at 92% 100%,rgba(25,87,67,.18),transparent 34%),
    linear-gradient(120deg,rgba(45,23,33,.82),rgba(12,29,25,.9));
}
.pulse-shell::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent 0 49.9%,rgba(215,181,119,.035) 50%,transparent 50.1%);
}
.pulse-heading{
  position:relative;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
  padding-bottom:23px;
  border-bottom:1px solid rgba(211,177,119,.18);
}
.pulse-heading h2{
  margin:8px 0 0;
  font:600 clamp(42px,5vw,76px)/.9 var(--display);
  letter-spacing:-.01em;
}
.pulse-source{
  display:inline-flex;
  align-items:center;
  gap:10px;
  flex:none;
  padding:11px 14px;
  border:1px solid rgba(211,177,119,.18);
  color:var(--gold-bright);
  font:800 8px/1 var(--body);
  letter-spacing:1.45px;
  text-transform:uppercase;
  transition:border-color .22s,background .22s;
}
.pulse-source:hover,.pulse-source:focus-visible{border-color:rgba(235,201,143,.62);background:rgba(211,177,119,.06)}
.pulse-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-bottom:1px solid rgba(211,177,119,.18);
}
.pulse-stat{
  position:relative;
  min-width:0;
  min-height:180px;
  padding:28px 24px 25px 0;
  display:grid;
  align-content:center;
  gap:9px;
}
.pulse-stat+.pulse-stat{padding-left:24px;border-left:1px solid rgba(211,177,119,.14)}
.pulse-stat-index{
  position:absolute;
  top:18px;
  right:18px;
  color:rgba(211,177,119,.33);
  font:700 8px/1 var(--body);
  letter-spacing:1.5px;
}
.pulse-label{
  color:#c6b3b6;
  font:800 8px/1.2 var(--body);
  letter-spacing:1.65px;
  text-transform:uppercase;
}
.pulse-value{
  display:block;
  color:var(--gold-bright);
  font:600 clamp(48px,5.2vw,78px)/.86 var(--display);
  letter-spacing:-.025em;
}
.pulse-value-small{font-size:42px}
.pulse-stat small{
  display:block;
  overflow-wrap:anywhere;
  color:#8f8589;
  font:700 7px/1.35 var(--body);
  letter-spacing:1.25px;
  text-transform:uppercase;
}
.pulse-form{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:67px;
}
.pulse-form-dot{
  width:35px;
  height:35px;
  display:grid;
  place-items:center;
  border:1px solid rgba(211,177,119,.19);
  background:rgba(15,18,17,.38);
  color:#b7aaa6;
  font:800 11px/1 var(--body);
  font-style:normal;
}
.pulse-form-dot.is-win{color:#bfe9d0;border-color:rgba(126,211,160,.36);background:rgba(38,114,75,.15)}
.pulse-form-dot.is-loss{color:#e7b2b8;border-color:rgba(209,103,118,.32);background:rgba(113,36,49,.16)}
.pulse-form-dot.is-draw{color:#dccaa7;border-color:rgba(211,177,119,.32)}
.pulse-foot{
  position:relative;
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding-top:17px;
  color:#9f9295;
  font-size:8px;
  letter-spacing:1px;
  text-transform:uppercase;
}
#pulse-latest{display:flex;align-items:center;gap:11px;min-width:0}
.pulse-latest-label{color:var(--gold);font-weight:800;letter-spacing:1.45px}
.pulse-latest-score{font:600 16px/1 var(--display);color:#ede2d6;letter-spacing:.2px;white-space:nowrap}
.pulse-latest-score.is-win{color:#bfe9d0}.pulse-latest-score.is-loss{color:#e5afb7}
.pulse-asof{text-align:right;color:#7f7478}

/* Keep this compact component cheap to paint below the fold. */
@supports(content-visibility:auto){.team-pulse{content-visibility:auto;contain-intrinsic-size:auto 370px}}

@media(max-width:900px){
  .pulse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pulse-stat{min-height:145px;padding:23px 20px 22px 0}
  .pulse-stat:nth-child(3){border-left:0;padding-left:0;border-top:1px solid rgba(211,177,119,.14)}
  .pulse-stat:nth-child(4){border-top:1px solid rgba(211,177,119,.14)}
  .pulse-form{min-height:51px}
  .pulse-value{font-size:56px}
}
@media(max-width:760px){
  .team-pulse{padding-top:36px;padding-bottom:0}
  .pulse-shell{padding:24px 20px}
  .pulse-heading{align-items:flex-start;gap:16px;padding-bottom:18px}
  .pulse-heading h2{font-size:clamp(39px,12vw,58px)}
  .pulse-source{padding:9px 10px;font-size:6.5px;letter-spacing:1px}
  .pulse-stat{min-height:132px;padding-top:22px;padding-bottom:18px}
  .pulse-stat+.pulse-stat{padding-left:17px}
  .pulse-stat:nth-child(3){padding-left:0}
  .pulse-stat-index{top:13px;right:12px;font-size:6px}
  .pulse-label{font-size:6.5px;letter-spacing:1.2px}
  .pulse-value{font-size:clamp(42px,13vw,58px)}
  .pulse-stat small{font-size:6px;letter-spacing:.85px}
  .pulse-form{gap:5px;min-height:47px}
  .pulse-form-dot{width:29px;height:29px;font-size:9px}
  .pulse-foot{align-items:flex-start;flex-direction:column;gap:9px;padding-top:15px;font-size:6.5px}
  #pulse-latest{flex-wrap:wrap;gap:8px}
  .pulse-latest-score{font-size:14px}
  .pulse-asof{text-align:left}
}
@media(max-width:430px){
  .pulse-shell{padding:21px 16px}
  .pulse-heading{display:grid;grid-template-columns:1fr auto}
  .pulse-heading .tiny-label{grid-column:1/-1}
  .pulse-source{align-self:end}
  .pulse-stat{min-height:123px;padding-right:12px}
  .pulse-stat+.pulse-stat{padding-left:12px}
  .pulse-stat:nth-child(3){padding-left:0}
  .pulse-form-dot{width:26px;height:26px}
}
@media(prefers-reduced-motion:reduce){.pulse-source{transition:none}}

@media(prefers-reduced-motion:no-preference){
  html:not(.motion-off) .team-pulse[data-pulse-reveal-bound="true"] .pulse-shell{
    opacity:0;
    transform:translate3d(0,14px,0);
    transition:opacity 520ms cubic-bezier(.18,.78,.22,1),transform 520ms cubic-bezier(.18,.78,.22,1);
  }
  html:not(.motion-off) .team-pulse.pulse-visible .pulse-shell{opacity:1;transform:none}
}
