/* PrimoTV - the web player http://primotv.watch/ (app/index.php, app/shell.js; the masked shell of 27 Oct 2026). The app fills the window in a
 * borderless frame; the one <video> is under it and follows the app's player (or the guide's preview) wherever it is. */
html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: #050505; color-scheme: dark; }
.sv { position: fixed; left: 0; top: 0; width: 0; height: 0; z-index: 0; display: block; background: #000; object-fit: contain; visibility: hidden; pointer-events: none; }
/* the title previews' picture (27 Oct 2026): placed early, shown when the app says so (its art fades out over it) */
.sp { opacity: 0; background: transparent; }
.sf { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; background: transparent; color-scheme: dark; }
.sx { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; padding: 24px; background: #050505; color: rgba(255, 255, 255, 0.82); font: 500 15px/1.45 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; text-align: center; }
.sx[hidden] { display: none; }
.sx img { width: 180px; max-width: 50vw; height: auto; }
.sx p { margin: 0; max-width: 460px; }
.sx a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 22px; border-radius: 999px; background: #e50914; color: #fff; font-weight: 600; text-decoration: none; }
.sx a + a { background: rgba(255, 255, 255, 0.12); }