/* ShizaHD — стили страницы iframe-плеера. Вынесено из player.php.
   Подключается с ?v=<time()> — временно не кэшируется на период отладки. */

html,body{margin:0;padding:0;width:100%;height:100%;background:#000;overflow:hidden}

/* #player — наибольший 16:9-прямоугольник, вписанный во вьюпорт, ПО ЦЕНТРУ (как YouTube).
   Раньше держали 16:9 по центру вьюпорта — но во встройках с не-16:9 (высоким/квадратным) контейнером это давало
   чёрные поля сверху/снизу. Теперь ЗАПОЛНЯЕМ контейнер целиком (как CCDN): #player+стейдж+<video> на 100%,
   видео сохраняет пропорции через object-fit:contain. !important — перебиваем инлайн-размеры PlayerJS. */
#player{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
/* Внутренние элементы PlayerJS — заполнить #player по высоте (не держать 16:9 от ширины), видео letterbox внутри */
#player > div{width:100%!important;height:100%!important}
#player video{width:100%!important;height:100%!important;object-fit:contain!important}

/* Сообщение «Загрузка…» / ошибки — по центру вьюпорта, не зависит от размера #player */
#msg{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;
  color:#ddd;font:14px/1.5 system-ui,sans-serif;text-align:center;padding:16px;box-sizing:border-box}

/* Наш оверлей выбора Сезон/Серия/Озвучка (верхний левый угол) */
#ctrl{position:absolute;top:10px;left:10px;z-index:60;display:flex;gap:8px;flex-wrap:wrap;
  justify-content:flex-start;max-width:calc(100% - 20px)}
#ctrl select{background:rgba(13,17,23,.92);color:#e6edf3;border:1px solid #2a3340;border-radius:8px;
  padding:6px 10px;font:13px system-ui;max-width:46vw;cursor:pointer}
#ctrl select:hover{border-color:#3b82f6}
#ctrl select:focus{outline:none;border-color:#3b82f6}
#seasonSel,#episodeSel{max-width:32vw}

.hidden{display:none!important}