www.youtube.com/watch - shorts live by Tim0401

/* ==UserStyle==
@name         www.youtube.com/watch - shorts live
@version      20231210.06.50
@namespace    ?
==/UserStyle== */

@-moz-document url-prefix("https://www.youtube.com/watch") {

body {
    overflow-x: hidden;
    overflow-y: hidden;
}

/* ビデオサイズ */
video.video-stream.html5-main-video {
    height: 100vh !important;
    width: auto !important;
    left: 0 !important;
}

#columns {
    margin: 0 !important;
    gap: 2vw;
    flex-direction: row !important;
}

/* 左側のメインコンテナ */
#primary {
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    flex-basis: auto !important;
}

ytd-watch-flexy[flexy] #primary.ytd-watch-flexy {
    flex: 0 1 auto !important;
    flex-basis: auto !important;
}

/* ビデオサイズに伴うコンテナの調整 */
#player, #primary-inner, #container, #ytd-player, #player-container, #player-container-inner, #player-container-outer, #cinematics-container, .html5-video-player, .html5-video-container {
    height: 100vh !important;
    aspect-ratio:  9 / 16;
}

#ytd-player {
    border-radius: 0px !important;
}

/* ヘッダーの消去 */
#masthead-container {
    display: none;
}
#page-manager {
    margin-top: 0 !important;
}

/* タイトル等画面下のUIを消去 */
#player ~ * {
    display: none;
}
#below > * {
    display: none;
}
ytd-watch-metadata {
    display: none;
}
#comments {
    display: none;
}

/* チャット欄の調整 */
ytd-watch-flexy[flexy] #primary.ytd-watch-flexy:has(#chat) {
    flex-grow: 1 !important;
}
#primary-inner {
    display: flex;
    width: 100%;
    gap: 2vw;
}
#below {
    display: flex;
    flex-grow: 1;
}
#below, #chat-container, #chat {
    flex-grow: 1; 
}
#below > #chat-container {
    display: flex;
    width: fit-content;
}
#chat-container > #chat.ytd-watch-flexy:not([collapsed]) {
    min-width: 300px;
    height: 95vh !important;
}
#secondary {
    flex-grow: 1;
}

/* オーバーレイUIの調整 */
.ytp-chrome-bottom {
    transform-origin: left bottom;
    scale: 0.5625;
    width: 100vh !important;
    margin-left: -1vh;
}

/* プログレスバーの消去 */
.ytp-progress-bar-container{
    display: none;
}
}