/*
 * Estilos mínimos. Solo lo necesario para que los videos se vean en una rejilla.
 * Todo lo demás (colores, fuentes, botones, formulario) queda para ustedes.
 */

[hidden] { display: none !important; }

#grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 10px;
}

.tile video {
    width: 100%;
    background: #000;
}

/* El video propio se ve como espejo */
.tile.local video {
    transform: scaleX(-1);
}