/* ==========================================================================
   dNEX-TV: ЭТАЛОННАЯ ОРИГИНАЛЬНАЯ РАМКА И КРИСТАЛЬНЫЕ КАПСУЛЫ
   ========================================================================== */

:root {
    --color-pink: #f472b6;
    --color-pink-glow: rgba(244, 114, 182, 0.85);
    --color-purple: #a855f7;
    --font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-comfortaa: 'Comfortaa', cursive, sans-serif;
}

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    line-height: 1.5;
    font-family: var(--font-sans);
    overscroll-behavior-y: none;
    -webkit-text-size-adjust: 100%;
}

body.player-page {
    background-color: #515558 !important;
    background-image: url('/img/bg.webp') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    color: #ffffff;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 3rem;
    padding-bottom: 7rem;
    overflow-y: scroll;
}

.hidden {
    display: none !important;
}

.hide-cursor, .hide-cursor * {
    cursor: none !important;
}

/* Главный контейнер телевизора */
.player-container {
    width: 100%;
    max-width: 896px; /* max-w-4xl */
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    padding: 0 1rem;
    position: relative;
    z-index: 20;
}

/* 1. ТОЧНАЯ ОРИГИНАЛЬНАЯ РАМКА ТЕЛЕВИЗОРА (ТЯЖЕЛОЕ СТЕКЛО 1-В-1) */
.tv-frame {
    width: 100%;
    aspect-ratio: 16 / 9;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    z-index: 20;
    outline: none;
    
    /* Оригинальный глубокий стеклянный градиент */
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.01) 100%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(120%) !important;
    backdrop-filter: blur(25px) saturate(120%) !important;
    
    /* Оригинальные фаски преломления света */
    border-top: 2px solid rgba(255, 255, 255, 0.20) !important;
    border-left: 2px solid rgba(255, 255, 255, 0.10) !important;
    border-bottom: 2px solid rgba(255, 255, 255, 0.20) !important;
    border-right: 2px solid rgba(255, 255, 255, 0.10) !important;
    
    /* Оригинальные тени и внутренний фацет */
    box-shadow: 
        10px 15px 25px -5px rgba(0, 0, 0, 0.3),
        25px 35px 60px -10px rgba(0, 0, 0, 0.5),
        inset 0 0 0 2px rgba(255, 255, 255, 0.05) !important;
}

/* Защитный оверлей */
#video-overlay {
    position: absolute;
    inset: 0;
    z-index: 35;
    pointer-events: auto;
    cursor: pointer;
    background-color: transparent;
    transition: background-color 300ms ease, opacity 300ms ease, backdrop-filter 300ms ease !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.my-dark-bg {
    background-color: rgba(0, 0, 0, 0.94) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    backdrop-filter: blur(16px) !important;
}

.seamless-curtain {
    background-color: #000000 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Верхняя плашка (скрывает название YouTube) */
#yt-title-blocker {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.98) 0%, rgba(0, 0, 0, 0.75) 65%, transparent 100%);
    z-index: 25 !important;
    pointer-events: none;
    opacity: 0;
}

/* Нижняя плашка (скрывает полосу «Другие видео» и значки YouTube) */
#yt-bottom-blocker {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.98) 0%, rgba(0, 0, 0, 0.75) 65%, transparent 100%);
    z-index: 25 !important;
    pointer-events: none;
    opacity: 0;
}

#watermark-logo {
    position: absolute;
    top: 25px;
    right: 20px;
    z-index: 40;
    opacity: 0.7;
    pointer-events: none;
}

#watermark-logo img {
    height: 40px;
    width: auto;
    filter: drop-shadow(0 10px 8px rgba(0,0,0,0.4));
}

#center-pause-icon {
    width: 6rem;
    height: 6rem;
    color: #ffffff;
    opacity: 0;
    transform: scale(1.5);
    transition: all 0.3s ease;
    position: absolute;
    pointer-events: none;
    filter: drop-shadow(0 20px 25px rgba(0,0,0,0.5));
}

