// ==UserScript==
// @name         Hector’s Big Picture for Plex
// @namespace    https://github.com/hectorlizard
// @version      1.0.0
// @description  TV-like UI for Plex’s web client Play page
// @homepageURL  https://github.com/hectorlizard/big-picture-plex
// @downloadURL  https://raw.githubusercontent.com/hectorlizard/big-picture-plex/main/hectors-big-picture-for-plex.user.js
// @updateURL    https://raw.githubusercontent.com/hectorlizard/big-picture-plex/main/hectors-big-picture-for-plex.user.js
// @match        https://app.plex.tv/*
// @grant        GM_addStyle
// @run-at       document-start
// ==/UserScript==

(() => {
	GM_addStyle(String.raw`


.FullPageBackground-backgroundContainer-mKhZ21 .undefined {
	filter: saturate(1.05) contrast(1.52) brightness(6.7) blur(2px);
	position: absolute;
	width: 75% !important;
	height: 75% !important;
	right: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.FullPageBackground-backgroundContainer-mKhZ21 .undefined::before {
	content:"";
	display: block;
	position: absolute;
	width: 75vw;
	height: 75vh;
	background-color: #030A0E;
	mix-blend-mode: difference;
	opacity: 1;
	filter: none !important;
}

.FullPageBackground-backgroundContainer-mKhZ21::after {
	content:"";
	display: block;
	position: absolute;
	width: 76vw;
	height: 76vh;
	background-image: linear-gradient(90deg, #191A1C 0%, rgba(25,26,28,0.20) 34%),
					  linear-gradient(0deg, #191A1C 0%, rgba(25,26,28,0.20) 58%);
	filter: none !important;
	right: 0;
	top: 0;
	box-shadow: 0 0 0 5000px #191A1C;
}

#plex > div > div > div:nth-child(2) {
    background-image: none !important;
}

.PrePlayPageContent-prePlayContentWrapper-Zi1xEP::before {
	content:"";
	display: block;
	position: absolute;
	right: 0;
	top: -75vh;
	width: 100vw;
	height: 200vh;
	background-image: linear-gradient(0deg, rgba(25,26,28,.8) 0%, rgba(25,26,28,0) 34%);
	box-shadow: 0 0 0 5000px rgba(25,26,28,.8);
}

.FullPageBackground-backgroundContainer-mKhZ21 .undefined {
    height: 100% !important;
}

.FullPageBackground-backgroundContainer-mKhZ21 {
    max-height: 750px;
}

.FullPageBackground-backgroundContainer-mKhZ21::after {
max-height: 750px !important;
}
`);
})();