/* v3.20.3.22.17.3 — CFB rankings Last Game / Next Game columns */

.rank-head,.rank-row{
  grid-template-columns:64px minmax(210px,1.35fr) 78px 100px minmax(150px,.85fr) minmax(150px,.85fr) 76px 90px;
  gap:10px;
}

.rank-game-cell{min-width:0}
.rank-game{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.rank-game strong{
  display:block;
  color:#fff7e8;
  font-size:.78rem;
  font-weight:1000;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.rank-game span{
  display:block;
  color:var(--rank-muted);
  font-size:.67rem;
  font-weight:850;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.rank-game-result.win{color:var(--rank-green)}
.rank-game-result.loss{color:var(--rank-down)}
.rank-game-result.tie{color:var(--rank-gold-2)}
.rank-game-live{color:#ffdf86!important}
.rank-game-loading,.rank-game-empty{color:rgba(255,247,232,.42);font-size:.72rem;font-weight:850}
.rank-mobile-games{display:none}

@media(max-width:1000px){
  .rank-head,.rank-row{
    grid-template-columns:58px minmax(180px,1.25fr) 68px 86px minmax(132px,.9fr) minmax(132px,.9fr) 66px 76px;
    gap:8px;
  }
  .rank-game strong{font-size:.72rem}
  .rank-game span{font-size:.63rem}
}

@media(max-width:760px){
  .rank-row{
    grid-template-columns:54px minmax(0,1fr) auto;
    grid-template-areas:
      "rank team movement"
      "rank meta movement"
      "rank games games";
    gap:5px 10px;
    min-height:104px;
  }
  .rank-record,.rank-conference,.rank-previous,.rank-last-game,.rank-next-game{display:none}
  .rank-mobile-games{
    display:flex;
    grid-area:games;
    gap:8px 14px;
    flex-wrap:wrap;
    min-width:0;
    margin-top:3px;
    color:var(--rank-muted);
    font-size:.67rem;
    font-weight:850;
    line-height:1.25;
  }
  .rank-mobile-games span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .rank-mobile-games b{color:var(--rank-gold);font-size:.61rem;text-transform:uppercase;letter-spacing:.055em;margin-right:4px}
}

@media(max-width:470px){
  .rank-mobile-games{display:grid;grid-template-columns:1fr;gap:3px}
}