/* Versão web: só no build web (tools/build-web.sh). */
html.web, html.web body { overflow: hidden; overscroll-behavior: none; -webkit-user-select: none; user-select: none; touch-action: manipulation; }
html.web [data-f] { cursor: pointer; }
html.web:not(.touch) [data-f]:hover:not(.focused) { box-shadow: 0 0 0 3px rgba(255,255,255,.35) !important; }
html.web .lv-back { cursor: pointer; }
#web-back { position: fixed; left: 14px; bottom: 14px; z-index: 9999; width: 52px; height: 52px; border-radius: 50%; border: 0; background: rgba(20,20,23,.72); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 6px 20px rgba(0,0,0,.45); opacity: .75; }
#web-back:hover { opacity: 1; background: #E50914; }
#web-rotate { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000; background: #0b0b0d; color: #fff; align-items: center; justify-content: center; text-align: center; font: 600 20px Figtree, sans-serif; }
#web-rotate svg { margin-bottom: 12px; }
@media (orientation: portrait) and (max-width: 900px) { html.touch #web-rotate { display: flex; } }

/* Modo leve: TV com navegador antigo (Media Station X na Samsung/LG). Ligado no <head> do index.html da web (classe "lite"). */
html.lite *, html.lite *::before, html.lite *::after { -webkit-transition: none !important; transition: none !important; }
html.lite .hero-bg.blur, html.lite .detail-bg.blur, html.lite .vod-bg.blur { display: none; }
html.lite #web-back, html.lite #web-rotate { display: none !important; }
html.lite [data-f]:hover:not(.focused) { box-shadow: none !important; }

/* Ao vivo: ícones da coluna recolhida clicáveis com o mouse (web.js abre as categorias). */
html.web #lv-rail .rail-btn { cursor: pointer; }
html.web:not(.touch) #lv-rail .rail-btn:hover { background: rgba(255,255,255,.1); color: #fff; }