/* Design A — optional sport/team poster picker */
.team-a-has-posters [hidden],
.team-a-has-posters .section-head[hidden],
.team-a-has-posters [data-team-section-head][hidden]{
  display:none!important;
}
.team-a-has-posters.is-poster-pick [data-team-section-head],
.team-a-has-posters[data-team-poster-pick] [data-team-section-head]{
  display:none!important;
}
.team-a-poster-stage{margin:0 0 8px}
.team-a-poster-grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:flex-start;
  gap:clamp(12px,2vw,22px);
  max-width:100%;
  margin:0 auto;
}
.team-a-poster{
  appearance:none;
  position:relative;
  display:inline-block;
  width:auto;
  max-width:100%;
  margin:0;
  padding:0;
  border:1px solid var(--line,#2a2a2e);
  background:#0b0b0c;
  cursor:pointer;
  overflow:hidden;
  line-height:0;
  transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.team-a-poster:hover,
.team-a-poster:focus-visible{
  border-color:rgba(224,29,38,.85);
  transform:translateY(-3px);
  box-shadow:0 18px 40px rgba(0,0,0,.45),0 0 28px rgba(224,29,38,.22);
  outline:none;
}
.team-a-poster img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  object-fit:contain;
  object-position:center top;
  position:relative;
  z-index:0;
}
.team-a-poster-glow{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(120deg,transparent 28%,rgba(224,29,38,.22) 48%,transparent 68%),
    linear-gradient(180deg,rgba(224,29,38,.08),transparent 42%,rgba(224,29,38,.18));
  background-size:220% 220%,100% 100%;
  background-position:0% 50%,center;
  mix-blend-mode:screen;
  opacity:.55;
  animation:team-a-poster-glow 4.8s ease-in-out infinite;
}
.team-a-poster:hover .team-a-poster-glow,
.team-a-poster:focus-visible .team-a-poster-glow{
  opacity:.9;
  animation-duration:2.6s;
}
@keyframes team-a-poster-glow{
  0%{background-position:0% 40%,center;opacity:.4}
  50%{background-position:100% 60%,center;opacity:.72}
  100%{background-position:0% 40%,center;opacity:.4}
}
.team-a-poster-rise{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(
    to top,
    rgba(224,29,38,.62) 0%,
    rgba(224,29,38,.28) 38%,
    rgba(224,29,38,.08) 62%,
    transparent 82%
  );
  transform:translateY(105%);
  opacity:0;
  transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s ease;
}
.team-a-poster:hover .team-a-poster-rise,
.team-a-poster:focus-visible .team-a-poster-rise{
  transform:translateY(0);
  opacity:1;
}
.team-a-has-posters .team-a-roster-toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 18px;
  margin:0 0 18px;
}
.team-a-roster-toolbar .filter{
  appearance:none;
  border:1px solid var(--line,#2a2a2e);
  background:#141417;
  color:#ddd;
  padding:10px 16px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  cursor:pointer;
}
.team-a-roster-toolbar .filter:hover{border-color:#555;color:#fff}
[data-team-board] .filter-bar.is-align-left{justify-content:flex-start}
[data-team-board] .filter-bar.is-align-center{justify-content:center}
[data-team-board] .filter-bar.is-align-right{justify-content:flex-end}
@media(prefers-reduced-motion:reduce){
  .team-a-poster-glow{animation:none;opacity:.45;background-position:50% 50%,center}
  .team-a-poster-rise{transition:none}
  .team-a-poster:hover .team-a-poster-rise,
  .team-a-poster:focus-visible .team-a-poster-rise{transform:none;opacity:.7}
  .team-a-poster:hover,
  .team-a-poster:focus-visible{transform:none}
}
