/* Recorded field-video doorway anchored to the full tracker's 50-yard line. */
.game-room[data-room="live"] .drive-field--desk .field-video-midfield{
  position:absolute;
  z-index:7;
  top:50%;
  left:50%;
  display:grid!important;
  min-width:10.5rem;
  min-height:48px;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-rows:auto auto;
  align-content:center;
  gap:.08rem .38rem;
  padding:.38rem .58rem;
  color:#071820;
  background:#f5d77e;
  border:2px solid #071820;
  outline:1px solid rgba(255,248,232,.86);
  box-shadow:4px 4px 0 rgba(4,15,20,.72),0 0 0 2px rgba(245,215,126,.28);
  text-decoration:none;
  text-shadow:none;
  transform:translate(-50%,-50%);
}

.game-room[data-room="live"] .drive-field--desk .field-video-midfield>span{
  grid-row:1/3;
  align-self:center;
  font:900 1.08rem/1 var(--sans);
}

.game-room[data-room="live"] .drive-field--desk .field-video-midfield b{
  font:900 .54rem/.95 var(--sans);
  letter-spacing:.055em;
}

.game-room[data-room="live"] .drive-field--desk .field-video-midfield small{
  color:#3c4b51;
  font:800 .32rem/1.15 var(--sans);
  letter-spacing:.035em;
}

.game-room[data-room="live"] .drive-field--desk .field-video-midfield:hover,
.game-room[data-room="live"] .drive-field--desk .field-video-midfield:focus-visible{
  z-index:13;
  color:#fff8e8;
  background:#64142d;
  outline:3px solid #fff8e8;
  outline-offset:3px;
}

.game-room[data-room="live"] .drive-field--desk .field-video-midfield:hover small,
.game-room[data-room="live"] .drive-field--desk .field-video-midfield:focus-visible small{color:#fff8e8}

@media (max-width:620px){
  .game-room[data-room="live"] .drive-field--desk .field-video-midfield{
    min-width:7.8rem;
    min-height:44px;
    padding:.32rem .42rem;
    box-shadow:3px 3px 0 rgba(4,15,20,.78);
  }
  .game-room[data-room="live"] .drive-field--desk .field-video-midfield>span{font-size:.9rem}
  .game-room[data-room="live"] .drive-field--desk .field-video-midfield b{font-size:.43rem}
  .game-room[data-room="live"] .drive-field--desk .field-video-midfield small{font-size:.27rem}
}

@media (max-width:390px){
  .game-room[data-room="live"] .drive-field--desk .field-video-midfield{
    min-width:7.2rem;
    padding:.28rem .36rem;
  }
  .game-room[data-room="live"] .drive-field--desk .field-video-midfield small{display:none}
  .game-room[data-room="live"] .drive-field--desk .field-video-midfield b{align-self:center}
}

@media (prefers-reduced-motion:reduce){
  .game-room[data-room="live"] .drive-field--desk .field-video-midfield{transition:none}
}