/* Overlay only: no player/card/iframe dimensions or Fuente-row rules. */
.pl-common-controls {
  position: absolute; z-index: 50;
  top: max(10px, env(safe-area-inset-top)); left: 10px; right: 10px;
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
  gap: 7px 10px; margin: 0; padding: 0;
  color: #f3f7fc; font: 600 15px/1.3 system-ui, sans-serif;
  pointer-events: none; opacity: 1; transition: opacity 180ms ease;
}
.pl-common-controls button {
  pointer-events: auto; cursor: pointer; color: #f3f7fc;
  background: rgba(23,33,49,.94); border: 1px solid #687c95;
  border-radius: 9px; padding: 10px 18px; min-height: 44px;
  max-width: 100%; font: inherit; touch-action: manipulation;
  box-shadow: 0 2px 8px rgba(0,0,0,.4);
}
.pl-common-controls button:hover {background: #202c3d; border-color: #72df55;}
.pl-common-controls button:focus-visible {outline: 2px solid #72df55; outline-offset: 2px;}
.pl-common-controls button[aria-pressed="true"] {color: #c9f6c0; border-color: #72df55;}
.pl-common-controls button[hidden] {display: none;}
.pl-common-description {
  flex-basis: 100%; width: fit-content; max-width: 590px;
  margin: 0; padding: 5px 8px; border-radius: 6px;
  background: rgba(5,7,10,.86); color: #e1e8f1;
  text-align: center; font-size: 13px; font-weight: 500;
}
.pl-common-controls.pl-common-hidden {opacity: 0;}
.pl-common-controls.pl-common-hidden button {pointer-events: none;}
.pl-common-catcher {position: absolute; inset: 0; z-index: 40; background: transparent; pointer-events: none;}
.pl-common-catcher.pl-common-catching {pointer-events: auto;}
@media(max-width:600px) {
  .pl-common-controls {top: max(6px, env(safe-area-inset-top)); left: 6px; right: 6px; gap: 5px 6px;}
  .pl-common-controls button {font-size: 12px; padding: 8px 9px; min-height: 40px;}
  .pl-common-description {font-size: 11px; padding: 4px 6px;}
}
@media(prefers-reduced-motion:reduce) {.pl-common-controls {transition: none;}}