/* Compact overlay: buttons above a bottom-edge seek track. */
html body .custom-video-player.upgraded-video-player[data-controls-visible="true"] .video-controls {
  left:0!important;right:0!important;bottom:0!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  grid-template-rows:32px 12px!important;gap:2px 5px!important;
  padding:4px 6px 0!important;border:0!important;border-radius:0!important;
  background:linear-gradient(transparent,rgba(0,0,0,.26))!important;
  box-shadow:none!important;backdrop-filter:none!important;
}
html body .custom-video-player.upgraded-video-player[data-controls-visible="true"] :is(.video-control-cluster,.video-time,.video-fullscreen){grid-row:1!important}
html body .custom-video-player.upgraded-video-player[data-controls-visible="true"] .video-control-button {
  width:30px!important;min-width:30px!important;height:30px!important;
  padding:5px!important;background:rgba(10,20,25,.38)!important;
  border:1px solid rgba(255,255,255,.14)!important;border-radius:8px!important;color:#fff!important;
}
html body .custom-video-player.upgraded-video-player[data-controls-visible="true"] .video-control-button:hover,
html body .custom-video-player.upgraded-video-player[data-controls-visible="true"] .video-control-button:focus-visible{background:rgba(10,20,25,.7)!important;outline:2px solid #27d4bd;outline-offset:1px}
/* Override the old primary-button rule: a dark glyph disappears on this overlay. */
html body .custom-video-player.upgraded-video-player[data-controls-visible="true"] .video-control-button.primary,
html body .custom-video-player.upgraded-video-player[data-controls-visible="true"] .video-control-button svg{color:#fff!important;stroke:#fff!important;opacity:1!important}
html body .custom-video-player.upgraded-video-player[data-controls-visible="true"] .video-time{font-size:11px!important;text-shadow:0 1px 3px #000}
html body .custom-video-player.upgraded-video-player[data-controls-visible="true"] .video-seek-slider {
  grid-row:2!important;grid-column:1/-1!important;align-self:end;
  width:calc(100% + 12px)!important;margin:0 -6px!important;
  height:12px!important;min-height:12px!important;background:transparent!important;
  -webkit-appearance:none;appearance:none;border:0!important;border-radius:0!important;
  box-shadow:none!important;outline:none!important;filter:none!important;
}
html body .upgraded-video-player .video-seek-slider::-webkit-slider-runnable-track{height:3px;background:rgba(255,255,255,.55);border-radius:0}
html body .upgraded-video-player .video-seek-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;margin-top:-3.5px;border-radius:50%;background:#27d4bd;box-shadow:0 0 2px #102026}
html body .upgraded-video-player .video-seek-slider::-moz-range-track{height:3px;background:rgba(255,255,255,.55)}
html body .upgraded-video-player .video-seek-slider::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#27d4bd}
html body .upgraded-video-player .video-seek-slider:focus-visible{outline:2px solid #27d4bd;outline-offset:-2px}
@media(max-width:480px){html body .custom-video-player.upgraded-video-player[data-controls-visible="true"] .video-control-button{width:28px!important;min-width:28px!important}html body .custom-video-player.upgraded-video-player[data-controls-visible="true"] .video-control-cluster{gap:2px!important}}