/* Official team marks are linked to ESPN-hosted images.
   Initials are always available as a safe and visible network fallback. */
.mc-team-logo.mc-logo-pending{
  width:88px;height:88px;border-radius:18px;
  margin-top:2px;margin-bottom:12px;
  position:relative;overflow:hidden;
  font-size:1.32rem;transition:background .2s,border-color .2s;
}
.mc-logo-fallback{display:grid;place-items:center;position:absolute;inset:0;font:inherit;}
.mc-logo-image{
  position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);
  display:block;object-fit:contain;opacity:0;transition:opacity .2s ease;
}
/* The ESPN marks are PNGs; brand the tile instead of altering the artwork.
   A dark field replaces the white square, with the same volt-lime as Spread 'Em. */
.mc-team-logo.mc-logo-ready{
  color:transparent;
  background:linear-gradient(145deg,rgba(214,255,89,.13),rgba(20,40,32,.93));
  border:2px solid rgba(214,255,89,.78);
  box-shadow:
    0 0 0 1px rgba(214,255,89,.14),
    0 0 13px rgba(214,255,89,.09),
    0 8px 20px rgba(0,0,0,.22),
    inset 0 0 0 1px rgba(214,255,89,.08);
}
.mc-logo-ready .mc-logo-image{
  opacity:1;
  filter:drop-shadow(0 0 1px rgba(214,255,89,.45))
         drop-shadow(0 0 4px rgba(214,255,89,.18));
}
.mc-logo-ready .mc-logo-fallback{visibility:hidden}
.mc-team.mc-selected .mc-logo-ready{
  border-color:var(--lime,#D6FF59);
  box-shadow:
    0 0 0 2px rgba(214,255,89,.56),
    0 0 20px rgba(214,255,89,.18),
    0 8px 24px rgba(0,0,0,.24),
    inset 0 0 0 1px rgba(214,255,89,.13);
}
.mc-team-logo.mc-logo-failed .mc-logo-image{display:none}
.mc-team-logo.mc-logo-failed .mc-logo-fallback{visibility:visible}
.mc-team-logo.mc-logo-failed{
  background:linear-gradient(145deg,var(--mc-team-bg,#33585B),#172426);
  border:2px solid rgba(214,255,89,.58);
  color:#EBF5F4;
}
.mc-team{min-height:228px}
@media(max-width:760px){
  .mc-team-logo.mc-logo-pending{width:75px;height:75px;margin-bottom:11px;border-radius:16px}
  .mc-team{min-height:219px}
}
@media(max-width:430px){
  .mc-team-logo.mc-logo-pending{width:63px;height:63px;margin:2px 0 9px;border-radius:13px}
  .mc-team{min-height:201px}
}
@media(prefers-reduced-motion:reduce){
  .mc-team-logo.mc-logo-pending,.mc-logo-image{transition:none}
}