/*
  V34 SAFE ESPN FADE TICKER ADD-ON
  IMPORTANT:
  These rules are dormant until ticker-addon.js successfully adds
  #stage.addon-ticker-layout and #otherGames.addon-active.
  If the add-on fails, the exact V32 layout remains in effect.
*/

#stage.addon-ticker-layout{
  grid-template-rows:35.0% 5.4% 23.0% 31.3% 5.3%;
}

/* Hard containment only after the add-on has successfully initialized. */
#stage.addon-ticker-layout .keyplayers,
#stage.addon-ticker-layout .key-title,
#stage.addon-ticker-layout .key-columns,
#stage.addon-ticker-layout .key-col,
#stage.addon-ticker-layout .kcard,
#stage.addon-ticker-layout .kimgwrap,
#stage.addon-ticker-layout .ktext{
  min-height:0;
  min-width:0;
}

#stage.addon-ticker-layout .keyplayers,
#stage.addon-ticker-layout .key-columns,
#stage.addon-ticker-layout .key-col,
#stage.addon-ticker-layout .kcard,
#stage.addon-ticker-layout .kimgwrap,
#stage.addon-ticker-layout .ktext{
  overflow:hidden;
}

#stage.addon-ticker-layout .key-columns{
  height:100%;
}

#stage.addon-ticker-layout .key-col{
  grid-template-rows:9% repeat(3,minmax(0,1fr));
}

#otherGames.addon-active{
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  display:block !important;
  overflow:hidden;
  animation:none !important;
  transform:none !important;
}

#otherGames.addon-active .espn-fade-shell{
  width:100%;
  height:100%;
  min-width:0;
  display:grid;
  grid-template-columns:18% 82%;
  overflow:hidden;
}

#otherGames.addon-active .espn-fade-brand{
  height:100%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:3% 9%;
  overflow:hidden;
  border-right:1px solid rgba(166,207,233,.34);
  background:rgba(2,8,14,.52);
}

#otherGames.addon-active .espn-fade-brand img{
  display:block;
  width:auto;
  height:auto;
  max-width:94%;
  max-height:58%;
  object-fit:contain;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.8));
}

#otherGames.addon-active .espn-word-fallback{
  display:none;
  color:#fff;
  font:900 clamp(11px,1.65vw,18px)/1 "Barlow Condensed",sans-serif;
  font-style:italic;
  letter-spacing:-.04em;
}

#otherGames.addon-active .espn-fade-content{
  height:100%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 2.2%;
  overflow:hidden;
  opacity:1;
  transition:opacity .48s ease;
}

#otherGames.addon-active .espn-fade-content.is-fading{
  opacity:0;
}

#otherGames.addon-active .espn-fade-matchup{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(5px,.68vw,10px);
  white-space:nowrap;
  overflow:hidden;
}

#otherGames.addon-active .espn-fade-team{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:clamp(3px,.42vw,6px);
  min-width:0;
}

#otherGames.addon-active .espn-fade-logo{
  flex:0 0 auto;
  width:clamp(24px,3.35vw,37px);
  height:clamp(24px,3.35vw,37px);
  display:flex;
  align-items:center;
  justify-content:center;
}

#otherGames.addon-active .espn-fade-logo img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.8));
}

#otherGames.addon-active .espn-team-fallback{
  display:none;
  color:#fff;
  font:900 clamp(7px,.9vw,10px)/1 "Barlow Condensed",sans-serif;
}

#otherGames.addon-active .espn-fade-record{
  flex:0 0 auto;
  color:#b8c7d4;
  font:800 clamp(8px,1.05vw,12px)/1 "Barlow Condensed",sans-serif;
  letter-spacing:.03em;
}

#otherGames.addon-active .espn-fade-at{
  flex:0 0 auto;
  color:#e6edf3;
  font:900 clamp(9px,1.25vw,14px)/1 "Barlow Condensed",sans-serif;
  letter-spacing:.04em;
}

#otherGames.addon-active .espn-fade-sep{
  flex:0 0 auto;
  width:1px;
  height:54%;
  min-height:17px;
  margin:0 clamp(2px,.34vw,5px);
  background:rgba(168,207,232,.50);
}

#otherGames.addon-active .espn-fade-when{
  flex:0 0 auto;
  color:#fff;
  font:900 clamp(9px,1.22vw,14px)/1 "Barlow Condensed",sans-serif;
  letter-spacing:.035em;
  text-transform:uppercase;
}

#otherGames.addon-active .espn-fade-empty{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#b8c7d4;
  font:800 clamp(9px,1.2vw,14px)/1 "Barlow Condensed",sans-serif;
  letter-spacing:.06em;
}