/* LetsGames 5.21 — reliable team skins + clean neutral role tags. */

/* The entire chip stays neutral. Only the status dot carries the rank colour. */
.team-v520-role{
  min-height:32px!important;
  padding:0 11px!important;
  gap:9px!important;
  border:1px solid rgba(119,181,235,.22)!important;
  border-radius:9px!important;
  background:rgba(4,17,29,.78)!important;
  color:#f4f9ff!important;
  font:800 7.5px/1 Inter,sans-serif!important;
  letter-spacing:.125em!important;
  text-transform:uppercase!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.15)!important;
}
.team-v520-role i{
  width:6px!important;
  height:6px!important;
  background:#59b9ff!important;
  box-shadow:0 0 0 3px rgba(89,185,255,.065),0 0 10px rgba(89,185,255,.22)!important;
}
.team-v520-card[data-member-role="owner"] .team-v520-role i,
.team-v520-card[data-member-role="admin"] .team-v520-role i{
  background:#ff4d62!important;
  box-shadow:0 0 0 3px rgba(255,77,98,.075),0 0 10px rgba(255,77,98,.26)!important;
}
.team-v520-card[data-member-role="manager"] .team-v520-role i{
  background:#49da7d!important;
  box-shadow:0 0 0 3px rgba(73,218,125,.075),0 0 10px rgba(73,218,125,.25)!important;
}
.team-v520-card[data-member-role="promoter"] .team-v520-role i{
  background:#f4c34b!important;
  box-shadow:0 0 0 3px rgba(244,195,75,.075),0 0 10px rgba(244,195,75,.25)!important;
}
.team-v520-card[data-member-role="builder"] .team-v520-role i{
  background:#225fa8!important;
  box-shadow:0 0 0 3px rgba(34,95,168,.10),0 0 10px rgba(54,122,205,.24)!important;
}

/* Keep every member card/skin bay strictly in the LetsGames blue/white visual system. */
.team-v520-card,
.team-v520-card[data-member-role]{
  border-color:rgba(133,176,217,.15)!important;
  background:linear-gradient(180deg,#09141f 0%,#06101a 100%)!important;
}
.team-v520-card[data-member-role] .team-v520-visual{
  background:
    radial-gradient(ellipse at 50% 38%,rgba(82,166,245,.16) 0%,rgba(35,91,150,.075) 32%,transparent 63%),
    linear-gradient(180deg,#0a1a29 0%,#081725 48%,#06111c 100%)!important;
}
.team-v520-card[data-member-role] .team-v520-info:before{
  background:linear-gradient(90deg,#55b7ff,rgba(255,255,255,.72))!important;
}

/* Local card composition differences without relying on a fragile pose-render API. */
.team-v521-skin{transform-origin:50% 100%}
.team-v520-card:nth-child(1) .team-v521-skin{transform:translateY(0) rotate(-1deg) scale(1.015)}
.team-v520-card:nth-child(2) .team-v521-skin{transform:translateY(2px) rotate(1.4deg) scale(1.025)}
.team-v520-card:nth-child(3) .team-v521-skin{transform:translateY(0) rotate(-1.6deg) scale(1.01)}
.team-v520-card:nth-child(4) .team-v521-skin{transform:translateY(3px) rotate(1.2deg) scale(1.03)}
.team-v520-card:nth-child(5) .team-v521-skin{transform:translateY(-1px) rotate(-1.1deg) scale(1.02)}
.team-v520-card:hover .team-v521-skin{transform:translateY(-5px) scale(1.035)!important}

/* If even a body render cannot be resolved, show the player's head cleanly instead of broken alt text. */
.team-v521-skin.skin-head-fallback{
  height:190px!important;
  width:190px!important;
  max-width:54%!important;
  margin-bottom:76px!important;
  image-rendering:pixelated;
  object-fit:contain!important;
  border-radius:18px;
  filter:drop-shadow(0 24px 22px rgba(0,0,0,.48))!important;
}

@media(max-width:520px){
  .team-v520-role{min-height:29px!important;padding:0 10px!important;font-size:7px!important}
  .team-v521-skin.skin-head-fallback{height:150px!important;width:150px!important;margin-bottom:62px!important}
}