/* Shared full-color team logo treatment (32 NFL + 133 college teams).
 * A restrained matte-charcoal center gives dark navy, purple and black
 * logos contrast without recoloring or bleaching their official PNG pixels.
 * Loaded after the page-specific styles so Picks, archives, Home, Live Center
 * and team avatars use the same treatment at their existing responsive sizes.
 */
:root{
  --se-logo-surface:
    radial-gradient(ellipse 80% 78% at 50% 46%,
      rgba(226,236,246,.26) 0%,
      rgba(202,217,231,.15) 44%,
      rgba(170,193,211,.055) 73%,
      transparent 96%),
    linear-gradient(145deg,#252f38,#111921);
  --se-logo-border:rgba(213,229,242,.23);
  --se-logo-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 3px 8px rgba(0,0,0,.23);
  --se-logo-art-shadow:
    drop-shadow(0 0 1px rgba(248,251,255,.43))
    drop-shadow(0 2px 3px rgba(0,0,0,.4));
}

/* In-play Picks and every archived matchup, including loading/error states.
   Match or outrank old rules that removed the tile for compact/archived views. */
.picks-view .mc-card .mc-team-logo,
.picks-view .mc-card .mc-team-logo.mc-logo-pending,
.picks-view .mc-card .mc-team-logo.mc-logo-ready,
.picks-view .mc-card .mc-team-logo.mc-logo-failed,
.archived-picks-view .mc-card.mc-archived .mc-team-logo,
.archived-picks-view .mc-card.mc-archived .mc-team-logo.mc-logo-pending,
.archived-picks-view .mc-card.mc-archived .mc-team-logo.mc-logo-ready,
.archived-picks-view .mc-card.mc-archived .mc-team-logo.mc-logo-failed{
  position:relative;
  border:1px solid var(--se-logo-border);
  border-radius:11px;
  background:var(--se-logo-surface);
  box-shadow:var(--se-logo-shadow);
  overflow:hidden;
  isolation:isolate;
}

/* Preserve the green selection indication on the CONTAINER, not on the logo. */
.picks-view .mc-card .mc-team.mc-selected .mc-team-logo{
  border-color:rgba(214,255,89,.75);
  box-shadow:var(--se-logo-shadow),0 0 0 1px rgba(214,255,89,.17);
}

/* Home slate has its own higher-specificity state selectors and staggered
   two-logo layout. Leave widths, spacing and stagger untouched. */
.home-game .home-matchup-logo.mc-team-logo,
.home-game .home-matchup-logo.mc-team-logo.mc-logo-pending,
.home-game .home-matchup-logo.mc-team-logo.mc-logo-ready,
.home-game .home-matchup-logo.mc-team-logo.mc-logo-failed{
  border:1px solid var(--se-logo-border);
  background:var(--se-logo-surface);
  box-shadow:var(--se-logo-shadow);
  overflow:hidden;
}

/* Live Center (including rewind), and every team avatar in standings/profile. */
.lc-root .lc-team-mark,
.mini-avatar.avatar-team{
  border:1px solid var(--se-logo-border);
  background:var(--se-logo-surface);
  box-shadow:var(--se-logo-shadow);
  overflow:hidden;
}
.lc-root .lc-team-mark{border-radius:11px}
.mini-avatar.avatar-team{padding:3px}

/* A tiny neutral silhouette keyline separates the darkest parts of a team
   mark from the slate; it NEVER changes logo hue, saturation or identity.
   Also overrides archived CSS's old !important black drop shadow. */
.picks-view .mc-card .mc-team-logo .mc-logo-image,
.archived-picks-view .mc-card.mc-archived .mc-team-logo.mc-logo-ready .mc-logo-image,
.home-game .home-matchup-logo .mc-logo-image,
.lc-root .lc-team-mark img,
.mini-avatar.avatar-team img{
  object-fit:contain;
  object-position:center;
  filter:var(--se-logo-art-shadow)!important;
  -webkit-filter:var(--se-logo-art-shadow)!important;
  mix-blend-mode:normal;
}
.picks-view .mc-card .mc-team-logo .mc-logo-image,
.archived-picks-view .mc-card.mc-archived .mc-team-logo .mc-logo-image{
  inset:2px;
  width:calc(100% - 4px);
  height:calc(100% - 4px);
}

/* Selected optical adjustments are for the artwork, never the dark badge. */
.picks-view .mc-card .mc-team-logo.mc-optical-featured .mc-logo-image{
  transform:scale(1.1);
}
.picks-view .mc-card .mc-team-logo.mc-optical-slight .mc-logo-image{
  transform:scale(1.06);
}

@media(max-width:560px){
  .picks-view .mc-card .mc-team-logo,
  .picks-view .mc-card .mc-team-logo.mc-logo-pending,
  .archived-picks-view .mc-card.mc-archived .mc-team-logo,
  .archived-picks-view .mc-card.mc-archived .mc-team-logo.mc-logo-pending{
    border-radius:9px;
  }
}

/* Reviewed difficult marks (e.g., LSU purple, Auburn navy, LA Rams blue):
 * lift the BACKGROUND under the transparent PNG. Official colors remain intact.
 * A league-scoped allowlist in team-mark-display.mjs applies this consistently
 * to active/archived Picks, Home, Live Center, and selected team avatars. */
:root{
  --se-logo-lift-surface:
    radial-gradient(ellipse 86% 83% at 50% 49%,
      rgba(219,230,241,.62) 0%,
      rgba(181,202,219,.36) 45%,
      rgba(112,139,159,.12) 77%,
      transparent 94%),
    linear-gradient(145deg,#273745,#121b25);
}
.picks-view .mc-card .mc-team-logo.mc-logo-lift,
.archived-picks-view .mc-card.mc-archived .mc-team-logo.mc-logo-lift,
.home-game .home-matchup-logo.mc-team-logo.mc-logo-lift,
.lc-root .lc-team-mark.lc-logo-lift,
.mini-avatar.avatar-team.mc-logo-lift{
  background:var(--se-logo-lift-surface);
  border-color:rgba(218,231,245,.36);
}
.home-game .mc-logo-lift .mc-logo-image,
.lc-root .lc-team-mark.lc-logo-lift img,
.mini-avatar.avatar-team.mc-logo-lift img{
  transform:scale(1.065);
}

/* Thin wordmarks and silhouettes get a small optical-size correction in every
   view. No image channel, hue, brightness or saturation is modified. */
.home-game .home-matchup-logo.mc-optical-featured .mc-logo-image,
.lc-root .lc-team-mark.lc-logo-featured img,
.mini-avatar.avatar-team.mc-optical-featured img{
  transform:scale(1.1);
}

/*
 * Final optical fit for ALL NFL and NCAA team PNGs.
 * Each image's true nontransparent alpha bounds are measured once at load
 * (team-logo-fit.mjs). The visible logo occupies ~90% of its image slot,
 * centered by its ACTUAL artwork rather than the provider's empty margins.
 * This replaces legacy fixed 1.035x/1.1x guesses, including featured marks,
 * without changing the box size, team colors, selection state or card layout.
 * Falls back to a modest safe zoom if canvas measurement isn't available.
 */
.picks-view .mc-card .mc-team-logo .mc-logo-image,
.archived-picks-view .mc-card.mc-archived .mc-team-logo .mc-logo-image,
.home-game .home-matchup-logo.mc-team-logo .mc-logo-image,
.lc-root .lc-team-mark img,
.mini-avatar.avatar-team img{
  transform:translate(var(--se-mark-shift-x,0%),var(--se-mark-shift-y,0%))
    scale(var(--se-mark-scale,1.06))!important;
  transform-origin:center center!important;
  object-fit:contain;
  object-position:center;
}
/* Spend the tile on the logo, not four to eight pixels of redundant insets.
   This also applies to compact browser-print cards without increasing rows. */
.picks-view .mc-card .mc-team-logo .mc-logo-image,
.archived-picks-view .mc-card.mc-archived .mc-team-logo .mc-logo-image,
.home-game .home-matchup-logo.mc-team-logo .mc-logo-image,
.lc-root .lc-team-mark img{
  inset:1px;
  width:calc(100% - 2px);
  height:calc(100% - 2px);
}
.mini-avatar.avatar-team{padding:2px}