.video-frame { position: relative; height: calc(100% - 2.5rem); min-height: 330px; }
.video-frame video { height: 100%; }
.video-play {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  min-height: 48px;
  padding: .8rem 1rem;
  border: 1px solid #72cfff;
  border-radius: 999px;
  background: rgba(5, 20, 47, .9);
  color: #fff;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .3);
}
.video-play:hover { background: #075cff; }
.video-play:focus-visible { outline: 4px solid #ff8517; outline-offset: 4px; }

@media (max-width: 680px) {
  .preview-bar { font-size: .58rem; line-height: 1.3; white-space: normal; }
  .language-switch { justify-content: flex-start; scrollbar-width: none; }
  .language-switch::-webkit-scrollbar { display: none; }
  .video-frame { min-height: 210px; }
}