#center-logo {
    width: 50%;
    max-width: 500px;
    height: auto;
    opacity: 0;
    transform: scale(1.5);
    transition: all 0.7s ease-out;
    position: absolute;
    pointer-events: none;
    filter: drop-shadow(0 20px 25px rgba(0,0,0,0.5));
}

#center-logo.logo-visible {
    display: block !important;
    opacity: 1 !important;
    transform: scale(1) !important;
}

@keyframes pulse-neon {
    0% { transform: scale(1) translateZ(0); filter: drop-shadow(0 0 15px rgba(236, 72, 153, 0.4)); }
    50% { transform: scale(1.1) translateZ(0); filter: drop-shadow(0 0 60px rgba(236, 72, 153, 1)); }
    100% { transform: scale(1) translateZ(0); filter: drop-shadow(0 0 15px rgba(236, 72, 153, 0.4)); }
}
.alive-logo {
    animation: pulse-neon 1s ease-in-out 2 !important;
}

/* Экран старта */
#loading-screen {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle, #222222 0%, #000000 100%);
    z-index: 50;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#loading-text {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #ffffff;
    opacity: 0.9;
}

#play-hint {
    font-family: var(--font-comfortaa);
    margin-top: 1.25rem;
    color: var(--color-pink);
    font-size: 1.25rem;
    font-weight: 700;
    animation: bounce 1s infinite;
}

@keyframes bounce {
    0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8,0,1,1); }
    50% { transform: none; animation-timing-function: cubic-bezier(0,0,0.2,1); }
}

/* Контролы нижняя полоса*/
#custom-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 25px 15px 25px;
    /* Глубокий, плотный темный градиент для кнопок и громкости */
    background: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0.95) 45%, rgba(0, 0, 0, 0.6) 80%, transparent 100%) !important;
    transition: opacity 0.3s ease;
    pointer-events: auto !important;
}

.hide-cursor #custom-controls {
    opacity: 0 !important;
    pointer-events: none;
}

.controls-left, .controls-right {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}
.controls-left button, .controls-right button {
    color: #ffffff;
    opacity: 0.9;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.controls-left button:hover, .controls-right button:hover {
    color: var(--color-pink);
    opacity: 1;
    transform: scale(1.08);
}

/* ==========================================================================
   ПОЛЗУНОК ГРОМКОСТИ (КРОССБРАУЗЕРНЫЙ: FIREFOX + CHROME + SAFARI)
   ========================================================================== */

.volume-group {
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
}

#volume-slider {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent !important;
    height: 14px;
    width: 0;
    opacity: 0;
    cursor: pointer;
    border: none;
    outline: none;
    transition: width 0.6s ease-out, opacity 0.6s ease-out, margin-left 0.6s ease-out;
}

.volume-group:hover #volume-slider,
#volume-slider:focus {
    width: 6rem !important;
    opacity: 1 !important;
    margin-left: 0.5rem !important;
}

/* Дорожка градиента для Chrome / Safari / Edge / Opera */
#volume-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    border-radius: 9999px;
    background: linear-gradient(to right, #f472b6, #db2777, #831843) !important;
    border: none;
}

/* Дорожка градиента для Firefox (Gecko) */
#volume-slider::-moz-range-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    border-radius: 9999px;
    background: linear-gradient(to right, #f472b6, #db2777, #831843) !important;
    border: none;
}

#volume-slider::-moz-range-progress {
    background: transparent;
}

/* Белый круглый ползунок для Chrome / Safari / Edge */
#volume-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #ffffff !important;
    cursor: pointer;
    margin-top: -3.5px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
    border: none;
}

/* Белый круглый ползунок для Firefox (Gecko) */
#volume-slider::-moz-range-thumb {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #ffffff !important;
    cursor: pointer;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
    border: none;
}

