/* ShortSeris Player Pro v5.6.0 - unified visual layer */
.ytx-player{--ytx-accent:#ff3156;--ytx-panel:rgba(11,13,18,.96);--ytx-muted:#aab2bf;position:relative;color:#fff}
.ytx-stage{position:relative;isolation:isolate;background:#000;border-radius:18px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.46)}
.ytx-video,.ytx-embed,.ytx-embed iframe{position:absolute;inset:0;width:100%;height:100%;background:#000;border:0}
.ytx-video{object-fit:contain}
/* hard-fix center play button against legacy transforms */
.ytx-stage>.ytx-big-play,.ytx-big-play{position:absolute!important;z-index:70!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;margin:0!important;translate:none!important;transform:translate3d(-50%,-50%,0)!important;transform-origin:50% 50%!important;width:78px!important;height:78px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:999px!important;background:rgba(10,11,15,.76)!important;color:#fff!important;backdrop-filter:blur(16px)!important;box-shadow:0 18px 55px rgba(0,0,0,.48)!important;transition:background .16s ease,box-shadow .16s ease,opacity .16s ease!important;will-change:auto!important}
.ytx-big-play:hover{transform:translate3d(-50%,-50%,0)!important;background:rgba(255,49,86,.94)!important;box-shadow:0 18px 62px rgba(255,49,86,.25),0 18px 55px rgba(0,0,0,.46)!important}
.ytx-big-play:active,.ytx-big-play:focus-visible{transform:translate3d(-50%,-50%,0)!important}
.ytx-big-play svg{width:31px!important;height:31px!important;fill:currentColor!important;transform:translateX(2px)}
.ytx-player.is-playing .ytx-big-play{opacity:0!important;pointer-events:none!important;transform:translate3d(-50%,-50%,0)!important}
.ytx-player:not(.is-playing) .ytx-big-play{opacity:1!important;pointer-events:auto!important}
/* loader: spinner only, no status text */
.ytx-loading{position:absolute!important;z-index:85!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;translate:none!important;transform:translate3d(-50%,-50%,0)!important;width:52px!important;height:52px!important;padding:0!important;border:0!important;border-radius:999px!important;background:rgba(0,0,0,.46)!important;display:grid!important;place-items:center!important;backdrop-filter:blur(9px)!important;box-shadow:0 12px 36px rgba(0,0,0,.35)!important}
.ytx-loading[hidden]{display:none!important}.ytx-loading b,.ytx-loading span:not(.ytx-spinner),.ytx-loading p{display:none!important}
.ytx-spinner{display:block!important;width:27px!important;height:27px!important;border:3px solid rgba(255,255,255,.24)!important;border-top-color:#fff!important;border-right-color:#fff!important;border-radius:50%!important;animation:ytx560spin .72s linear infinite!important}
@keyframes ytx560spin{to{transform:rotate(360deg)}}
/* control chrome */
.ytx-gradient-bottom{background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.58) 42%,transparent 100%)!important}
.ytx-controls{z-index:60!important;padding:0 14px 11px!important}.ytx-topbar{z-index:59!important;padding:13px 15px!important}
.ytx-control-row{min-height:44px!important}.ytx-left-controls,.ytx-right-controls{gap:2px!important}
.ytx-icon{width:42px!important;height:42px!important;border-radius:10px!important;transition:background .14s ease!important}
.ytx-icon:hover{background:rgba(255,255,255,.12)!important}.ytx-icon:active{transform:none!important;background:rgba(255,255,255,.16)!important}
.ytx-icon svg{width:22px!important;height:22px!important}
.ytx-time{font-size:11px!important;font-weight:700!important;letter-spacing:.01em!important}
/* progress */
.ytx-progress-shell{height:22px!important;cursor:pointer!important}.ytx-progress-shell:before,.ytx-buffer,.ytx-played{height:4px!important;border-radius:999px!important}
.ytx-progress-shell:hover:before,.ytx-progress-shell:hover .ytx-buffer,.ytx-progress-shell:hover .ytx-played{height:6px!important}
.ytx-progress{height:22px!important;cursor:pointer!important}.ytx-progress-shell:hover:after{width:13px!important;height:13px!important;top:50%!important;transform:translate(-50%,-50%)!important}
/* panels */
.ytx-panel,.ytx-settings,.ytx-servers{z-index:95!important;max-height:min(430px,72vh)!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:16px!important;background:rgba(11,13,18,.97)!important;box-shadow:0 24px 70px rgba(0,0,0,.58)!important;backdrop-filter:blur(22px)!important;overflow:auto!important}
.ytx-panel[hidden],.ytx-settings[hidden],.ytx-servers[hidden]{display:none!important}
.ytx-setting-row,.ytx-server{border-radius:10px!important}.ytx-setting-row:hover,.ytx-server:hover,.ytx-server.active{background:rgba(255,255,255,.08)!important}
.ytx-setting-row select{background:#131722!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:9px!important;color:#fff!important}
/* server chips */
.ytx-server-strip{gap:8px!important;padding-top:12px!important}.ytx-server-chip{min-height:38px!important;border-radius:11px!important;padding-inline:13px!important}.ytx-server-chip.active{border-color:rgba(255,49,86,.65)!important;background:rgba(255,49,86,.1)!important}
/* final error only */
.ytx-error{z-index:100!important;border-radius:16px!important;background:rgba(12,14,19,.98)!important;box-shadow:0 24px 80px rgba(0,0,0,.64)!important}
/* timeline preview shell */
.ytx-timeline-preview{position:absolute;z-index:120;left:50%;bottom:27px;width:192px;aspect-ratio:16/9;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) translateY(5px);transition:opacity .1s ease,transform .1s ease,visibility .1s;border-radius:10px;background:#07080b;box-shadow:0 14px 40px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.14);overflow:visible}
.ytx-timeline-preview.visible{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.ytx-preview-frame,.ytx-preview-frame video,.ytx-preview-frame img{width:100%;height:100%;border-radius:9px}.ytx-preview-frame{position:relative;overflow:hidden;background:#050505}.ytx-preview-frame video,.ytx-preview-frame img{display:block;object-fit:cover}.ytx-preview-frame img[hidden],.ytx-preview-frame video[hidden]{display:none!important}
.ytx-preview-time{position:absolute;right:7px;bottom:6px;padding:3px 6px;border-radius:5px;background:rgba(0,0,0,.76);font-size:9px;font-weight:800}.ytx-preview-caret{position:absolute;left:50%;bottom:-5px;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);background:#0a0b0f;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
@media(max-width:760px){.ytx-stage{border-radius:12px}.ytx-controls{padding:0 8px 8px!important}.ytx-icon{width:38px!important;height:38px!important}.ytx-big-play{width:64px!important;height:64px!important}.ytx-panel,.ytx-settings,.ytx-servers{left:8px!important;right:8px!important;width:auto!important;bottom:58px!important;max-height:66vh!important}.ytx-timeline-preview{width:154px;bottom:25px}.ytx-time{font-size:9px!important}.ytx-volume{display:none!important}}
@media(max-width:430px){.ytx-big-play{width:58px!important;height:58px!important}.ytx-icon{width:35px!important;height:35px!important}.ytx-timeline-preview{width:132px}}

/* v5.6.1 professional timeline */
.ytx-progress-shell{
  --ytx-track-h:3px;
  --ytx-track-hover-h:5px;
  position:relative!important;
  height:30px!important;
  display:flex!important;
  align-items:center!important;
  touch-action:pan-y!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  cursor:pointer!important;
}
.ytx-progress-shell:before,
.ytx-progress-shell .ytx-buffer,
.ytx-progress-shell .ytx-played{
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  height:var(--ytx-track-h)!important;
  border-radius:999px!important;
  transition:height .12s ease,filter .12s ease!important;
}
.ytx-progress-shell:before{
  background:rgba(255,255,255,.24)!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.05)!important;
}
.ytx-progress-shell .ytx-buffer{
  background:rgba(255,255,255,.46)!important;
}
.ytx-progress-shell .ytx-played{
  background:var(--ytx-accent)!important;
  box-shadow:0 0 12px rgba(255,49,86,.18)!important;
}
.ytx-progress-shell:hover:before,
.ytx-progress-shell:hover .ytx-buffer,
.ytx-progress-shell:hover .ytx-played,
.ytx-progress-shell:focus-within:before,
.ytx-progress-shell:focus-within .ytx-buffer,
.ytx-progress-shell:focus-within .ytx-played{
  height:var(--ytx-track-hover-h)!important;
}
/* disable legacy fake thumb and use the actual range thumb */
.ytx-progress-shell:after{display:none!important;content:none!important}
.ytx-progress{
  z-index:6!important;
  inset:0!important;
  width:100%!important;
  height:30px!important;
  opacity:1!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  background:transparent!important;
  cursor:pointer!important;
  outline:none!important;
  touch-action:pan-y!important;
}
.ytx-progress::-webkit-slider-runnable-track{height:30px;background:transparent;border:0}
.ytx-progress::-webkit-slider-thumb{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:14px!important;height:14px!important;
  margin-top:8px!important;
  border:2px solid #fff!important;
  border-radius:50%!important;
  background:var(--ytx-accent)!important;
  box-shadow:0 2px 8px rgba(0,0,0,.46),0 0 0 0 rgba(255,49,86,.18)!important;
  opacity:0!important;
  transform:scale(.78)!important;
  transition:opacity .12s ease,transform .12s ease,box-shadow .12s ease!important;
}
.ytx-progress::-moz-range-track{height:30px;background:transparent;border:0}
.ytx-progress::-moz-range-progress{background:transparent}
.ytx-progress::-moz-range-thumb{
  width:14px!important;height:14px!important;
  border:2px solid #fff!important;border-radius:50%!important;
  background:var(--ytx-accent)!important;
  box-shadow:0 2px 8px rgba(0,0,0,.46)!important;
  opacity:0!important;
  transform:scale(.78)!important;
  transition:opacity .12s ease,transform .12s ease!important;
}
.ytx-progress-shell:hover .ytx-progress::-webkit-slider-thumb,
.ytx-progress:focus-visible::-webkit-slider-thumb,
.ytx-progress-shell.is-scrubbing .ytx-progress::-webkit-slider-thumb{opacity:1!important;transform:scale(1)!important;box-shadow:0 2px 8px rgba(0,0,0,.46),0 0 0 5px rgba(255,49,86,.13)!important}
.ytx-progress-shell:hover .ytx-progress::-moz-range-thumb,
.ytx-progress:focus-visible::-moz-range-thumb,
.ytx-progress-shell.is-scrubbing .ytx-progress::-moz-range-thumb{opacity:1!important;transform:scale(1)!important}
.ytx-progress:focus-visible{outline:none!important}
.ytx-progress:focus-visible + .ytx-seek-tip{display:none!important}
/* legacy text tip stays hidden because the rich preview is used */
.ytx-seek-tip{display:none!important}
/* thumbnail preview refinement */
.ytx-timeline-preview{
  bottom:31px!important;
  width:206px!important;
  border-radius:12px!important;
  background:#06070a!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.62)!important;
  overflow:visible!important;
  will-change:left,opacity,transform!important;
}
.ytx-preview-frame{border-radius:11px!important;background:#050608!important}
.ytx-preview-frame video,.ytx-preview-frame img{border-radius:11px!important}
.ytx-preview-time{
  right:8px!important;bottom:7px!important;
  min-width:42px!important;text-align:center!important;
  padding:4px 7px!important;border-radius:6px!important;
  background:rgba(0,0,0,.80)!important;
  font-size:10px!important;line-height:1!important;font-weight:900!important;
  font-variant-numeric:tabular-nums!important;
  backdrop-filter:blur(6px)!important;
}
.ytx-preview-caret{bottom:-6px!important;width:11px!important;height:11px!important;background:#08090d!important}
.ytx-progress-shell.is-scrubbing .ytx-timeline-preview{opacity:1!important;visibility:visible!important;transform:translateX(-50%) translateY(0)!important}
@media(max-width:760px){
  .ytx-progress-shell{height:36px!important;--ytx-track-h:4px;--ytx-track-hover-h:6px}
  .ytx-progress{height:36px!important}
  .ytx-progress::-webkit-slider-runnable-track{height:36px}
  .ytx-progress::-webkit-slider-thumb{width:16px!important;height:16px!important;margin-top:10px!important;opacity:1!important;transform:scale(.88)!important}
  .ytx-progress::-moz-range-track{height:36px}
  .ytx-progress::-moz-range-thumb{width:16px!important;height:16px!important;opacity:1!important;transform:scale(.88)!important}
  .ytx-timeline-preview{width:164px!important;bottom:37px!important}
}
@media(max-width:430px){.ytx-timeline-preview{width:144px!important}}

/* v5.6.2 responsive in-player panels */
.ytx-stage{
  --ytx-panel-gap:12px;
  --ytx-panel-bottom:66px;
  --ytx-panel-maxw:360px;
  --ytx-panel-radius:16px;
}
.ytx-stage .ytx-panel,
.ytx-stage .ytx-settings,
.ytx-stage .ytx-servers{
  position:absolute!important;
  z-index:140!important;
  right:var(--ytx-panel-gap)!important;
  left:auto!important;
  bottom:var(--ytx-panel-bottom)!important;
  width:min(var(--ytx-panel-maxw),calc(100% - (var(--ytx-panel-gap) * 2)))!important;
  max-width:calc(100% - (var(--ytx-panel-gap) * 2))!important;
  max-height:min(62%,430px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  border-radius:var(--ytx-panel-radius)!important;
  box-sizing:border-box!important;
  transform:none!important;
  translate:none!important;
  contain:layout paint!important;
}
.ytx-player[dir="rtl"] .ytx-stage .ytx-panel,
.ytx-player[dir="rtl"] .ytx-stage .ytx-settings,
.ytx-player[dir="rtl"] .ytx-stage .ytx-servers{
  left:var(--ytx-panel-gap)!important;
  right:auto!important;
}
.ytx-panel-head{
  position:sticky!important;
  top:-7px!important;
  z-index:3!important;
  background:linear-gradient(180deg,rgba(11,13,18,.99),rgba(11,13,18,.96))!important;
  backdrop-filter:blur(18px)!important;
}
.ytx-panel .ytx-setting-row,
.ytx-panel .ytx-server{
  min-height:48px!important;
}
.ytx-panel .ytx-setting-row select{
  max-width:min(48%,170px)!important;
  min-width:112px!important;
}
.ytx-panel .ytx-server-list{padding-bottom:4px!important}

/* medium player: more compact floating panel */
.ytx-player.ytx-panel-compact .ytx-stage{
  --ytx-panel-gap:8px;
  --ytx-panel-bottom:58px;
  --ytx-panel-maxw:320px;
  --ytx-panel-radius:13px;
}
.ytx-player.ytx-panel-compact .ytx-stage .ytx-panel,
.ytx-player.ytx-panel-compact .ytx-stage .ytx-settings,
.ytx-player.ytx-panel-compact .ytx-stage .ytx-servers{
  max-height:min(68%,340px)!important;
  padding:6px!important;
}
.ytx-player.ytx-panel-compact .ytx-panel-head{padding:6px 8px!important}
.ytx-player.ytx-panel-compact .ytx-setting-row,
.ytx-player.ytx-panel-compact .ytx-server{padding:8px!important;min-height:44px!important}
.ytx-player.ytx-panel-compact .ytx-setting-row b,
.ytx-player.ytx-panel-compact .ytx-server-copy strong{font-size:10px!important}
.ytx-player.ytx-panel-compact .ytx-setting-row small,
.ytx-player.ytx-panel-compact .ytx-server-copy small{font-size:8px!important}

/* small/tall player: bottom-sheet contained entirely in the video */
.ytx-player.ytx-panel-sheet .ytx-stage{
  --ytx-panel-gap:6px;
  --ytx-panel-bottom:52px;
  --ytx-panel-radius:14px;
}
.ytx-player.ytx-panel-sheet .ytx-stage .ytx-panel,
.ytx-player.ytx-panel-sheet .ytx-stage .ytx-settings,
.ytx-player.ytx-panel-sheet .ytx-stage .ytx-servers{
  left:var(--ytx-panel-gap)!important;
  right:var(--ytx-panel-gap)!important;
  width:auto!important;
  max-width:none!important;
  max-height:min(62%,300px)!important;
  border-radius:14px 14px 10px 10px!important;
  padding:5px!important;
}
.ytx-player.ytx-panel-sheet .ytx-panel-head{padding:6px 8px!important}
.ytx-player.ytx-panel-sheet .ytx-setting-row,
.ytx-player.ytx-panel-sheet .ytx-server{min-height:42px!important;padding:7px 8px!important}
.ytx-player.ytx-panel-sheet .ytx-setting-row{gap:8px!important}
.ytx-player.ytx-panel-sheet .ytx-setting-row select{min-width:104px!important;max-width:50%!important;font-size:9px!important;padding:6px 7px!important}

/* very short players: keep menus inside available stage and scroll internally */
.ytx-player.ytx-panel-low .ytx-stage .ytx-panel,
.ytx-player.ytx-panel-low .ytx-stage .ytx-settings,
.ytx-player.ytx-panel-low .ytx-stage .ytx-servers{
  bottom:48px!important;
  max-height:calc(100% - 62px)!important;
}
.ytx-player.ytx-panel-low .ytx-panel-head strong{font-size:10px!important}
.ytx-player.ytx-panel-low .ytx-panel-head button{width:26px!important;height:26px!important;font-size:18px!important}

/* fullscreen uses a comfortable centered floating panel while still contained */
.ytx-player:fullscreen .ytx-stage .ytx-panel,
.ytx-player:fullscreen .ytx-stage .ytx-settings,
.ytx-player:fullscreen .ytx-stage .ytx-servers,
.ytx-stage:fullscreen .ytx-panel,
.ytx-stage:fullscreen .ytx-settings,
.ytx-stage:fullscreen .ytx-servers{
  width:min(390px,calc(100% - 32px))!important;
  max-height:min(68%,520px)!important;
  bottom:74px!important;
}

/* ensure panels never capture clicks while hidden */
.ytx-stage .ytx-panel[hidden],
.ytx-stage .ytx-settings[hidden],
.ytx-stage .ytx-servers[hidden]{display:none!important;pointer-events:none!important}

@media(max-width:760px){
  .ytx-stage .ytx-panel,.ytx-stage .ytx-settings,.ytx-stage .ytx-servers{
    left:6px!important;right:6px!important;width:auto!important;max-width:none!important;
    bottom:52px!important;max-height:min(64%,320px)!important;
    border-radius:14px 14px 9px 9px!important;
  }
}
@media(max-width:430px){
  .ytx-stage .ytx-panel,.ytx-stage .ytx-settings,.ytx-stage .ytx-servers{
    left:5px!important;right:5px!important;bottom:48px!important;max-height:min(60%,270px)!important;
    padding:4px!important;
  }
  .ytx-setting-row,.ytx-server{min-height:40px!important;padding:6px 7px!important}
}

/* v5.6.3 anchored menus: every popover stays attached to its trigger button */
.ytx-player.ytx-anchor-menus .ytx-stage .ytx-panel,
.ytx-player.ytx-anchor-menus .ytx-stage .ytx-settings,
.ytx-player.ytx-anchor-menus .ytx-stage .ytx-servers{
  left:var(--ytx-menu-left,8px)!important;
  top:var(--ytx-menu-top,8px)!important;
  right:auto!important;
  bottom:auto!important;
  width:min(var(--ytx-menu-width,340px),calc(100% - 12px))!important;
  max-width:calc(100% - 12px)!important;
  max-height:var(--ytx-menu-max-height,min(62%,430px))!important;
  margin:0!important;
  transform:none!important;
  translate:none!important;
  transform-origin:var(--ytx-menu-origin,50% 100%)!important;
}
.ytx-player.ytx-anchor-menus .ytx-stage .ytx-panel.ytx-menu-above,
.ytx-player.ytx-anchor-menus .ytx-stage .ytx-settings.ytx-menu-above,
.ytx-player.ytx-anchor-menus .ytx-stage .ytx-servers.ytx-menu-above{--ytx-menu-origin:50% 100%}
.ytx-player.ytx-anchor-menus .ytx-stage .ytx-panel.ytx-menu-below,
.ytx-player.ytx-anchor-menus .ytx-stage .ytx-settings.ytx-menu-below,
.ytx-player.ytx-anchor-menus .ytx-stage .ytx-servers.ytx-menu-below{--ytx-menu-origin:50% 0%}
/* a subtle pointer visually ties the panel to the button */
.ytx-player.ytx-anchor-menus .ytx-stage .ytx-panel:after{
  content:"";position:absolute;z-index:5;width:10px;height:10px;background:rgba(11,13,18,.98);
  border-left:1px solid rgba(255,255,255,.12);border-top:1px solid rgba(255,255,255,.12);
  left:var(--ytx-menu-caret,50%);pointer-events:none;
}
.ytx-player.ytx-anchor-menus .ytx-stage .ytx-panel.ytx-menu-above:after{bottom:-6px;transform:translateX(-50%) rotate(225deg)}
.ytx-player.ytx-anchor-menus .ytx-stage .ytx-panel.ytx-menu-below:after{top:-6px;transform:translateX(-50%) rotate(45deg)}
@media(max-width:520px){
  .ytx-player.ytx-anchor-menus .ytx-stage .ytx-panel,
  .ytx-player.ytx-anchor-menus .ytx-stage .ytx-settings,
  .ytx-player.ytx-anchor-menus .ytx-stage .ytx-servers{
    width:min(var(--ytx-menu-width,300px),calc(100% - 10px))!important;
    max-width:calc(100% - 10px)!important;
    border-radius:13px!important;
  }
}