ニコニココメ欄つき全画面風 by kome

/* ==UserStyle==
@name         ニコニココメ欄つき全画面風
@version      20241024.06.06
@namespace    https://userstyles.world/user/kome
@description  ページの上側を動画とコメ欄だけにします
ヘッダーは消してます
横幅が狭いときは動画とコメ欄を縦並びにしてほかの要素は全部消します
@author       kome
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://www.nicovideo.jp/watch/") {
/* 全体 */
#CommonHeader,
header.d_flex:nth-child(2) {
display: none !important }

.bdr_m {
border-radius: 0 !important; }

.py_x2,
.d_grid {
padding: 0; }

#menu\:\:r5\:\:ctx-trigger {
height: 100%; }
}

@-moz-document url-prefix("https://www.nicovideo.jp/watch/") {
/* 横幅が広いときは動画とコメ欄を広げる */
@media (min-width: 900px) {
.d_grid {
--watch-player-max-width: 100vw !important;
--watch-player-width-by-browser: calc(100vw - var(--watch-sidebar-width) - var(--watch-layout-gap-width) - var(--scrollbar-width)) !important;
--watch-player-height-by-browser: calc( 100vh - var(--watch-controller-height) - var(--watch-actionbar-height)) !important; }

.asp_auto {
flex-grow: 1;
display: flex;
flex-direction: column; }

.asp_auto > div:nth-child(1) {
flex-grow: 1; }

.h_var\(--watch-player-height\),
.grid-area_\[player\],
.gap_\[var\(--watch-player-actionbar-gap-height\)\] {
height: 99vh;
min-height:calc(var(--watch-player-height) + var(--watch-actionbar-height) + var(--watch-controller-height)); } }
}

@-moz-document url-prefix("https://www.nicovideo.jp/watch/") {
/* 横幅が狭いときは動画とコメ欄をだけにして縦ならびにする */
@media (max-width: 899px) {
.d_grid {
display: flex;
flex-direction: column;
max-width: 100vw;
height: 100vh }

.py_x2 {
padding: 0; }

.grid-area_\[player\] {
order: 1; }

.grid-area_\[sidebar\] {
order: 2;
flex-grow: 1; }

.h_\[calc\(_var\(--watch-player-height\)_\+_var\(--watch-actionbar-height\)_-_var\(--watch-collapsible-panel-header-height\)_-_var\(--watch-layout-gap-height\)_\)\],
[id ^= "tabs::"],
.grid-area_\[meta\],
.grid-area_\[bottom\] {
display: none !important; }

div.flex-d_column:nth-child(7),
.h_var\(--watch-player-height\) {
height: 100% } }
}