/* 2. ОРИГИНАЛЬНАЯ СТЕКЛЯННАЯ НОЖКА ТЕЛЕВИЗОРА */
#tv-leg {
    z-index: 10;
    margin-top: 8px !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    max-width: 90% !important;
    min-width: 0px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.03)) !important;
    -webkit-backdrop-filter: blur(20px) saturate(140%) !important;
    backdrop-filter: blur(20px) saturate(140%) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    box-shadow: 
        inset 0 4px 6px rgba(255, 255, 255, 0.25),   
        inset 0 -4px 6px rgba(0, 0, 0, 0.3),        
        0 5px 10px rgba(0, 0, 0, 0.3),
        0 5px 25px rgba(0, 0, 0, 0.5),
        0 30px 70px rgba(0, 0, 0, 0.4) !important;
    border-radius: 9999px !important;
    padding: 3px 16px !important;
    box-sizing: border-box;
}

#track-title {
    font-family: var(--font-comfortaa) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8) !important;
}


/* ==========================================================================
   ИСТОРИЯ ТРЕКОВ: СТРОГО ПО ЦЕНТРУ ЭКРАНА И ПО ШИРИНЕ ТЕЛЕВИЗОРА (ЕДИНЫЙ БЛОК)
   ========================================================================== */
#history-container {
    width: 100% !important;
    max-width: 896px !important; /* Строго по ширине телевизора */
	margin: 2.5rem auto 2.2rem auto !important; /* Равномерные отступы сверху и снизу */
    align-self: center !important; /* Принудительное центрирование во flex-контейнере */
    display: flex;
    flex-direction: column;
    border-radius: 1rem;
    overflow-y: auto;
    max-height: 143px;
    opacity: 0;
    transition: opacity 0.5s ease;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0%, transparent 100%) !important;
    -webkit-backdrop-filter: blur(8px) saturate(120%) !important;
    backdrop-filter: blur(8px) saturate(120%) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.05) !important;
    box-sizing: border-box !important;

    /* Полное скрытие полосы прокрутки для Firefox и IE/Edge */
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

/* Полное скрытие полосы прокрутки для Chrome, Safari, Opera */
#history-container::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

 /* Не менять! */
.history-item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* Сужаем вертикальные отступы строго до краев картинки-превью */
    padding: 6px 14px !important;
    height: 60px;
    flex-shrink: 0;
    min-height: 0 !important;
    transition: background-color 0.1s ease;
    /* Тонкая серая полоса-разделитель */
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* У последнего элемента в списке полоску убираем, чтобы низ контейнера был чистым */
.history-item:last-child {
    border-bottom: none !important;
}

.history-item:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

.history-info {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
    flex: 1 1 0%;
}

/* Иконка YouTube слева */
.history-yt-icon {
    font-size: 1.5rem;
    color: #9ca3af;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    flex-shrink: 0;
}
.history-item:hover .history-yt-icon {
    color: #ef4444; /* Краснеет при наведении на строку */
}

.history-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1 1 0%;
    font-family: var(--font-comfortaa);
}

.history-artist {
    color: var(--color-pink);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: capitalize;
    letter-spacing: 0.05em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.25;
}

.history-song {
    color: #ffffff;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.history-actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-left: 1rem;
    flex-shrink: 0;
}

/* Надпись "СКАЧАТЬ:" и ее оригинальный цвет #8288dd при наведении */
.history-download-label {
    font-size: 0.65rem;
    color: #6b7280;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-right: 0.5rem;
    display: block;
    transition: color 0.3s ease;
}
.history-item:hover .history-download-label {
    color: #8288dd !important; /* Тот самый оригинальный цвет */
}

/* Иконки сервисов скачивания */
.history-actions a {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
}

.history-actions a:hover {
    opacity: 1;
    transform: scale(1.1);
}

.history-actions a img {
    height: 1.10rem;
    width: auto;
    filter: grayscale(100%);
}

