/* Scoped drop-up chooser; no changes to the surrounding player or popup layout. */
.external-players{position:relative;flex:none;--external-panel-shift:0px}
.external-players>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 5px;color:#9ca9b4;font-size:9px;line-height:1.3;letter-spacing:.045em;white-space:nowrap;user-select:none}
.external-players>summary::-webkit-details-marker{display:none}
.external-players>summary>svg{width:17px;height:17px;flex:none}
.external-players-chevron{display:flex;align-items:center;color:#738795}
.external-players-chevron svg{width:11px;height:11px;transition:transform .15s}
.external-players[open]>summary,.external-players>summary:hover{color:#e6e9eb}
.external-players[open] .external-players-chevron svg{transform:rotate(180deg)}
.external-players>summary:focus-visible{outline:2px solid var(--accent,#a85c95);outline-offset:3px}
.external-players-panel{position:absolute;z-index:70;bottom:calc(100% + 12px);right:0;width:248px;max-width:calc(100vw - 24px);max-height:320px;max-height:min(320px,calc(100dvh - 100px));overflow-y:auto;overscroll-behavior:contain;transform:translateX(var(--external-panel-shift));border:1px solid #ffffff26;background:#111724;box-shadow:0 12px 32px #0007;padding:7px}
.external-players:not([open]) .external-players-panel{display:none}
.external-players-panel ul{list-style:none;margin:0;padding:0}
.external-players-panel li{margin:0;padding:0}
.external-players-panel a{display:flex;align-items:center;gap:13px;min-height:45px;padding:10px 12px;color:#bdc6cf;font-size:11px;line-height:1.4;letter-spacing:.01em;text-decoration:none;transition:background .15s,color .15s}
.external-players-panel a:hover,.external-players-panel a:focus-visible{background:#ffffff06;color:#eef0ed}
.external-players-panel a:focus-visible{outline:1px solid var(--accent,#a85c95);outline-offset:-1px}
.external-players-panel img{display:block;object-fit:contain;width:23px;height:23px;flex:none}
@media(max-width:560px){
  .external-players>summary{width:38px;min-height:40px;padding:8px}
  .external-players>summary>svg{width:19px;height:19px}
  .external-players-label,.external-players-chevron{display:none}
  .external-players-panel{bottom:calc(100% + 10px)}
  .external-players-panel a{min-height:46px}
}
@media(prefers-reduced-motion:reduce){.external-players-chevron svg,.external-players-panel a{transition:none}}