/* Mando en el móvil: aviso de «Mando desconectado» y botón discreto para que la tele recupere el control. Todo cuelga de .tv-notice / .tv-takeback / .tv-takeconfirm.
 * Compatibilidad con Chromium ~60: sin gap en flexbox, sin min()/max()/clamp(), sin aspect-ratio ni inset. */
.tv-notice { position: fixed; left: 50%; bottom: 3.2rem; transform: translateX(-50%); z-index: 710; max-width: 90%; padding: 0.8rem 1.4rem; border-radius: 0.8rem; background: #14532d; color: #fff; border: 2px solid #bbf7d0; font-size: 1.2rem; font-weight: 800; text-align: center; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6); }
.tv-notice.hidden { display: none; }
.tv-takeback { position: fixed; left: 0.8rem; bottom: 0.6rem; z-index: 705; padding: 0.4rem 0.9rem; font-size: 0.9rem; font-weight: 700; color: #e9d5ff; background: rgba(30, 27, 75, 0.78); border: 1px solid rgba(196, 181, 253, 0.6); border-radius: 999px; opacity: 0.75; }
.tv-takeback:focus, .tv-takeback:hover { opacity: 1; font-size: 1.15rem; padding: 0.55rem 1.2rem; outline: 3px solid #facc15; background: #312e81; color: #fff; }
.tv-takeback.hidden { display: none; }
.tv-mode .tv-takeback { font-size: 1.1rem; padding: 0.5rem 1.1rem; }
.tv-mode .tv-notice { font-size: 1.6rem; bottom: 3.6rem; }
.tv-takeconfirm { z-index: 720; }
.tv-takeconfirm .modal { max-width: 34rem; }