.history-actions a:hover img {
    filter: grayscale(0%);
}


/* Иконка превью с мягкими скругленными углами и легкой стеклянной рамкой */
.history-thumb {
    width: 4.8rem;
    height: 2.8rem;
    object-fit: cover;
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35) !important;
    flex-shrink: 0;
}


/* 3. ОРИГИНАЛЬНЫЙ ФУТЕР И ПРИГЛУШЕННЫЕ КАПЛИ */
#site-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 50;
    display: flex;
    flex-direction: column;
    align-items: center;
    pointer-events: none;
}

.footer-box {
    width: 100%;
    max-width: 64rem;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding-bottom: 0.4rem;
    pointer-events: auto;
}

.footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.1rem;
}

/* В спокойном состоянии: почти прозрачные (как в оригинале) */
.footer-links button {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 9999px !important;
    padding: 4px 18px !important;
    margin: 0 3px !important;
    color: rgba(255, 255, 255, 0.35) !important; /* Приглушенный цвет шрифта */
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em;
    box-shadow: 
        inset 0 1px 2px rgba(255, 255, 255, 0.1),
        0 2px 4px rgba(0, 0, 0, 0.15) !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
    cursor: pointer !important;
}

/* ПРИ НАВЕДЕНИИ: КНОПКА ТЕМНЕЕТ, НЕ МЕНЯТЬ!!! */
.footer-links button:hover {
    background: rgba(76,76,76, 0.8) !important; /* Капсула темнеет */
    border-color: rgba(255, 255, 255, 0.25) !important;
    color: var(--color-pink) !important; /* Шрифт загорается розовым */
}

/* Разделительные точки между капсулами */
.footer-dot {
    color: rgba(255, 255, 255, 0.20) !important;
    font-size: 10px !important;
    user-select: none;
    margin: 0 3px;
}

.footer-donations {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    opacity: 0.7;
}
.footer-donations img {
    height: 1rem;
    width: auto;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.4));
    transition: transform 0.2s ease;
}
.footer-donations a:hover img {
    transform: scale(1.15);
    opacity: 1;
}

.footer-copyright {
    width: 100%;
    text-align: center;
    padding: 4px 1rem;
    font-size: 11px;
    background-color: #303338;
    color: rgba(255, 255, 255, 0.75);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    pointer-events: auto;
}

/* ==========================================================================
   ТИПОГРАФИКА И СТИЛИ ДОКУМЕНТОВ МОДАЛЬНОГО ОКНА (#legal-content-box)
   ========================================================================== */

.glass-modal-body {
    padding: 2rem 2.5rem !important;
    overflow-y: auto !important;
    flex: 1 1 0% !important;
    font-size: 0.9375rem !important;
    line-height: 1.7 !important;
    color: #d1d5db !important;
    font-family: var(--font-sans) !important;
}

/* Заголовки документов */
.glass-modal-body h1,
.glass-modal-body h2 {
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-bottom: 1.25rem !important;
    letter-spacing: 0.02em !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding-bottom: 0.5rem !important;
}

.glass-modal-body h3 {
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    color: var(--color-pink) !important;
    margin-top: 1.5rem !important;
    margin-bottom: 0.75rem !important;
}

/* Абзацы и списки */
.glass-modal-body p {
    margin-bottom: 1rem !important;
    color: #9ca3af !important;
    text-align: justify !important;
}

.glass-modal-body ul,
.glass-modal-body ol {
    margin-bottom: 1.25rem !important;
    padding-left: 1.5rem !important;
    color: #9ca3af !important;
}

.glass-modal-body li {
    margin-bottom: 0.5rem !important;
}

.glass-modal-body strong {
    color: #ffffff !important;
}

/* Ссылки (email и внешние переходы) */
.glass-modal-body a {
    color: var(--color-pink) !important;
    text-decoration: underline !important;
    transition: color 0.2s ease !important;
}

