html.platform-androidtv,
html.platform-androidtv body {
  background: var(--bg, #0a0007) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  overflow: hidden !important;
  user-select: none !important;
}

/* Override mobile-android.css — queremos la tele entera */
html.platform-androidtv .tv-body {
  padding: 20px 20px 0 !important;
  border-radius: 16px 16px 12px 12px !important;
  background: linear-gradient(145deg, var(--tv-bezel-light, #2a1a22), var(--tv-bezel, #1a0a12), var(--bg, #0a0007)) !important;
  box-shadow: 0 0 0 2px var(--tv-bezel, #1a0a12), 0 0 0 4px var(--bg, #0a0007), 0 12px 40px rgba(0,0,0,0.88), inset 0 2px 4px rgba(255,255,255,0.06) !important;
}

html.platform-androidtv .screen-bezel {
  padding: 24px 24px 8px 24px !important;
  border-radius: 10px !important;
}

html.platform-androidtv .screen {
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  border-radius: 8px !important;
}

/* Efectos retro SIEMPRE visibles */
html.platform-androidtv .crt-overlay,
html.platform-androidtv .scanline-moving,
html.platform-androidtv .screen-glow {
  display: block !important;
}

/* Mantener canal horizontal scroll (mobile-android.css lo pone bien) */
html.platform-androidtv .channel-list-container {
  display: flex !important;
}

/* Ocultar solo los botones físicos (se usan con mando, no ratón) */
html.platform-androidtv .tv-controls {
  display: none !important;
}

html.platform-androidtv .tv-stand {
  display: none !important;
}

html.platform-androidtv .guide-container {
  display: none !important;
}

/* Header más compacto para TV */
html.platform-androidtv .header {
  height: 40px !important;
  padding: 0 16px !important;
}

html.platform-androidtv .header .signal-info {
  font-size: 13px !important;
}

html.platform-androidtv .ticker {
  display: block !important;
  font-size: 14px !important;
}

/* Focus visible neón */
html.platform-androidtv .screen:focus {
  outline: 3px solid rgba(212, 255, 0, 0.5) !important;
  outline-offset: -3px !important;
}

html.platform-androidtv button:focus,
html.platform-androidtv [tabindex]:focus {
  outline: 3px solid #D4FF00 !important;
  outline-offset: 3px !important;
}

/* OSD más grande en TV */
html.platform-androidtv .channel-number { font-size: 56px !important; }
html.platform-androidtv .channel-name   { font-size: 24px !important; }
html.platform-androidtv .now-playing    { font-size: 18px !important; }

html.platform-androidtv #vote-osd #vote-btn {
  min-width: 72px !important;
  min-height: 72px !important;
  font-size: 32px !important;
}

/* Modo cine: pantalla completa CON efectos retro */
html.platform-androidtv body.tv-cinema {
  background: #000 !important;
}

html.platform-androidtv body.tv-cinema .tv-wrapper {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 50 !important;
  background: #000 !important;
}

html.platform-androidtv body.tv-cinema .tv-body,
html.platform-androidtv body.tv-cinema .screen-bezel {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

html.platform-androidtv body.tv-cinema .screen {
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

html.platform-androidtv body.tv-cinema .header,
html.platform-androidtv body.tv-cinema .channel-list-container,
html.platform-androidtv body.tv-cinema .ticker {
  display: none !important;
}