/* ========================================================================== StreamVerse TV mode — 10-foot UI layer (Fire TV / Android TV). Activates only when tv-mode.js adds . Built on the app's existing classes; conservative overrides only. ========================================================================== */ /* Couch-readable base size */ html.tv-mode { font-size: 20px; } /* No mouse cursor on a TV */ html.tv-mode, html.tv-mode * { cursor: none !important; } /* External-player pill belongs in Settings, not floating over TV UI */ html.tv-mode .sv-ext-launcher { display: none !important; } /* FlixVision-style focus: clear blue ring + gentle lift, remote-visible */ html.tv-mode .focused, html.tv-mode .tv-focus, html.tv-mode a:focus-visible, html.tv-mode button:focus-visible, html.tv-mode input:focus-visible, html.tv-mode [tabindex]:focus-visible { outline: 3px solid #4c9aff !important; outline-offset: 3px; box-shadow: 0 0 0 3px rgba(76, 154, 255, 0.9), 0 10px 30px rgba(0, 0, 0, 0.55), 0 0 28px rgba(76, 154, 255, 0.45) !important; border-radius: 10px; } html.tv-mode .home-content-card.focused, html.tv-mode .home-poster-card.focused, html.tv-mode .card.focused, html.tv-mode .poster-card.focused, html.tv-mode .home-content-card.tv-focus, html.tv-mode .home-poster-card.tv-focus, html.tv-mode .card.tv-focus, html.tv-mode .poster-card.tv-focus { transform: scale(1.06); z-index: 3; } /* Overscan-safe gutters: TVs crop the outer few percent of the picture */ @media (min-width: 1280px) { html.tv-mode .home-screen-shell, html.tv-mode .settings-workspace, html.tv-mode .search-shell, html.tv-mode .detail-hero-section, html.tv-mode [class*="catalog-see-all"], html.tv-mode [class*="folder-detail"] { padding-left: max(3vw, 28px); padding-right: max(3vw, 28px); } } /* Poster rows: uniform 2:3 art, no ragged edges, smooth horizontal drift */ html.tv-mode .home-poster-card img, html.tv-mode .poster-card img, html.tv-mode .card img { aspect-ratio: 2 / 3; object-fit: cover; width: 100%; height: auto; background: #14161a; } html.tv-mode .card-row, html.tv-mode .home-grid-catalogs, html.tv-mode .folder-row-track { scroll-behavior: smooth; } /* Buttons and tiles: minimum comfortable target for D-pad landing */ html.tv-mode button, html.tv-mode a, html.tv-mode [role="button"] { min-height: 44px; } /* Keep video controls readable from across the room */ html.tv-mode .detail-trailer-controls-bottom, html.tv-mode .detail-trailer-control-bar { font-size: 1.1rem; }