.glass-modal-body a:hover {
    color: #ffffff !important;
}

/* Выделенные блоки / предупреждения */
.glass-modal-body blockquote,
.glass-modal-body .note {
    background: rgba(236, 72, 153, 0.08) !important;
    border-left: 3px solid var(--color-pink) !important;
    padding: 0.75rem 1rem !important;
    margin: 1.25rem 0 !important;
    border-radius: 0 0.5rem 0.5rem 0 !important;
    color: #e5e7eb !important;
}

/* Fullscreen и Smart TV */
#tv-wrapper:fullscreen,
#tv-wrapper:-webkit-full-screen {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #000000 !important;
}
#tv-wrapper:fullscreen #player,
#tv-wrapper:-webkit-full-screen #player {
    transform: scale(1) !important;
}

/* Нативная поддержка полноэкранного режима для iOS (Safari iPhone/iPad) */
#tv-wrapper.ios-fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: none !important;
    aspect-ratio: auto !important;
    border-radius: 0 !important;
    border: none !important;
    z-index: 999999 !important;
    background: #000000 !important;
}
#tv-wrapper.ios-fullscreen #player,
#tv-wrapper.ios-fullscreen #player iframe {
    top: 0 !important;
    height: 100% !important;
    transform: none !important;
}

body.is-smart-tv {
    background-image: none !important;
    background: #3a3f42 !important;
}
body.is-smart-tv .tv-frame {
    box-shadow: none !important;
}
body.is-smart-tv #tv-leg {
    background: #3a3f42 !important;
    backdrop-filter: none !important;
    border: 1px solid rgba(238, 238, 238, 0.5) !important;
    box-shadow: none !important;
}


/* ==========================================================================
   ЦЕНТРАЛЬНЫЙ ЗНАЧОК ПАУЗЫ (БУКВА "D")
   ========================================================================== */

#center-pause-icon {
    /* =======================================================================
       >>> ВОТ ЗДЕСЬ МЕНЯЕТСЯ РАЗМЕР КАРТИНКИ (БУКВЫ "D") <<<
       Можете указать в пикселях (например: 100px, 120px, 140px)
       ======================================================================= */
    width: 110px !important;
    max-width: 25vw !important;
    height: auto !important;

    opacity: 0;
    transform: scale(1.0);
    position: absolute;
    pointer-events: none;
    z-index: 40 !important;

    /* Эффектная неоновая тень вокруг буквы D на паузе */
    filter: drop-shadow(0 15px 30px rgba(236, 72, 153, 0.45)) drop-shadow(0 0 20px rgba(0, 0, 0, 0.8)) !important;
    will-change: transform, opacity;
}

/* ==========================================================================
   ФИЗИЧЕСКИЙ ВЫНОС СЛУЖЕБНЫХ ПАНЕЛЕЙ YOUTUBE ЗА ГРАНИЦЫ ЭКРАНА
   ========================================================================== */

#player,
#player iframe {
    position: absolute !important;
    /* Сдвигаем плеер вверх на 50px, срезая название видео и аватар канала */
    top: -50px !important;
    left: 0 !important;
    width: 100% !important;
    /* Увеличиваем высоту на 100px, срезая нижнюю полосу «Другие видео» и логотип YouTube */
    height: calc(100% + 100px) !important;
    z-index: 10 !important;
    pointer-events: none !important;
    transform: scale(1.025) translateZ(0) !important;
	transform-origin: center center !important;
    border: none !important;
}

/* Корректировка среза в полноэкранном режиме (Fullscreen) */
#tv-wrapper:fullscreen #player,
#tv-wrapper:-webkit-full-screen #player,
#tv-wrapper:fullscreen #player iframe,
#tv-wrapper:-webkit-full-screen #player iframe {
    top: -55px !important;
    height: calc(100% + 110px) !important;
    width: 100% !important;
    transform: none !important;
}