.sp-player-traits{background:linear-gradient(180deg,#202124 0,#1c1d20 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 34px rgba(0,0,0,.16)!important}
.sp-trait-ring{stroke:#5b5e64;stroke-opacity:.54}
.sp-trait-ring-outer{stroke:#74777d;stroke-opacity:.68}
.sp-trait-axis{stroke:#5b5e64;stroke-opacity:.42}
.sp-trait-fill{fill-opacity:.91;opacity:1;cursor:help;transform-origin:96px 96px;transform-box:view-box;transition:opacity .18s ease,filter .18s ease,transform .18s ease}
.sp-trait-fill.sp-trait-poor{fill:url(#sp-impact-poor);filter:drop-shadow(0 0 2px rgba(226,29,47,.28))}
.sp-trait-fill.sp-trait-below{fill:url(#sp-impact-below);filter:drop-shadow(0 0 2px rgba(240,123,34,.25))}
.sp-trait-fill.sp-trait-okay{fill:url(#sp-impact-okay);filter:drop-shadow(0 0 2px rgba(216,197,27,.23))}
.sp-trait-fill.sp-trait-good{fill:url(#sp-impact-good);filter:drop-shadow(0 0 2px rgba(32,191,99,.26))}
.sp-traits-radar:has(.sp-trait-fill:is(:hover,:focus-visible)) .sp-trait-fill:not(:is(:hover,:focus-visible)){opacity:.26;filter:saturate(.55)}
.sp-trait-fill:is(:hover,:focus-visible){opacity:1;filter:brightness(1.12) saturate(1.08) drop-shadow(0 0 4px rgba(255,255,255,.18));transform:scale(1.018);outline:none}
.sp-trait-label{flex-direction:column;gap:3px!important;align-items:flex-end!important}
.sp-impact-labels-right .sp-trait-label{align-items:flex-start!important}
.sp-trait-label b{font-size:15px!important;font-weight:720!important;line-height:16px;letter-spacing:-.25px;font-variant-numeric:tabular-nums}
.sp-trait-label span{font-size:9px;line-height:11px;letter-spacing:.66px;text-transform:uppercase;color:#8f939a}
.sp-impact-tooltip{position:absolute;z-index:5;display:grid;gap:2px;min-width:124px;padding:9px 11px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(15,16,18,.96);box-shadow:0 10px 26px rgba(0,0,0,.42);pointer-events:none;transform:translate(-50%,-100%);opacity:1;transition:opacity .14s ease,transform .14s ease;color:#f3f4f5;white-space:nowrap}
.sp-impact-tooltip[aria-hidden=true]{opacity:0;transform:translate(-50%,calc(-100% + 4px));visibility:hidden}
.sp-impact-tooltip span{font-size:9px;font-weight:700;letter-spacing:.72px;text-transform:uppercase;color:#a7a8aa}
.sp-impact-tooltip strong{font-size:13px;line-height:17px}
.sp-impact-tooltip small{font-size:10px;color:#b3b7be}
@media(max-width:430px){.sp-trait-label b{font-size:13px!important}.sp-trait-label span{font-size:8px;letter-spacing:.48px}.sp-impact-tooltip{min-width:112px;padding:8px 9px}}

/* FotMob placement on the shared BoomScore card surface */
.sp-player-traits{
  background:#1f1f1f!important;
  box-shadow:none!important;
}
.sp-trait-label{
  flex-direction:row!important;
  flex-wrap:wrap;
  gap:4px!important;
  align-items:center!important;
  align-content:center;
  font-size:12px;
  line-height:14px;
  color:#9f9f9f;
}
.sp-impact-labels-left .sp-trait-label{
  flex-direction:row-reverse!important;
  justify-content:flex-start;
  text-align:right;
}
.sp-impact-labels-right .sp-trait-label{
  justify-content:flex-start;
  align-items:center!important;
  text-align:left;
}
.sp-trait-label b{
  color:#fff;
  font-size:12px!important;
  font-weight:600!important;
  line-height:14px;
  letter-spacing:0;
  white-space:nowrap;
}
.sp-trait-label span{
  max-width:84px;
  color:#9f9f9f;
  font-size:12px;
  line-height:14px;
  letter-spacing:0;
  text-transform:none;
}
@media(max-width:430px){
  .sp-trait-label,.sp-trait-label b,.sp-trait-label span{font-size:11px!important;line-height:13px}
  .sp-trait-label span{max-width:72px}
}